@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap";:root{--bg-main:#161512;--bg-surface:#1e1c19;--bg-surface-raised:#262421;--bg-surface-hover:#302e2b;--cell-light:#f0d9b5;--cell-dark:#b58863;--cell-light-selected:#f7ec6a;--cell-dark-selected:#dac34b;--cell-light-move:#14551e69;--cell-dark-move:#14551e69;--cell-light-capture:#14551e69;--cell-dark-capture:#14551e69;--cell-light-last:#cdd26a;--cell-dark-last:#aaa23a;--cell-light-win:#aff062;--cell-dark-win:#7ab833;--text-bright:#fff;--text-primary:#bababa;--text-secondary:#999;--text-muted:#666;--text-dim:#444;--accent:#629924;--accent-hover:#78b133;--danger:#cd4545;--white-player:#fff;--white-player-bg:#f0d9b5;--black-player:#999;--black-player-bg:#b58863;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #0009;--transition-fast:80ms ease;--transition-main:.12s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.2s cubic-bezier(.34, 1.56, .64, 1);--lb-gold:#c8962a;--lb-silver:#a0a0a0;--lb-bronze:#8c5a3c;--lb-glow:#62992426;--lb-row-bg:#ffffff08;--lb-row-hover:#ffffff0f;--board-size:min(calc(100vw - 40px), 460px);--board-cols:4;--board-rows:4;--cell-size:calc(var(--board-size) / max(var(--board-cols), var(--board-rows)))}[data-board-theme=blue]{--cell-light:#dee3e6;--cell-dark:#8ca2ad;--cell-light-selected:#b4d4e7;--cell-dark-selected:#6b99b5;--cell-light-last:#b4c8d8;--cell-dark-last:#6a8ea5;--cell-light-win:#7cc4f0;--cell-dark-win:#4a94c0}[data-board-theme=green]{--cell-light:#ffd;--cell-dark:#86a666;--cell-light-selected:#e8f0a0;--cell-dark-selected:#6d9040;--cell-light-last:#d8e890;--cell-dark-last:#5d8030;--cell-light-win:#b0e060;--cell-dark-win:#4d8a20}[data-board-theme=purple]{--cell-light:#e8d0ff;--cell-dark:#9070b0;--cell-light-selected:#d4b0f0;--cell-dark-selected:#7050a0;--cell-light-last:#c8a0e8;--cell-dark-last:#6040a0;--cell-light-win:#b080e0;--cell-dark-win:#6030b0}[data-board-theme=ice]{--cell-light:#e0e8ef;--cell-dark:#7b9bb5;--cell-light-selected:#c0d8f0;--cell-dark-selected:#5580a8;--cell-light-last:#b0d0e8;--cell-dark-last:#4570a0;--cell-light-win:#80c0e0;--cell-dark-win:#3060a0}[data-board-theme=rose]{--cell-light:#f5e0e0;--cell-dark:#c28a8a;--cell-light-selected:#f0c0c0;--cell-dark-selected:#b06060;--cell-light-last:#e8b0b0;--cell-dark-last:#a05050;--cell-light-win:#e08080;--cell-dark-win:#b03030}[data-board-theme=midnight]{--cell-light:#3a3a52;--cell-dark:#15152a;--cell-light-selected:#5a5a7a;--cell-dark-selected:#2a2a4a;--cell-light-last:#4a4a6a;--cell-dark-last:#1f1f3a;--cell-light-win:#7a7aa8;--cell-dark-win:#3a3a6a}[data-board-theme=forest]{--cell-light:#d8e6c8;--cell-dark:#3f5c2f;--cell-light-selected:#b8d090;--cell-dark-selected:#2f4520;--cell-light-last:#a8c080;--cell-dark-last:#244018;--cell-light-win:#80b060;--cell-dark-win:#1a3010}:root{--user-name-color:inherit}[data-username-color=cyan]{--user-name-color:#00d4ff}[data-username-color=magenta]{--user-name-color:#f0a}[data-username-color=gold]{--user-name-color:gold}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.email-banner{border-radius:var(--radius-md);background:#6299241a;border:1px solid #62992440;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.7rem 1rem;animation:.3s ease-out banner-slide-in;display:flex}.email-banner--add{background:#f59e0b1a;border-color:#f59e0b40}.email-banner--add .email-banner__icon,.email-banner--add .email-banner__action{color:#f59e0b}.email-banner--add .email-banner__action:hover{background:#f59e0b26}.email-banner__content{color:var(--text-secondary);flex:1;align-items:center;gap:.6rem;min-width:0;font-size:.82rem;display:flex}.email-banner__icon{color:var(--accent);flex-shrink:0}.email-banner__action{color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-main);white-space:nowrap;background:0 0;border:none;padding:.3rem .65rem;font-family:inherit;font-size:.8rem;font-weight:600}.email-banner__action:hover{background:#62992426}.email-banner__close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-main);background:0 0;border:none;flex-shrink:0;padding:.15rem .35rem;font-size:1.2rem;line-height:1}.email-banner__close:hover{color:var(--text-bright)}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2rem;animation:.25s ease-out modal-scale-in;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-main);background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--text-bright)}.modal-title{color:var(--text-bright);margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700}.modal-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.verify-status{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;display:flex}.verify-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;font-weight:700;display:flex}.verify-icon--success{color:var(--accent);background:#62992426;border:2px solid #62992459}.verify-icon--error{color:var(--danger);background:#cd454526;border:2px solid #cd454559}.verify-text{color:var(--text-secondary);max-width:320px;font-size:.9rem;line-height:1.6}.verify-text strong{color:var(--text-bright)}.verify-text--error{color:var(--danger)}@keyframes fp-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.5}}.friends-btn-wrap{position:relative}.btn-friends{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;transition:background var(--transition-main), color var(--transition-main), border-color var(--transition-main);justify-content:center;align-items:center;display:flex;position:relative}.btn-friends:hover{background:var(--bg-surface-hover);color:var(--text-bright);border-color:var(--text-muted)}.friends-btn-badge{background:var(--accent);color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.friends-panel{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);width:300px;max-height:460px;box-shadow:var(--shadow-lg);z-index:200;flex-direction:column;animation:.2s ease-out both fp-enter;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.friends-panel--closing{animation:.2s ease-in both fp-exit}@keyframes fp-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.friends-panel__header{background:var(--bg-surface-raised);border-bottom:1px solid var(--bg-surface-hover);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.friends-panel__title{color:var(--text-primary);font-size:.9rem;font-weight:600}.friends-panel__close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:2px 5px;font-size:1.2rem;line-height:1}.friends-panel__close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.friends-panel__tabs{border-bottom:1px solid var(--bg-surface-hover);display:flex}.friends-tab{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast), border-bottom-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:11px 0;font-size:.85rem;font-weight:600;display:flex}.friends-tab:hover{color:var(--text-primary)}.friends-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.friends-tab__count{color:var(--text-muted);font-size:.75rem;font-weight:400}.friends-tab__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.68rem;font-weight:700;display:inline-flex}.friends-panel__body{flex:1;min-height:280px;padding:4px 0;overflow-y:auto}.friends-panel__empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.85rem;line-height:1.6}.friends-panel__error{color:#e88;background:#cd45451f;border-bottom:1px solid #cd454533;padding:6px 14px;font-size:.8rem}.friends-section__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:8px 14px 3px;font-size:.7rem;font-weight:700}.friend-row{transition:background var(--transition-fast);align-items:center;gap:9px;padding:7px 14px;display:flex}.friend-row:hover{background:var(--bg-surface-raised)}.friend-row__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.friend-row__dot--online{background:var(--accent);animation:2s ease-in-out infinite online-pulse}.friend-row__dot--offline{background:var(--bg-surface-hover)}.friend-row__info{flex:1;min-width:0}.friend-row__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.friend-row__meta{color:var(--text-muted);font-size:.75rem;display:block}.friend-row__actions{flex-shrink:0;gap:4px;display:flex}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;padding:3px 7px;font-size:.8rem}.btn-ghost:hover{background:var(--bg-surface-hover);border-color:var(--bg-surface-hover);color:var(--text-primary)}.friend-request{transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}.friend-request:hover{background:var(--bg-surface-raised)}.friend-request__info{min-width:0}.friend-request__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.friend-request__username{color:var(--text-muted);font-size:.75rem;display:block}.friend-request__actions{flex-shrink:0;gap:6px;display:flex}.friends-search{padding:8px 10px 4px}.friends-search__input{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);width:100%;color:var(--text-bright);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.friends-search__input::placeholder{color:var(--text-dim)}.friends-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--lb-glow)}.friends-search__results{padding:0 0 4px}.friends-search__hint{color:var(--text-muted);padding:10px 14px;font-size:.82rem}.friends-search__result{transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:7px 14px;display:flex}.friends-search__result:hover{background:var(--bg-surface-raised)}.friends-search__result-info{min-width:0}.friends-search__result-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.friends-search__result-username{color:var(--text-muted);font-size:.75rem}.friends-search__result-actions{flex-shrink:0;gap:4px;display:flex}.friends-search__icon-btn{border-radius:var(--radius-sm);border:1px solid var(--bg-surface-hover);background:var(--bg-surface-raised);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.friends-search__icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-bright);border-color:var(--text-muted)}.friends-search__icon-btn--add{color:var(--accent)}.friends-search__icon-btn--add:hover{background:var(--accent);color:var(--bg-main);border-color:var(--accent)}.friends-search__icon-btn--sent{color:var(--accent);cursor:default;opacity:.7}.friends-search__icon-btn--danger{color:var(--danger)}.friends-search__icon-btn--danger:hover{background:var(--danger);color:var(--text-bright);border-color:var(--danger)}.friends-search__result-tag{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.friends-preview{flex-direction:column;display:flex;padding:0!important}.friends-preview__back-row{border-bottom:1px solid var(--bg-surface-hover);display:flex}.friends-preview__back{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:11px 14px;font-size:.85rem;font-weight:600;display:flex}.friends-preview__back:hover{color:var(--text-bright)}.friends-preview__card{text-align:center;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.friends-preview__name{color:var(--text-bright);font-size:1.1rem;font-weight:700}.friends-preview__username{color:var(--text-muted);margin-top:2px;font-size:.8rem}.friends-preview__ratings{border-top:1px solid var(--bg-surface-hover);border-bottom:1px solid var(--bg-surface-hover);justify-content:center;gap:16px;width:100%;margin-top:16px;padding:12px 0;display:flex}.friends-preview__rating{flex-direction:column;align-items:center;gap:2px;display:flex}.friends-preview__rating-value{color:var(--text-primary);font-size:1rem;font-weight:700}.friends-preview__rating-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}@keyframes friends-skeleton-pulse{0%,to{opacity:.2}50%{opacity:.5}}.friends-preview__skeleton-value{background:var(--text-muted);border-radius:4px;width:28px;height:16px;animation:1.2s ease-in-out infinite friends-skeleton-pulse;display:inline-block}.friends-preview__actions{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-top:16px;display:flex}.friends-preview__actions .btn{white-space:nowrap;flex:0;padding:.4rem .75rem;font-size:.78rem;text-decoration:none}@media (width<=480px){.friends-preview__actions .btn{text-align:center;flex:1;min-width:0;padding:.5rem;font-size:.82rem}}.profile-friend-btn{border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;background:var(--accent);color:#fff;border:1px solid var(--accent);min-width:150px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);justify-content:center;align-items:center;gap:6px;margin:14px auto 16px;padding:.55rem 1.5rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;display:flex}.profile-friend-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.profile-friend-btn:disabled{opacity:.5;cursor:default;pointer-events:none}.profile-friend-btn.profile-friend-btn--accepted{background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--bg-surface-hover)}.profile-friend-btn.profile-friend-btn--accepted:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.profile-friend-btn.profile-friend-btn--sent{background:var(--bg-surface-raised);color:var(--text-muted);border:1px solid var(--bg-surface-hover)}.profile-friend-btn.profile-friend-btn--sent:hover{background:var(--danger);color:var(--text-bright);border-color:var(--danger)}@media (width<=480px){.friends-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--bg-surface-hover);border-bottom:none;width:100%;max-height:70vh;animation:.25s ease-out both fp-slide-up;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #00000080}@keyframes fp-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.friends-panel--closing{animation:.2s ease-in both fp-slide-down}@keyframes fp-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.lobby-panel{width:100%;overflow:hidden}.lobby-panel__inner{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.lobby-tc{flex-direction:column;gap:.75rem;display:flex}.lobby-tc--locked .lobby-tc__input:disabled{opacity:.4}.lobby-tc--locked .lobby-tc__preset:disabled{opacity:.4;cursor:default}.lobby-tc__inputs{justify-content:center;align-items:flex-end;gap:.75rem;display:flex}.lobby-tc__field{flex-direction:column;flex:1;gap:.3rem;max-width:120px;display:flex}.lobby-tc__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08rem;font-size:.7rem;font-weight:600}.lobby-tc__input{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;width:100%;transition:border-color var(--transition-main);-moz-appearance:textfield;outline:none;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700}.lobby-tc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lobby-tc__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lobby-tc__input:focus{border-color:var(--accent)}.lobby-tc__plus{color:var(--text-muted);padding-bottom:.5rem;font-size:1.4rem;font-weight:700}.lobby-tc__presets{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lobby-tc__preset{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-main), border-color var(--transition-main);padding:.35rem .75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.lobby-tc__preset:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--text-muted)}.lobby-tc__preset--active{border-color:var(--accent);color:var(--accent);background:#81b35e1a}.lobby-visibility{border-radius:var(--radius-sm);border:1px solid var(--bg-surface-hover);align-self:center;gap:0;display:flex;overflow:hidden}.lobby-visibility__btn{background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-main), color var(--transition-main);border:none;align-items:center;gap:.4rem;padding:.4rem 1rem;font-family:Noto Sans,sans-serif;font-size:.8rem;font-weight:600;display:flex}.lobby-visibility__btn:first-child{border-right:1px solid var(--bg-surface-hover)}.lobby-visibility__btn:hover{background:var(--bg-surface-hover)}.lobby-visibility__btn--active{color:var(--accent);background:#81b35e26}.lobby-casual-badge{color:var(--text-dim);justify-content:center;align-items:center;gap:.4rem;padding-top:.15rem;font-size:.72rem;display:flex}.lobby-create-btn{width:100%;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600}.lobby-active{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.lobby-active__code{flex-direction:column;align-items:center;gap:.15rem;display:flex}.lobby-active__code-label{text-transform:uppercase;letter-spacing:.1rem;color:var(--text-muted);font-size:.65rem;font-weight:600}.lobby-active__code-value{letter-spacing:.25rem;color:var(--text-primary);font-family:Inter,monospace;font-size:1.5rem;font-weight:700}.lobby-active__actions{gap:.5rem;display:flex}.lobby-active__cancel{border:1px solid var(--bg-surface-hover)!important;color:var(--text-muted)!important;background:0 0!important}.lobby-active__cancel:hover{border-color:var(--text-muted)!important;color:var(--text-secondary)!important}.lobby-active__divider{background:var(--bg-surface-hover);width:100%;height:1px}.lobby-active__add-bot{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-main), border-color var(--transition-main), color var(--transition-main);align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:flex;background:var(--bg-surface-raised)!important;border:1px solid var(--bg-surface-hover)!important;color:var(--text-secondary)!important}.lobby-active__add-bot:hover{background:var(--bg-surface-hover)!important;border-color:var(--text-muted)!important;color:var(--text-primary)!important}.lobby-bot-picker{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex;overflow:hidden}.lobby-bot-picker__label{text-transform:uppercase;letter-spacing:.08rem;color:var(--text-muted);font-size:.7rem;font-weight:600}.lobby-bot-picker__options{gap:.4rem;display:flex}.lobby-bot-picker__btn{border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);background:var(--bg-surface-raised);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-main), color var(--transition-main), border-color var(--transition-main);padding:.4rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600}.lobby-bot-picker__btn:hover:not(.lobby-bot-picker__btn--active){background:var(--bg-surface-hover)}.lobby-bot-picker__btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.lobby-bot-picker__go{margin-top:.25rem}.lobby-waiting{align-items:center;gap:.6rem;padding-top:.25rem;display:flex}.lobby-waiting__spinner{border:2px solid var(--bg-surface-hover);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite lobbySpin}@keyframes lobbySpin{to{transform:rotate(360deg)}}.lobby-waiting__text{color:var(--text-muted);font-size:.82rem}.lobby-error{border-radius:var(--radius-sm);color:var(--danger);text-align:center;background:#cd45451a;border:1px solid #cd45454d;padding:.5rem .75rem;font-size:.82rem;overflow:hidden}.lobby-divider{border-top:1px solid var(--bg-surface-hover)}.lobby-join{align-items:center;gap:.5rem;display:flex}.lobby-join__input{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-primary);letter-spacing:.15rem;text-align:center;transition:border-color var(--transition-main);outline:none;flex:1;padding:.5rem .75rem;font-family:Inter,monospace;font-size:.9rem;font-weight:600}.lobby-join__input::placeholder{letter-spacing:normal;color:var(--text-dim);font-family:Noto Sans,sans-serif;font-weight:500}.lobby-join__input:focus{border-color:var(--accent)}.lobby-join__btn{white-space:nowrap}.lobby-browse{flex-direction:column;gap:.5rem;display:flex}.lobby-browse__header{align-items:center;gap:.5rem;display:flex}.lobby-browse__title{text-transform:uppercase;letter-spacing:.14rem;color:var(--text-muted);font-size:.72rem;font-weight:700}.lobby-browse__count{color:var(--accent);text-align:center;background:#6299241f;border-radius:10px;min-width:1.2rem;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.lobby-browse__list{scrollbar-width:thin;scrollbar-color:var(--bg-surface-hover) transparent;flex-direction:column;gap:.35rem;max-height:220px;display:flex;overflow-y:auto}.lobby-browse__list::-webkit-scrollbar{width:4px}.lobby-browse__list::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:2px}.lobby-browse__empty{text-align:center;color:var(--text-dim);padding:1.25rem 0;font-size:.82rem;font-style:italic}.lobby-row{background:var(--bg-surface);border-radius:var(--radius-sm);transition:border-color var(--transition-main), background-color var(--transition-main);border:1px solid #0000;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex}.lobby-row:hover{border-color:var(--bg-surface-hover);background:var(--bg-surface-raised)}.lobby-row__host{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.lobby-row__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.lobby-row__elo{color:var(--text-muted);background:#ffffff0d;border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.lobby-row__tc{white-space:nowrap;border:1px solid;border-radius:3px;flex-shrink:0;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.lobby-row__join{cursor:pointer;transition:background-color var(--transition-main), transform var(--transition-main);flex-shrink:0;font-weight:600;background:var(--accent)!important;color:#fff!important;border-radius:var(--radius-sm)!important;border:none!important;padding:.3rem .75rem!important;font-size:.78rem!important}.lobby-row__join:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-hover)!important}.lobby-row__join:disabled{opacity:.5;cursor:default}.menu-container{background:var(--bg-main);justify-content:center;align-items:flex-start;min-height:100dvh;padding:3rem 1rem 4rem;display:flex}.menu-inner{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:560px;display:flex}@media (width<=768px){.menu-container{padding:1.5rem 1rem 3rem}.menu-inner{gap:1.25rem}}.menu-header{text-align:center}.menu-back-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);align-items:center;gap:.35rem;margin-bottom:.75rem;font-size:.78rem;text-decoration:none;display:inline-flex}.menu-back-link:hover{color:var(--text-secondary)}.menu-user-nav{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;font-size:.85rem;display:flex}.menu-user-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.menu-user-link:hover{color:var(--text-primary)}.menu-user-elo{color:var(--accent);margin-left:.35rem}.mode-toggle{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-md);width:100%;max-width:360px;display:flex;overflow:hidden}.mode-toggle__btn{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600}.mode-toggle__btn:hover:not(:disabled):not(.mode-toggle__btn--active){background:var(--bg-surface-raised);color:var(--text-secondary)}.mode-toggle__btn--active{background:var(--accent);color:#fff}.mode-toggle__btn:disabled{cursor:default;opacity:.7}.bot-settings{flex-direction:column;gap:.75rem;width:100%;display:flex}.bot-settings__group{flex-direction:column;gap:.4rem;display:flex}.bot-settings__label{text-transform:uppercase;letter-spacing:.12rem;color:var(--text-muted);font-size:.75rem;font-weight:700}.bot-settings__options{gap:.4rem;display:flex}.bot-settings__btn{border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600}.bot-settings__btn:hover:not(.bot-settings__btn--active){background:var(--bg-surface-raised);color:var(--text-primary)}.bot-settings__btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.turn-badge--thinking{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff26;animation:1.2s ease-in-out infinite botPulse}@keyframes botPulse{0%,to{opacity:1}50%{opacity:.5}}.menu-searching{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1.25rem;display:flex}.menu-searching__top{align-items:center;gap:.6rem;display:flex}.menu-searching-text{color:var(--text-muted);font-size:.9rem}.menu-searching__modes{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.queue-mode-tag{color:var(--accent);border-radius:var(--radius-sm);letter-spacing:.02em;background:#6299241f;border:1px solid #6299244d;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}.menu-invite-section{flex-direction:column;gap:.75rem;width:100%;display:flex}.menu-invite-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.menu-heading{text-transform:uppercase;letter-spacing:.18rem;color:var(--text-muted);font-size:.75rem;font-weight:700}.time-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;display:grid}.time-tile{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-main), transform var(--transition-bounce), border-color var(--transition-main);color:inherit;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;font-family:inherit;display:flex}@media (hover:hover){.time-tile:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--text-muted);box-shadow:var(--shadow-md);transform:translateY(-3px)}}.time-tile:disabled{opacity:.4;cursor:default}.time-tile__label{color:var(--text-primary);letter-spacing:.02rem;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.time-tile__category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12rem;font-size:.75rem;font-weight:500}.time-tile--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#81b35e1f}@media (hover:hover){.time-tile--selected:hover:not(:disabled){border-color:var(--accent);background:#81b35e2e}}.time-tile:active:not(:disabled){transform:scale(.97)}@keyframes shop-notif-breath{0%,to{opacity:.78;box-shadow:0 0 0 2px var(--bg-surface), 0 0 4px 0 #e8c44073}50%{opacity:1;box-shadow:0 0 0 2px var(--bg-surface), 0 0 12px 2px #e8c440d9}}.time-tile--locked{opacity:.55;position:relative}.time-tile--locked:hover:not(:disabled){opacity:.8}.time-tile__lock{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:6px}.time-tile--icon .time-tile__label{justify-content:center;align-items:center;height:1.6rem;display:flex}.custom-tc-panel{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem;animation:.2s ease-out fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-tc-inputs{justify-content:center;align-items:flex-end;gap:.75rem;display:flex}.custom-tc-field{flex-direction:column;flex:1;gap:.3rem;max-width:120px;display:flex}.custom-tc-field__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08rem;font-size:.7rem;font-weight:600}.custom-tc-field__input{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;width:100%;transition:border-color var(--transition-main);-moz-appearance:textfield;outline:none;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700}.custom-tc-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-tc-field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-tc-field__input:focus{border-color:var(--accent)}.custom-tc-plus{color:var(--text-muted);padding-bottom:.5rem;font-size:1.4rem;font-weight:700}.custom-tc-presets{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.custom-tc-preset{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-main), border-color var(--transition-main);padding:.35rem .75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.custom-tc-preset:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.custom-tc-preset--active{border-color:var(--accent);color:var(--accent);background:#81b35e1a}.custom-tc-mode{border-radius:var(--radius-sm);border:1px solid var(--bg-surface-hover);align-self:center;gap:0;display:flex;overflow:hidden}.custom-tc-mode__btn{background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-main), color var(--transition-main);border:none;padding:.4rem 1.25rem;font-family:Noto Sans,sans-serif;font-size:.8rem;font-weight:600}.custom-tc-mode__btn:first-child{border-right:1px solid var(--bg-surface-hover)}.custom-tc-mode__btn:hover{background:var(--bg-surface-hover)}.custom-tc-mode__btn--active{color:var(--accent);background:#81b35e26}.custom-tc-panel--locked .custom-tc-field__input:disabled{opacity:.4}.custom-tc-panel--locked .custom-tc-preset:disabled,.custom-tc-panel--locked .custom-tc-mode__btn:disabled{opacity:.4;cursor:default}.custom-tc-divider{border-top:1px solid var(--bg-surface-hover)}.custom-tc-invite{flex-direction:column;align-items:center;gap:.75rem;display:flex}.custom-tc-invite__create{width:100%}.custom-tc-invite__active{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:.75rem;display:flex}.custom-tc-invite__code{flex-direction:column;align-items:center;gap:.15rem;display:flex}.custom-tc-invite__code-label{text-transform:uppercase;letter-spacing:.1rem;color:var(--text-muted);font-size:.65rem;font-weight:600}.custom-tc-invite__code-value{letter-spacing:.25rem;color:var(--text-primary);font-family:Inter,monospace;font-size:1.5rem;font-weight:700}.custom-tc-invite__actions{gap:.5rem;display:flex}.custom-tc-invite__cancel{border:1px solid var(--bg-surface-hover)!important;color:var(--text-muted)!important;background:0 0!important}.custom-tc-invite__cancel:hover{border-color:var(--text-muted)!important;color:var(--text-secondary)!important}.custom-tc-invite__join{align-items:center;gap:.5rem;width:100%;display:flex}.custom-tc-action{align-self:center;padding:.6rem 2rem}.menu-search-btn{letter-spacing:.02em;width:100%;margin-top:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600}.menu-search-btn:disabled{opacity:.5;cursor:default}.rules-section{border-top:1px solid var(--bg-surface-hover);align-self:center;width:min(100vw - 2rem,660px);padding-top:1.25rem}@media (width<=480px){.rules-section{width:100%}}.rules-toggle{cursor:pointer;width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.18rem;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.25rem 0;font-family:inherit;font-size:.75rem;font-weight:700;display:flex}.rules-toggle:hover{color:var(--text-secondary)}.rules-toggle__chevron{flex-shrink:0;transition:transform .2s}.rules-toggle__chevron--open{transform:rotate(180deg)}.rules-section--unseen{position:relative}.rules-toggle--unseen{color:var(--accent,#f5d76e);animation:2.2s ease-in-out infinite rules-pulse}.rules-toggle--unseen .rules-toggle__chevron{color:var(--accent,#f5d76e)}.rules-toggle__label{align-items:center;gap:.5rem;display:inline-flex}.rules-toggle__badge{background:var(--accent,#f5d76e);color:#1a1a1a;letter-spacing:.08rem;border-radius:.25rem;padding:.125rem .4rem;font-size:.6rem;font-weight:800;line-height:1;display:inline-block}@keyframes rules-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.rules-toggle--unseen{animation:none}}.rules-body{flex-direction:column;gap:1.5rem;margin-top:1.5rem;animation:.2s fadeIn;display:flex}.rules-subtitle{text-transform:uppercase;letter-spacing:.14rem;color:var(--text-dim);font-size:.7rem;font-weight:700}.rules-divider{background:var(--bg-surface-hover);width:100%;height:1px}.rules-label{color:var(--accent);text-transform:uppercase;letter-spacing:.08rem;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.rules-block{align-items:center;gap:1.25rem;display:flex}.rules-block__boards{flex-shrink:0;gap:.5rem;display:flex}.rules-block__text{flex:1}.rules-block__text p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.mini-board{border:1px solid #ffffff0f;border-radius:3px;flex-shrink:0;grid-template-rows:repeat(4,18px);grid-template-columns:repeat(4,18px);gap:1px;display:grid;overflow:hidden}.mini-cell{width:18px;height:18px;position:relative}.mini-light{background:var(--cell-light)}.mini-dark{background:var(--cell-dark)}.mini-cell.mini-piece:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 5px #62992499,0 0 0 1px #000000d9}.mini-cell.mini-move:after{content:"";background:#00000059;border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #00000026}.mini-cell.mini-capture:after{content:"";background:var(--danger);opacity:.9;border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 0 1px #000000d9}.mini-cell.mini-enemy:after{content:"";background:var(--danger);border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 5px #be4b4b8c,0 0 0 1px #000000d9}.mini-cell.mini-fog{background:#282d37d9}.mini-cell.mini-fog:after{content:"?";color:#ffffff8c;font-size:11px;font-weight:700;font-family:var(--font-display,inherit);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mini-cell.mini-claim-w{background:#6299248c;box-shadow:inset 0 0 0 1px #629924b3}.mini-cell.mini-claim-b{background:#be4b4b80;box-shadow:inset 0 0 0 1px #be4b4bb3}.piece-cards{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;display:grid}.piece-cards--six{grid-template-columns:repeat(3,1fr)}.piece-card{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .5rem .75rem;display:flex}.piece-card__glyph{pointer-events:none}.piece-card__name{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06rem;font-size:.75rem;font-weight:700}.piece-card__desc{color:var(--text-muted);text-align:center;margin-top:.2rem;font-size:.7rem;line-height:1.45}.phase-cards{align-items:stretch;gap:0;width:100%;display:flex}.phase-card{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:.25rem;padding:.9rem .6rem;display:flex}.phase-arrow{color:var(--text-dim);flex-shrink:0;align-items:center;padding:0 .35rem;font-size:1.1rem;display:flex}.phase-card__turns{text-transform:uppercase;letter-spacing:.1rem;color:var(--accent);font-size:.65rem;font-weight:700}.phase-card__label{color:var(--text-primary);font-size:.8rem;font-weight:700}.phase-card__desc{color:var(--text-muted);font-size:.72rem;line-height:1.4}@media (width<=480px){.time-grid{grid-template-columns:repeat(2,1fr)}.time-tile__label{font-size:1.6rem}.piece-cards,.piece-cards--six{grid-template-columns:repeat(2,1fr)}.piece-cards--six .mini-board{grid-template-rows:repeat(5,14px)!important;grid-template-columns:repeat(5,14px)!important}.piece-cards--six .mini-cell{width:14px;height:14px}.phase-cards{flex-direction:column;gap:.5rem}.phase-arrow{display:none}.menu-user-nav .menu-user-group{gap:.4rem}.menu-user-nav .menu-user-link{flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;padding:.4rem .7rem}.menu-user-nav .menu-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:11ch;font-size:.85rem;overflow:hidden}.menu-user-nav .menu-user-elo{white-space:nowrap;background:0 0;gap:0;padding:0;font-size:.78rem}.menu-user-nav .menu-user-elo__cat{display:none}.menu-user-nav .connection-dot{align-self:center;margin-right:2px}.menu-user-nav .btn-friends,.menu-user-nav .btn-settings,.menu-user-nav .btn-logout{padding:.45rem}}.menu-divider{background:var(--bg-surface-raised);width:100%;height:1px;margin:.75rem 0}.menu-active-game{background:var(--bg-surface-raised);border:1px solid var(--accent);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;width:100%;padding:1rem 1.25rem;animation:.3s ease-out backwards fadeSlideUp;display:flex}.menu-active-game__info{color:var(--text-secondary);text-align:center;font-size:.9rem}.menu-active-game__actions{justify-content:center;gap:.5rem;display:flex}.menu-active-game__actions .btn{flex:1;min-width:0;padding:.5rem 1rem;font-size:.85rem}.first-move-banner{text-align:center;background:var(--bg-surface);border-top:1px solid var(--border-menu);color:var(--accent);z-index:100;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .3s,color .3s;position:fixed;bottom:0;left:0;right:0}.first-move-banner--urgent{color:var(--danger)}.color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.color-dot--white{background:#fff;border:1.5px solid #999}.color-dot--black{background:#333;border:1.5px solid #666}.hand-player-name{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:600;overflow:hidden}.connection-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.connection-dot.online{background:var(--accent);box-shadow:0 0 8px var(--accent)}.connection-dot.connecting{background:#f1c40f;animation:1.5s infinite connection-pulse}@keyframes connection-pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.menu-user-nav{z-index:10;justify-content:center;align-items:center;margin-top:1rem;display:flex;position:relative}.menu-user-group{align-items:center;gap:.75rem;display:flex}.menu-user-link{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;padding:.5rem .9rem;text-decoration:none;display:flex}.menu-user-link:hover{background:var(--bg-surface-hover);border-color:var(--text-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.menu-user-name{color:var(--user-name-color,var(--text-bright));letter-spacing:.01rem;font-size:.95rem;font-weight:600}.menu-user-elo{color:var(--accent);text-transform:capitalize;white-space:nowrap;background:#6299241a;border-radius:4px;align-items:baseline;gap:.3rem;padding:1px 6px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.menu-user-elo__num{font-weight:700}.menu-user-elo__cat{font-weight:600}.menu-user-link{position:relative}.menu-user-elo-tooltip{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);white-space:nowrap;z-index:9999;min-width:200px;box-shadow:var(--shadow-lg);padding:.5rem .75rem;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.menu-user-elo-tooltip:before{content:"";background:var(--bg-surface-raised);border-top:1px solid var(--bg-surface-hover);border-left:1px solid var(--bg-surface-hover);width:8px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.menu-user-link:hover .menu-user-elo-tooltip{display:block}.elo-tooltip-row{justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.82rem;display:flex}.elo-tooltip-row+.elo-tooltip-row{border-top:1px solid var(--bg-surface-hover)}.elo-tooltip-mode{text-transform:uppercase;letter-spacing:.08rem;color:var(--text-dim);border-bottom:1px solid var(--bg-surface-hover);margin-bottom:.15rem;padding-bottom:.35rem;font-size:.7rem;font-weight:700}.elo-tooltip-mode-row{white-space:nowrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:.22rem 0;font-size:.78rem;display:flex}.elo-tooltip-mode-row .elo-tooltip-label,.elo-tooltip-mode-row .elo-tooltip-value{white-space:nowrap}.elo-tooltip-mode-row+.elo-tooltip-mode-row{border-top:1px solid var(--bg-surface-hover)}.elo-tooltip-label{color:var(--text-secondary);font-weight:500}.elo-tooltip-value{color:var(--text-bright);font-family:Inter,sans-serif;font-weight:700}.btn-settings{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-main), background var(--transition-main), border-color var(--transition-main), transform var(--transition-main);justify-content:center;align-items:center;padding:.55rem;text-decoration:none;display:flex}.btn-settings:hover{color:var(--text-bright);background:var(--bg-surface-hover);transform:translateY(-1px)}.btn-logout{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-main);justify-content:center;align-items:center;padding:.55rem;display:flex}.btn-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px);box-shadow:0 4px 12px #cd454533}.btn-logout--confirm{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-logout__text{letter-spacing:.02em;font-size:.7rem;font-weight:600}.menu-auth-links{gap:1rem;display:flex}.menu-live-stats{background:var(--bg-surface-raised);border:1px solid var(--border-menu);color:var(--text-muted);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.stat-item strong{color:var(--text-bright)}.stat-divider{color:var(--border-menu)}.stat-pulse{border-radius:50%;width:6px;height:6px;position:relative}.stat-pulse.online{background-color:var(--success);box-shadow:0 0 8px var(--success)}.stat-pulse.games{background-color:var(--accent);box-shadow:0 0 8px var(--accent)}.menu-bottom-area{flex-direction:column;align-items:center;gap:6px;width:100%;padding-top:.5rem;display:flex}.site-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1rem;padding:1.5rem 0 .5rem;font-size:.75rem;display:flex}.site-footer__link{color:var(--text-muted);opacity:.6;transition:opacity var(--transition-main);text-decoration:none}.site-footer__link:hover{opacity:1}.btn-leaderboard{color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.btn-leaderboard:hover{color:var(--text-bright);background:var(--bg-surface-hover)}.shop-link{position:relative}.shop-link__dot{pointer-events:none;background:#e8c440;border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite gl-shop-notif-breath;position:absolute;top:2px;right:2px}@keyframes gl-shop-notif-breath{0%,to{opacity:.78;box-shadow:0 0 0 2px var(--bg-surface), 0 0 4px 0 #e8c44073}50%{opacity:1;box-shadow:0 0 0 2px var(--bg-surface), 0 0 12px 2px #e8c440d9}}.gl-page{background:var(--bg-main);justify-content:center;min-height:100dvh;padding:2rem 1rem 4rem;display:flex}.gl-inner{flex-direction:column;gap:2rem;width:100%;max-width:900px;display:flex}.gl-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gl-brand{letter-spacing:.04rem;color:var(--text-bright);-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-family:Inter,Noto Sans,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.gl-brand-mark{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:2px;width:26px;height:26px;display:grid}.gl-brand-mark span{border-radius:2px}.gl-brand-mark span:first-child,.gl-brand-mark span:nth-child(4){background:var(--cell-light)}.gl-brand-mark span:nth-child(2),.gl-brand-mark span:nth-child(3){background:var(--cell-dark)}.gl-header-nav{align-items:center;display:flex}.gl-hero{flex-direction:column;gap:.75rem;display:flex}.gl-hero-title{letter-spacing:.03rem;color:var(--text-bright);font-family:Inter,Noto Sans,sans-serif;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.15}.gl-stats-strip{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.83rem;display:flex}.gl-stat{align-items:center;gap:.4rem;display:flex}.gl-stat strong{color:var(--text-primary);font-weight:600}.gl-stat-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.2s ease-in-out infinite gl-pulse;box-shadow:0 0 6px #62992480}.gl-stat-dot--amber{background:#c8962a;animation-delay:.5s;box-shadow:0 0 6px #c8962a80}@keyframes gl-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.25)}}.gl-stat-divider{color:var(--text-dim)}.gl-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=860px){.gl-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.gl-grid{grid-template-columns:1fr;gap:.85rem}}.gl-card{background:var(--bg-surface);border-radius:var(--radius-lg);transition:transform var(--transition-bounce), border-color var(--transition-main), box-shadow var(--transition-main);border:1px solid #ffffff0e;flex-direction:column;animation:.4s backwards gl-card-in;display:flex;position:relative;overflow:hidden}@keyframes gl-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gl-card-in-coming{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:.48;transform:translateY(0)scale(1)}}.gl-card:not(.gl-card--coming){cursor:pointer}.gl-card:not(.gl-card--coming):hover{box-shadow:var(--shadow-lg);border-color:var(--card-accent,#ffffff24);transform:translateY(-4px)}.gl-card--coming{opacity:.48;cursor:default;animation-name:gl-card-in-coming}.gl-card-preview{background:linear-gradient(180deg, var(--bg-surface-raised) 0%, var(--bg-surface) 100%);border-bottom:1px solid #ffffff0a;padding:.9rem .9rem .75rem}.gl-board{border-radius:var(--radius-sm);gap:0;width:100%;display:grid;overflow:hidden;box-shadow:0 2px 8px #0006}.gl-board--3{grid-template-columns:repeat(3,1fr)}.gl-board--4{grid-template-columns:repeat(4,1fr)}.gl-board--5{grid-template-columns:repeat(5,1fr)}.gl-board--6{grid-template-columns:repeat(6,1fr)}.gl-cell{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.gl-cell--l{background:var(--cell-light)}.gl-cell--d{background:var(--cell-dark)}.gl-piece{-webkit-user-select:none;user-select:none;pointer-events:none;animation:.35s cubic-bezier(.34,1.56,.64,1) backwards gl-piece-in}.gl-piece--svg{justify-content:center;align-items:center;width:86%;height:86%;display:flex}.gl-piece--svg>svg,.gl-piece--svg svg{width:100%;height:100%}.gl-piece--svg.gl-piece--w{filter:drop-shadow(0 1px 2px #00000073)}.gl-piece--svg.gl-piece--b{filter:drop-shadow(0 1px 2px #0000008c)}.gl-piece--themed{justify-content:center;align-items:center;width:86%;height:86%;display:flex}.gl-piece--themed>img,.gl-piece--themed>div,.gl-piece--themed>div>svg{width:100%!important;height:100%!important}.gl-piece--fog{font-size:clamp(.7rem,3vw,1.1rem);font-weight:700;line-height:1}.gl-piece--fog.gl-piece--w{color:#fff;text-shadow:0 0 1px #fff,0 1px 3px #000c}.gl-piece--fog.gl-piece--b{color:#1a1a1a;text-shadow:0 1px 2px #00000059}@keyframes gl-piece-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.gl-bar{background:linear-gradient(90deg, var(--card-accent,var(--accent)), transparent);flex-shrink:0;height:2px}.gl-card-body{flex-direction:column;flex:1;gap:.3rem;padding:.85rem 1rem 1rem;display:flex}.gl-card-name{letter-spacing:.02rem;color:var(--text-bright);font-family:Inter,Noto Sans,sans-serif;font-size:.96rem;font-weight:700;line-height:1.2}.gl-card-meta{color:var(--text-muted);letter-spacing:.02em;font-size:.73rem}.gl-card-desc{color:var(--text-secondary);flex:1;margin-top:.2rem;font-size:.76rem;line-height:1.45}.gl-card-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.gl-card-ingame{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;display:inline-flex}.gl-card-ingame strong{color:var(--text-primary);font-weight:700}.gl-online-pill{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.73rem;font-weight:500;display:inline-flex}.gl-pulse-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite gl-pulse}.gl-play-badge{color:var(--card-accent,var(--accent));background:var(--card-accent-dim,#62992426);border:1px solid var(--card-accent,#6299244d);letter-spacing:.02em;transition:transform var(--transition-bounce);border-radius:100px;padding:.25rem .6rem;font-size:.73rem;font-weight:600}.gl-card:hover .gl-play-badge{transform:translate(2px)}.gl-soon-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}@media (width<=700px){.gl-inner{gap:1.5rem}.gl-page{padding:1.5rem .75rem 3rem}.gl-header{flex-wrap:wrap;row-gap:.75rem}.gl-header-nav{justify-content:flex-end;width:100%}.gl-hero-title{font-size:clamp(1.35rem,5.5vw,1.8rem)}}@media (width<=560px){.gl-page{padding:1rem .75rem 2.5rem}.gl-inner{gap:1.25rem}.gl-brand{font-size:1rem}.gl-card-preview{padding:.7rem .7rem .6rem}.gl-card-body{padding:.7rem .85rem .85rem}.gl-card-name{font-size:1rem}.gl-card-desc{font-size:.8rem}.gl-card-meta{font-size:.75rem}.gl-board{max-width:180px;margin:0 auto}}@media (width<=400px){.gl-stats-strip{gap:.5rem;font-size:.78rem}.gl-page .menu-user-group{gap:.4rem}.gl-page .menu-user-link{gap:.4rem;padding:.4rem .55rem}.gl-page .menu-user-name{font-size:.85rem}.gl-page .menu-user-elo{display:none}.gl-page .menu-user-elo-tooltip{display:none!important}}.avatar{background:var(--bg-surface-raised);border:2px solid var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar>div{margin:0!important}.avatar-default{color:var(--text-muted);font-weight:700;line-height:1}.avatar-border--default{border-color:var(--text-dim)}.avatar-border--gold{border-color:#c8962a;box-shadow:0 0 6px #c8962a66}.avatar-border--silver{border-color:#a0a0a0;box-shadow:0 0 6px #a0a0a04d}.avatar-border--bronze{border-color:#8c5a3c;box-shadow:0 0 6px #8c5a3c4d}.avatar-border--emerald{border-color:#2ea043;box-shadow:0 0 6px #2ea04359}.avatar-border--ruby{border-color:#cd4545;box-shadow:0 0 6px #cd454559}.avatar-border--sapphire{border-color:#48c;box-shadow:0 0 6px #4488cc59}.avatar-border--amethyst{border-color:#9070b0;box-shadow:0 0 6px #9070b059}.game-container{background:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:0;min-height:100dvh;padding:1.25rem 1rem;display:flex;position:relative}.game-layout{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.game-main{flex-direction:column;align-items:center;gap:.25rem;display:flex}.game-sidebar{width:100%;max-width:calc(var(--board-size) + 16px);flex-direction:column;align-items:stretch;gap:.5rem;margin:0 auto;display:flex}.sidebar-section{background:var(--bg-surface-raised);border-radius:var(--radius-md);border:1px solid var(--bg-surface-hover);flex-direction:column;gap:.8rem;padding:1.2rem;display:flex}.sidebar-mode-label{text-align:center;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;background:#62992414!important;border-color:#62992433!important;gap:0!important;padding:.4rem 1rem!important}.sidebar-bot-label{letter-spacing:.05em;color:var(--text-bright);font-size:.78rem;font-weight:700;background:#c8962a14!important;border-color:#c8962a40!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.45rem .85rem!important}.sidebar-bot-label svg{color:#c8962a;flex-shrink:0}.sidebar-bot-label__text{text-transform:uppercase}.sidebar-bot-label__tc{color:var(--text-secondary);letter-spacing:.04em;margin-left:auto;font-size:.72rem;font-weight:600}.sidebar-section-title{text-transform:uppercase;letter-spacing:.1rem;color:var(--accent);margin-bottom:.2rem;font-size:.8rem;font-weight:700}.sidebar-section-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0;display:none}.toggle-icon{color:var(--text-muted);font-family:monospace;font-size:1.2rem}.sidebar-info{color:var(--text-muted);letter-spacing:.06rem;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.sidebar-status{flex-direction:column;gap:.4rem;display:flex}.sidebar-history{flex:1;min-width:180px}.history-scroll{max-height:220px;padding-right:.5rem;overflow-y:auto}.history-empty{color:var(--text-dim);text-align:center;opacity:.7;padding:2.5rem 1rem;font-size:.85rem;font-weight:500}.sidebar-controls{background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.game-header{text-align:center;z-index:2;width:100%;margin-bottom:1rem;padding:.75rem 0}.title{color:var(--text-bright);letter-spacing:.05rem;text-transform:none;text-shadow:none;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700}.subtitle{color:var(--text-muted);letter-spacing:.25rem;text-transform:uppercase;margin-top:.25rem;font-size:.8rem;font-weight:500}.game-title{color:var(--text-muted);letter-spacing:.08rem;font-size:1.1rem;font-weight:600}.status-message{color:var(--text-secondary);transition:color var(--transition-main);font-size:.95rem;font-weight:500}.winner-msg{color:var(--accent);text-shadow:0 0 16px #62992480;font-weight:700;animation:1.5s ease-in-out infinite winPulse;font-size:1.25rem!important}.status-message.turn-white{color:var(--text-bright);font-weight:600}.status-message.turn-black{color:var(--text-secondary);font-weight:600}.hand-wrapper{z-index:1;position:relative}.hand-panel{transition:opacity var(--transition-main), transform var(--transition-main);flex-direction:column;align-items:center;gap:.75rem;display:flex}.hand-panel[style*="opacity: 1"]{filter:drop-shadow(0 0 8px #ffffff0d)}.hand-title{align-items:center;gap:.5rem;display:flex;letter-spacing:.12rem!important;text-transform:uppercase!important;font-family:Noto Sans,sans-serif!important;font-size:.85rem!important;font-weight:600!important}.turn-badge{letter-spacing:.07rem;text-transform:uppercase;color:var(--accent);background:#6299242e;border:1px solid #62992459;border-radius:3px;padding:1px 6px;font-size:.6rem;font-weight:700}.hand-player-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;max-width:120px;display:inline-flex;overflow:hidden}.bot-difficulty-badge{letter-spacing:.05rem;text-transform:capitalize;border-radius:3px;margin-left:2px;padding:1px 6px;font-size:.6rem;font-weight:700}.bot-difficulty--easy{color:var(--accent);background:#6299242e;border:1px solid #62992459}.bot-difficulty--medium{color:#e8a820;background:#e8a82026;border:1px solid #e8a82059}.bot-difficulty--hard{color:#e04040;background:#e0404026;border:1px solid #e0404059}.hand-panel--active{border-radius:var(--radius-md);outline-offset:6px;outline:1px solid #ffffff1a}.black-hand{margin-bottom:.6rem}.white-hand{margin-top:.6rem}.hand-cards{justify-content:center;gap:1rem;display:flex}.hand-card{border-radius:var(--radius-md);width:70px;height:74px;transition:transform var(--transition-bounce), background-color .1s ease, border-color .1s ease;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.hand-card--available{background:var(--bg-surface-raised);border-color:var(--bg-surface-hover);cursor:pointer}.hand-card--available:hover{background:var(--bg-surface-hover);border-color:var(--text-muted);transform:translateY(-2px)}.hand-card--selected{z-index:2;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #62992466;background:var(--accent)!important;border-color:var(--accent-hover)!important}.hand-card--empty{background:var(--bg-surface);opacity:.35;cursor:default}.hand-card__label{letter-spacing:.06rem;text-transform:uppercase;color:var(--text-muted);margin-top:0;font-size:.65rem;font-weight:600}.hand-card--selected .hand-card__label{color:var(--bg-main)}.hand-card--premove{z-index:2;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 20px #cd780059;background:#cd78008c!important;border-color:#cd7800cc!important}.hand-card--premove .hand-card__label{color:#fff}.board-wrapper{z-index:1}.board-container{background:var(--bg-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);box-sizing:border-box;max-width:100%;width:calc(var(--board-size) + 8px);padding:4px}.board-main{width:var(--board-size);aspect-ratio:var(--board-cols) / var(--board-rows);flex-direction:column;display:flex}.board-row{flex-wrap:nowrap;flex:1 1 0;display:flex}.cell-label{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:.6rem;font-weight:700;line-height:1;position:absolute}.cell-label-file{bottom:2px;right:3px}.cell-label-rank{top:2px;left:3px}.cell.light .cell-label{color:var(--cell-dark)}.cell.dark .cell-label{color:var(--cell-light)}.cell{aspect-ratio:1;cursor:default;flex:1 1 0;justify-content:center;align-items:center;min-width:0;transition:background-color .1s;display:flex;position:relative}.cell.light{background:var(--cell-light)}.cell.dark{background:var(--cell-dark)}.cell.light.selected{background:var(--cell-light-selected)}.cell.dark.selected{background:var(--cell-dark-selected)}.cell.light.last-move{background:var(--cell-light-last)}.cell.dark.last-move{background:var(--cell-dark-last)}.cell-claim-mark{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cell-claim-mark:before{content:"";border-radius:50%;width:30%;height:30%;animation:.35s cubic-bezier(.34,1.56,.64,1) claim-mark-drop;box-shadow:0 2px 4px #00000059,inset 0 1px 2px #fff3}.cell-claim-mark--white:before{background:radial-gradient(circle at 35% 30%,#fff 0%,#e8e4d8 65%,#b8b0a0 100%)}.cell-claim-mark--black:before{background:radial-gradient(circle at 35% 30%,#4a453d 0%,#222019 60%,#0c0a07 100%)}@keyframes claim-mark-drop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes hand-shuffle{0%{opacity:.9;transform:translate(0)rotate(0)scale(1)}15%{transform:translate(-10px,4px)rotate(-8deg)scale(.94)}30%{transform:translate(8px,-3px)rotate(7deg)scale(.95)}45%{transform:translate(-5px,2px)rotate(-4deg)scale(.97)}60%{transform:translate(4px,-1px)rotate(3deg)scale(.99)}80%{transform:translate(-1px,1px)rotate(-1deg)scale(1)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.hand-card--shuffle{animation:.95s cubic-bezier(.34,1.2,.5,1) both hand-shuffle}.hand-card--shuffle:first-child{animation-delay:0s}.hand-card--shuffle:nth-child(2){animation-delay:80ms}.hand-card--shuffle:nth-child(3){animation-delay:.16s}.hand-card--shuffle:nth-child(4){animation-delay:.24s}.fog-curtain{z-index:10000;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fog-curtain--white{color:#e8e8e8;background:linear-gradient(#1a1917 0%,#2a2622 100%)}.fog-curtain--black{color:#bbb;background:linear-gradient(#0f0e0c 0%,#1a1815 100%)}.fog-curtain__inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;animation:.28s cubic-bezier(.2,.7,.3,1) both fog-curtain-inner-in;display:flex}@keyframes fog-curtain-inner-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fog-curtain__eye{color:var(--accent);opacity:.85;animation:2s ease-in-out infinite fog-curtain-pulse}.fog-curtain__title{letter-spacing:.04em;text-transform:capitalize;font-family:Cinzel,serif;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700}.fog-curtain__hint{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem}@keyframes fog-curtain-in{0%{opacity:0}to{opacity:1}}@keyframes fog-curtain-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.player-bar{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-md);width:100%;max-width:calc(var(--board-size) + 8px);box-sizing:border-box;opacity:.75;transition:opacity var(--transition-main), border-color var(--transition-main);align-items:center;gap:.6rem;margin:0 auto;padding:.4rem .75rem;display:flex}.player-bar--active{opacity:1;border-color:var(--accent)}.player-bar__name{color:var(--text-primary);text-transform:capitalize;flex:1;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.player-bar .player-clock{margin-left:auto}.board-wrapper{position:relative}.kt-score-overlay{font-variant-numeric:tabular-nums;color:var(--text-bright);-webkit-backdrop-filter:blur(4px);z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;background:#141210c7;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.85rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 2px 6px #0006}.kt-score-overlay--top{top:-10px;right:-6px}.kt-score-overlay--bottom{bottom:-10px;left:-6px}.kt-score-overlay__count{text-align:center;min-width:1ch}@keyframes winPop{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.5)saturate(1.4);transform:scale(1.13)}to{filter:brightness();transform:scale(1)}}.cell.light.win{background:var(--cell-light-win);animation:.4s ease-out winPop,1.5s ease-in-out .4s infinite winPulse}.cell.dark.win{background:var(--cell-dark-win);animation:.4s ease-out winPop,1.5s ease-in-out .4s infinite winPulse}.cell.target,.cell.can-place{cursor:pointer}.cell.target:hover:after,.cell.can-place:hover:after{content:"";pointer-events:none;background:#ffffff0d;position:absolute;inset:0}.board-row:first-child .cell:first-of-type{border-top-left-radius:var(--radius-md)}.board-row:first-child .cell:last-of-type{border-top-right-radius:var(--radius-md)}.board-row:last-child .cell:first-of-type{border-bottom-left-radius:var(--radius-md)}.board-row:last-child .cell:last-of-type{border-bottom-right-radius:var(--radius-md)}.move-indicator{pointer-events:none;z-index:2;background:#0000002e;border-radius:50%;width:28%;height:28%;position:absolute}.capture-indicator{pointer-events:none;z-index:2;box-shadow:none;background:0 0;border:5px solid #0000002e;border-radius:50%;position:absolute;inset:4%}.cell-premove-src{background:#cd78008c!important}.cell-premove-dst{background:#cd780059!important}.cell-pm-sel{background:#cd78008c!important}.cell-pm-target{cursor:pointer}.cell-pm-target:hover:after{content:"";pointer-events:none;background:#ffa00014;position:absolute;inset:0}.pm-move-indicator{pointer-events:none;z-index:2;background:#cd780080;border-radius:50%;width:28%;height:28%;position:absolute}.pm-capture-indicator{pointer-events:none;z-index:2;background:0 0;border:5px solid #cd780080;border-radius:50%;position:absolute;inset:4%}.premove-indicator{color:#cd9628;text-align:center;letter-spacing:.01em;border-left:2px solid #cd962880;padding:4px 8px;font-size:.72rem}.place-hint{pointer-events:none;z-index:2;background:#0000001f;border-radius:50%;width:22%;height:22%;position:absolute}.piece-wrapper{z-index:3;line-height:0;position:absolute}.piece-wrapper.scaled{z-index:10}.piece-wrapper.faded{opacity:.4}.drag-ghost{pointer-events:none;z-index:1000;opacity:.85;filter:drop-shadow(0 4px 12px #00000080);position:fixed}@keyframes winPulse{0%,to{filter:brightness()}50%{filter:brightness(1.2)saturate(1.2)}}.sidebar-controls-row{border-radius:var(--radius-md)!important;border:1px solid var(--bg-surface-hover)!important;background:0 0!important;flex-flow:wrap!important;gap:0!important;width:100%!important;padding:0!important;display:flex!important}.sidebar-controls-row .btn{background:var(--bg-surface-raised);border:none!important;border-right:1px solid var(--bg-surface-hover)!important;white-space:nowrap!important;min-width:50px!important;transition:all var(--transition-main)!important;border-radius:0!important;flex:auto!important;margin:0!important;padding:.5rem .4rem!important}.sidebar-controls-row .btn:last-child{border-right:none!important}@media (hover:hover){.sidebar-controls-row .btn:hover{background:var(--bg-surface-hover)!important;color:var(--text-bright)!important;box-shadow:none!important;transform:none!important}}.btn{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-main), transform var(--transition-main), border-color var(--transition-main);white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:600;display:flex}.btn-sm{border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem}.btn-active,.sidebar-controls-row .btn.btn-active{background:var(--accent)!important;color:var(--bg-main)!important;border-color:var(--accent-hover)!important}@media (hover:hover){.btn-active:hover,.sidebar-controls-row .btn.btn-active:hover{background:var(--accent-hover)!important;color:var(--bg-main)!important;border-color:var(--accent-hover)!important}}.hand-wrapper--mirrored{transform:rotate(180deg)}.btn-danger{background:var(--danger)!important;color:var(--text-bright)!important;border-color:var(--danger)!important;transition:background 50ms,transform 50ms!important}@media (hover:hover){.btn-danger:hover{transform:translateY(-1px);color:var(--text-bright)!important;background:#b03a3a!important;border-color:#b03a3a!important}}.btn-danger:active{background:#933!important;transform:translateY(0)!important}.btn-danger--confirm{z-index:5;animation:.8s ease-in-out infinite alternate danger-confirm-pulse;box-shadow:0 0 15px #cd454566;color:#fff!important;background:#e13d3d!important;border-color:#ff4d4d!important;font-weight:700!important}@media (hover:hover){.sidebar-controls-row .btn.btn-danger--confirm:hover{background:#ff4d4d!important;border-right:none!important;box-shadow:0 0 12px #ff4d4d4d!important}}.sidebar-controls-row .btn.btn-danger--confirm{border-right:none!important}@keyframes danger-confirm-pulse{0%{background-color:#cd4545;box-shadow:0 0 4px #cd454533}to{background-color:#ff4d4d;box-shadow:0 0 10px #cd454566}}.btn-gold{box-shadow:0 4px 12px #f1c40f33;color:#1a1a1a!important;background:linear-gradient(135deg,#d4af37,#f1c40f)!important;border-color:#f1c40f!important;font-weight:700!important}@media (hover:hover){.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f1c40f66;background:linear-gradient(135deg,#f1c40f,#f39c12)!important}}.play-settings-panel{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);padding:.5rem!important}.play-again-group+.play-again-group{border-top:1px solid var(--bg-surface-hover);margin-top:.4rem;padding-top:.4rem}.play-again-group__label{text-transform:uppercase;letter-spacing:.06rem;color:var(--text-muted);margin-bottom:.3rem;font-size:.6rem;font-weight:700}.play-again-group__options{gap:4px;display:flex}.play-again-opt{text-transform:capitalize;text-align:center;background:var(--bg-surface);border:1px solid var(--bg-surface-hover);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);border-radius:4px;flex:1;padding:.35rem .3rem;font-size:.72rem;font-weight:600}@media (hover:hover){.play-again-opt:hover{background:var(--bg-surface-hover);color:var(--text-bright)}}.play-again-opt--active{background:var(--accent);color:var(--bg-main);border-color:var(--accent)}.play-settings-go{width:100%;margin-top:.5rem}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn-icon{line-height:1;flex:none!important;padding:.5rem .6rem!important;font-size:1rem!important}@media (hover:hover){.btn:hover{background:var(--bg-surface-hover);color:var(--text-bright);border-color:var(--text-muted);transform:translateY(-1px)}}.moves-panel{overflow:hidden;gap:0!important;padding:0!important}.moves-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-surface-hover) transparent;height:150px;overflow-y:auto}.moves-table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:Noto Sans,monospace;font-size:.82rem}.moves-num{text-align:center;width:28px;color:var(--text-dim);-webkit-user-select:none;user-select:none;background:#00000026;padding:4px 0;font-size:.72rem;font-weight:600}.moves-cell{cursor:pointer;color:var(--text-secondary);transition:background-color var(--transition-main);white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;font-weight:500;overflow:hidden}.moves-cell:hover{background:var(--bg-surface-hover)}.moves-cell--active{color:var(--text-bright);background:#62992440!important}.moves-black{border-left:1px solid #ffffff0a}.moves-table tr:nth-child(odd) .moves-cell{background:#ffffff05}.moves-table tr:nth-child(odd) .moves-cell:hover{background:var(--bg-surface-hover)}.moves-table tr:nth-child(odd) .moves-cell.moves-cell--active{background:#62992440!important}.moves-nav{border-top:1px solid var(--bg-surface-hover);display:flex}.moves-nav__btn{border:none;border-right:1px solid var(--bg-surface-hover);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-main), color var(--transition-main);background:0 0;flex:1;justify-content:center;align-items:center;padding:6px 0;display:flex}.moves-nav__btn:last-child{border-right:none}.moves-nav__btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-bright)}.moves-nav__btn:disabled{opacity:.25;cursor:default}.history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.history-header__title{text-transform:uppercase;letter-spacing:.1rem;color:var(--text-muted);font-size:.75rem;font-weight:700}.history-nav{align-items:center;gap:.25rem;display:flex}.history-nav__btn{background:var(--bg-surface-hover);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:background-color var(--transition-main), color var(--transition-main);border:1px solid #0000;justify-content:center;align-items:center;font-family:monospace;font-size:1.1rem;line-height:1;display:flex}.history-nav__btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-bright);border-color:var(--text-muted)}.history-nav__btn:disabled{opacity:.3;cursor:default}.history-nav__live{border:1px solid var(--accent);color:var(--accent);letter-spacing:.06rem;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-main);white-space:nowrap;background:0 0;border-radius:3px;padding:1px 6px;font-family:Noto Sans,sans-serif;font-size:.65rem;font-weight:700;animation:1.5s infinite pulse}.history-nav__live:hover{background:#62992426}.history-list{flex-direction:column;gap:2px;display:flex}.history-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-main);background:0 0;border:none;align-items:baseline;gap:.4rem;padding:3px 6px;font-family:Noto Sans,monospace;font-size:.8rem;font-weight:500;display:flex}.history-item:hover{background:var(--bg-surface-hover)}.history-item.white{color:var(--text-secondary)}.history-item.black{color:var(--text-muted)}.history-item__num{color:var(--text-dim);min-width:1.4rem;font-size:.7rem}.history-item__action{flex:1}.history-item--active{border-left:2px solid var(--accent);color:var(--text-bright)!important;background:#ffffff0f!important}.history-item--future{opacity:.35}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-raised);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--bg-surface-hover);padding:2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative}.modal-title{color:var(--text-bright);letter-spacing:0;margin-bottom:1.25rem;font-size:1.3rem;font-weight:700}.modal-body p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.accent{color:var(--accent);font-weight:600}.winner-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.winner-content{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);padding:2.5rem 4rem;animation:.4s cubic-bezier(.22,1,.36,1) modalIn}.winner-announcement{letter-spacing:.15rem;margin-bottom:1.25rem;font-size:2rem;font-weight:700}.winner-overlay.white .winner-announcement{color:var(--text-bright)}.winner-overlay.black .winner-announcement{color:var(--text-primary)}.winner-overlay.white .winner-content{border-color:#fff3}.winner-overlay.black .winner-content{border-color:#9999994d}@media (width>=768px){:root{--board-size:440px}.game-header{pointer-events:none;margin-bottom:0;position:absolute;top:1.5rem;left:0;right:0}.title,.subtitle{pointer-events:auto}.game-layout{flex-direction:row;align-items:center;gap:1.5rem}.game-sidebar{flex-direction:column;align-items:stretch;gap:.75rem;width:320px;max-width:320px;margin:0}.sidebar-section{width:100%;padding:1.2rem}.sidebar-controls-row .btn-history{display:none}.history-collapsible-section{flex:1;min-height:220px;margin-top:0;display:flex!important}.history-scroll{height:220px;max-height:220px}.sidebar-section{width:100%}.sidebar-history{min-width:unset}.history-scroll{height:220px}.sidebar-controls{flex-direction:column;width:100%}.sidebar-controls .btn{width:100%}.title{font-size:1.8rem}.subtitle{font-size:.85rem}.status-message{font-size:1rem}.hand-card{width:80px;height:84px}.hand-card__label{font-size:.75rem}.btn{padding:.6rem 1.75rem;font-size:.95rem}.winner-announcement{font-size:2.5rem}}@media (width<=380px){:root{--board-size:calc(100vw - 24px)}.game-container{padding:.5rem}.title{font-size:1.25rem}.subtitle{font-size:.7rem}.board-container{padding:4px}.hand-card{width:52px;height:56px}.hand-card__label{font-size:.6rem}.btn{padding:.45rem 1rem;font-size:.8rem}.sidebar-controls-row .btn{font-size:.7rem;padding:.45rem .15rem!important}.status-message{font-size:.85rem}}@media (width<=768px){.game-header{display:none}.game-container{min-height:auto;padding:.5rem .75rem}.game-layout{justify-content:flex-start;gap:.5rem}.game-sidebar{flex-direction:column;gap:.5rem;padding-top:.25rem;padding-bottom:1rem;display:flex}.sidebar-section{gap:.35rem;padding:.5rem .6rem}.game-main{gap:.15rem}.sidebar-controls-row{order:1}.sidebar-status{order:2}.moves-panel{order:5}.history-collapsible-section{order:4;animation:.3s fadeIn;display:none}.history-collapsible-section.is-expanded,.sidebar-controls-row .btn-history{display:flex}.sidebar-controls-row .btn{letter-spacing:-.02rem;font-size:.75rem;padding:.5rem .2rem!important}.sidebar-controls-row .btn-icon{flex:none!important;padding:.5rem .4rem!important}.hand-panel{gap:.25rem}.black-hand{margin-bottom:.25rem}.white-hand{margin-top:.25rem}.hand-cards{gap:.3rem}.hand-card{width:54px;height:58px}.history-collapsible{border-top:1px solid var(--bg-surface-hover);margin-top:.5rem;padding-top:.5rem;animation:.3s fadeIn;display:none}.hand-card__label{font-size:.55rem}}@media (height<=600px) and (orientation:landscape){:root{--board-size:min(70vh, 320px)}.game-container{flex-flow:wrap;justify-content:center;gap:.5rem;padding:.5rem}.game-header{display:none}}.player-clock{letter-spacing:.04rem;color:var(--text-secondary);text-align:right;min-width:2.8rem;margin-left:auto;font-family:Inter,monospace;font-size:1rem;font-weight:700}.clock-low{animation:1s ease-in-out infinite clockPulse;color:var(--danger)!important}@keyframes clockPulse{0%,to{opacity:1}50%{opacity:.55}}@media (hover:none) and (pointer:coarse){.cell{-webkit-tap-highlight-color:transparent}.btn{min-width:44px;min-height:44px}.hand-card{min-height:50px}}.win-banner{align-items:center;flex-direction:row!important;gap:.5rem!important;padding:.6rem 1rem!important}.win-banner .color-dot{width:12px;height:12px}.win-banner__text{color:var(--accent);font-size:1rem;font-weight:700}.win-banner--white{border-color:#ffffff26}.win-banner--black{border-color:#6464644d}.game-over-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over-card{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:.75rem;min-width:260px;padding:2.5rem;display:flex}.game-over-result{color:var(--text-bright);font-size:1.8rem;font-weight:700}.game-over-reason{color:var(--text-secondary);text-transform:capitalize;font-size:.9rem}.game-over-elo{font-size:1.4rem;font-weight:700}.game-over-actions{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.elo-gain{color:#6bcf6b}.elo-loss{color:var(--danger)}.game-result-banner{background:var(--bg-surface);border-top:1px solid var(--border-menu);z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.game-result-banner__text{text-align:center;min-width:0;font-size:.9rem}.game-result-banner .banner-menu-btn{white-space:nowrap;flex-shrink:0}@media (width<=540px){.game-result-banner{gap:.4rem;padding:.5rem .75rem}.game-result-banner__text{flex:100%;font-size:.85rem}.game-result-banner .btn-gold,.game-result-banner .banner-menu-btn{white-space:nowrap;flex:1 1 0!important;min-width:0!important;padding:.45rem .5rem!important;font-size:.8rem!important}}.game-result-banner .btn-gold,.game-result-banner .banner-menu-btn{flex:none;transition:background .15s,transform .15s,box-shadow .15s;transform:none;letter-spacing:.02em!important;border-radius:var(--radius-sm)!important;box-shadow:none!important;border:none!important;min-height:0!important;padding:.5rem 1rem!important;font-family:Noto Sans,sans-serif!important;font-size:.85rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important}.game-result-banner .btn-gold{color:#1a1a1a!important;background:linear-gradient(135deg,#b8961f,#d4af37)!important}.game-result-banner .banner-menu-btn{background:var(--accent)!important;color:#fff!important}@media (hover:hover){.game-result-banner .btn-gold:hover{transform:translateY(-1px);background:linear-gradient(135deg,#d4af37,#e8c440)!important}.game-result-banner .banner-menu-btn:hover{transform:translateY(-1px);background:var(--accent-hover)!important}}.auth-container{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2rem}.auth-title{text-align:center;margin-bottom:.25rem;font-size:1.6rem}.auth-heading{text-align:center;color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem;font-weight:500}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--bg-surface-raised);flex:1;height:1px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.875rem}.legal-page{text-align:left;max-width:600px}.legal-top-nav{align-items:center;margin-bottom:.75rem;display:flex}.legal-updated{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem}.legal-body h2{color:var(--text-primary);margin:1.25rem 0 .4rem;font-size:.95rem;font-weight:600}.legal-body p{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem;line-height:1.6}.legal-body ul{color:var(--text-secondary);margin:0 0 .5rem;padding-left:1.25rem;font-size:.85rem;line-height:1.6}.legal-body li{margin-bottom:.25rem}.auth-link{color:var(--accent);text-decoration:none}.auth-link:hover{text-decoration:underline}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.form-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.form-input{background:var(--bg-main);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-sm);color:var(--text-bright);transition:border-color var(--transition-fast);outline:none;padding:.55rem .75rem;font-size:.95rem}.form-input:focus{border-color:var(--accent)}.form-error{border-radius:var(--radius-sm);color:#e88;background:#cd45451f;border:1px solid #cd454566;padding:.5rem .75rem;font-size:.875rem}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);padding:.65rem 1.25rem;font-size:.95rem;font-weight:500}.btn-secondary:hover{background:var(--bg-surface-hover)}.btn-secondary:disabled{opacity:.5;cursor:default}.btn-full{width:100%}.lobby-container{background:var(--bg-main);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1.5rem;display:flex}.lobby-inner{flex-direction:column;gap:1.5rem;width:100%;max-width:520px;display:flex}.lobby-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lobby-user{align-items:center;gap:.75rem;display:flex}.lobby-username{color:var(--text-primary);font-weight:500}.lobby-elo{background:var(--bg-surface-raised);color:var(--accent);border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:700}.lobby-section{background:var(--bg-surface);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.lobby-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem;font-weight:600}.lobby-tc-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.lobby-tc-tile{background:var(--bg-main);border:1px solid var(--bg-surface-raised);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);padding:.5rem;font-size:.9rem;font-weight:600}.lobby-tc-tile:hover{border-color:var(--accent);color:var(--accent)}.lobby-tc-tile--active{border-color:var(--accent);color:var(--accent);background:#62992414}.lobby-invite-row,.lobby-join-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.lobby-code-display{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.lobby-code-input{text-transform:uppercase;letter-spacing:.15em;flex:1;min-width:0;font-family:inherit;font-weight:700}.lobby-code-input::placeholder{text-transform:none;letter-spacing:normal;opacity:.5;font-size:.85rem;font-weight:400}.lobby-notice{border-radius:var(--radius-sm);color:var(--accent);background:#62992414;border:1px solid #62992440;padding:.65rem 1rem;font-size:.9rem}.lobby-notice--warn{color:#daa520;background:#cda54514;border-color:#cda5454d}.lobby-notice--error{color:#e88;background:#cd454514;border-color:#cd45454d}.lobby-footer{justify-content:space-between;padding:0 .25rem;display:flex}.lobby-searching{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.lobby-searching-text{color:var(--text-muted);flex:1;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.lobby-spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin}.online-disconnect-banner{text-align:center;color:#daa520;background:#cda54526;padding:.4rem 1rem;font-size:.82rem;font-weight:500}.profile-card{max-width:480px}.profile-top-nav{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.profile-settings-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);align-items:center;padding:.3rem;text-decoration:none;display:flex}.profile-settings-link:hover{color:var(--text-bright)}.profile-avatar-row{justify-content:center;margin-bottom:.75rem;display:flex}.profile-display-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.profile-name-row{justify-content:center;align-items:center;gap:.4rem;display:flex}.profile-edit-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:.25rem}.profile-edit-btn:hover{color:var(--text-bright)}.profile-name-edit{align-items:center;gap:.35rem;width:100%;max-width:360px;margin-bottom:.75rem;display:flex}.profile-name-input{flex:1;min-width:0;padding:.4rem .6rem;font-size:1rem}.profile-name-edit .btn-sm{flex:none;padding:.4rem .7rem;font-size:.8rem}.profile-username{text-align:center;color:var(--text-muted);margin-top:-.5rem;margin-bottom:1.5rem;font-size:.9rem}.profile-stats-wrap{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.profile-ratings-grid{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.profile-rating-card{background:var(--bg-main);border-radius:var(--radius-sm);border:1px solid var(--bg-surface-hover);padding:.55rem .55rem .6rem}.profile-rating-card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);text-align:center;margin-bottom:.4rem;font-size:.7rem;font-weight:700}.profile-rating-card__row{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.profile-rating-card__cell{text-align:center;background:var(--bg-surface-raised);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);border:1px solid #0000;padding:.35rem .2rem;position:relative}.profile-rating-card__cell--has-tooltip:hover{border-color:var(--bg-surface-hover)}.profile-rating-card__value{color:var(--text-bright);font-size:1.05rem;font-weight:700;line-height:1.1}.profile-rating-card__cat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem;font-size:.6rem}.profile-rating-card__cell--has-tooltip .profile-stat__tooltip{top:calc(100% + 4px)}.profile-rating-card__cell--has-tooltip:hover .profile-stat__tooltip{display:block}@media (width<=480px){.profile-ratings-grid{grid-template-columns:1fr}}.profile-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:0;display:grid}.profile-stat{background:var(--bg-main);border-radius:var(--radius-sm);text-align:center;transition:border-color var(--transition-fast);border:1px solid #0000;padding:.75rem .5rem;position:relative}.profile-stat--has-tooltip:hover{border-color:var(--bg-surface-hover)}.profile-stat--accent .profile-stat__value{color:var(--accent)}.profile-stat--skeleton{min-height:60px}.profile-stat__value{color:var(--text-bright);font-size:1.4rem;font-weight:700}.profile-stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.7rem}.profile-stat__tooltip{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;z-index:20;text-align:center;padding:.4rem .6rem;font-size:.72rem;line-height:1.5;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.profile-stat__tooltip:after{content:"";border:5px solid #0000;border-bottom-color:var(--bg-surface-hover);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.profile-stat--has-tooltip:hover .profile-stat__tooltip{display:block}.profile-section{margin-top:1rem}.profile-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.elo-history-list{flex-direction:column;gap:.4rem;display:flex}.elo-history-row{background:var(--bg-main);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.35rem .75rem;font-size:.9rem;display:flex}.elo-history-rating{color:var(--text-primary);font-weight:500}.elo-history-change{font-size:.85rem;font-weight:700}.game-history-list{flex-direction:column;gap:.35rem;display:flex}.game-history-item{border-radius:var(--radius-sm);background:var(--bg-main);color:inherit;transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem;text-decoration:none;display:flex}.game-history-item:hover{background:var(--bg-surface-hover)}.game-mini-board{border:1px solid var(--bg-surface-hover);border-radius:3px;flex-shrink:0;width:72px;display:grid;overflow:hidden}.game-mini-cell{position:relative;overflow:hidden}.game-mini-cell.mini-dark{background:var(--cell-dark)}.game-mini-cell.mini-light{background:var(--cell-light)}.game-mini-cell.mini-win-light{background:var(--cell-light-win)}.game-mini-cell.mini-win-dark{background:var(--cell-dark-win)}.game-mini-piece{justify-content:center;align-items:center;display:flex;position:absolute;inset:1px}.game-mini-piece>div{filter:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;display:flex!important}.game-history-skeleton{pointer-events:none}.skeleton-board{background:var(--bg-surface-hover);animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-line{background:var(--bg-surface-hover);border-radius:4px;height:12px;animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-line--short{width:40%}.skeleton-line--long{width:70%}.game-history-empty{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.85rem}.game-history-pager{justify-content:center;align-items:center;gap:.25rem;margin-top:.75rem;display:flex}.pager-btn{border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);background:var(--bg-surface-raised);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.pager-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-bright)}.pager-btn--active{background:var(--accent)!important;color:var(--bg-main)!important;border-color:var(--accent)!important}.pager-btn:disabled{opacity:.3;cursor:default}.pager-dots{text-align:center;width:24px;color:var(--text-muted);font-size:.8rem}.game-history-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.game-history-top{align-items:center;gap:.5rem;display:flex}.game-history-result{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.result-win{color:var(--accent)}.result-loss{color:#e06666}.result-draw{color:var(--text-muted)}.game-history-opponent{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.game-history-bottom{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.game-history-elo{font-weight:700}.game-history-time{margin-left:auto}.skeleton-card{min-height:420px;position:relative;overflow:hidden}.skeleton-title{background:var(--bg-surface-hover);border-radius:var(--radius-sm);width:50%;height:2.2rem;margin:0 auto 1.25rem}.skeleton-subtitle{background:var(--bg-surface-hover);border-radius:var(--radius-sm);width:25%;height:.9rem;margin:0 auto 2.5rem}.profile-stats:has(.skeleton-stat){margin-bottom:2rem}.skeleton-stat{background:var(--bg-surface-hover)!important;border-radius:var(--radius-md)!important;height:64px!important;box-shadow:none!important;border:none!important}.skeleton-section{background:var(--bg-surface-hover);border-radius:var(--radius-md);width:100%;height:140px;margin-top:1.5rem}.auth-card [class*=skeleton-]{background:linear-gradient(90deg, var(--bg-surface-hover) 0%, var(--bg-surface-raised) 50%, var(--bg-surface-hover) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.leaderboard-page{background:var(--bg-main);justify-content:center;min-height:100dvh;padding:2rem 1rem;display:flex}.leaderboard-page__inner{flex-direction:column;gap:1rem;width:100%;max-width:480px;display:flex}.leaderboard-page__header{align-items:center;gap:1rem;display:flex}.leaderboard-page__back{color:var(--text-muted);align-items:center;gap:4px;font-size:.85rem;text-decoration:none;transition:color .15s;display:flex}.leaderboard-page__back:hover{color:var(--text-bright)}.leaderboard-page__title{color:var(--text-bright);letter-spacing:.5px;font-size:1.3rem;font-weight:700}.lb-tabs--page{justify-content:center}.lb-tabs--modes{flex-wrap:wrap;gap:6px;margin-bottom:.4rem}.lb-tabs--modes .lb-tab{flex:auto;min-width:22%;padding:6px 10px;font-size:.8rem}.lb-list--page{max-height:none}.lb-row--page{padding:10px 12px}.lb-tabs{gap:4px;display:flex}.lb-tab{background:var(--bg-base);color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:6px;flex:1;padding:4px 6px;font-size:.75rem;transition:all .2s}.lb-tab:hover{background:var(--bg-surface-hover);color:var(--text-normal)}.lb-tab.active{background:var(--bg-surface-raised);border-color:var(--border-menu);color:var(--text-bright);box-shadow:var(--shadow-sm);font-weight:500}.lb-list{flex-direction:column;max-height:250px;padding:4px;display:flex;overflow-y:auto}.lb-row{color:var(--text-normal);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;text-decoration:none;transition:background .2s;display:flex}.lb-row:hover{background:var(--bg-surface-hover)}.lb-rank{color:var(--text-muted);text-align:right;width:16px;font-size:.75rem;font-weight:700}.lb-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-bright);flex:1;font-size:.85rem;overflow:hidden}.lb-elo{color:var(--accent);font-size:.85rem;font-weight:600}.lb-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.8rem}.lb-skeleton-row{pointer-events:none}.skeleton-block{background:var(--bg-surface-hover);border-radius:4px;animation:1.2s ease-in-out infinite skeleton-pulse;display:inline-block}.skeleton-block--name{width:120px;height:14px}.skeleton-block--elo{width:36px;height:14px}.leaderboard-page{flex-direction:column;align-items:center;min-height:100dvh;padding:0 1rem 3rem;display:flex;position:relative}.leaderboard-page:before{content:"";pointer-events:none;z-index:9999;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.leaderboard-page__inner{width:100%;max-width:600px;animation:.3s ease-out lbFadeIn}@keyframes lbFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-page__header{justify-content:space-between;align-items:center;width:100%;padding:2rem 0 1rem;display:flex}.leaderboard-page__back{color:var(--text-secondary);transition:color var(--transition-fast);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-left:-.75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.leaderboard-page__back:hover{color:var(--text-bright);background:var(--bg-surface-raised)}.leaderboard-page__title{color:var(--text-bright);letter-spacing:.02em;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:700}.lb-controls{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.lb-search-container{width:100%;position:relative}.lb-search-input{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);width:100%;color:var(--text-bright);transition:border-color var(--transition-main), box-shadow var(--transition-main);padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.95rem}.lb-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--lb-glow);outline:none}.lb-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.lb-tabs--page{border-bottom:1px solid #ffffff0f;gap:.5rem;margin-bottom:.5rem;display:flex}.lb-tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600}.lb-tab:hover{color:var(--text-primary)}.lb-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.lb-list--page{flex-direction:column;gap:.5rem;min-height:400px;display:flex}.lb-row--page{background:var(--lb-row-bg);border-radius:var(--radius-md);transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #ffffff0a;grid-template-columns:50px 1fr 100px;align-items:center;padding:.85rem 1.25rem;text-decoration:none;display:grid}.lb-row--page:hover{background:var(--lb-row-hover);border-color:#ffffff1a;transform:scale(1.005)}.lb-row--personalized{box-shadow:0 0 20px #6299240d;border-color:var(--accent)!important;background:var(--lb-glow)!important}.lb-rank{color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.lb-rank--1{color:var(--lb-gold);font-size:1.1rem}.lb-rank--2{color:var(--lb-silver)}.lb-rank--3{color:var(--lb-bronze)}.lb-name{color:var(--text-primary);padding-left:.5rem;font-weight:600}.lb-elo{text-align:right;color:var(--text-bright);font-family:Inter,sans-serif;font-weight:700}.lb-games{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem;font-size:.7rem;font-weight:500;display:block}.lb-pagination{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1rem;display:flex}.lb-page-info{color:var(--text-muted);font-size:.85rem;font-weight:500}.lb-nav-btn{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.lb-nav-btn:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--text-muted);color:var(--text-bright)}.lb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.lb-skeleton-row{pointer-events:none;background:#ffffff05}.skeleton-block{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff14 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.5s linear infinite lbSkeleton}@keyframes lbSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block--rank{width:20px;height:20px}.skeleton-block--name{width:140px}.skeleton-block--elo{float:right;width:40px}.lb-empty{text-align:center;color:var(--text-muted);padding:4rem 1rem;font-size:.9rem;font-weight:500}.lb-user-rank-banner{background:var(--accent);color:var(--bg-main);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.6rem 1.25rem;font-weight:700;display:flex;box-shadow:0 4px 15px #62992433}.lb-user-rank-banner span{font-family:Inter,sans-serif}.replay-container{background:var(--bg-main);justify-content:center;min-height:100dvh;padding:1.5rem 1rem;display:flex}.replay-layout{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:480px;display:flex}.replay-header{align-items:center;gap:.75rem;width:100%;display:flex}.replay-back{border-radius:var(--radius-sm);background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.replay-back:hover{background:var(--bg-surface-hover);color:var(--text-bright)}.replay-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.replay-players{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.replay-result{color:var(--text-muted);font-size:.75rem}.replay-board-area{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.replay-player-bar{width:100%;max-width:var(--board-size,320px);align-items:center;gap:.5rem;padding:.25rem;display:flex}.replay-player-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.replay-player-name a,.replay-players a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.replay-player-name a:hover,.replay-players a:hover{color:var(--accent);text-decoration:underline}.replay-player-elo{color:var(--text-muted);font-size:.75rem}.replay-board{width:100%;max-width:var(--board-size,320px);border-radius:var(--radius-md);border:2px solid var(--bg-surface-hover);flex-direction:column;display:flex;overflow:hidden}.replay-board-row{flex:1;display:flex}.replay-cell{aspect-ratio:1;transition:background var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.replay-cell.cell-light{background:var(--cell-light)}.replay-cell.cell-dark{background:var(--cell-dark)}.replay-cell.cell-light.cell-win{background:var(--cell-light-win)}.replay-cell.cell-dark.cell-win{background:var(--cell-dark-win)}.replay-controls{align-items:center;gap:.35rem;display:flex}.replay-controls .btn{padding:.5rem .75rem}.replay-play-btn{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.replay-play-btn:hover{background:#5a9a24!important}.replay-move-counter{color:var(--text-muted);font-size:.75rem}.replay-moves{background:var(--bg-surface-raised);border-radius:var(--radius-md);border:1px solid var(--bg-surface-hover);width:100%;max-height:200px;padding:.25rem;overflow-y:auto}.replay-moves .moves-table{border-collapse:collapse;width:100%}.replay-moves .moves-num{text-align:center;width:28px;color:var(--text-muted);padding:.25rem .15rem;font-size:.75rem}.replay-moves .moves-cell{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);border-radius:3px;padding:.25rem .5rem;font-size:.8rem}.replay-moves .moves-cell:hover{background:var(--bg-surface-hover)}.replay-moves .moves-cell--active{color:var(--accent);background:#62992433;font-weight:600}@media (width<=480px){.replay-container{padding:.75rem .5rem}.game-mini-board{width:56px;height:56px}}.spectate-page{max-width:600px;margin:0 auto;padding:1.5rem 1rem}.spectate-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.spectate-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.spectate-loading,.spectate-empty,.spectate-not-found{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.spectate-not-found h2{color:var(--text-primary);margin:0}.spectate-list{flex-direction:column;gap:.75rem;display:flex}.spectate-card{background:var(--bg-surface);color:var(--text-primary);border-radius:8px;padding:1rem 1.25rem;text-decoration:none;transition:background .12s,transform .12s;display:block}.spectate-card:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.spectate-card__players{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.spectate-card__player{align-items:center;gap:.35rem;display:flex}.spectate-card__color{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.spectate-card__color.white{background:#fff;border:1px solid #888}.spectate-card__color.black{background:#333}.spectate-card__elo,.spectate-card__vs{color:var(--text-secondary);font-size:.85rem;font-weight:400}.spectate-card__meta{color:var(--text-secondary);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.spectate-banner{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:relative}.spectate-badge{color:var(--text-secondary);background:var(--bg-surface-hover);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:flex}.spectate-badge svg{opacity:.7}.spectate-badge__dot{background:#e74c3c;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite spectate-pulse}@keyframes spectate-pulse{0%,to{opacity:1}50%{opacity:.35}}.spectate-badge--inline{margin-left:auto;padding:.2rem .5rem;font-size:.75rem}.btn-back{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.85rem;text-decoration:none}.btn-back:hover{color:var(--text-primary)}.scroll-to-top{background:var(--accent);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);opacity:.9;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 2px 12px #0006}.scroll-to-top:hover{background:var(--accent-hover);opacity:1;transform:translateY(-2px)}@media (width<=480px){.scroll-to-top{width:48px;height:48px;bottom:1.25rem;right:1.25rem}}.patch-notes-page{max-width:560px}.patch-notes-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.patch-notes-list{flex-direction:column;gap:1.25rem;display:flex}.patch-entry{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);padding:1rem 1.25rem}.patch-entry__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.patch-entry__version{color:var(--accent);border-radius:var(--radius-sm);background:#8bc34a1a;padding:2px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:700}.patch-entry__date{color:var(--text-dim);font-size:.75rem}.patch-entry__title{color:var(--text-bright);margin:.35rem 0 .5rem;font-size:.95rem;font-weight:600}.patch-entry__changes{margin:0;padding:0;list-style:none}.patch-entry__changes li{color:var(--text-secondary);padding-left:1rem;font-size:.8rem;line-height:1.6;position:relative}.patch-entry__changes li:before{content:"";background:var(--text-muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:0}.lobby-page{background:var(--bg-main);flex-direction:column;align-items:center;min-height:100dvh;padding:1.5rem 1rem 2rem;display:flex}.lobby-page__back{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-main), background-color var(--transition-main);background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.lobby-page__back:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.lobby-page__title{color:var(--text-bright);letter-spacing:.05rem;text-align:center;margin-bottom:.4rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.lobby-page__mode-row{text-align:center;margin-bottom:1.25rem}.lobby-page__mode-pill{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#6299241f;border:1px solid #62992466;border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.lobby-page__layout{grid-template-columns:1fr auto 1fr;gap:1rem;width:100%;max-width:900px;display:grid}.lobby-team{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex;overflow:hidden}.lobby-team__header{text-align:center;text-transform:uppercase;letter-spacing:.12rem;border-bottom:1px solid var(--bg-surface-hover);padding:.7rem 1rem;font-size:.72rem;font-weight:700}.lobby-team__header--white{color:var(--white-player);background:#f0d9b514}.lobby-team__header--black{color:var(--black-player);background:#b5886314}.lobby-team__slots{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex}.lobby-slot{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);min-height:48px;transition:border-color var(--transition-main), background-color var(--transition-main);align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.lobby-slot--empty{cursor:pointer;border-style:dashed}.lobby-slot--empty:hover{border-color:var(--accent);background:#6299240f}.lobby-slot--you{background:#4aa3df1a;border-color:#4aa3df;box-shadow:inset 3px 0 #4aa3df}.lobby-slot--you.lobby-slot--ready{border-color:var(--accent);background:#6299241a;box-shadow:inset 3px 0 #4aa3df}.lobby-slot__you-badge{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#4aa3df;border-radius:3px;flex-shrink:0;margin-left:.35rem;padding:.05rem .35rem;font-size:.55rem;font-weight:800;line-height:1.4}.lobby-slot__avatar{background:var(--bg-surface-hover);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-slot__avatar--filled{background:var(--accent);color:#fff}.lobby-slot__avatar--bot{background:var(--text-muted);color:#fff}.lobby-slot__info{flex:1;min-width:0}.lobby-slot__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.lobby-slot__name--host{align-items:center;gap:.35rem;display:flex}.lobby-slot__host-badge{color:var(--lb-gold);text-transform:uppercase;letter-spacing:.06rem;background:#c8962a1f;border-radius:3px;padding:.05rem .4rem;font-size:.6rem;font-weight:700}.lobby-slot__elo{color:var(--text-muted);font-size:.72rem;font-weight:600}.lobby-slot__empty-text{color:var(--text-dim);font-size:.82rem;font-style:italic}.lobby-slot__plus{color:var(--text-dim);margin-left:auto;font-size:1.1rem;font-weight:600}.lobby-slot--ready{border-color:var(--accent);background:#62992414}.lobby-slot__ready-badge{text-transform:uppercase;letter-spacing:.06rem;border-radius:3px;flex-shrink:0;padding:.05rem .4rem;font-size:.6rem;font-weight:700}.lobby-slot__ready-badge--ready{color:var(--accent);background:#62992426}.lobby-slot__ready-badge--not-ready{color:var(--text-dim);background:#ffffff0a}.lobby-slot__ready-btn{border:1px solid var(--bg-surface-hover);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-main), border-color var(--transition-main), color var(--transition-main);background:0 0;flex-shrink:0;padding:.25rem .6rem;font-family:inherit;font-size:.72rem;font-weight:700}@media (hover:hover){.lobby-slot__ready-btn:hover{border-color:var(--accent);color:var(--accent);background:#62992414}}.lobby-slot__ready-btn--active{border-color:var(--accent);color:#fff;background:var(--accent)}@media (hover:hover){.lobby-slot__ready-btn--active:hover{background:var(--accent-hover)}}.lobby-slot__ready-btn--shake{animation:.5s ease-in-out readyShake;border-color:var(--accent)!important;color:var(--accent)!important;background:#62992426!important}@keyframes readyShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(1px)}}.lobby-slot__ready-badge--shake{animation:.5s ease-in-out readyShake}.lobby-center__start-btn--nudge{border:1px solid var(--accent)!important;color:var(--accent)!important;cursor:pointer!important;opacity:1!important;background:#6299241f!important}.lobby-center__start-btn--nudge:hover{background:#62992438!important}.lobby-slot--empty{justify-content:center;align-items:center;gap:.5rem;display:flex}.lobby-slot--bot{flex-direction:row;align-items:flex-start;gap:.5rem}.lobby-slot__bot-body{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.lobby-slot__bot-top-row{align-items:center;gap:.4rem;display:flex}.lobby-slot__join-btn{border:1px dashed var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-main), color var(--transition-main), background-color var(--transition-main);background:0 0;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .8rem;font-family:inherit;font-size:.8rem;font-weight:600;display:flex}.lobby-slot__join-btn:hover{border-color:var(--accent);color:var(--accent);background:#6299240f}.lobby-slot__bot-btn{border:1px dashed var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:border-color var(--transition-main), color var(--transition-main), background-color var(--transition-main);background:0 0;align-items:center;gap:.3rem;padding:.45rem .7rem;font-family:inherit;font-size:.75rem;font-weight:600;display:flex}.lobby-slot__bot-btn:hover{border-color:var(--text-muted);color:var(--text-secondary);background:#ffffff08}.lobby-slot__bot-options{gap:.35rem;width:100%;display:flex}.lobby-slot__bot-diff{border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-main), color var(--transition-main), border-color var(--transition-main);flex:1;padding:.3rem .4rem;font-family:inherit;font-size:.72rem;font-weight:600}.lobby-slot__bot-diff:hover:not(.lobby-slot__bot-diff--active){background:var(--bg-surface-hover)}.lobby-slot__bot-diff--active{background:var(--accent);color:#fff;border-color:var(--accent)}.lobby-slot__kick{color:var(--text-dim);cursor:pointer;transition:color var(--transition-main), background-color var(--transition-main);background:0 0;border:none;border-radius:3px;padding:.2rem;display:flex}.lobby-slot__kick:hover{color:var(--danger);background:#cd45451a}.lobby-center{flex-direction:column;align-items:center;gap:.75rem;min-width:220px;display:flex}.lobby-center__tc{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:1rem;display:flex}.lobby-center__tc-inputs{align-items:flex-end;gap:.6rem;display:flex}.lobby-center__tc-field{flex-direction:column;flex:1;gap:.2rem;display:flex}.lobby-center__tc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08rem;text-align:center;font-size:.65rem;font-weight:600}.lobby-center__tc-input{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center;width:80px;transition:border-color var(--transition-main);-moz-appearance:textfield;outline:none;padding:.4rem .5rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.lobby-center__tc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lobby-center__tc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lobby-center__tc-input:focus{border-color:var(--accent)}.lobby-center__tc-input:disabled{opacity:.5}.lobby-center__tc-plus{color:var(--text-muted);padding-bottom:.4rem;font-size:1.3rem;font-weight:700}.lobby-center__tc-presets{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.lobby-center__tc-preset{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-main), border-color var(--transition-main), color var(--transition-main);padding:.3rem .6rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.lobby-center__tc-preset:hover:not(:disabled){background:var(--bg-surface-hover)}.lobby-center__tc-preset--active{border-color:var(--accent);color:var(--accent);background:#81b35e1a}.lobby-center__tc-preset:disabled{opacity:.5;cursor:default}.lobby-center__visibility{border-radius:var(--radius-sm);border:1px solid var(--bg-surface-hover);display:flex;overflow:hidden}.lobby-center__vis-btn{background:var(--bg-surface-raised);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-main), color var(--transition-main);border:none;align-items:center;gap:.35rem;padding:.35rem .85rem;font-family:inherit;font-size:.75rem;font-weight:600;display:flex}.lobby-center__vis-btn:first-child{border-right:1px solid var(--bg-surface-hover)}.lobby-center__vis-btn:hover{background:var(--bg-surface-hover)}.lobby-center__vis-btn--active{color:var(--accent);background:#81b35e26}.lobby-center__vis-btn:disabled{opacity:.5;cursor:default}.lobby-center__casual{color:var(--text-dim);align-items:center;gap:.35rem;font-size:.68rem;display:flex}.lobby-center__code{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.75rem 1.25rem;display:flex}.lobby-center__code-label{text-transform:uppercase;letter-spacing:.12rem;color:var(--text-muted);font-size:.6rem;font-weight:700}.lobby-center__code-value{letter-spacing:.25rem;color:var(--text-bright);font-family:Inter,monospace;font-size:1.75rem;font-weight:700}.lobby-center__actions{gap:.5rem;width:100%;display:flex}.lobby-center__actions .btn{flex:1}.lobby-center__cancel-btn{opacity:.75;color:var(--danger)!important;transition:opacity var(--transition-main), background-color var(--transition-main), border-color var(--transition-main)!important;background:#cd45450f!important;border:1px solid #cd454540!important}.lobby-center__cancel-btn:hover{opacity:1;border-color:var(--danger)!important;background:#cd45451f!important}.lobby-center__start-btn{width:100%;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700}.lobby-center__start-btn:disabled{opacity:.4;cursor:default}.lobby-spectators{background:var(--bg-surface);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-md);grid-column:1/-1;overflow:hidden}.lobby-spectators__header{border-bottom:1px solid var(--bg-surface-hover);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.lobby-spectators__title{text-transform:uppercase;letter-spacing:.12rem;color:var(--text-muted);font-size:.72rem;font-weight:700}.lobby-spectators__count{color:var(--accent);background:#6299241f;border-radius:10px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.lobby-spectators__list{flex-wrap:wrap;gap:.4rem;min-height:40px;padding:.5rem .75rem;display:flex}.lobby-spectator-chip{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);color:var(--text-secondary);transition:border-color var(--transition-main);border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:flex}.lobby-spectator-chip--you{border-color:var(--accent);color:var(--accent)}.lobby-spectators__join-btn{border:1px dashed var(--bg-surface-hover);color:var(--text-dim);cursor:pointer;transition:border-color var(--transition-main), color var(--transition-main);background:0 0;border-radius:20px;padding:.3rem .65rem;font-family:inherit;font-size:.78rem;font-weight:600}.lobby-spectators__join-btn:hover{border-color:var(--accent);color:var(--accent)}.lobby-spectators__empty{color:var(--text-dim);padding:.25rem 0;font-size:.78rem;font-style:italic}.lobby-page__error{border-radius:var(--radius-sm);color:var(--danger);text-align:center;background:#cd45451a;border:1px solid #cd45454d;width:100%;max-width:900px;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem}.lobby-page__loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.lobby-page__spinner{border:3px solid var(--bg-surface-hover);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite lobbySpin}@media (width<=720px){.lobby-page{padding:1rem .5rem 1.5rem}.lobby-page__layout{grid-template-columns:1fr;gap:.75rem}.lobby-center{order:-1;min-width:0}.lobby-center__tc-input{width:70px;font-size:1.3rem}.lobby-center__code-value{font-size:1.4rem}.lobby-spectators{grid-column:1}.lobby-page__teams-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}}@media (width<=400px){.lobby-center__tc-input{width:60px;font-size:1.1rem}.lobby-center__code-value{letter-spacing:.15rem;font-size:1.2rem}.lobby-slot{padding:.5rem .6rem}.lobby-slot__name{font-size:.78rem}}.settings-layout{width:100%;max-width:520px;margin:0 auto;position:relative}.settings-card{width:100%;max-width:520px}.settings-top-nav{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.settings-sidebar{flex-direction:column;gap:.2rem;min-width:130px;display:flex;position:fixed;top:50%;right:calc(50% + 280px);transform:translateY(-50%)}.settings-sidebar__item{color:var(--text-muted);cursor:pointer;text-align:left;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-left:2px solid #0000;border-radius:0;padding:.45rem .75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500}.settings-sidebar__item:hover{color:var(--text-secondary)}.settings-sidebar__item--active{color:var(--text-bright);border-left-color:var(--accent)}@media (width<=680px){.settings-sidebar{display:none}.settings-layout{max-width:520px}}.settings-section{border-top:1px solid var(--bg-surface-hover);margin-top:1.25rem;padding-top:1.25rem}.settings-section__title{color:var(--text-bright);letter-spacing:.02rem;text-transform:uppercase;margin:0 0 1rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700}.settings-inline-error{color:#ff8b8b;background:#dc50501f;border:1px solid #dc505066;border-radius:.5rem;margin:0 0 .85rem;padding:.55rem .8rem;font-size:.85rem}.settings-field{margin-bottom:1rem}.settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.7rem;font-weight:600;display:flex}.settings-value-row{align-items:center;gap:.4rem;display:flex}.settings-value{color:var(--text-bright);font-size:.95rem;font-weight:500}.settings-edit-btn{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.settings-edit-btn:hover{color:var(--text-bright)}.settings-inline-form{align-items:center;gap:.35rem;display:flex}.settings-inline-form .form-input{flex:1;min-width:0;padding:.35rem .55rem;font-size:.85rem}.settings-inline-form .btn-sm{flex-shrink:0}.settings-input-wrap{flex:1;min-width:0;position:relative}.settings-input-wrap .form-input{width:100%;padding-right:3rem}.settings-char-count{color:var(--text-muted);pointer-events:none;font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:600;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.settings-char-count--limit{color:var(--danger)}.settings-inline-form .settings-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;display:flex}.settings-inline-form .settings-action-btn:hover{color:var(--text-bright)}.settings-inline-form .settings-action-btn--save{color:var(--accent)}.settings-inline-form .settings-action-btn--save:hover{color:var(--accent-hover)}.settings-inline-form .settings-action-btn:disabled{opacity:.35;cursor:default}.settings-collapse-trigger{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4rem;padding:.35rem 0;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;display:flex}.settings-collapse-trigger:hover{color:var(--text-bright)}.settings-collapse-chevron{transition:transform var(--transition-main)}.settings-collapse-trigger--open .settings-collapse-chevron{transform:rotate(90deg)}.settings-password-form{border-left:2px solid var(--bg-surface-hover);flex-direction:column;gap:.4rem;margin-top:.5rem;padding-left:1rem;display:flex}.settings-password-actions{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.settings-success{color:var(--accent);font-size:.8rem;font-weight:500}.settings-error{color:var(--danger);margin-top:.3rem;font-size:.8rem}.settings-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.settings-badge--verified{color:var(--accent);background:#62992433}.settings-badge--unverified{color:var(--danger);background:#cd454526}.settings-badge-wrap{display:inline-flex;position:relative}.settings-badge-tooltip{background:var(--bg-surface-raised);border:1px solid var(--bg-surface-hover);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;z-index:10;box-shadow:var(--shadow-md);text-transform:none;letter-spacing:0;padding:.4rem .6rem;font-size:.7rem;font-weight:400;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.settings-badge-wrap:hover .settings-badge-tooltip{display:block}.settings-resend-btn{color:var(--accent);cursor:pointer;text-transform:none;letter-spacing:0;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.settings-resend-btn:hover{color:var(--accent-hover)}.settings-resend-btn:disabled{opacity:.6;cursor:default}.settings-avatar-preview{justify-content:center;margin-bottom:1rem;display:flex}.settings-avatar-grid{flex-wrap:wrap;gap:.4rem;display:flex}.settings-avatar-option{border-radius:var(--radius-sm);background:var(--bg-main);cursor:pointer;width:44px;height:44px;transition:border-color var(--transition-fast), background var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;display:flex}.settings-avatar-option:hover{background:var(--bg-surface-hover)}.settings-avatar-option--active{border-color:var(--accent);background:var(--bg-surface-hover)}.settings-avatar-default{color:var(--text-muted);font-size:1.1rem;font-weight:700}.settings-border-grid{flex-wrap:wrap;gap:.4rem;display:flex}.settings-border-option{border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);border:2px solid #0000;padding:.35rem .65rem;font-size:.75rem;font-weight:500}.settings-border-option:hover{background:var(--bg-surface-hover)}.settings-border-option--active{border-color:var(--accent);background:var(--bg-surface-hover)}.settings-border-swatch--gold{color:#c8962a}.settings-border-swatch--silver{color:#a0a0a0}.settings-border-swatch--bronze{color:#8c5a3c}.settings-border-swatch--emerald{color:#2ea043}.settings-border-swatch--ruby{color:#cd4545}.settings-border-swatch--sapphire{color:#48c}.settings-border-swatch--amethyst{color:#9070b0}.settings-toggle-row{justify-content:space-between;align-items:center;display:flex}.settings-toggle-row .settings-label{margin-bottom:0}.settings-toggle{background:var(--bg-main);border:1px solid var(--text-dim);cursor:pointer;width:44px;height:24px;transition:background var(--transition-main), border-color var(--transition-main);border-radius:12px;padding:0;position:relative}.settings-toggle--on{background:var(--accent);border-color:var(--accent)}.settings-toggle__thumb{background:var(--text-bright);width:18px;height:18px;transition:transform var(--transition-main);border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle--on .settings-toggle__thumb{transform:translate(20px)}.settings-theme-grid{--settings-tile-w:88px;flex-wrap:wrap;gap:.5rem;display:flex}.settings-theme-option{width:var(--settings-tile-w,88px);border-radius:var(--radius-sm);background:var(--bg-main);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;display:flex}.settings-theme-option:hover{background:var(--bg-surface-hover)}.settings-theme-option--active{border-color:var(--accent);background:var(--bg-surface-hover)}.settings-theme-option:disabled{cursor:default;opacity:.7}.settings-theme-swatch{border-radius:3px;grid-template-columns:1fr 1fr;width:36px;height:36px;display:grid;overflow:hidden}.settings-theme-cell{width:18px;height:18px}.settings-theme-label{color:var(--text-secondary);text-align:center;white-space:normal;word-break:break-word;max-width:100%;font-size:.7rem;line-height:1.15}.settings-theme-piece-preview{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-theme-option--paid{position:relative}.settings-theme-option--paid:after{content:"★";color:var(--accent);pointer-events:none;font-size:.7rem;position:absolute;top:4px;right:4px}.settings-theme-option--locked,.settings-color-option--locked{opacity:.7;transition:opacity var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);cursor:pointer!important}.settings-theme-option--locked:hover,.settings-color-option--locked:hover{opacity:1;border-color:var(--accent);transform:translateY(-1px)}.settings-theme-lock{transition:opacity var(--transition-fast);background:#00000059;border-radius:3px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.settings-theme-shop-hint{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast);text-align:center;pointer-events:none;background:#000000c7;justify-content:center;align-items:center;padding:0 6px;font-size:.65rem;font-weight:700;line-height:1.15;display:flex;position:absolute;inset:0}.settings-theme-option--locked:hover .settings-theme-shop-hint,.settings-color-option--locked:hover .settings-theme-shop-hint{opacity:1}.settings-theme-option--locked:hover .settings-theme-lock,.settings-color-option--locked:hover .settings-theme-lock{opacity:0}.settings-color-grid{--settings-tile-w:88px;flex-wrap:wrap;gap:.5rem;display:flex}.settings-color-option{width:var(--settings-tile-w,88px);border-radius:var(--radius-sm);background:var(--bg-main);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;display:flex;position:relative}.settings-color-option:hover{background:var(--bg-surface-hover)}.settings-color-option--active{border-color:var(--accent);background:var(--bg-surface-hover)}.settings-color-swatch{border-radius:50%;width:28px;height:28px;position:relative;overflow:hidden}.settings-color-swatch--default{background:linear-gradient(135deg,#888 0%,#ccc 100%)}.shop-page{max-width:1200px;color:var(--text-primary);background:var(--bg-main);min-height:100vh;margin:0 auto;padding:40px 24px 100px;position:relative}.shop-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#6299242e,#0000 70%);width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.shop-header{text-align:center;margin-bottom:48px;position:relative}.shop-back{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);padding:6px 12px;font-size:14px;text-decoration:none;position:absolute;top:12px;left:0}.shop-back:hover{color:var(--accent);background:#62992414}.shop-title{letter-spacing:2px;color:var(--text-bright);text-shadow:0 0 30px #62992440;margin:0 0 12px;font-family:Inter,sans-serif;font-size:48px;font-weight:700}.shop-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:15px;line-height:1.5}.shop-dev-banner{color:var(--accent-hover);letter-spacing:1.2px;text-transform:uppercase;background:#6299241a;border:1px solid #62992466;border-radius:999px;align-items:center;gap:8px;margin:20px auto 0;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.shop-dev-banner:before{content:"⚙";font-size:14px}.shop-empty{text-align:center;color:var(--text-secondary);padding:80px 20px}.shop-empty .btn{margin-top:16px}.shop-sections{flex-direction:column;gap:56px;display:flex}.shop-section__header{border-bottom:1px solid #6299242e;margin-bottom:20px;padding-bottom:12px}.shop-section__title{letter-spacing:.5px;color:var(--text-bright);margin:0;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.shop-section__subtitle{color:var(--text-secondary);letter-spacing:.3px;margin:4px 0 0;font-size:13px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.shop-card{background:var(--bg-surface);border-radius:var(--radius-md);transition:transform var(--transition-main), border-color var(--transition-main), box-shadow var(--transition-main);box-shadow:var(--shadow-sm);border:1px solid #ffffff0d;flex-direction:column;display:flex;position:relative;overflow:hidden}.shop-card__notif-dot{pointer-events:none;z-index:3;background:#e8c440;border-radius:50%;width:12px;height:12px;animation:2.4s ease-in-out infinite shop-card-notif-breath;position:absolute;top:10px;left:10px}@keyframes shop-card-notif-breath{0%,to{opacity:.78;box-shadow:0 0 0 2px #00000059,0 0 6px 1px #e8c44073}50%{opacity:1;box-shadow:0 0 0 2px #00000059,0 0 16px 4px #e8c440d9}}.shop-card--has-notif{animation:2.4s ease-in-out infinite shop-card-glow-breath;border-color:#e8c4408c!important}@keyframes shop-card-glow-breath{0%,to{box-shadow:var(--shadow-sm), 0 0 0 0 #e8c44000}50%{box-shadow:var(--shadow-sm), 0 0 18px 0 #e8c44059}}.shop-card:hover{background:var(--bg-surface-raised);box-shadow:var(--shadow-md), 0 0 0 1px #62992426;border-color:#62992473;transform:translateY(-3px)}.shop-card--owned{background:var(--bg-surface-raised);border-color:#62992480}.shop-card--owned:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.shop-card__premium-badge{background:linear-gradient(135deg, #e8b347 0%, var(--lb-gold) 50%, #8a6418 100%);color:#1a1815;letter-spacing:1.4px;text-transform:uppercase;z-index:2;border:1px solid #ffdc8c4d;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000080,0 0 12px #c8962a59,inset 0 1px #ffffff59}.shop-card__premium-badge:before{content:"★";font-size:11px;line-height:1;display:inline-block;transform:translateY(-.5px)}.shop-card__preview{background:radial-gradient(ellipse at center, #62992414, transparent 70%), var(--bg-main);border-bottom:1px solid #ffffff0a;justify-content:center;align-items:center;height:180px;padding:20px;display:flex;position:relative}.shop-card__preview--inspectable{cursor:pointer}.shop-card__preview--inspectable:focus-visible{outline:2px solid var(--accent-hover);outline-offset:-4px}.shop-card__body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.shop-card__name{letter-spacing:.3px;color:var(--text-bright);font-family:Inter,sans-serif;font-size:18px;font-weight:600}.shop-card__name-button{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.shop-card__name-button:hover,.shop-card__name-button:focus-visible{color:var(--accent-hover)}.shop-card__name-button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #6299248c}.shop-card__desc{color:var(--text-secondary);flex:1;margin-bottom:4px;font-size:13px;line-height:1.5}.shop-card__bundle-includes{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.shop-card__bundle-pill{color:var(--accent-hover);background:#6299241f;border:1px solid #6299244d;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.shop-card__footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.shop-card__price{color:var(--text-bright);font-size:22px;font-weight:700;line-height:1}.shop-card__actions{gap:6px;display:flex}.shop-card__inspect{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1f;padding:8px 14px;font-size:13px;font-weight:600}.shop-card__inspect:hover{color:var(--accent-hover);background:#62992414;border-color:#62992480}.shop-card__buy{background:var(--accent);border:1px solid var(--accent);color:var(--text-bright);border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:8px 18px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #62992440}.shop-card__buy:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #62992473}.shop-card__buy:active:not(:disabled){transform:translateY(0)}.shop-card__buy:disabled{opacity:.5;cursor:not-allowed}.shop-card__owned{color:var(--accent-hover);letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius-sm);background:#6299241f;border:1px solid #62992466;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.shop-card__owned:before{content:"✓";font-size:14px}.shop-preview-board{width:130px;height:130px;box-shadow:var(--shadow-md), 0 0 0 1px #ffffff0f, inset 0 0 0 1px #0003;transition:transform var(--transition-main);border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.shop-card:hover .shop-preview-board{transform:rotate(-2deg)scale(1.05)}.shop-preview-board>div{width:100%;height:100%}.shop-preview-color{justify-content:center;align-items:center;width:100%;padding:0 8px;display:flex}.shop-preview-pieces{isolation:isolate;place-items:center;width:min(158px,100%);height:142px;display:grid;position:relative}.shop-preview-pieces__halo{z-index:-1;background:radial-gradient(circle at 32% 28%,#e2ad5b47,#0000 34%),radial-gradient(circle at 72% 70%,#62992438,#0000 38%),linear-gradient(135deg,#ffffff0d,#0000003d);border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:10px 0 0;box-shadow:inset 0 1px #ffffff14,0 18px 34px #0000004d}.shop-preview-pieces__board{width:124px;height:124px;transition:transform var(--transition-main);background:linear-gradient(135deg,#ffecc229,#47281370),#4f321f;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid;box-shadow:0 12px 24px #0000005c,0 0 0 1px #ffecc22e}.shop-card:hover .shop-preview-pieces__board{transform:translateY(-2px)scale(1.03)}.shop-preview-pieces__cell{border-radius:5px;place-items:center;min-width:0;min-height:0;display:grid;box-shadow:inset 0 1px #ffffff29,inset 0 -12px 20px #0000001f}.shop-preview-pieces__cell--light{background:#d8b179}.shop-preview-pieces__cell--dark{background:#7b4b2c}.shop-preview-pieces--marble .shop-preview-pieces__halo{background:radial-gradient(circle at 32% 28%,#e6eff547,#0000 34%),radial-gradient(circle at 72% 70%,#7699a738,#0000 38%),linear-gradient(135deg,#ffffff12,#0000003d)}.shop-preview-pieces--marble .shop-preview-pieces__board{background:linear-gradient(135deg,#ffffff38,#26384257),#43545b;box-shadow:0 12px 24px #00000057,0 0 0 1px #e2eef33d}.shop-preview-pieces--marble .shop-preview-pieces__cell--light{background:#dbe6e9}.shop-preview-pieces--marble .shop-preview-pieces__cell--dark{background:#52636a}.shop-preview-pieces--steampunk .shop-preview-pieces__halo{background:radial-gradient(circle at 30% 26%,#e6a14647,#0000 34%),radial-gradient(circle at 72% 70%,#47a6a033,#0000 38%),linear-gradient(135deg,#ffe8ac14,#00000047)}.shop-preview-pieces--steampunk .shop-preview-pieces__board{background:linear-gradient(135deg,#f1b55b38,#311b1280),#3d281c;box-shadow:0 12px 24px #00000061,0 0 0 1px #e6a14647}.shop-preview-pieces--steampunk .shop-preview-pieces__cell--light{background:#c58a4b}.shop-preview-pieces--steampunk .shop-preview-pieces__cell--dark{background:#4a2f24}.shop-preview-pieces--aqua .shop-preview-pieces__halo{background:radial-gradient(circle at 30% 26%,#70eeef57,#0000 34%),radial-gradient(circle at 72% 70%,#248bb247,#0000 38%),linear-gradient(135deg,#d5fffc1a,#0012184d)}.shop-preview-pieces--aqua .shop-preview-pieces__board{background:linear-gradient(135deg,#8ef7ef42,#0430408f),#0e5363;box-shadow:0 12px 24px #0000005c,0 0 0 1px #70eeef52,0 0 24px #21bece29}.shop-preview-pieces--aqua .shop-preview-pieces__cell--light{background:#b7f2ed}.shop-preview-pieces--aqua .shop-preview-pieces__cell--dark{background:#16748b}.shop-preview-pieces__cell>img,.shop-preview-pieces__cell>div{filter:drop-shadow(0 3px 5px #00000061);width:90%!important;height:90%!important}.bundle-inspect__pieces{background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.inspect-pieces{aspect-ratio:5/6;box-sizing:border-box;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;width:100%;max-width:100%;margin:12px auto;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000059}.inspect-pieces__row{flex:1 1 0;min-height:0;display:flex}.inspect-pieces__cell{aspect-ratio:1;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex}.inspect-pieces__cell--light{background:#f0d9b5}.inspect-pieces__cell--dark{background:#b58863}.inspect-pieces__cell>img,.inspect-pieces__cell>div{width:86%!important;height:86%!important}.shop-preview-color__sample{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Inter,sans-serif;font-size:26px;font-weight:700;overflow:hidden}.shop-preview-bundle{--bundle-accent:#00d4ff;--bundle-accent-2:#f0a;--bundle-accent-3:gold;isolation:isolate;place-items:center;width:min(174px,100%);height:142px;display:grid;position:relative}.shop-preview-bundle__glow{background:radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--bundle-accent) 28%, transparent), transparent 34%), radial-gradient(circle at 82% 36%, color-mix(in srgb, var(--bundle-accent-2) 24%, transparent), transparent 36%), radial-gradient(circle at 74% 78%, color-mix(in srgb, var(--bundle-accent-3) 22%, transparent), transparent 34%), linear-gradient(140deg, #ffffff0d, #00000047);z-index:-1;border:1px solid #ffffff14;border-radius:8px;position:absolute;inset:8px 0 0;box-shadow:inset 0 1px #ffffff17,0 18px 34px #0000004d}.shop-preview-bundle__boards{width:122px;height:122px;position:absolute;top:10px;left:8px}.shop-preview-bundle__board{transition:transform var(--transition-main);border-radius:7px;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;overflow:hidden;box-shadow:0 12px 24px #00000057,0 0 0 1px #ffffff14}.shop-preview-bundle__board--front{z-index:2;width:102px;height:102px;top:12px;left:4px;transform:rotate(-8deg)}.shop-preview-bundle__board--back{opacity:.9;z-index:1;width:82px;height:82px;top:2px;right:2px;transform:rotate(10deg)}.shop-card:hover .shop-preview-bundle__board--front{transform:rotate(-5deg)translateY(-2px)scale(1.04)}.shop-card:hover .shop-preview-bundle__board--back{transform:rotate(13deg)translate(2px,-3px)}.shop-preview-bundle__board>span{min-width:0;min-height:0}.shop-preview-bundle__swatches{z-index:3;background:#090c0ab3;border:1px solid #ffffff14;border-radius:999px;gap:6px;padding:5px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 18px #00000052}.shop-preview-bundle__swatches>span{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff47}.shop-preview-bundle__badge{background:color-mix(in srgb, var(--bundle-accent) 18%, #090c0ae6);border:1px solid color-mix(in srgb, var(--bundle-accent) 55%, #ffffff1a);width:30px;height:30px;color:var(--text-bright);z-index:3;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:16px;right:8px;box-shadow:0 8px 18px #00000052}.shop-preview-bundle--single-board .shop-preview-bundle__boards{width:126px;left:8px}.shop-preview-bundle--single-board .shop-preview-bundle__board--front{width:112px;height:112px;top:5px;left:2px}.shop-preview-generic{color:var(--text-secondary);text-align:center;font-size:14px;font-style:italic}.shop-toast{background:var(--bg-surface-raised);border:1px solid var(--accent);color:var(--text-bright);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 0 20px #62992433;z-index:1000;animation:shop-toast-in var(--transition-bounce);padding:12px 22px;font-size:14px;font-weight:600;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes shop-toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.inspect-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out inspect-fade-in;display:flex;position:fixed;inset:0}@keyframes inspect-fade-in{0%{opacity:0}to{opacity:1}}.inspect-modal{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a;border:1px solid #62992459;padding:32px;animation:.25s cubic-bezier(.34,1.56,.64,1) inspect-pop;position:relative}@keyframes inspect-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inspect-close{width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:16px;right:16px}.inspect-close:hover{color:var(--text-bright);background:#ffffff1a}.inspect-title{color:var(--text-bright);margin:0 0 4px;font-family:Inter,sans-serif;font-size:28px;font-weight:600}.inspect-subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.inspect-board{border-radius:var(--radius-md);width:360px;height:360px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0f;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;overflow:hidden}.inspect-cell{justify-content:center;align-items:center;display:flex;position:relative}.inspect-cell--light{background:var(--inspect-light)}.inspect-cell--dark{background:var(--inspect-dark)}.inspect-cell--last-light{background:var(--inspect-last-light)}.inspect-cell--last-dark{background:var(--inspect-last-dark)}.inspect-cell>div{width:80%!important;height:80%!important}.inspect-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.inspect-price{color:var(--text-bright);font-size:24px;font-weight:700}.inspect-buy{background:var(--accent);border:1px solid var(--accent);color:var(--text-bright);border-radius:var(--radius-sm);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:10px 26px;font-size:14px;font-weight:700;box-shadow:0 2px 6px #6299244d}.inspect-buy:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #62992473}.inspect-buy:disabled{opacity:.5;cursor:not-allowed}.inspect-owned{color:var(--accent-hover);letter-spacing:.8px;text-transform:uppercase;border-radius:var(--radius-sm);background:#6299241f;border:1px solid #62992473;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;display:inline-flex}.inspect-owned:before{content:"✓";font-size:16px}.bundle-inspect{flex-direction:column;gap:16px;display:flex}.bundle-inspect__items{flex-direction:column;gap:8px;display:flex}.bundle-inspect__item{background:var(--bg-main);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);border:1px solid #ffffff0f;align-items:center;gap:14px;padding:12px 14px;display:flex}.bundle-inspect__item--owned{background:#6299240f;border-color:#62992466}.bundle-inspect__preview{flex-shrink:0}.bundle-inspect__board{border-radius:4px;grid-template-columns:repeat(2,1fr);width:40px;height:40px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000004d}.bundle-inspect__board>div{width:100%;height:100%}.bundle-inspect__color{border-radius:50%;width:40px;height:40px;box-shadow:0 0 14px,inset 0 0 0 2px #ffffff2e}.bundle-inspect__meta{flex:1;min-width:0}.bundle-inspect__name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.bundle-inspect__type{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:11px}.bundle-inspect__price{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:700}.bundle-inspect__savings{text-align:center;border-radius:var(--radius-sm);color:var(--accent-hover);letter-spacing:.3px;background:#6299241a;border:1px solid #6299244d;padding:10px 16px;font-size:13px;font-weight:600}@media (width<=768px){.shop-page{padding:24px 16px 80px}.shop-page:before{width:100%;height:280px;top:-80px}.shop-header{margin-bottom:32px;padding-top:36px}.shop-back{top:0;left:0}.shop-title{letter-spacing:1px;font-size:32px}.shop-subtitle{padding:0 8px;font-size:13px}.shop-sections{gap:36px}.shop-section__title{font-size:20px}.shop-section__subtitle{font-size:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.shop-card__preview{height:150px;padding:16px}.shop-preview-board{width:110px;height:110px}.shop-card__body{padding:12px 14px 14px}.shop-card__name{font-size:16px}.shop-card__desc{font-size:12px}.shop-card__price{font-size:20px}.shop-card__buy,.shop-card__inspect{padding:7px 12px;font-size:12px}.shop-card__premium-badge{letter-spacing:1.2px;padding:4px 8px;font-size:8px}}@media (width<=480px){.shop-page{padding:20px 12px 60px}.shop-title{font-size:26px}.shop-grid{grid-template-columns:1fr;gap:12px}.shop-card__preview{height:140px}.shop-card__footer{flex-wrap:wrap;gap:8px}.shop-card__actions{margin-left:auto}.shop-preview-color__sample{font-size:22px}.shop-toast{text-align:center;bottom:16px;left:12px;right:12px;transform:none}@keyframes shop-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.inspect-modal{border-radius:var(--radius-md);padding:24px 18px}.inspect-title{font-size:22px}.inspect-subtitle{margin-bottom:18px;font-size:13px}.inspect-board{width:min(280px,100vw - 80px);height:min(280px,100vw - 80px)}.inspect-footer{margin-top:18px;padding-top:16px}.inspect-price{font-size:20px}.inspect-buy{padding:9px 18px;font-size:13px}}.auth-splash{background:var(--bg-main);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.auth-splash__logo{flex-direction:column;align-items:center;gap:.5rem;display:flex}.auth-splash__title{color:var(--text-bright);letter-spacing:.1rem;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700}.auth-splash__subtitle{color:var(--text-muted);letter-spacing:.4rem;text-transform:uppercase;font-size:1rem;font-weight:500}.auth-splash__pawn{filter:drop-shadow(0 0 12px #62992466);justify-content:center;align-items:center;width:64px;height:64px;animation:1.2s ease-in-out infinite pawn-bounce;display:flex}@keyframes pawn-bounce{0%,to{opacity:.8;transform:translateY(0)scaleY(1)}50%{opacity:1;transform:translateY(-25px)scaleY(1.05)}}