@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";.admin-page{max-width:1400px;margin:0 auto;padding:32px 24px}.admin-header{margin-bottom:32px}.admin-header h1{margin:0 0 8px;font-size:2rem;color:#fff}.admin-header p{margin:0;color:#b8c5d6}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #2a2f3d;padding-bottom:16px}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:#b8c5d6;font-size:.95rem;cursor:pointer;border-radius:8px;transition:all .2s}.admin-tab:hover{background:#2a2f3d;color:#fff}.admin-tab.active{background:#d65a4a;color:#fff}.admin-content{min-height:400px}.admin-section{background:#1a1d26;border-radius:16px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0;font-size:1.5rem;color:#fff}.admin-table-container{overflow-x:auto;border-radius:12px;background:#2a2f3d}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid #3a3f4d}.admin-table th{background:#3a3f4d;color:#b8c5d6;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#e8edf5}.admin-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge--active{background:#34d39926;color:#34d399}.status-badge--banned{background:#f8717126;color:#f87171}.btn--icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn--icon:hover{transform:scale(1.05)}.btn--primary{background:#d65a4a;color:#fff}.btn--danger{background:#f87171;color:#fff}.btn--edit{background:#5b8cff;color:#fff}.btn--warning{background:#facc15;color:#000}.admin-actions{display:flex;gap:8px}.admin-actions .btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:.85rem;min-width:60px;border-radius:8px;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.admin-actions .btn svg{width:20px;height:20px;display:block;color:currentColor;flex-shrink:0}.admin-header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-title{display:flex;align-items:center;gap:16px}.admin-crown-icon{color:#f2c75c;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.admin-header-info{display:flex;align-items:center;gap:12px}.admin-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#d65a4a,#b8473a);border-radius:20px;font-weight:600;font-size:.85rem;color:#fff;box-shadow:0 4px 12px #d65a4a4d}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#12192ae6,#162034e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}.stat-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-icon--users{background:linear-gradient(135deg,#5b8cff,#4a7ae8);color:#fff}.stat-icon--coins{background:linear-gradient(135deg,#f2c75c,#d4b54a);color:#1a1610}.stat-icon--xp{background:linear-gradient(135deg,#facc15,#e4b412);color:#1a1610}.stat-icon--games{background:linear-gradient(135deg,#34d399,#2bb87e);color:#fff}.stat-icon--banned{background:linear-gradient(135deg,#f87171,#e85a5a);color:#fff}.stat-icon--growth{background:linear-gradient(135deg,#b08cff,#9a7ae8);color:#fff}.stat-content{flex:1}.stat-label{font-size:.85rem;color:#97a3ba;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:#f5f2e9;margin:0 0 4px}.stat-sub{font-size:.85rem;color:#6e7a91;margin:0}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.chart-card{padding:24px;background:linear-gradient(135deg,#12192ae6,#162034e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-card h3{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:1.1rem;color:#f5f2e9}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;transition:background .2s}.activity-item:hover{background:#ffffff0f}.activity-icon{flex-shrink:0}.activity-icon--success{color:#34d399}.activity-icon--info{color:#5b8cff}.activity-icon--warning{color:#facc15}.activity-icon--danger{color:#f87171}.activity-info{flex:1}.activity-title{margin:0 0 4px;font-size:.9rem;color:#f5f2e9}.activity-time{margin:0;font-size:.8rem;color:#6e7a91}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f5f2e9;font-size:.9rem;cursor:pointer;transition:all .3s}.quick-action-btn:hover{background:#ffffff14;border-color:#f2c75c4d;transform:translateY(-2px)}.quick-action-btn span{font-weight:500}.form-hint{font-size:.8rem;color:#6e7a91;margin:4px 0 0;font-style:italic}.edit-form-preview{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f2c75c1a;border:1px solid rgba(242,199,92,.3);border-radius:8px;margin-top:16px}.preview-item{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:.85rem;color:#97a3ba}.preview-value{font-size:.9rem;font-weight:600;color:#f2c75c}.section-header-actions{display:flex;gap:8px;align-items:center}.items-gift-section{padding:24px;background:linear-gradient(135deg,#12192ae6,#162034e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.items-gift-section h3{margin:0 0 20px;font-size:1.2rem;color:#f5f2e9}.gift-form{display:flex;flex-direction:column;gap:16px}.gift-form .form-group{display:flex;flex-direction:column;gap:8px}.gift-form label{font-size:.9rem;color:#97a3ba;font-weight:500}.gift-form input,.gift-form select{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f5f2e9;font-size:.9rem}.gift-form select{cursor:pointer}.gift-form select optgroup{font-weight:600;color:#f2c75c}.admin-actions .btn:hover{transform:scale(1.05);opacity:.9}.admin-actions .btn span{font-size:.75rem;white-space:nowrap;font-weight:600}.room-code{font-family:monospace;font-size:1.1rem;font-weight:600;color:#d65a4a}.admin-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.game-card{background:#2a2f3d;border-radius:12px;padding:20px;border:1px solid #3a3f4d}.game-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.game-card-header h3{margin:0;font-size:1rem;color:#fff;font-family:monospace}.game-status{padding:4px 12px;background:#34d39926;color:#34d399;border-radius:20px;font-size:.85rem}.game-players{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.game-player{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1a1d26;border-radius:8px}.player-name{color:#e8edf5;font-weight:500}.player-color{font-size:.85rem;padding:4px 8px;border-radius:4px}.player-color--red{background:#d65a4a33;color:#d65a4a}.player-color--black{background:#8b95a833;color:#8b95a8}.game-info{display:flex;gap:16px;margin-bottom:16px;color:#b8c5d6;font-size:.9rem}.game-actions{display:flex;gap:8px}.empty-state{text-align:center;padding:48px 24px;color:#b8c5d6}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.loading-spinner{color:#d65a4a}.loading-page p{color:#b8c5d6;margin:0}.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal{background:#1a1d26;border-radius:16px;padding:32px;max-width:500px;width:90%;border:1px solid #3a3f4d}.edit-modal h2{margin:0 0 24px;color:#fff}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-form label{color:#b8c5d6;font-size:.9rem;margin-bottom:4px}.edit-form input{padding:12px;background:#2a2f3d;border:1px solid #3a3f4d;border-radius:8px;color:#fff;font-size:1rem}.edit-form input:focus{outline:none;border-color:#d65a4a}.edit-form-actions{display:flex;gap:12px;margin-top:24px}.edit-form-actions button{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-size:1rem}.edit-form-actions .btn-save{background:#d65a4a;color:#fff}.edit-form-actions .btn-cancel{background:#3a3f4d;color:#fff}.admin-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.admin-notification-modal{width:100%;max-width:450px;padding:32px;background:linear-gradient(135deg,#12192afa,#162034fa);border:2px solid rgba(242,199,92,.5);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #f2c75c33;text-align:center}.admin-notification-modal-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2c75c33,#d65a4a33);border-radius:20px;color:#f2c75c;border:2px solid rgba(242,199,92,.3)}.admin-notification-modal-title{margin:0 0 16px;font-size:1.5rem;font-weight:700;color:#f5f2e9}.admin-notification-modal-message{margin:0 0 20px;font-size:1rem;color:#97a3ba;line-height:1.6}.admin-notification-modal-changes{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f2c75c1a;border:1px solid rgba(242,199,92,.3);border-radius:12px;margin-bottom:16px}.changes-label{font-size:.85rem;color:#6e7a91;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.changes-value{font-size:1.1rem;font-weight:700;color:#f2c75c}.admin-notification-modal-admin{margin:0 0 24px;font-size:.9rem;color:#6e7a91;font-style:italic}.admin-notification-modal-actions{display:flex;gap:12px;justify-content:center}.admin-notification-modal-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.btn--secondary{background:#ffffff1a;color:#97a3ba}.btn--secondary:hover{background:#ffffff26}.btn--primary{background:linear-gradient(135deg,#d65a4a,#b8473a);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d65a4a66}.events-tabs{display:flex;gap:12px;margin-bottom:24px}.events-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#97a3ba;font-size:.9rem;cursor:pointer;transition:all .3s}.events-tab:hover{background:#ffffff1a;border-color:#f2c75c4d}.events-tab.active{background:linear-gradient(135deg,#d65a4a,#b8473a);border-color:#d65a4a;color:#fff}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.event-card{padding:24px;background:linear-gradient(135deg,#12192ae6,#162034e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,box-shadow .3s}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.event-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2c75c33,#d65a4a33);border-radius:12px;color:#f2c75c}.event-title{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#f5f2e9}.event-description{margin:0 0 16px;font-size:.9rem;color:#97a3ba;line-height:1.5}.event-reward{display:flex;align-items:center;gap:16px;padding:12px;background:#f2c75c1a;border:1px solid rgba(242,199,92,.3);border-radius:8px;margin-bottom:16px}.event-reward span{font-size:.9rem;font-weight:600;color:#f2c75c}.event-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-info-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#6e7a91}.event-actions{display:flex;gap:8px}.event-form-container{max-width:600px;margin:0 auto}.event-form{padding:32px;background:linear-gradient(135deg,#12192ae6,#162034e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-form h2{margin:0 0 24px;font-size:1.5rem;color:#f5f2e9}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#97a3ba;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f5f2e9;font-size:.9rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f2c75c80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.status-badge--upcoming{background:#34d39933;color:#34d399;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge--active{background:#f2c75c33;color:#f2c75c;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge--finished{background:#94a3b833;color:#94a3b8;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}:root{--bg: #070a12;--bg-soft: #0b101c;--panel: rgba(18, 25, 42, .72);--panel-strong: #121a2b;--panel-2: #162034;--line: rgba(255, 255, 255, .075);--line-strong: rgba(255, 255, 255, .13);--gold: #f2c75c;--gold-bright: #ffe08a;--gold-deep: #c99a34;--gold-soft: rgba(242, 199, 92, .13);--text: #f5f2e9;--muted: #97a3ba;--muted-2: #6e7a91;--green: #34d399;--red: #f87171;--blue: #5b8cff;--violet: #b08cff;--radius: 20px;--radius-sm: 14px;--shadow: 0 24px 60px rgba(0, 0, 0, .45);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Manrope", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1100px 700px at 82% -12%,rgba(242,199,92,.09),transparent 62%),radial-gradient(900px 600px at 6% 12%,rgba(91,140,255,.08),transparent 58%),radial-gradient(1000px 800px at 50% 120%,rgba(176,140,255,.07),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#f2c75c47;color:#fff}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.12;margin:0;letter-spacing:.2px}h1{font-size:clamp(30px,3.6vw,44px)}h2{font-size:clamp(23px,2.4vw,30px)}h3{font-size:20px}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}img,svg{display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#f2c75c66}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.55}.ambient--one{width:520px;height:520px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(242,199,92,.16),transparent 68%)}.ambient--two{width:620px;height:620px;bottom:-280px;left:-200px;background:radial-gradient(circle,rgba(91,140,255,.13),transparent 66%)}.ambient--grid{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;filter:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.65),transparent 72%);mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.65),transparent 72%)}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;background:#070a12b8;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1240px;margin:0 auto;padding:0 26px;height:74px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#171004;background:linear-gradient(145deg,var(--gold-bright),var(--gold) 45%,var(--gold-deep));box-shadow:0 8px 20px #f2c75c47,inset 0 1px #fff9}.logo-word{display:flex;flex-direction:column;line-height:1}.logo-word-main{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:3.2px;color:var(--text)}.logo-word-sub{font-size:9.5px;letter-spacing:7.4px;color:var(--gold);font-weight:700;margin-top:2px}.logo--compact .logo-mark{width:38px;height:38px;border-radius:11px}.main-nav{display:flex;align-items:center;gap:4px;margin:0 auto}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:11px;color:var(--muted);font-size:13.5px;font-weight:600;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-link:hover{color:var(--text);background:#ffffff0b}.nav-link.is-active{color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px #f2c75c29}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.level-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(242,199,92,.22);background:#f2c75c14;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.3px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:#ffffff09;color:var(--muted);cursor:pointer;transition:.18s ease}.icon-button:hover{color:var(--gold);border-color:#f2c75c59;background:var(--gold-soft)}.topbar-user{margin-left:4px}.topbar-avatar-mobile{display:none}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid transparent;transition:.18s ease}.user-chip:hover{background:#ffffff0a;border-color:var(--line)}.user-chip-info{display:flex;flex-direction:column;line-height:1.2}.user-chip-name{font-size:12.5px;font-weight:700;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip-rank{font-size:10.5px;font-weight:600}.page{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:38px 26px 90px;flex:1}.mobile-nav{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:700;letter-spacing:.15px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap;background:transparent}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--gold{color:#1a1205;background:linear-gradient(135deg,#ffe9a9 0%,var(--gold) 44%,#d3a33c 100%);border-color:#ffe59bb3;box-shadow:0 10px 26px #f2c75c42,inset 0 1px #ffffff8c}.btn--gold:hover:not(:disabled){box-shadow:0 14px 32px #f2c75c5c,inset 0 1px #fff9}.btn--ghost{color:var(--text);background:#ffffff0a;border-color:var(--line-strong)}.btn--ghost:hover:not(:disabled){border-color:#f2c75c66;background:#f2c75c14;color:var(--gold-bright)}.btn--text{color:var(--muted);padding:10px 12px}.btn--text:hover:not(:disabled){color:var(--gold);background:#ffffff09}.btn--danger{color:#2a0707;background:linear-gradient(135deg,#ff9b9b,#ef4444);border-color:#ffa0a099}.btn--danger-ghost{color:#fca5a5;border-color:#f871713d;background:#f871710f}.btn--danger-ghost:hover:not(:disabled){background:#f871711f;border-color:#f8717173}.btn--small{padding:8px 14px;font-size:12.5px;border-radius:10px}.btn--large{padding:15px 28px;font-size:15px;border-radius:14px}.btn--block{width:100%}.btn.is-disabled{opacity:.55}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-size:12.5px;font-weight:700;transition:.18s ease}.text-link:hover{color:var(--gold-bright);gap:8px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}.panel{background:linear-gradient(160deg,#182135d1,#0e1422c7);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 16px 40px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h2{font-size:23px;margin-top:3px}.panel-count{font-size:12px;color:var(--muted);background:#ffffff0d;border:1px solid var(--line);padding:4px 10px;border-radius:999px;font-weight:700}.panel-heading-icon{color:var(--gold);opacity:.8}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#0b0d14;font-weight:800;letter-spacing:.4px;flex-shrink:0;border:1px solid rgba(255,255,255,.2);-webkit-user-select:none;user-select:none}.avatar--ring{box-shadow:0 0 0 4px #f2c75c21,0 0 0 1px #f2c75c66,0 12px 30px #0006}.coin-amount{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--gold-bright);font-variant-numeric:tabular-nums}.coin-amount--sm{font-size:12.5px;padding:5px 10px 5px 6px;border-radius:999px;background:#f2c75c17;border:1px solid rgba(242,199,92,.2)}.coin-amount--md{font-size:15px}.coin-amount--lg{font-size:24px;gap:10px}.coin-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:800;color:#4a3306;background:radial-gradient(circle at 35% 30%,#fff2bd,var(--gold) 55%,#b07f1f);box-shadow:inset 0 0 0 1px #ffffff59,0 2px 6px #0006}.coin-amount--sm .coin-icon{width:17px;height:17px;font-size:9px}.coin-amount--lg .coin-icon{width:30px;height:30px;font-size:15px}.coin-value{line-height:1}.xp{display:flex;flex-direction:column;gap:7px}.xp-labels{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.xp-track{height:7px;border-radius:999px;background:#ffffff13;border:1px solid rgba(255,255,255,.05);overflow:hidden}.xp-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c99a34,var(--gold),#ffe9a9);box-shadow:0 0 14px #f2c75c80}.xp--compact .xp-track{height:5px}.rank-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.rank-badge--sm{font-size:9.5px;padding:3px 7px;letter-spacing:.2px}.rank-badge--lg{font-size:13px;padding:6px 14px}.rarity{display:inline-block;padding:3px 9px;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;border:1px solid}.rarity--common{color:#c7d2e2;background:#c7d2e214;border-color:#c7d2e238}.rarity--uncommon{color:#7ee2b0;background:#34d39917;border-color:#34d3994d}.rarity--rare{color:#7fb0ff;background:#5b8cff1a;border-color:#5b8cff57}.rarity--epic{color:#d0a8ff;background:#b08cff1c;border-color:#b08cff5c}.rarity--legendary{color:#ffd979;background:#f2c75c1f;border-color:#f2c75c66}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h2{font-size:25px;margin-top:4px}.stat-tile{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(150deg,#192236b3,#0d132099)}.stat-tile-label{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.stat-tile-value{font-family:var(--font-display);font-size:28px;line-height:1.1;font-weight:700}.stat-tile-hint{font-size:10.5px;color:var(--muted-2)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(26,18,5,.25);border-top-color:#1a1205;animation:spin .7s linear infinite;display:inline-block}.spinner--dark{border-color:#fff3;border-top-color:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden}.splash-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(242,199,92,.16),transparent 66%);filter:blur(20px)}.splash .logo{transform:scale(1.35)}.splash-loader{width:180px;height:3px;border-radius:999px;background:#ffffff14;overflow:hidden}.splash-loader span{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));animation:splashSlide 1.2s ease-in-out infinite}.splash p{color:var(--muted);font-size:12px;letter-spacing:1.6px;text-transform:uppercase}@keyframes splashSlide{0%{transform:translate(-110%)}to{transform:translate(430%)}}.auth-page{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.auth-showcase{position:relative;padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;gap:26px;justify-content:center;overflow:hidden}.auth-brand{display:flex;align-items:center;gap:18px;position:absolute;top:clamp(28px,4vw,46px);left:clamp(32px,5vw,64px)}.auth-brand-tag{font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--muted-2);border-left:1px solid var(--line-strong);padding-left:18px}.auth-headline{max-width:560px;margin-top:70px}.auth-headline h1{font-size:clamp(38px,4.6vw,58px);line-height:1.06;margin:12px 0 16px;letter-spacing:-.5px}.auth-headline h1 em{font-style:italic;color:var(--gold);background:linear-gradient(120deg,#ffe9a9,var(--gold) 60%,#d3a33c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-headline p{color:var(--muted);font-size:15px;max-width:470px;line-height:1.7}.auth-board-wrap{position:relative;width:min(420px,78%);margin:6px auto 0}.auth-board-float{width:100%;filter:drop-shadow(0 34px 50px rgba(0,0,0,.55))}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#101727db;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3}.floating-card strong{display:block;font-size:11.5px;line-height:1.3}.floating-card span{display:block;font-size:9.5px;color:var(--muted)}.floating-card--rank{top:8%;left:-16%}.floating-card--profile{right:-14%;top:44%}.floating-card--coins{bottom:2%;left:-6%}.floating-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#c9b6ff;background:#b08cff21;border:1px solid rgba(176,140,255,.24)}.floating-icon--gold{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c3d}.auth-features{display:flex;flex-wrap:wrap;gap:10px 26px;color:var(--muted);font-size:11.5px;font-weight:600;margin-top:4px}.auth-features span{display:inline-flex;align-items:center;gap:7px}.auth-features svg{color:var(--gold)}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px clamp(20px,4vw,56px);background:linear-gradient(160deg,#10172699,#080b13b3);border-left:1px solid var(--line);position:relative}.auth-card{width:100%;max-width:420px;padding:34px 34px 30px;border-radius:26px;background:linear-gradient(165deg,#172033f0,#0c111df5);border:1px solid rgba(255,255,255,.09);box-shadow:0 34px 80px #00000080,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(242,199,92,.5),transparent)}.auth-card-mobile-logo{display:none;margin-bottom:22px}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);margin-bottom:26px}.auth-tabs button{position:relative;z-index:2;padding:10px;background:none;border:none;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;border-radius:9px;transition:color .2s ease}.auth-tabs button.is-active{color:#1a1205}.auth-tab-slider{position:absolute;z-index:1;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:linear-gradient(135deg,#ffe9a9,var(--gold) 60%,#d3a33c);box-shadow:0 6px 16px #f2c75c38;transition:transform .28s cubic-bezier(.4,0,.2,1)}.auth-tab-slider.is-right{transform:translate(100%)}.auth-card h2{font-size:29px;margin-bottom:6px}.auth-subtitle{color:var(--muted);font-size:13px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.field-control{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:#0609108c;transition:border-color .18s ease,box-shadow .18s ease}.field-control:focus-within{border-color:#f2c75c8c;box-shadow:0 0 0 3px #f2c75c1a}.field-control>svg{color:var(--muted-2);flex-shrink:0}.field-control input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;padding:13px 0;outline:none}.field-control input::placeholder{color:var(--muted-2);font-weight:500}.field-eye{background:none;border:none;color:var(--muted-2);cursor:pointer;padding:4px;display:grid;place-items:center}.field-eye:hover{color:var(--gold)}.form-error{color:#fca5a5;font-size:12px;font-weight:600;background:#f8717114;border:1px solid rgba(248,113,113,.2);padding:9px 12px;border-radius:10px}.auth-submit{margin-top:4px;padding:14px}.auth-switch{margin-top:20px;text-align:center;font-size:12.5px;color:var(--muted)}.auth-switch button{background:none;border:none;color:var(--gold);font-weight:700;cursor:pointer;padding:0;font-size:inherit}.auth-switch button:hover{color:var(--gold-bright);text-decoration:underline}.auth-terms{margin-top:18px;font-size:10.5px;line-height:1.6;color:var(--muted-2);text-align:center;border-top:1px solid var(--line);padding-top:16px}.toast-stack{position:fixed;z-index:200;right:20px;bottom:22px;display:flex;flex-direction:column;gap:9px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:13px;font-size:12.5px;font-weight:600;background:#131b2df5;border:1px solid var(--line-strong);box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast svg{flex-shrink:0}.toast--success{border-color:#34d3995c}.toast--success svg{color:var(--green)}.toast--error{border-color:#f8717166}.toast--error svg{color:var(--red)}.toast--info svg{color:var(--blue)}.toast--reward{border-color:#f2c75c66}.toast--reward svg{color:var(--gold)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{margin:8px 0;font-size:clamp(30px,3.4vw,42px)}.page-heading p{color:var(--muted);font-size:13.5px;max-width:560px}.home-page{display:flex;flex-direction:column;gap:30px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.hero-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(24px,3vw,40px);border-radius:26px;border:1px solid rgba(242,199,92,.18);background:radial-gradient(620px 300px at 88% 40%,rgba(242,199,92,.14),transparent 62%),linear-gradient(135deg,#1f283fe6,#0d121ff0);box-shadow:var(--shadow),inset 0 1px #ffffff0f;overflow:hidden}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 78% 50%,#000,transparent 62%);mask-image:radial-gradient(circle at 78% 50%,#000,transparent 62%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:540px}.hero-hello{display:flex;align-items:center;gap:12px;margin-bottom:12px}.hero-copy h1{font-size:clamp(31px,3.3vw,46px);line-height:1.06;letter-spacing:-.4px;margin-bottom:13px}.hero-copy h1 em{font-style:italic;color:var(--gold);background:linear-gradient(120deg,#ffe9a9,var(--gold) 65%,#d3a33c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{color:var(--muted);max-width:420px;font-size:13.5px;margin-bottom:20px}.hero-xp{max-width:340px;margin-bottom:22px}.hero-next-rank{display:block;margin-top:6px;font-size:10.5px;color:var(--muted-2)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{position:relative;width:min(310px,34%);flex-shrink:0;z-index:2}.hero-board-glow{position:absolute;top:12%;right:4%;bottom:12%;left:4%;border-radius:50%;background:radial-gradient(circle,rgba(242,199,92,.35),transparent 68%);filter:blur(30px)}.hero-board{position:relative;transform:rotate(-3deg);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}.hero-float{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;border-radius:12px;background:#0c121fe6;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:9.5px;color:var(--muted)}.hero-float strong{color:var(--text);font-size:13px;line-height:1.2}.hero-float svg{color:var(--gold);margin-bottom:2px}.hero-float--coins{top:10%;left:-10%}.hero-float--level{bottom:8%;right:-8%}.daily-card{padding:24px;border-radius:26px;border:1px solid rgba(242,199,92,.2);background:radial-gradient(300px 200px at 90% 0%,rgba(242,199,92,.14),transparent 70%),linear-gradient(160deg,#1b243aeb,#0d121ff5);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.daily-card.is-claimed{border-color:var(--line)}.daily-head{display:flex;align-items:center;gap:12px}.daily-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.25)}.daily-head h3{font-size:18px;margin-top:2px}.daily-card>p{font-size:12px;color:var(--muted);line-height:1.6}.streak-dots{display:flex;gap:6px}.streak-dots span{flex:1;height:26px;display:grid;place-items:center;border-radius:8px;font-size:9.5px;font-weight:800;color:var(--muted-2);background:#ffffff0a;border:1px solid var(--line)}.streak-dots span.is-active{color:#23180a;background:linear-gradient(145deg,#ffe9a9,var(--gold));border-color:#ffe59bb3;box-shadow:0 4px 12px #f2c75c40}.daily-reward{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:13px;background:#ffffff09;border:1px dashed rgba(242,199,92,.25)}.daily-xp{font-size:11px;font-weight:700;color:var(--violet)}.daily-streak-label{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--muted-2);font-weight:600}.daily-streak-label svg{color:#fb923c}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px}.home-section{min-width:0}.difficulty-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.difficulty-mini{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 16px 15px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(150deg,#192236b8,#0c121eb3);cursor:pointer;text-align:left;transition:.2s ease;overflow:hidden}.difficulty-mini:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.7}.difficulty-mini:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 14px 30px #00000047}.difficulty-mini-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin-bottom:6px}.difficulty-mini strong{font-size:14px}.difficulty-mini>span:not(.difficulty-mini-icon){font-size:10.5px;color:var(--muted)}.difficulty-mini-arrow{position:absolute;right:13px;bottom:14px;color:var(--muted-2);transition:.2s ease}.difficulty-mini:hover .difficulty-mini-arrow{color:var(--accent);transform:translate(2px)}.leader-mini{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#182135b3,#0d1320a6);padding:8px;display:flex;flex-direction:column;gap:2px}.leader-mini-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;transition:background .18s ease}.leader-mini-row:hover{background:#ffffff09}.leader-position{width:22px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--muted-2);text-align:center;flex-shrink:0}.leader-position.position-1{color:var(--gold)}.leader-position.position-2{color:#cdd6e4}.leader-position.position-3{color:#d19a6a}.leader-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px #ffffff59;opacity:.9}.leader-mini-info{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}.leader-mini-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-mini-info span{font-size:10px;color:var(--muted-2)}.leader-trophy{color:var(--gold);flex-shrink:0}.skeleton-list{height:260px;border-radius:12px;background:linear-gradient(100deg,#ffffff08 20%,#ffffff12,#ffffff08 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.featured-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:14px}.featured-item{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,#192236b8,#0c121eb3);overflow:hidden;transition:.2s ease}.featured-item:hover{transform:translateY(-3px);border-color:#f2c75c4d;box-shadow:0 18px 40px #0000004d}.featured-preview{padding:18px 22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(242,199,92,.07),transparent 70%);min-height:150px}.featured-preview .board-preview{width:min(170px,70%)}.featured-info{display:flex;flex-direction:column;gap:5px;padding:0 18px 16px}.featured-info strong{font-size:14px}.featured-achievements{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:24px;border-radius:18px;border:1px solid rgba(176,140,255,.26);background:radial-gradient(220px 160px at 100% 0%,rgba(176,140,255,.18),transparent 70%),linear-gradient(160deg,#211c38cc,#0e0f20cc);transition:.2s ease}.featured-achievements:hover{transform:translateY(-3px);border-color:#b08cff73}.featured-achievements strong{font-family:var(--font-display);font-size:30px;color:var(--violet);line-height:1.1;margin-top:6px}.featured-achievements-sub{font-size:10.5px;color:var(--muted)}.featured-achievements>svg{position:absolute;right:18px;bottom:18px;color:var(--muted-2)}.mini-progress{height:5px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:10px}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,var(--violet))}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.play-page{display:flex;flex-direction:column;gap:22px}.play-balance{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff08}.mode-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#ffffff09;border:1px solid var(--line);align-self:flex-start}.mode-toggle button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.mode-toggle button.is-active{color:#1a1205;background:linear-gradient(135deg,#ffe9a9,var(--gold) 60%,#d3a33c);box-shadow:0 6px 16px #f2c75c38}.difficulty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.difficulty-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px 18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(155deg,#192236c2,#0b101cc7);cursor:pointer;text-align:left;transition:.2s ease;overflow:hidden}.difficulty-card:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--accent);opacity:0;transition:opacity .2s ease}.difficulty-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.difficulty-card.is-selected{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:radial-gradient(220px 160px at 50% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),linear-gradient(155deg,#1c263ce6,#0c111ed9);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 18px 40px #0000004d}.difficulty-card.is-selected:before{opacity:1}.difficulty-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#0b0d14;background:var(--accent)}.difficulty-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);margin-bottom:8px}.difficulty-card>strong{font-family:var(--font-display);font-size:21px}.difficulty-desc{font-size:11px;color:var(--muted);line-height:1.45;min-height:32px}.difficulty-stars{display:flex;gap:2px;color:#ffffff29;font-size:11px}.difficulty-stars .is-on{color:var(--accent)}.difficulty-reward{display:flex;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--line);width:100%;font-size:10.5px;color:var(--muted);font-weight:600}.difficulty-reward span{display:inline-flex;align-items:center;gap:4px}.difficulty-reward svg{color:var(--accent)}.play-lower{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}.play-summary{display:flex;align-items:center;gap:20px;padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,#182135b8,#0c121eb3)}.play-summary-art{width:130px;flex-shrink:0}.play-summary-copy h3{font-size:21px;margin:4px 0 6px}.play-summary-copy p{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-bottom:10px}.play-rules{padding:20px 22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,#18213599,#0c121e99)}.play-rules .section-title{margin-bottom:10px}.play-rules .section-title h2{font-size:19px}.play-rules ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11.5px}.play-rules li::marker{color:var(--gold)}.play-rules-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:10.5px;color:var(--muted-2)}.play-rules-link:hover{color:var(--gold)}.local-mode-card{display:flex;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,44px);border-radius:24px;border:1px solid rgba(242,199,92,.18);background:radial-gradient(500px 300px at 10% 50%,rgba(242,199,92,.1),transparent 65%),linear-gradient(140deg,#1b243ad9,#0b101ce6);box-shadow:var(--shadow)}.local-mode-art{width:min(320px,40%);flex-shrink:0;transform:rotate(-2deg);filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}.local-mode-copy h2{font-size:clamp(26px,3vw,36px);margin:8px 0 12px}.local-mode-copy>p{color:var(--muted);font-size:13px;max-width:500px;margin-bottom:16px}.local-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.local-badges span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;font-size:10.5px;color:var(--muted)}.local-badges svg{color:var(--gold)}.play-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:20px;border:1px solid rgba(242,199,92,.24);background:radial-gradient(400px 160px at 80% 50%,rgba(242,199,92,.13),transparent 70%),linear-gradient(120deg,#1e273de6,#0e1320eb);flex-wrap:wrap}.play-cta>div{display:flex;flex-direction:column;gap:3px}.play-cta strong{font-family:var(--font-display);font-size:21px}.play-cta-note{font-size:11px;color:var(--muted)}.matchmaking-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 74px);padding:26px}.matchmaking-container{width:100%;max-width:500px}.matchmaking-header{text-align:center;margin-bottom:32px}.matchmaking-header h1{font-size:clamp(28px,4vw,36px);margin-bottom:8px}.matchmaking-header p{color:var(--muted);font-size:14px}.matchmaking-idle{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:24px;background:linear-gradient(160deg,#182135d1,#0e1422c7);border:1px solid var(--line);box-shadow:var(--shadow)}.matchmaking-buttons{display:flex;flex-direction:column;gap:12px}.room-code-display{font-size:48px;font-weight:800;letter-spacing:8px;color:var(--gold);background:#f2c75c1a;border:2px solid rgba(242,199,92,.3);border-radius:16px;padding:20px;text-align:center;margin:16px 0}.room-input-group{display:flex;gap:12px}.room-code-input{flex:1;padding:16px 20px;border-radius:12px;border:1px solid var(--line-strong);background:#0609108c;color:var(--text);font-size:18px;font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase;outline:none}.room-code-input:focus{border-color:#f2c75c8c;box-shadow:0 0 0 3px #f2c75c1a}.matchmaking-info{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:#ffffff09;border:1px solid var(--line)}.matchmaking-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.25);flex-shrink:0}.matchmaking-details{flex:1;min-width:0}.matchmaking-details h2{font-size:20px;margin:4px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchmaking-details p{color:var(--muted);font-size:13px}.matchmaking-searching{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;border-radius:24px;background:linear-gradient(160deg,#182135d1,#0e1422c7);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.searching-spinner{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.25)}.searching-spinner svg{animation:spin 1.5s linear infinite}.matchmaking-searching h2{font-size:24px}.matchmaking-searching p{color:var(--muted);font-size:14px}.matchmaking-found{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 32px;border-radius:24px;background:linear-gradient(160deg,#34d3991f,#0e1422e6);border:1px solid rgba(52,211,153,.3);box-shadow:var(--shadow);text-align:center}.match-success-icon{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:800;color:#0b3d24;background:linear-gradient(135deg,#7ee2b0,#34d399);box-shadow:0 12px 30px #34d39966}.matchmaking-found h2{font-size:24px;color:var(--green)}.match-players{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.match-player{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line);min-width:140px}.match-player-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player-color{font-size:12px;color:var(--muted)}.match-vs{font-size:14px;font-weight:800;color:var(--gold);letter-spacing:2px}.game-page{display:flex;flex-direction:column;gap:16px;min-width:0}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff09;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.3px}.meta-chip--button{cursor:pointer;transition:.18s ease}.meta-chip--button:hover{color:var(--gold);border-color:#f2c75c59}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.game-main{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-radius:15px;border:1px solid var(--line);background:#131b2c8c;transition:.22s ease}.player-bar.is-active{border-color:#f2c75c5c;background:linear-gradient(120deg,#f2c75c16,#131b2c99);box-shadow:0 0 0 1px #f2c75c14,0 12px 30px #0000002e}.player-identity{display:flex;align-items:center;gap:11px;min-width:0}.player-bot{width:42px;height:42px;border-radius:50%;border:1px solid;display:grid;place-items:center;flex-shrink:0}.player-names{display:flex;flex-direction:column;line-height:1.3;min-width:0}.player-names strong{display:flex;align-items:center;gap:7px;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-names>span{font-size:10.5px;color:var(--muted-2)}.you-tag{display:inline-block;padding:1px 6px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.22)}.thinking-dots span{animation:blink 1.2s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.player-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.captured-pieces{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted)}.captured-disc{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0006;border:1px solid rgba(255,255,255,.15)}.turn-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(242,199,92,.22);color:var(--gold);font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.turn-chip>span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);animation:pulseDot 1.6s infinite}@keyframes pulseDot{50%{opacity:.4}}.player-role{color:var(--muted-2)}.player-rank{display:inline-block;margin-top:2px;font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.5px;text-transform:uppercase}.board-stage{position:relative;width:100%;max-width:600px;margin:0 auto;min-height:0}.must-capture{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#0c121ee6;border:1px solid rgba(248,113,113,.4);color:#fca5a5;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.board-ended{position:absolute;inset:auto 0 0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:12px;border-radius:14px;background:#0a0f1af0;border:1px solid rgba(242,199,92,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .35s ease both}.board-ended>span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--gold)}.game-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}.control-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;border-radius:12px;border:1px solid var(--line);background:#ffffff09;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;transition:.18s ease;position:relative}.control-button:hover:not(:disabled){color:var(--gold);border-color:#f2c75c52;background:var(--gold-soft)}.control-button:disabled{opacity:.4;cursor:not-allowed}.control-button small{position:absolute;top:4px;right:7px;font-size:8.5px;color:var(--muted-2)}.control-button--danger:hover:not(:disabled){color:#fca5a5;border-color:#f8717152;background:#f8717114}.game-side{display:flex;flex-direction:column;gap:11px}.game-side-panel{padding:18px}.side-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11.5px}.side-row:last-child{border-bottom:none}.side-row span{color:var(--muted)}.side-row strong{font-size:11.5px;text-align:right}.reward-panel{padding:18px;border-color:#f2c75c33;background:radial-gradient(200px 120px at 100% 0%,rgba(242,199,92,.1),transparent 70%),linear-gradient(160deg,#1a2236cc,#0d121fcc)}.reward-preview{display:flex;gap:8px;margin-top:10px}.reward-preview span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:#ffffff0d;border:1px solid var(--line);font-size:10.5px;font-weight:700;color:var(--gold)}.panel-note{margin-top:9px;font-size:10px;color:var(--muted-2);line-height:1.5}.tips-panel{padding:18px}.tips-panel p{margin-top:8px;font-size:11.5px;color:var(--muted);line-height:1.6}.collection-panel{padding:18px}.collection-info{display:flex;align-items:center;gap:10px;margin-top:10px}.collection-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.2)}.collection-info>div{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}.collection-info strong{font-size:11.5px}.collection-info span{font-size:9.5px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-shell{width:100%;max-width:600px;margin:0 auto;min-width:280px}.board-frame{position:relative;padding:clamp(9px,1.8vw,15px);border-radius:20px;background:linear-gradient(150deg,var(--frame-a),var(--frame-b));border:1px solid var(--frame-line, rgba(255, 255, 255, .14));box-shadow:0 30px 60px #00000080,0 0 0 1px #0006,inset 0 1px #ffffff29,inset 0 -3px 10px #0006;width:100%}.board-frame:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:16px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;min-width:280px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 2px #00000059,0 4px 18px #0000004d;position:relative;z-index:1}.square{position:relative;border:none;padding:0;margin:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--sq-light);transition:filter .15s ease,box-shadow .15s ease}.square--dark{background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 55%),var(--sq-dark);box-shadow:inset 0 0 0 .5px #00000029}.square--light{background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 60%),var(--sq-light)}.square:hover{filter:brightness(1.06)}.square.is-selected{box-shadow:inset 0 0 0 3px #ffe08af2,inset 0 0 22px #f2c75c59}.square.is-last-from:after,.square.is-last-to:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f2c75c21;pointer-events:none}.square.is-last-to:after{background:#f2c75c33;box-shadow:inset 0 0 0 2px #f2c75c59}.square.is-last-path:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f2c75c14;pointer-events:none;box-shadow:inset 0 0 0 1px #f2c75c33}.square.is-hint{box-shadow:inset 0 0 0 2px #5b8cffcc,inset 0 0 20px #5b8cff47}.square.is-hint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b8cff1f;pointer-events:none}.coord{position:absolute;font-size:clamp(7px,1.05vw,9px);font-weight:700;opacity:.55;pointer-events:none;line-height:1;z-index:3}.coord--row{top:3px;left:3px}.coord--col{bottom:3px;right:4px}.square--light .coord{color:#1c160cb3}.square--dark .coord{color:#ffffffbf}.piece{position:relative;z-index:2;width:76%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 33% 26%,var(--r-hi),var(--r-mid) 52%,var(--r-lo) 100%);border:1.5px solid var(--r-edge);box-shadow:0 5px 10px #00000073,0 1px 2px #0006,inset 0 2px 5px #ffffff38,inset 0 -4px 7px #00000061;transition:transform .2s ease-out,opacity .2s ease-out}.piece.is-moving{animation:pieceMove .3s ease-out}@keyframes pieceMove{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pieceIn{0%{transform:scale(.88)}to{transform:scale(1)}}.piece--b{background:radial-gradient(circle at 33% 26%,var(--b-hi),var(--b-mid) 52%,var(--b-lo) 100%);border-color:var(--b-edge)}.piece:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 3px #00000040;pointer-events:none}.piece--b:before{border-color:#ffffff1f}.piece-gloss{position:absolute;top:9%;left:18%;width:58%;height:32%;border-radius:50%;background:linear-gradient(180deg,#ffffff73,#fff0);filter:blur(1px);pointer-events:none}.piece--king{box-shadow:0 5px 10px #00000073,0 0 0 2px #f2c75ca6,0 0 12px #f2c75c59,inset 0 2px 5px #ffffff3d,inset 0 -4px 7px #00000061}.piece-crown{position:relative;z-index:3;display:grid;place-items:center;color:#ffe6a1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65)) drop-shadow(0 0 4px rgba(242,199,92,.4))}.piece-crown svg{width:48%;height:auto;min-width:11px}.capture-ghost{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:ghostOut .55s ease forwards;pointer-events:none}@keyframes ghostOut{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.move-dot{position:absolute;z-index:4;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe9a9,var(--gold) 60%,#b9861e);box-shadow:0 0 10px #f2c75cb3;pointer-events:none;animation:dotPulse 1.6s ease-in-out infinite}.move-dot--capture{width:70%;aspect-ratio:1;background:transparent;border:2.5px solid rgba(255,120,120,.9);box-shadow:0 0 14px #f8717166,inset 0 0 12px #f8717140}@keyframes dotPulse{50%{transform:scale(.82);opacity:.75}}.board-theme-classic{--frame-a: #4a2f18;--frame-b: #26160a;--frame-line: rgba(242, 199, 92, .3);--sq-light: #f0d9ae;--sq-dark: #9c6636}.board-theme-emerald{--frame-a: #0d3b2c;--frame-b: #061d16;--frame-line: rgba(126, 226, 176, .28);--sq-light: #e7f3e3;--sq-dark: #1f6d4d}.board-theme-royal{--frame-a: #3a2463;--frame-b: #1b1030;--frame-line: rgba(176, 140, 255, .35);--sq-light: #f3e8ca;--sq-dark: #4d3679}.board-theme-midnight{--frame-a: #142441;--frame-b: #07101f;--frame-line: rgba(91, 140, 255, .35);--sq-light: #344666;--sq-dark: #111d33}.board-theme-marble{--frame-a: #4b4e58;--frame-b: #22242b;--frame-line: rgba(232, 232, 240, .32);--sq-light: #f2f2f5;--sq-dark: #4f525c}.board-theme-neon{--frame-a: #0b2a33;--frame-b: #050d16;--frame-line: rgba(65, 245, 208, .45);--sq-light: #183246;--sq-dark: #081522}.board-theme-neon .square--dark{box-shadow:inset 0 0 0 1px #41f5d017}.board-theme-neon .square--light{box-shadow:inset 0 0 0 1px #e879f91a}.board-theme-neon .board-grid{box-shadow:inset 0 0 0 2px #41f5d040,0 0 30px #41f5d01f}.board-theme-thunder{--frame-a: #f97316;--frame-b: #166534;--frame-line: rgba(249, 115, 22, .4);--sq-light: #fb923c;--sq-dark: #22c55e;position:relative;overflow:hidden}.board-theme-thunder:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(249,115,22,.1) 10px,rgba(249,115,22,.1) 20px);animation:thunderStrike 3s linear infinite;pointer-events:none;z-index:1}.board-theme-thunder:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(249,115,22,.3) 0%,transparent 70%);animation:thunderGlow 2s ease-in-out infinite;pointer-events:none;z-index:0}.board-theme-thunder .square--dark{box-shadow:inset 0 0 0 1px #f9731626;position:relative;z-index:2}.board-theme-thunder .square--light{box-shadow:inset 0 0 0 1px #22c55e26;position:relative;z-index:2}.board-theme-thunder .board-grid{box-shadow:inset 0 0 0 2px #f973164d,0 0 40px #f9731626,0 0 40px #22c55e26;animation:thunderPulse 2s ease-in-out infinite;position:relative;z-index:2}@keyframes thunderStrike{0%{transform:translate(-50%,-50%) rotate(0);opacity:.3}50%{opacity:.6}to{transform:translate(-50%,-50%) rotate(360deg);opacity:.3}}@keyframes thunderGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes thunderPulse{0%,to{box-shadow:inset 0 0 0 2px #f973164d,0 0 40px #f9731626,0 0 40px #22c55e26}50%{box-shadow:inset 0 0 0 2px #f9731680,0 0 60px #f9731640,0 0 60px #22c55e40}}.board-theme-aurora{--frame-a: #8b5cf6;--frame-b: #1e1b4b;--frame-line: rgba(139, 92, 246, .4);--sq-light: #c4b5fd;--sq-dark: #4c1d95;position:relative;overflow:hidden}.board-theme-aurora:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:200%;background:linear-gradient(180deg,#8b5cf666,#3b82f666,#ec489966,#22c55e66,#8b5cf666);animation:auroraWave 6s ease-in-out infinite;pointer-events:none;z-index:1}.board-theme-aurora:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.3) 0%,transparent 60%);animation:auroraGlow 4s ease-in-out infinite;pointer-events:none;z-index:0}.board-theme-aurora .square--dark{box-shadow:inset 0 0 0 1px #8b5cf61f;position:relative;z-index:2}.board-theme-aurora .square--light{box-shadow:inset 0 0 0 1px #ec48991f;position:relative;z-index:2}.board-theme-aurora .board-grid{box-shadow:inset 0 0 0 2px #8b5cf64d,0 0 50px #8b5cf633,0 0 50px #ec489933;animation:auroraShift 4s ease-in-out infinite;position:relative;z-index:2}@keyframes auroraWave{0%,to{transform:translateY(-50%)}50%{transform:translateY(0)}}@keyframes auroraGlow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes auroraShift{0%,to{box-shadow:inset 0 0 0 2px #8b5cf64d,0 0 50px #8b5cf633,0 0 50px #ec489933}33%{box-shadow:inset 0 0 0 2px #3b82f64d,0 0 50px #3b82f633,0 0 50px #8b5cf633}66%{box-shadow:inset 0 0 0 2px #ec48994d,0 0 50px #ec489933,0 0 50px #3b82f633}}.board-theme-inferno{--frame-a: #ef4444;--frame-b: #7f1d1d;--frame-line: rgba(239, 68, 68, .4);--sq-light: #fca5a5;--sq-dark: #991b1b;position:relative;overflow:hidden}.board-theme-inferno:before{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:150%;background:linear-gradient(0deg,rgba(239,68,68,.5) 0%,rgba(251,146,60,.4) 30%,transparent 100%);animation:infernoRise 2s ease-in-out infinite;pointer-events:none;z-index:1}.board-theme-inferno:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 100%,rgba(239,68,68,.4) 0%,transparent 70%);animation:infernoGlow 1.5s ease-in-out infinite;pointer-events:none;z-index:0}.board-theme-inferno .square--dark{box-shadow:inset 0 0 0 1px #ef444426;position:relative;z-index:2}.board-theme-inferno .square--light{box-shadow:inset 0 0 0 1px #fb923c26;position:relative;z-index:2}.board-theme-inferno .board-grid{box-shadow:inset 0 0 0 2px #ef44444d,0 0 45px #ef444433,0 0 45px #fb923c33;animation:infernoFlicker 1.5s ease-in-out infinite;position:relative;z-index:2}@keyframes infernoRise{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-20%);opacity:.7}}@keyframes infernoGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes infernoFlicker{0%,to{box-shadow:inset 0 0 0 2px #ef44444d,0 0 45px #ef444433,0 0 45px #fb923c33}50%{box-shadow:inset 0 0 0 2px #ef444480,0 0 55px #ef44444d,0 0 55px #fb923c4d}}@keyframes lightningFlash{0%{opacity:0;stroke-width:3}10%{opacity:1;stroke-width:4}30%{opacity:.8}50%{opacity:1;stroke-width:2}to{opacity:0;stroke-width:1}}@keyframes auroraFloat{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-10px);opacity:.5}}@keyframes flameRise{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-30px) scale(.5);opacity:0}}.piece-theme-classic{--r-hi: #ff9d86;--r-mid: #d24d3c;--r-lo: #7a1c16;--r-edge: #5a120d;--b-hi: #7f8aa1;--b-mid: #303849;--b-lo: #0d1119;--b-edge: #070a10}.piece-theme-ivory{--r-hi: #fffdf5;--r-mid: #e9dcc2;--r-lo: #b09f7e;--r-edge: #8d7a56;--b-hi: #66708a;--b-mid: #262c39;--b-lo: #0a0d13;--b-edge: #05070a}.piece-theme-gold{--r-hi: #fff0b3;--r-mid: #e8bb55;--r-lo: #8c5f10;--r-edge: #684407;--b-hi: #7b8498;--b-mid: #2c3240;--b-lo: #0a0d12;--b-edge: #05070a}.piece-theme-emerald{--r-hi: #ff9d9d;--r-mid: #ce2343;--r-lo: #6b0a1d;--r-edge: #4b0513;--b-hi: #8bffd0;--b-mid: #16a870;--b-lo: #045238;--b-edge: #023626}.piece-theme-neon{--r-hi: #ffc0f5;--r-mid: #e879f9;--r-lo: #7c1d8c;--r-edge: #ff7bf0;--b-hi: #b6fff4;--b-mid: #22d3ee;--b-lo: #0a6673;--b-edge: #41f5d0}.piece-theme-neon .piece{box-shadow:0 0 14px #e879f966,0 5px 10px #00000073,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-neon .piece--b{box-shadow:0 0 14px #22d3ee66,0 5px 10px #00000073,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-marble{--r-hi: #ffffff;--r-mid: #e4e4eb;--r-lo: #a9a9b8;--r-edge: #8a8a99;--b-hi: #7d7d8c;--b-mid: #3a3a46;--b-lo: #121218;--b-edge: #0a0a0e}.piece-theme-crown{--r-hi: #fff2c4;--r-mid: #e9bd54;--r-lo: #8f5f10;--r-edge: #6a4508;--b-hi: #5b5f70;--b-mid: #262a36;--b-lo: #090b10;--b-edge: #050609}.piece-theme-crown .piece--r{box-shadow:0 0 0 2px #ffe08a66,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-thunder{--r-hi: #fdba74;--r-mid: #f97316;--r-lo: #c2410c;--r-edge: #9a3412;--b-hi: #86efac;--b-mid: #22c55e;--b-lo: #15803d;--b-edge: #166534}.piece-theme-thunder .piece{transform:scale(1.15);border:3px solid var(--r-edge);background:radial-gradient(circle at 33% 26%,var(--r-hi),var(--r-mid) 52%,var(--r-lo) 100%);box-shadow:0 0 16px #f9731699,0 0 24px #22c55e66,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059;position:relative}.piece-theme-thunder .piece:before{content:"";position:absolute;top:10%;left:10%;right:10%;bottom:10%;border:2px solid rgba(249,115,22,.4);border-radius:50%;animation:thunderRing 2s ease-in-out infinite}.piece-theme-thunder .piece--b{border:3px solid var(--b-edge);background:radial-gradient(circle at 33% 26%,var(--b-hi),var(--b-mid) 52%,var(--b-lo) 100%);box-shadow:0 0 16px #22c55e99,0 0 24px #f9731666,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-thunder .piece--b:before{border-color:#22c55e66}.piece-theme-thunder .piece--king{box-shadow:0 0 20px #f97316cc,0 0 30px #22c55e99,0 8px 16px #0009,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-thunder .piece--king .piece-crown svg{filter:drop-shadow(0 0 8px #f97316) drop-shadow(0 0 12px #22c55e)}@keyframes thunderRing{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.8}}.piece-theme-aurora{--r-hi: #c4b5fd;--r-mid: #8b5cf6;--r-lo: #6d28d9;--r-edge: #5b21b6;--b-hi: #a5f3fc;--b-mid: #22d3ee;--b-lo: #0891b2;--b-edge: #0e7490}.piece-theme-aurora .piece{transform:scale(1.12);border:3px solid var(--r-edge);background:radial-gradient(circle at 33% 26%,var(--r-hi),var(--r-mid) 52%,var(--r-lo) 100%);box-shadow:0 0 16px #8b5cf699,0 0 24px #22d3ee66,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059;position:relative}.piece-theme-aurora .piece:before{content:"";position:absolute;top:5%;left:5%;right:5%;bottom:5%;border:2px dashed rgba(139,92,246,.5);border-radius:50%;animation:auroraSpin 8s linear infinite}.piece-theme-aurora .piece--b{border:3px solid var(--b-edge);background:radial-gradient(circle at 33% 26%,var(--b-hi),var(--b-mid) 52%,var(--b-lo) 100%);box-shadow:0 0 16px #22d3ee99,0 0 24px #8b5cf666,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-aurora .piece--b:before{border-color:#22d3ee80}.piece-theme-aurora .piece--king{box-shadow:0 0 20px #8b5cf6cc,0 0 30px #22d3ee99,0 8px 16px #0009,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-aurora .piece--king .piece-crown svg{filter:drop-shadow(0 0 8px #8b5cf6) drop-shadow(0 0 12px #22d3ee)}@keyframes auroraSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.piece-theme-inferno{--r-hi: #fca5a5;--r-mid: #ef4444;--r-lo: #dc2626;--r-edge: #991b1b;--b-hi: #fdba74;--b-mid: #f97316;--b-lo: #c2410c;--b-edge: #9a3412}.piece-theme-inferno .piece{transform:scale(1.12);border:3px solid var(--r-edge);background:radial-gradient(circle at 33% 26%,var(--r-hi),var(--r-mid) 52%,var(--r-lo) 100%);box-shadow:0 0 16px #ef444499,0 0 24px #f9731666,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059;position:relative}.piece-theme-inferno .piece:before{content:"";position:absolute;top:15%;left:15%;right:15%;bottom:15%;border:2px solid rgba(239,68,68,.6);border-radius:50%;animation:infernoPulse 1.5s ease-in-out infinite}.piece-theme-inferno .piece:after{content:"";position:absolute;top:25%;left:25%;right:25%;bottom:25%;border:1px solid rgba(249,115,22,.6);border-radius:50%;animation:infernoPulse 1.5s ease-in-out infinite .3s}.piece-theme-inferno .piece--b{border:3px solid var(--b-edge);background:radial-gradient(circle at 33% 26%,var(--b-hi),var(--b-mid) 52%,var(--b-lo) 100%);box-shadow:0 0 16px #f9731699,0 0 24px #ef444466,0 6px 12px #00000080,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-inferno .piece--b:before{border-color:#f9731699}.piece-theme-inferno .piece--b:after{border-color:#ef444499}.piece-theme-inferno .piece--king{box-shadow:0 0 20px #ef4444cc,0 0 30px #f9731699,0 8px 16px #0009,inset 0 2px 5px #ffffff4d,inset 0 -4px 7px #00000059}.piece-theme-inferno .piece--king .piece-crown svg{filter:drop-shadow(0 0 8px #ef4444) drop-shadow(0 0 12px #f97316)}@keyframes infernoPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.8}}.profile-avatar-container{position:relative;display:inline-block}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--gold);border:2px solid #121826;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.avatar-upload-btn:hover{transform:scale(1.1)}.avatar-upload-btn input{display:none}.avatar-upload-btn .uploading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-preview{width:100%;padding:4.2%;border-radius:14%;background:linear-gradient(145deg,var(--frame-a),var(--frame-b));border:1px solid var(--frame-line, rgba(255, 255, 255, .15));box-shadow:0 18px 36px #00000073,inset 0 1px #ffffff26}.board-preview-grid{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:7%;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.board-preview-square{position:relative;display:flex;align-items:center;justify-content:center}.board-preview-square.is-light{background:var(--sq-light)}.board-preview-square.is-dark{background:var(--sq-dark)}.board-preview .piece{width:76%;border-width:1px;box-shadow:0 2px 4px #0006,inset 0 1px 2px #fff3;animation:none}.board-preview .piece-crown svg{width:55%;height:auto}.pieces-preview{display:flex;align-items:center;justify-content:center;gap:8%;width:100%;aspect-ratio:1.7;padding:8%;background:radial-gradient(circle at 50% 40%,rgba(242,199,92,.08),transparent 70%)}.pieces-preview .piece{width:34%;border-width:2px;box-shadow:0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059;animation:none}.pieces-preview.piece-theme-thunder .piece{width:40%;box-shadow:0 0 16px #f9731699,0 0 24px #22c55e66,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview.piece-theme-thunder .piece--b{box-shadow:0 0 16px #22c55e99,0 0 24px #f9731666,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview.piece-theme-aurora .piece{width:38%;box-shadow:0 0 16px #8b5cf699,0 0 24px #22d3ee66,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview.piece-theme-aurora .piece--b{box-shadow:0 0 16px #22d3ee99,0 0 24px #8b5cf666,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview.piece-theme-inferno .piece{width:38%;box-shadow:0 0 16px #ef444499,0 0 24px #f9731666,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview.piece-theme-inferno .piece--b{box-shadow:0 0 16px #f9731699,0 0 24px #ef444466,0 10px 20px #00000073,inset 0 2px 5px #ffffff40,inset 0 -4px 7px #00000059}.pieces-preview .piece-crown svg{width:46%;height:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:20px;background:#04060cc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.modal-card{position:relative;width:100%;max-width:440px;padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#1a2337fa,#0b101cfc);box-shadow:0 40px 90px #0009,inset 0 1px #ffffff12;max-height:calc(100vh - 40px);overflow-y:auto}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);cursor:pointer;z-index:3;transition:.18s ease}.modal-close:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff12}.result-modal{text-align:center;overflow:hidden}.result-modal--win{border-color:#f2c75c4d;background:radial-gradient(500px 300px at 50% -10%,rgba(242,199,92,.2),transparent 65%),linear-gradient(165deg,#1e2537fc,#0c101bfc)}.result-icon{width:72px;height:72px;margin:2px auto 16px;border-radius:50%;display:grid;place-items:center;border:1px solid;position:relative}.result-icon--win{color:var(--gold);background:radial-gradient(circle at 40% 30%,#ffe9a94d,#f2c75c14);border-color:#f2c75c73;box-shadow:0 0 36px #f2c75c40}.result-icon--loss{color:#fca5a5;background:#f871711a;border-color:#f8717159}.result-icon--draw{color:#a5b4fc;background:#818cf81a;border-color:#818cf859}.result-title{font-size:34px;margin:8px 0 6px}.result-subtitle{color:var(--muted);font-size:12.5px;max-width:320px;margin:0 auto 18px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.reward-chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;text-align:left;border:1px solid}.reward-chip svg{flex-shrink:0}.reward-chip strong{display:block;font-size:15px;line-height:1.2}.reward-chip span{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.reward-chip--xp{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf64d}.reward-chip--coins{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c4d}.result-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;color:var(--gold);margin:8px 0}.result-note--muted{color:var(--muted-2);line-height:1.5}.result-note--danger{color:#f87171;line-height:1.5;font-weight:500}.replay-modal .modal-content{max-width:600px;background:#1a1d26}.replay-content{display:flex;flex-direction:column;align-items:center;gap:20px}.replay-content h2{margin:0;font-size:1.5rem;color:#fff}.replay-status{font-size:1rem;color:#b8c5d6;padding:8px 16px;background:#2a2f3d;border-radius:8px}.replay-board-container{width:100%;max-width:400px;aspect-ratio:1;background:#2a2f3d;border-radius:12px;padding:12px}.replay-info{display:flex;gap:24px;color:#b8c5d6;font-size:.9rem}.replay-info p{margin:0}.levelup-banner{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:13px;border:1px solid rgba(242,199,92,.3);background:linear-gradient(120deg,#f2c75c24,#f2c75c0a);color:var(--gold);text-align:left;margin:12px 0}.levelup-banner>div{flex:1;display:flex;flex-direction:column;line-height:1.3}.levelup-banner strong{font-size:12.5px}.levelup-banner span{font-size:10px;color:var(--muted)}.unlocked-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}.unlocked-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:#ffffff09;border:1px solid var(--line);text-align:left}.unlocked-medal{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.22);flex-shrink:0}.unlocked-item>div{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}.unlocked-item strong{font-size:11.5px}.unlocked-item span{font-size:9.5px;color:var(--muted-2)}.unlocked-reward{font-size:12px;font-weight:800;color:var(--gold)}.result-actions{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:18px}.result-actions .btn{width:100%}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.confetti span{position:absolute;top:-12px;width:6px;height:12px;border-radius:2px;opacity:.85;animation:confettiFall 2.6s linear infinite}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:0}12%{opacity:.9}to{transform:translateY(560px) rotate(560deg);opacity:0}}.confirm-modal,.rules-modal,.buy-modal{max-width:460px}.confirm-modal{text-align:center}.confirm-icon{width:60px;height:60px;margin:4px auto 14px;border-radius:50%;display:grid;place-items:center;color:#fca5a5;background:#f871711a;border:1px solid rgba(248,113,113,.3)}.confirm-modal h2,.rules-modal h2,.buy-modal h2{margin:6px 0 8px}.confirm-modal p,.buy-desc{color:var(--muted);font-size:12.5px;margin-bottom:18px}.confirm-actions{display:flex;gap:9px}.confirm-actions .btn{flex:1}.rules-list{margin:14px 0 16px;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12.5px;line-height:1.6}.rules-list li::marker{color:var(--gold)}.rules-tip{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;background:var(--gold-soft);border:1px solid rgba(242,199,92,.22);color:var(--gold);font-size:11.5px;margin-bottom:18px}.store-page{display:flex;flex-direction:column;gap:24px}.store-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:clamp(24px,3vw,36px);border-radius:24px;border:1px solid rgba(242,199,92,.18);background:radial-gradient(500px 280px at 90% 0%,rgba(242,199,92,.13),transparent 65%),linear-gradient(140deg,#1c253ad9,#0b101ce6);box-shadow:var(--shadow)}.store-hero h1{margin:7px 0 8px}.store-hero p{color:var(--muted);font-size:13px;max-width:520px}.store-progress{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:10.5px;color:var(--muted);font-weight:600}.store-progress>span{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.store-progress-bar{width:160px;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.store-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}.store-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:16px 20px;border-radius:16px;border:1px solid rgba(242,199,92,.22);background:#080c158c;flex-shrink:0}.store-balance-note{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;color:var(--muted-2)}.store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.store-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:13px;border:1px solid var(--line);background:#ffffff09}.store-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}.store-tabs button.is-active{color:#1a1205;background:linear-gradient(135deg,#ffe9a9,var(--gold) 60%,#d3a33c)}.store-equipped-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:10.5px;color:var(--green);background:#34d39914;border:1px solid rgba(52,211,153,.24)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px}.store-card{position:relative;display:flex;flex-direction:column;border-radius:19px;border:1px solid var(--line);background:linear-gradient(160deg,#182135c7,#0b101cd1);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.store-card:hover{transform:translateY(-3px);border-color:#f2c75c3d;box-shadow:0 20px 44px #00000052}.store-card.is-equipped{border-color:#34d3996b;box-shadow:0 0 0 1px #34d3991f}.store-card.is-locked .store-card-preview>:first-child{filter:grayscale(.3) brightness(.8)}.store-card-preview{position:relative;padding:26px 30px;min-height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,rgba(242,199,92,.065),transparent 68%);border-bottom:1px solid var(--line)}.store-card-preview>.board-preview{width:min(190px,78%)}.store-card-preview .rarity{position:absolute;top:12px;left:12px}.equipped-flag,.locked-flag{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.equipped-flag{color:#6ee7b7;background:#34d3991f;border:1px solid rgba(52,211,153,.3)}.locked-flag{color:#cbd5e1;background:#0f172ad9;border:1px solid rgba(255,255,255,.14)}.store-card-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.store-card-body h3{font-size:19px}.store-card-body p{font-size:11px;color:var(--muted);line-height:1.55;flex:1}.store-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:13px;border-top:1px solid var(--line)}.owned-label{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:11px;font-weight:700}.store-note{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:16px;border:1px solid var(--line);background:#ffffff06}.store-note-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(242,199,92,.22);flex-shrink:0}.store-note strong{font-size:12.5px}.store-note p{font-size:11px;color:var(--muted)}.buy-preview{display:grid;place-items:center;padding:18px;margin:4px 0 18px;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(242,199,92,.07),transparent 70%)}.buy-preview .board-preview{width:min(210px,70%)}.buy-preview .pieces-preview{width:min(230px,80%)}.buy-summary{display:flex;flex-direction:column;gap:8px;padding:13px 15px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;margin-bottom:18px}.buy-summary>div{display:flex;align-items:center;justify-content:space-between}.buy-summary>div>span{font-size:11px;color:var(--muted)}.buy-actions{display:flex;gap:9px}.buy-actions .btn{flex:1}.profile-page{display:flex;flex-direction:column;gap:20px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(24px,3vw,36px);border-radius:24px;border:1px solid rgba(242,199,92,.16);background:radial-gradient(480px 260px at 8% 0%,rgba(242,199,92,.1),transparent 62%),radial-gradient(400px 240px at 100% 100%,rgba(91,140,255,.1),transparent 65%),linear-gradient(145deg,#1c253adb,#0b101ceb);box-shadow:var(--shadow);flex-wrap:wrap}.profile-identity{display:flex;align-items:center;gap:22px;min-width:0}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-level{position:absolute;bottom:-4px;right:-4px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#1a1205;background:linear-gradient(145deg,#ffe9a9,var(--gold) 60%,#c99a34);border:3px solid #0d1220;box-shadow:0 4px 12px #0006}.profile-copy{min-width:0}.profile-copy h1{font-size:clamp(28px,3.4vw,40px);margin:4px 0 6px;overflow:hidden;text-overflow:ellipsis}.profile-tags{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px}.profile-coins{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--gold)}.profile-xp{max-width:380px}.profile-next{display:block;margin-top:6px;font-size:10px;color:var(--muted-2)}.profile-hero-stats{display:flex;gap:26px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:#080c1573}.profile-hero-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px}.profile-hero-stats strong{font-family:var(--font-display);font-size:25px;line-height:1.1;color:var(--gold)}.profile-hero-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted-2);white-space:nowrap}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}.achievement-grid{display:flex;flex-direction:column;gap:7px}.achievement{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:#ffffff06;transition:border-color .18s ease}.achievement.is-unlocked{border-color:#f2c75c38;background:linear-gradient(100deg,#f2c75c13,#ffffff05)}.achievement.is-locked{opacity:.55}.achievement-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--muted);background:#ffffff0b;border:1px solid var(--line)}.achievement.is-unlocked .achievement-icon{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c3d}.achievement-copy{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.achievement-copy strong{font-size:11.5px}.achievement-copy span{font-size:9.5px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-reward{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--muted);flex-shrink:0}.achievement.is-unlocked .achievement-reward{color:var(--gold)}.profile-side{display:flex;flex-direction:column;gap:14px}.settings-list{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.settings-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .18s ease}.settings-row:hover{background:#ffffff0a}.settings-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:#ffffff0b;border:1px solid var(--line);flex-shrink:0}.settings-row.is-on .settings-icon{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c33}.settings-copy{flex:1;display:flex;flex-direction:column;line-height:1.35;min-width:0}.settings-copy strong{font-size:11.5px}.settings-copy span{font-size:9.5px;color:var(--muted-2)}.switch{width:34px;height:19px;border-radius:999px;background:#ffffff1a;border:1px solid var(--line);position:relative;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.switch span{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#8fa0b8;transition:transform .2s ease,background .2s ease}.settings-row.is-on .switch{background:#f2c75c40;border-color:#f2c75c66}.settings-row.is-on .switch span{transform:translate(15px);background:var(--gold)}.history-list{display:flex;flex-direction:column;gap:3px}.history-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.history-row:hover{background:#ffffff08}.history-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);background:#ffffff0a;color:var(--muted)}.history-icon--win{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c33}.history-icon--loss{color:#fca5a5;background:#f8717112;border-color:#f871712e}.history-icon--draw{color:#a5b4fc;background:#818cf814;border-color:#818cf833}.history-icon--daily{color:#7ee2b0;background:#34d39914;border-color:#34d39933}.history-copy{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}.history-copy strong{font-size:11px}.history-copy span{font-size:9px;color:var(--muted-2)}.history-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:9px;font-weight:700;color:var(--muted)}.history-rewards span{display:inline-flex;align-items:center;gap:3px}.history-rewards svg{color:var(--gold)}.history-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 14px;color:var(--muted-2);font-size:10.5px;text-align:center}.leaderboard-page{display:flex;flex-direction:column;gap:24px}.season-badge{display:flex;align-items:center;gap:11px;padding:13px 18px;border-radius:14px;border:1px solid rgba(242,199,92,.24);background:var(--gold-soft);color:var(--gold);flex-shrink:0}.season-badge div{display:flex;flex-direction:column;line-height:1.3}.season-badge strong{font-size:12px}.season-badge span{font-size:9.5px;color:var(--muted)}.your-rank-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;border:1px solid rgba(242,199,92,.26);background:radial-gradient(340px 120px at 0% 50%,rgba(242,199,92,.12),transparent 70%),linear-gradient(120deg,#1b2439d9,#0c111dd9);flex-wrap:wrap}.your-rank-position{display:flex;align-items:baseline;gap:2px;color:var(--gold);min-width:76px}.your-rank-position span{font-size:13px;font-weight:700}.your-rank-position strong{font-family:var(--font-display);font-size:30px;line-height:1}.your-rank-position small{font-size:9px;color:var(--muted-2)}.your-rank-copy{display:flex;flex-direction:column;line-height:1.35;flex:1;min-width:120px}.your-rank-copy strong{display:flex;align-items:center;gap:6px;font-size:13px}.your-rank-copy span{font-size:10px;color:var(--muted)}.your-rank-stats{display:flex;gap:14px;font-size:10px;color:var(--muted);flex-wrap:wrap}.your-rank-stats span{display:inline-flex;align-items:center;gap:4px}.your-rank-stats svg{color:var(--gold)}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:end}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px 18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#1a2337d1,#0c111dd9);text-align:center;overflow:hidden}.podium-card--1{padding-top:32px;padding-bottom:26px;border-color:#f2c75c66;background:radial-gradient(280px 180px at 50% 0%,rgba(242,199,92,.2),transparent 70%),linear-gradient(160deg,#20283be6,#0d111ce6);box-shadow:0 24px 50px #0000005c,0 0 0 1px #f2c75c1a}.podium-card--2{border-color:#cbd5e138}.podium-card--3{border-color:#d19a6a42}.podium-sparkle{position:absolute;top:14px;right:16px;color:var(--gold);opacity:.7}.podium-place{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--line);background:#ffffff0d;color:var(--muted);margin-bottom:3px}.podium-place--1{color:var(--gold);background:var(--gold-soft);border-color:#f2c75c52}.podium-place--2{color:#dbe3ef}.podium-place--3{color:#e0b48a}.podium-name{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-stats{display:flex;gap:12px;margin-top:4px;font-size:10px;color:var(--muted)}.podium-stats span{display:inline-flex;align-items:center;gap:4px}.podium-stats svg{color:var(--gold)}.podium-empty{min-height:120px}.ranking-table-wrap{padding:22px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,#172033b8,#0b101cb8);box-shadow:0 18px 44px #00000038}.ranking-count{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted);font-weight:600}.ranking-error{color:#fca5a5;font-size:12px;padding:10px}.ranking-table{display:flex;flex-direction:column}.ranking-head,.ranking-row{display:grid;grid-template-columns:74px minmax(0,1.7fr) 70px 82px 130px;align-items:center;gap:10px}.ranking-head{padding:0 12px 10px;font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted-2)}.ranking-row{padding:9px 12px;border-radius:11px;border:1px solid transparent;transition:.18s ease}.ranking-row:hover{background:#ffffff09}.ranking-row.is-you{background:#f2c75c12;border-color:#f2c75c33}.ranking-place{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--muted)}.ranking-player{display:flex;align-items:center;gap:10px;min-width:0}.ranking-player>span{display:flex;align-items:center;gap:8px;min-width:0}.ranking-player strong{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-level,.ranking-wins{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.ranking-rate{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);font-weight:600}.rate-bar{flex:1;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.rate-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}.skeleton-rows{display:flex;flex-direction:column;gap:8px}.skeleton-rows span{height:52px;border-radius:11px;background:linear-gradient(100deg,#ffffff08 20%,#ffffff0f,#ffffff08 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.ranking-info{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ranking-info>div{padding:20px;border-radius:16px;border:1px solid var(--line);background:#ffffff06}.ranking-info svg{color:var(--gold);margin-bottom:8px}.ranking-info strong{display:block;font-size:12.5px;margin-bottom:4px}.ranking-info p{font-size:11px;color:var(--muted);line-height:1.6}@media (max-width: 1080px){.home-hero{grid-template-columns:1fr}.daily-card{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center}.daily-card .daily-head,.daily-card>p{grid-column:1}.streak-dots{grid-column:2;grid-row:1}.daily-reward,.daily-card .btn{grid-column:2}.daily-streak-label{grid-column:1}.game-layout{grid-template-columns:1fr}.game-side{display:grid;grid-template-columns:1fr 1fr}.game-side .game-side-panel{grid-row:span 2}.profile-columns{grid-template-columns:1fr}.profile-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.auth-board-wrap{width:min(360px,84%)}}@media (max-width: 900px){.topbar-inner{padding:0 18px;gap:16px}.main-nav,.topbar-user{display:none}.topbar-avatar-mobile{display:block}.mobile-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:2px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#080c15eb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.mobile-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;color:var(--muted-2);font-size:9.5px;font-weight:700;transition:.18s ease}.mobile-nav-link.is-active{color:var(--gold);background:#f2c75c14}.page{padding:26px 18px 108px}.auth-page{grid-template-columns:1fr}.auth-showcase{display:none}.auth-panel{min-height:100vh;border-left:none;padding:30px 18px}.auth-card-mobile-logo{display:block}.auth-card{padding:28px 24px}.quick-stats,.profile-stats{grid-template-columns:repeat(2,1fr)}.home-columns{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr 1fr}.featured-achievements{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:20px}.featured-achievements strong{font-size:24px;margin:0}.featured-achievements .mini-progress{flex-basis:100%;margin-top:0}.featured-achievements .eyebrow{flex-basis:100%}.featured-achievements>svg{position:static}.difficulty-grid{grid-template-columns:1fr 1fr}.play-lower{grid-template-columns:1fr}.local-mode-card{flex-direction:column;text-align:center}.local-mode-art{width:min(280px,70%)}.local-mode-copy p{margin-left:auto;margin-right:auto}.local-badges{justify-content:center}.play-cta{flex-direction:column;align-items:stretch;text-align:center}.play-cta .btn{width:100%}.store-hero{flex-direction:column;align-items:flex-start}.store-balance{align-items:flex-start;width:100%}.profile-hero{flex-direction:column;align-items:flex-start}.profile-hero-stats{width:100%;justify-content:space-around}.profile-side{grid-template-columns:1fr}.podium{gap:8px}.ranking-head,.ranking-row{grid-template-columns:50px minmax(0,1.6fr) 50px 70px}.ranking-head span:last-child,.ranking-rate{display:none}}@media (max-width: 680px){.topbar-inner{height:64px;padding:0 14px}.logo-mark{width:38px;height:38px}.logo-word-main{font-size:16px;letter-spacing:2.4px}.logo-word-sub{font-size:8px;letter-spacing:6px}.level-chip{display:none}.page{padding:20px 14px 102px}h1{font-size:29px}.hero-card{flex-direction:column;align-items:flex-start;padding:22px}.hero-art{display:none}.hero-copy h1{font-size:33px}.daily-card{display:flex;flex-direction:column;align-items:stretch;padding:20px}.quick-stats{gap:8px}.stat-tile{padding:12px 14px}.stat-tile-value{font-size:23px}.home-columns{gap:22px}.section-title h2{font-size:21px}.featured-grid{grid-template-columns:1fr}.difficulty-mini-grid{gap:8px}.difficulty-mini{padding:13px}.difficulty-mini-icon{width:30px;height:30px;margin-bottom:3px}.difficulty-mini strong{font-size:12.5px}.difficulty-mini>span:not(.difficulty-mini-icon){font-size:9.5px;padding-right:18px}.page-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.play-balance{width:100%;justify-content:space-between}.mode-toggle{width:100%}.mode-toggle button{flex:1;justify-content:center;padding:9px 10px;font-size:12px}.difficulty-grid{gap:8px}.difficulty-card{padding:15px 14px 13px}.difficulty-icon{width:38px;height:38px;margin-bottom:4px}.difficulty-card>strong{font-size:17px}.difficulty-desc{font-size:9.5px;min-height:40px}.difficulty-reward{flex-direction:column;gap:2px;font-size:9px}.play-summary{flex-direction:row;gap:14px;padding:14px}.play-summary-art{width:100px}.game-side{grid-template-columns:1fr}.game-side .game-side-panel{grid-row:auto}.player-bar{padding:9px 12px}.player-bot,.player-identity .avatar{width:36px!important;height:36px!important}.player-names strong{font-size:12.5px}.turn-chip{display:none}.game-controls{gap:6px}.control-button{flex-direction:column;gap:3px;padding:9px 4px;font-size:10px}.control-button small{position:static;font-size:8px}.board-frame{padding:8px;border-radius:16px}.coord{font-size:7px}.store-hero{padding:20px}.store-toolbar{flex-direction:column;align-items:stretch}.store-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.store-tabs button{justify-content:center;padding:8px 6px;font-size:11px}.store-progress{flex-direction:column;align-items:flex-start;gap:7px}.store-grid{grid-template-columns:1fr}.profile-identity{gap:16px}.profile-avatar-wrap .avatar{width:72px!important;height:72px!important}.profile-hero{padding:20px}.profile-hero-stats{gap:12px;padding:12px}.profile-hero-stats strong{font-size:20px}.profile-hero-stats span{font-size:8px}.achievement-copy span{white-space:normal}.podium{grid-template-columns:1fr 1fr 1fr;gap:6px}.podium-card{padding:16px 8px 12px;gap:4px}.podium-card--1{padding-top:22px}.podium-card .avatar{width:48px!important;height:48px!important;font-size:16px!important}.podium-card--1 .avatar{width:60px!important;height:60px!important;font-size:20px!important}.podium-name{font-size:10.5px}.podium-card .rank-badge{font-size:8px;padding:2px 5px}.podium-stats{gap:6px;font-size:9px}.podium-stats span:last-child{display:none}.podium-place{font-size:9px}.ranking-table-wrap{padding:14px}.ranking-head,.ranking-row{grid-template-columns:38px minmax(0,1fr) 46px;gap:6px}.ranking-head span:nth-child(4),.ranking-wins{display:none}.ranking-player .rank-badge{display:none}.ranking-info{grid-template-columns:1fr}.your-rank-stats{flex-basis:100%}.season-badge{width:100%}.modal-card{padding:24px 20px;border-radius:20px}.result-title{font-size:28px}.result-actions{gap:6px}.toast-stack{left:14px;right:14px;bottom:90px;max-width:none}.auth-card{padding:24px 18px}.auth-card h2{font-size:25px}}@media (max-width: 400px){.difficulty-stars{display:none}.difficulty-desc{min-height:34px}.player-meta .captured-pieces{font-size:10px}.quick-stats{grid-template-columns:1fr 1fr}.streak-dots span{height:22px;font-size:8.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}