.bottom-nav-wrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;display:flex;flex-direction:column;z-index:50}.bottom-nav{width:100%;display:flex;justify-content:space-around;background:#131313;border-top:1px solid #2a2a2a;padding:8px 0}.bottom-nav__tab{position:relative;display:flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:6px 16px;cursor:pointer;color:#ccc;background:none;border:none;font-family:inherit}.bottom-nav__dot{position:absolute;top:8px;right:16px;width:8px;height:8px;border-radius:50%;background:#f0d9b5;border:1px solid #131313}button.bottom-nav__tab:hover,button.bottom-nav__tab:focus-visible{color:#f0d9b5;outline:none}.bottom-nav__tab--active{color:#f0d9b5}.bottom-nav__tab--disabled{color:#a8a8a8;opacity:.5}.bottom-nav-menu{background:#181818;border:1px solid #2a2a2a;border-bottom:none;width:100%;display:flex;flex-direction:column}.bottom-nav-menu__item{padding:14px 20px;color:#f0d9b5;text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #2a2a2a}.bottom-nav-menu__item:last-child{border-bottom:none}.bottom-nav-menu__signout{width:100%;text-align:left;font-size:14px;font-family:inherit;cursor:pointer;color:#f0d9b5;background:#181818;padding:14px 20px;text-transform:uppercase;letter-spacing:1.5px;border:none;border-top:1px solid #2a2a2a}.bottom-nav-menu__signout:hover{background:#1f1f1f}.bottom-nav-menu__item:hover,.bottom-nav-menu__item:focus-visible{background:#1f1f1f;outline:none}.bottom-nav-menu__music{display:flex;flex-direction:column;gap:8px;padding:14px 20px;border-bottom:1px solid #2a2a2a}.bottom-nav-menu__music-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#c4c4c4}.bottom-nav-menu__seg{display:flex;gap:6px}.bottom-nav-menu__seg .seg-btn{flex:1;min-height:44px;padding:10px 8px;font-size:12px;font-family:inherit;font-weight:500;background:#131313;color:#c4c4c4;border:1px solid #2a2a2a;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.bottom-nav-menu__seg .seg-btn:hover,.bottom-nav-menu__seg .seg-btn:focus-visible{color:#f0d9b5;border-color:#f0d9b5;outline:none}.bottom-nav-menu__seg .seg-btn--active{background:#f0d9b5;color:#131313;border-color:#f0d9b5}@media(forced-colors:active){.bottom-nav{border-top:1px solid ButtonText}.bottom-nav__tab--active{color:Highlight}.bottom-nav__tab--disabled{color:GrayText}.bottom-nav-menu{border:1px solid ButtonText}.bottom-nav-menu__item{color:ButtonText;border-bottom:1px solid ButtonText}.bottom-nav__dot{background:Highlight;border:1px solid Canvas}.bottom-nav-menu__music{border-bottom:1px solid ButtonText}.bottom-nav-menu__music-label{color:ButtonText}.bottom-nav-menu__seg .seg-btn{color:ButtonText;background:Canvas;border:1px solid ButtonText}.bottom-nav-menu__seg .seg-btn--active{color:HighlightText;background:Highlight;border-color:Highlight}}.screen{min-height:100vh;padding-bottom:60px}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center}.home-content{display:flex;flex-direction:column;align-items:center;gap:48px;padding:32px 24px;max-width:400px;width:100%}.home-title{text-align:center}.home-logo{display:block;width:240px;max-width:280px;height:auto;margin:0 auto}@media(forced-colors:active){.home-logo{forced-color-adjust:none}}.home-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.home-tagline{font-size:12px;letter-spacing:1px;color:#a8a8a8;text-align:center}.home-tipjar{display:inline-block;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#f0d9b5;text-align:center;text-decoration:none;padding:10px 16px;border:1px solid #444;transition:all .15s}.home-tipjar:hover{color:#fff;border-color:#f0d9b5;background:#f0d9b50d}@media(forced-colors:active){.home-tipjar{border:1px solid LinkText;color:LinkText}.home-tipjar:hover{background:Highlight;color:HighlightText}}.home-branding{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:14px}.home-branding__mark{display:block;width:56px;height:56px;object-fit:contain;opacity:.9}.home-branding__by{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c4c4c4}.home-branding__foundry{display:block;height:36px;width:auto;object-fit:contain;opacity:.9}@media(forced-colors:active){.home-branding__mark,.home-branding__foundry{forced-color-adjust:none}}.home-legal{margin-top:16px;display:flex;gap:10px;justify-content:center;font-size:12px;color:#b0b0b0}.home-legal a{color:#c4c4c4;text-decoration:none}.home-legal a:hover{color:#f0d9b5;text-decoration:underline}@media(forced-colors:active){.home-legal a{color:LinkText}}.btn{display:block;width:100%;padding:14px 24px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:2px solid #666;cursor:pointer;text-align:center;transition:background-color .15s,color .15s}.btn--primary{background:#f0d9b5;color:#1a1a1a;border-color:#f0d9b5}.btn--primary:hover{background:#d4b896;border-color:#d4b896}.btn--secondary{background:transparent;color:#e0e0e0;border-color:#b0b0b0}.btn--secondary:hover{background:#2a2a2a}.btn--large{padding:16px 24px;font-size:16px}.btn-icon{background:none;border:none;color:#e0e0e0;font-size:20px;cursor:pointer;padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#f0d9b5}.setup-screen{max-width:480px;margin:0 auto}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.setup-header h2{font-size:18px;text-transform:uppercase;letter-spacing:2px;color:#f0f0f0;margin:0}.setup-content{padding:0 24px;display:flex;flex-direction:column;gap:28px}.setup-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#c4c4c4;margin:0 0 10px}.setup-row{display:flex;gap:8px;flex-wrap:wrap}.setup-chip{padding:10px 18px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#2a2a2a;color:#aaa;border:2px solid #333;cursor:pointer;transition:all .15s;min-height:44px}.setup-chip--square{width:44px;padding:10px;text-align:center}.setup-chip--active{background:#f0d9b5;color:#1a1a1a;border-color:#f0d9b5}.setup-chip:hover:not(.setup-chip--active){border-color:#b0b0b0;color:#e0e0e0}.setup-hint{font-size:12px;color:#b0b0b0;margin-top:6px}.setup-footer{padding:24px}.game-screen{max-width:640px;margin:0 auto;padding:0 0 60px}@media(forced-colors:active){.btn{border:2px solid ButtonText}.btn--primary{background:Highlight;color:HighlightText;border-color:Highlight}.btn--secondary{border-color:ButtonText;color:ButtonText}.setup-chip{border:2px solid ButtonText;color:ButtonText}.setup-chip--active{background:Highlight;color:HighlightText;border-color:Highlight}}.board-container{display:flex;justify-content:center;padding:16px}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;max-width:560px;border:2px solid #333}.board-row{display:contents}.square{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;cursor:default;position:relative;-webkit-user-select:none;user-select:none;outline:1px solid transparent}.square:focus-visible{outline:3px solid #f0d9b5;outline-offset:-3px;z-index:2}.square--light{background-color:#f0d9b5}.square--dark{background-color:#b58863}.square--selected{background-color:#829769!important;outline:3px solid #4a7;outline-offset:-3px}.square--legal-target{cursor:pointer}.square--legal-target:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background-color:#0003;border:2px solid transparent}.square--legal-capture:after{content:"";position:absolute;width:85%;height:85%;border-radius:50%;border:4px solid rgba(0,0,0,.2);background-color:transparent;box-sizing:border-box}.square--last-move{background-color:#cdd26a!important}.square--check{background-color:#e84040!important;outline:3px solid #e84040;outline-offset:-3px}.square--clickable{cursor:pointer}.square--draft-option{cursor:pointer;background-color:#7db8d4!important;outline:3px solid #7db8d4;outline-offset:-3px}.piece{font-size:0;line-height:1;width:85%;height:85%;display:flex;align-items:center;justify-content:center;pointer-events:none}.piece svg{width:100%;height:100%}@media(forced-colors:active){.board{border:2px solid ButtonText}.square{border:1px solid Canvas}.square--dark{background-color:ButtonFace;border-color:ButtonText}.square--light{background-color:Canvas;border-color:Canvas}.square--selected{outline:3px solid Highlight!important;outline-offset:-3px}.square--legal-target:after{background-color:transparent;border:3px solid Highlight;width:35%;height:35%}.square--legal-capture:after{border:4px solid Highlight}.square--last-move{outline:2px solid LinkText;outline-offset:-2px}.square--check{outline:3px solid Mark!important;outline-offset:-3px;background-color:Mark!important}.square--draft-option{outline:3px solid Highlight!important;outline-offset:-3px;background-color:Highlight!important;forced-color-adjust:none}.piece{forced-color-adjust:none}.square:focus-visible{outline:3px solid Highlight;outline-offset:-3px}}.draft-panel{text-align:center;padding:16px;max-width:560px;margin:0 auto}.draft-panel h2{margin:0 0 12px;font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#333}.draft-panel p{margin:0 0 12px;font-size:14px;color:#666}.draft-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.draft-btn{padding:10px 20px;border:2px solid #333;background:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background-color .15s,color .15s}.draft-btn:hover{background:#333;color:#fff}.waiting-screen,.find-game-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.waiting-content,.find-game-content{text-align:center;padding:32px;max-width:400px}.waiting-content h2,.find-game-content h2{font-size:20px;text-transform:uppercase;letter-spacing:2px;color:#f0f0f0;margin-bottom:24px}.waiting-pulse{width:12px;height:12px;border-radius:50%;background:#f0d9b5;margin:0 auto 24px;animation:pulse 1.2s infinite ease-in-out}.waiting-link{margin:24px 0}.waiting-hint{font-size:13px;color:#c4c4c4;margin-bottom:8px}.waiting-url{display:flex;gap:8px;align-items:center;justify-content:center}.waiting-url code{background:#2a2a2a;padding:8px 12px;font-size:12px;color:#ccc;border:1px solid #444;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.find-game-status{font-size:14px;color:#d0d0d0;margin-bottom:24px}.find-game-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.find-game-actions .btn{min-width:200px}.online-top-actions{display:flex;align-items:center;gap:12px}.connection-dot{width:8px;height:8px;border-radius:50%}.connection-dot--connected{background:#5aff9e}.connection-dot--connecting{background:#ffb692;animation:pulse 1s infinite}.connection-dot--disconnected{background:#ff6b6b}.btn-resign{padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;cursor:pointer}.btn-resign:hover{background:#ff6b6b;color:#1a1a1a}.opponent-drafting{text-align:center;padding:16px;font-size:14px;color:#d0d0d0}.draft-timer{text-align:center;font-size:24px;font-weight:700;color:#f0d9b5;padding:8px;letter-spacing:2px}.draw-offer-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#2a2a2a;border:1px solid #444;margin:8px 16px;font-size:13px;color:#ccc}.draw-offer-bar .btn{width:auto;padding:6px 16px;font-size:12px}.btn-draw{padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:transparent;color:#d0d0d0;border:1px solid #666;cursor:pointer}.btn-draw:hover{border-color:#f0d9b5;color:#f0d9b5}.draw-pending{font-size:11px;color:#f0d9b5;font-style:italic;padding:4px 8px}.btn-report{padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:transparent;color:#d0d0d0;border:1px solid #666;cursor:pointer}.btn-report:hover:not(:disabled){border-color:#ff6b6b;color:#ff6b6b}.btn-report:disabled{opacity:.5;cursor:not-allowed}.report-reasons{display:flex;flex-direction:column;gap:8px;margin:16px 0}@media(forced-colors:active){.btn-report{border:1px solid ButtonText;color:ButtonText}}.profile-screen{display:flex;flex-direction:column}.profile-tabs{display:flex;justify-content:center;gap:0;max-width:600px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}.profile-tabs__btn{flex:1;padding:10px 0;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c4c4c4;background:transparent;border:1px solid #333;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.profile-tabs__btn:hover{color:#f0d9b5}.profile-tabs__btn--active{color:#f0d9b5;border-bottom-color:#f0d9b5}@media(forced-colors:active){.profile-tabs__btn{border:1px solid CanvasText;color:CanvasText}.profile-tabs__btn--active{color:Highlight;border-bottom:2px solid Highlight}}.profile-content{padding:16px 20px 80px;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box}.profile-account{padding:16px 8px 80px;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box}.profile-signout{margin-top:32px;padding-top:24px;border-top:1px solid #2a2a2a;text-align:center}.profile-signout__btn{min-width:160px}.profile-error,.profile-loading,.profile-empty{color:#c4c4c4;text-align:center;padding:16px;font-size:14px}.profile-error{color:#ff6b6b}.profile-header{text-align:center;padding:24px 0 32px;border-bottom:1px solid #2a2a2a}.profile-name{font-size:22px;font-weight:700;letter-spacing:1px;color:#f0f0f0;margin-bottom:12px}.profile-trophies{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.profile-trophy{padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#b4a078;border:1px solid #4a3f2a;background:#b4a0780f}@media(forced-colors:active){.profile-trophy{border:1px solid CanvasText;color:CanvasText;background:Canvas}}.profile-stats{display:flex;justify-content:center;gap:32px}.profile-stat__value{font-family:JetBrains Mono,Consolas,monospace;font-size:24px;font-weight:700;color:#f0d9b5}.profile-stat__label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#c4c4c4;margin-top:4px}.profile-history{margin-top:24px}.profile-history__title{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#c4c4c4;margin:0 0 12px;padding:0 4px}.match-list{display:flex;flex-direction:column;gap:8px}.match-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #2a2a2a;background:#181818}.match-row__badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;font-weight:700;border:1px solid #444;color:#c4c4c4;flex-shrink:0}.match-row__badge--win{color:#5aff9e;border-color:#5aff9e}.match-row__badge--loss{color:#ff6b6b;border-color:#ff6b6b}.match-row__badge--draw{color:#ffb692;border-color:#ffb692}.match-row__main{flex:1;min-width:0}.match-row__top{display:flex;align-items:baseline;gap:6px;font-size:14px;color:#e0e0e0}.match-row__vs{color:#b0b0b0;font-size:12px}.match-row__opponent{background:none;border:none;padding:0;color:#f0d9b5;font:inherit;font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;letter-spacing:.3px}.match-row__opponent:hover,.match-row__opponent:focus-visible{text-decoration:underline;outline:none}.match-row__color{color:#b0b0b0;font-size:12px}.match-row__sub{display:flex;gap:6px;align-items:center;color:#c4c4c4;font-size:12px;margin-top:2px}.match-row__dot{color:#444}.match-row__delta{font-family:JetBrains Mono,Consolas,monospace;font-size:14px;font-weight:700;min-width:48px;text-align:right;color:#c4c4c4}.match-row__delta--win{color:#5aff9e}.match-row__delta--loss{color:#ff6b6b}.match-row__delta--draw{color:#ffb692}@media(forced-colors:active){.match-row{border:1px solid ButtonText}.match-row__badge,.match-row__badge--win,.match-row__badge--loss,.match-row__badge--draw{border:1px solid ButtonText;color:ButtonText}.match-row__opponent,.profile-stat__value{color:Highlight}}.player-info{display:flex;align-items:baseline;gap:8px;padding:4px 16px;color:#c4c4c4;font-size:14px;min-width:0}.player-info--active{color:#f0d9b5}.player-info__name{font-weight:600;letter-spacing:.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info__rating{font-family:JetBrains Mono,Consolas,monospace;font-size:12px;color:#c4c4c4;padding:1px 6px;border:1px solid #444}.player-info--active .player-info__rating{color:#f0d9b5;border-color:#f0d9b5}@media(forced-colors:active){.player-info{color:ButtonText}.player-info--active{color:Highlight}.player-info__rating{border:1px solid ButtonText}.player-info--active .player-info__rating{border-color:Highlight}}.player-row{display:flex;align-items:center;justify-content:space-between;padding:2px 8px}.clocks{display:flex;justify-content:center;padding:4px 0}.clock{font-family:JetBrains Mono,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:1px;padding:6px 16px;border:1px solid #444;color:#c4c4c4;min-width:90px;text-align:center}.clock--active{color:#f0d9b5;border-color:#f0d9b5;background:#f0d9b50d}@media(forced-colors:active){.clock{border:1px solid ButtonText}.clock--active{border-color:Highlight;color:Highlight}}.disconnect-overlay,.chooser-overlay,.report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:90;padding:16px}.chooser-card{background:#1a1a1a;border:1px solid #444;padding:24px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px;color:#e0e0e0}.chooser-card__title{margin:0;font-size:16px;letter-spacing:2px;text-transform:uppercase;text-align:center}.chooser-card__hint{margin:0;font-size:13px;color:#c4c4c4;text-align:center}.chooser-card__options{display:flex;flex-direction:column;gap:10px;margin:4px 0 6px}.chooser-card__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;min-height:64px}.chooser-card__label{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.chooser-card__sub{font-size:11px;letter-spacing:.4px;text-transform:none;opacity:.85}.chooser-card__cancel{background:transparent;border:none;color:#c4c4c4;font-family:inherit;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:8px;cursor:pointer;align-self:center}.chooser-card__cancel:hover,.chooser-card__cancel:focus-visible{color:#f0d9b5;outline:none}.report-card{background:#1a1a1a;border:1px solid #444;padding:20px;max-width:440px;width:100%;display:flex;flex-direction:column;gap:12px;color:#e0e0e0}.report-card__title{margin:0;font-size:15px;letter-spacing:1.5px;text-transform:uppercase}.report-card__hint{margin:0;font-size:12px;color:#c4c4c4;letter-spacing:.4px}.report-card__reasons{border:1px solid #333;padding:10px 14px;margin:0;display:flex;flex-direction:column;gap:6px}.report-card__radio{display:flex;align-items:center;gap:10px;font-size:14px;color:#e0e0e0;cursor:pointer;min-height:28px}.report-card__radio input{accent-color:#f0d9b5}.report-card__note-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#c4c4c4;letter-spacing:.4px}.report-card__note{background:#131313;border:1px solid #444;color:#e0e0e0;font-family:inherit;font-size:13px;padding:8px 10px;resize:vertical;min-height:56px}.report-card__note:focus-visible{border-color:#f0d9b5;outline:none}.report-card__actions{display:flex;gap:8px;justify-content:flex-end}.report-card__status{margin:0;font-size:12px;color:#b4a078;letter-spacing:.8px;text-align:center}.post-match-actions{margin:12px auto;max-width:600px;padding:0 16px;display:flex;flex-direction:column;gap:8px}.post-match-actions__hint{margin:0;font-size:13px;color:#c4c4c4;text-align:center;letter-spacing:.3px}.post-match-actions__row{display:flex;gap:8px}.post-match-actions__row .btn{flex:1;min-height:44px}.player-info--ghosted .player-info__name{color:#9a9a9a;font-style:italic;letter-spacing:.4px}.disconnect-content{text-align:center;padding:32px;background:#1a1a1a;border:1px solid #444;max-width:320px}.disconnect-content p{color:#e0e0e0;font-size:15px;margin:12px 0}.disconnect-hint{color:#c4c4c4!important;font-size:12px!important}@media(forced-colors:active){.connection-dot{border:2px solid ButtonText}.connection-dot--connected{background:Highlight}.connection-dot--disconnected{background:Mark}.btn-resign{border:1px solid ButtonText;color:ButtonText}.waiting-url code{border:1px solid ButtonText}.chooser-card,.report-card{background:Canvas;border:1px solid CanvasText;color:CanvasText}.chooser-card__hint,.report-card__hint,.report-card__note-label{color:CanvasText}.chooser-card__btn,.report-card__reasons{border:1px solid CanvasText}.chooser-card__cancel{color:CanvasText}.chooser-card__cancel:hover,.chooser-card__cancel:focus-visible{outline:2px solid Highlight;color:Highlight}.report-card__note{background:Canvas;border:1px solid CanvasText;color:CanvasText}.report-card__note:focus-visible{outline:2px solid Highlight;border-color:Highlight}.player-info--ghosted .player-info__name{color:GrayText}.post-match-actions__hint{color:CanvasText}}.username-menu__target{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0}.username-menu__trigger-wrap{position:relative;display:inline-flex;order:99;flex-shrink:0}.username-menu__trigger{background:transparent;border:1px solid #3a3a3a;color:#e0e0e0;font-size:18px;line-height:1;padding:4px 8px;margin-left:6px;cursor:pointer;min-width:32px;min-height:32px;border-radius:0;font-weight:700}.username-menu__trigger:hover,.username-menu__trigger:focus-visible,.username-menu__trigger[aria-expanded=true]{color:#f0d9b5;border-color:#f0d9b5;outline:none}.username-menu__panel{position:absolute;top:100%;z-index:60;min-width:180px;max-width:calc(100vw - 24px);padding:6px 0;background:#1a1a1a;border:1px solid #444;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000080;margin-top:4px;box-sizing:border-box}.username-menu__panel--align-left{left:0;right:auto}.username-menu__panel--align-right{left:auto;right:0}.username-menu__item{background:transparent;color:#e0e0e0;border:none;padding:10px 14px;font-family:inherit;font-size:13px;text-align:left;letter-spacing:.4px;cursor:pointer;min-height:40px}.username-menu__item:hover,.username-menu__item:focus-visible{background:#f0d9b50f;color:#f0d9b5;outline:none}.username-menu__item--danger{color:#e8a3a3}.username-menu__item--danger:hover,.username-menu__item--danger:focus-visible{background:#e8a3a314;color:#f5b5b5}.setup-header__menu-name{color:#c4c4c4;font-size:12px;letter-spacing:1px}.home-invite-banner{position:fixed;bottom:60px;left:0;right:0;max-width:600px;margin:0 auto;padding:12px 16px;background:#1a1a1a;border-top:1px solid #444;border-bottom:1px solid #444;display:flex;flex-direction:column;gap:8px;z-index:40}.home-invite-banner__text{margin:0;color:#e0e0e0;font-size:14px;letter-spacing:.4px}.home-invite-banner__text strong{color:#f0d9b5}.home-invite-banner__actions{display:flex;gap:8px}.home-invite-banner__actions .btn{flex:1;min-height:36px;font-size:12px}.home-invite-banner__status{font-size:12px;letter-spacing:1px;color:#b4a078;text-transform:uppercase}@media(forced-colors:active){.username-menu__trigger{border:1px solid CanvasText;color:CanvasText}.username-menu__trigger:hover,.username-menu__trigger:focus-visible,.username-menu__trigger[aria-expanded=true]{border-color:Highlight;outline:2px solid Highlight;color:Highlight}.username-menu__panel{background:Canvas;border:1px solid CanvasText;box-shadow:none}.username-menu__item{color:CanvasText;background:Canvas}.username-menu__item:hover,.username-menu__item:focus-visible{outline:2px solid Highlight;color:Highlight}.username-menu__item--danger{color:CanvasText}.home-invite-banner{background:Canvas;border-top:1px solid CanvasText;border-bottom:1px solid CanvasText}.home-invite-banner__text{color:CanvasText}.home-invite-banner__text strong{color:Highlight}.home-invite-banner__status{color:CanvasText}}.rank-screen{display:flex;flex-direction:column}.rank-content{padding:0 16px 80px;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.rank-section{margin:8px 0 0;padding:0}.rank-section__title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#c4c4c4;margin:16px 0 8px;font-weight:600}.rank-loading,.rank-empty{padding:12px 0;color:#c4c4c4;font-size:13px;letter-spacing:.6px}.rank-puzzle-card{display:block;width:100%;padding:14px 16px;background:transparent;color:#f0f0f0;border:1px solid #444;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.rank-puzzle-card:hover,.rank-puzzle-card:focus-visible{border-color:#f0d9b5;background:#f0d9b50a;outline:none}.rank-puzzle-card:disabled{opacity:.6;cursor:default}.rank-puzzle-card--solved{border-color:#4a6b3e;background:#4a6b3e0f}.rank-puzzle-card__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.rank-puzzle-card__label{font-size:15px;font-weight:600;letter-spacing:.8px}.rank-puzzle-card__streak{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#b4a078}.rank-puzzle-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#c4c4c4}.rank-banner{border:1px solid #444;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.rank-banner__row{display:flex;justify-content:space-between;align-items:baseline}.rank-banner__label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#c4c4c4}.rank-banner__value{font-size:14px;color:#f0f0f0;font-variant-numeric:tabular-nums}.rank-banner__hint{font-size:12px;color:#c4c4c4;margin:4px 0 0;letter-spacing:.4px}.rank-leader-toggle{display:flex;gap:0;margin:0 0 8px}.rank-leader-toggle__btn{flex:1;padding:8px 0;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#c4c4c4;background:transparent;border:1px solid #333;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.rank-leader-toggle__btn:hover,.rank-leader-toggle__btn:focus-visible{color:#f0d9b5;outline:none}.rank-leader-toggle__btn--active{color:#f0d9b5;border-color:#f0d9b5;background:#f0d9b50d}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.rank-row--sticky{position:sticky;bottom:72px;z-index:5;background:#1a1a1a;box-shadow:0 -4px 10px #00000080}.rank-list__divider{padding:6px 0;text-align:center;color:#a8a8a8;letter-spacing:3px}.rank-row{border:1px solid transparent}.rank-row--me{border-color:#f0d9b5;background:#f0d9b50d}.rank-row__btn{width:100%;display:grid;grid-template-columns:36px 1fr auto 48px;align-items:center;gap:8px;padding:10px 12px;background:transparent;border:1px solid #333;color:#f0f0f0;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}.rank-row--me .rank-row__btn{border-color:#f0d9b5}.rank-row__btn:hover,.rank-row__btn:focus-visible{border-color:#c4c4c4;background:#ffffff08;outline:none}.rank-row__rank{font-size:13px;font-weight:600;letter-spacing:.5px;color:#b4a078;text-align:right;padding-right:4px}.rank-row__name{font-size:14px;color:#f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row__you{margin-left:6px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#b4a078}.rank-row__delta{font-variant-numeric:tabular-nums;font-size:13px;color:#ccc}.rank-delta--up{color:#b4e4a3}.rank-delta--down{color:#e8a3a3}.rank-row__games{font-size:11px;color:#c4c4c4;text-align:right;letter-spacing:.5px}.rank-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rank-history__item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid #333;font-size:13px}.rank-history__medal{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#b4a078}.rank-history__label{color:#f0f0f0}.rank-history__delta{color:#b4e4a3;font-variant-numeric:tabular-nums}.rank-tabs{display:flex;justify-content:center;gap:0;max-width:600px;width:100%;margin:0 auto;padding:0 16px;box-sizing:border-box}.rank-tabs__btn{flex:1;padding:10px 0;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c4c4c4;background:transparent;border:1px solid #333;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.rank-tabs__btn:hover,.rank-tabs__btn:focus-visible{color:#f0d9b5;outline:none}.rank-tabs__btn--active{color:#f0d9b5;border-bottom-color:#f0d9b5}.friends-invite{border:1px solid #444;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.friends-invite__hint{margin:0;font-size:13px;color:#c4c4c4;letter-spacing:.4px}.friends-invite__buttons{display:flex;gap:8px}.friends-invite__buttons .btn{flex:1}.friends-qr{display:flex;justify-content:center;padding:12px 0 4px}.friends-qr svg{background:#fff;padding:8px;border:1px solid #444;max-width:100%;height:auto}.friends-invite__url{display:block;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#c4c4c4;word-break:break-all;padding:0 4px}.friends-status{min-height:18px;text-align:center;font-size:12px;letter-spacing:.6px;color:#b4a078}.friends-empty{padding:12px 14px;border:1px solid #333;color:#c4c4c4;font-size:13px;letter-spacing:.4px;margin:0}.friends-cap-note{margin:8px 0 0;font-size:12px;color:#b0b0b0;font-style:italic}@media(forced-colors:active){.friends-cap-note{color:ButtonText}}.friend-search{display:flex;flex-direction:column;gap:8px}.friend-search__input-wrap{position:relative;display:flex;align-items:stretch}.friend-search__input{width:100%;padding:10px 36px 10px 12px;background:transparent;color:#f0f0f0;border:1px solid #444;font-family:inherit;font-size:14px;letter-spacing:.4px;box-sizing:border-box}.friend-search__input:focus-visible{border-color:#f0d9b5;outline:none}.friend-search__clear{position:absolute;top:0;right:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#c4c4c4;font-size:18px;line-height:1;cursor:pointer;font-family:inherit}.friend-search__clear:hover,.friend-search__clear:focus-visible{color:#f0d9b5;outline:none}.friend-search__hits,.friends-list{display:flex;flex-direction:column;gap:4px}.friend-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #333;min-height:44px}.friend-row__name{flex:1;min-width:0;background:transparent;border:none;color:#f0f0f0;font-family:inherit;font-size:14px;text-align:left;padding:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row__name:hover,.friend-row__name:focus-visible{color:#f0d9b5;outline:none}.friend-row__rating{font-size:12px;color:#c4c4c4;font-variant-numeric:tabular-nums}.friend-row__actions{display:flex;gap:6px;align-items:center}.friend-row__btn{padding:6px 10px;font-size:11px;letter-spacing:1px;min-height:32px}.friend-row__status{font-size:11px;color:#b4a078;letter-spacing:1px;text-transform:uppercase}.friend-row__error{font-size:11px;color:#e8a3a3;letter-spacing:.4px}.rank-section__collapse{background:transparent;border:none;padding:0;cursor:pointer;color:inherit;font-family:inherit;width:100%;text-align:left}.rank-section__collapse:hover .rank-section__title,.rank-section__collapse:focus-visible .rank-section__title{color:#f0d9b5;outline:none}.rank-section__titlebar{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rank-section__link{background:transparent;border:none;color:#c4c4c4;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;padding:4px 0}.rank-section__link:hover,.rank-section__link:focus-visible{color:#f0d9b5;outline:none}.inbox-messages{display:flex;flex-direction:column;gap:6px}.inbox-load-more{margin-top:12px;align-self:center;min-width:180px}.inbox-message{border:1px solid #333;display:flex;flex-direction:column}.inbox-message--unread{border-left:3px solid #f0d9b5}.inbox-message--expanded{border-color:#444}.inbox-message__header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;border:none;font-family:inherit;text-align:left;cursor:pointer;color:#f0f0f0;min-height:44px}.inbox-message__header:hover,.inbox-message__header:focus-visible{background:#f0d9b50a;outline:none}.inbox-message__dot{width:8px;height:8px;border-radius:50%;background:#f0d9b5;flex-shrink:0}.inbox-message__label{flex:1 1 auto;min-width:0;font-size:14px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.inbox-message--unread .inbox-message__label{font-weight:600}.inbox-message__time{font-size:11px;color:#c4c4c4;letter-spacing:.8px;flex-shrink:0}.inbox-message__caret{font-size:14px;color:#c4c4c4;width:12px;text-align:center;flex-shrink:0}.inbox-message__body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #2a2a2a}.inbox-message__meta{margin:0;font-size:11px;color:#c4c4c4;letter-spacing:1px;text-transform:uppercase}.inbox-message__error{margin:0;font-size:12px;color:#e8a3a3}.inbox-message__actions{display:flex;flex-wrap:wrap;gap:8px}.inbox-message__actions .btn{flex:1 1 auto;min-width:90px;min-height:36px}.inbox-message__dismiss{margin-left:auto}@media(forced-colors:active){.rank-puzzle-card,.rank-puzzle-card--solved,.rank-banner,.rank-row__btn,.rank-history__item,.friends-invite,.friends-empty{border:1px solid CanvasText;background:Canvas;color:CanvasText}.rank-row--me .rank-row__btn{outline:2px solid SelectedItem}.rank-row__btn:hover,.rank-row__btn:focus-visible,.rank-puzzle-card:hover,.rank-puzzle-card:focus-visible{border-color:Highlight;outline:2px solid Highlight}.rank-delta--up,.rank-delta--down{color:CanvasText}.rank-tabs__btn{border:1px solid CanvasText;color:CanvasText;background:Canvas}.rank-tabs__btn:hover,.rank-tabs__btn:focus-visible{color:Highlight;outline:2px solid Highlight}.rank-tabs__btn--active{color:Highlight;border-bottom:2px solid Highlight}.rank-leader-toggle__btn{border:1px solid CanvasText;color:CanvasText;background:Canvas}.rank-leader-toggle__btn:hover,.rank-leader-toggle__btn:focus-visible{color:Highlight;outline:2px solid Highlight}.rank-leader-toggle__btn--active{color:Highlight;border-color:Highlight}.rank-row--sticky{background:Canvas;outline:1px solid CanvasText}.friends-qr svg{forced-color-adjust:none;background:#fff;border:1px solid CanvasText}.friends-invite__url,.friends-status{color:CanvasText}.friend-search__input{border:1px solid CanvasText;color:CanvasText;background:Canvas}.friend-search__input:focus-visible{outline:2px solid Highlight;border-color:Highlight}.friend-row{border:1px solid CanvasText;background:Canvas;color:CanvasText}.friend-row__name{color:CanvasText}.friend-row__name:hover,.friend-row__name:focus-visible{color:Highlight;outline:2px solid Highlight}.friend-row__rating,.friend-row__status,.friend-row__error,.friend-search__clear{color:CanvasText}.friend-search__clear:hover,.friend-search__clear:focus-visible{color:Highlight;outline:2px solid Highlight}.rank-section__collapse:hover .rank-section__title,.rank-section__collapse:focus-visible .rank-section__title{color:Highlight;outline:2px solid Highlight}.rank-section__link{color:CanvasText}.rank-section__link:hover,.rank-section__link:focus-visible{color:Highlight;outline:2px solid Highlight}.inbox-message{border:1px solid CanvasText;background:Canvas}.inbox-message--unread{border-left:3px solid Highlight}.inbox-message__header{color:CanvasText}.inbox-message__header:hover,.inbox-message__header:focus-visible{outline:2px solid Highlight;color:Highlight}.inbox-message__dot{background:Highlight}.inbox-message__label,.inbox-message__time,.inbox-message__caret,.inbox-message__meta,.inbox-message__error{color:CanvasText}.inbox-message__body{border-top:1px solid CanvasText}}.puzzle-screen{display:flex;flex-direction:column}.puzzle-content{padding:0 16px 80px;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px}.puzzle-loading{padding:48px 16px;color:#c4c4c4;font-size:14px;letter-spacing:1px;text-align:center}.puzzle-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.puzzle-chip{display:inline-block;padding:4px 10px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#ccc;background:transparent;border:1px solid #444}.puzzle-prompt{font-size:13px;letter-spacing:1px;color:#d0d0d0;margin:4px 0;text-align:center}.puzzle-banner{width:100%;max-width:480px;padding:10px 14px;font-size:13px;letter-spacing:1px;text-transform:uppercase;text-align:center;border:1px solid transparent}.puzzle-banner--good{color:#b4e4a3;border-color:#4a6b3e;background:#4a6b3e1f}.puzzle-banner--bad{color:#e8a3a3;border-color:#6b3e3e;background:#6b3e3e1f}.puzzle-banner--warn{color:#e8cf8a;border-color:#6b5a3e;background:#6b5a3e1f}.puzzle-controls{display:flex;gap:8px;justify-content:center;width:100%;max-width:320px}.puzzle-controls .btn{flex:1}@media(forced-colors:active){.puzzle-chip,.puzzle-banner,.puzzle-banner--good,.puzzle-banner--bad,.puzzle-banner--warn{border:1px solid CanvasText;color:CanvasText;background:Canvas}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;color:#e0e0e0;min-height:100vh}.app{max-width:640px;margin:0 auto;padding:16px}.app-header{text-align:center;padding:16px 0}.app-header h1{font-size:24px;letter-spacing:3px;text-transform:uppercase;color:#f0f0f0;margin:0}.app-header .subtitle{font-size:12px;letter-spacing:1px;color:#c4c4c4;margin-top:4px}.game-status{text-align:center;padding:12px}.game-status__turn{font-size:16px;font-weight:600;color:#ccc}.game-status__check{font-size:14px;font-weight:700;color:#e84040;margin-top:4px}.game-status__thinking{font-size:14px;color:#d0d0d0;display:flex;align-items:center;justify-content:center;gap:8px}.thinking-dot{width:8px;height:8px;border-radius:50%;background:#f0d9b5;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.ai-drafting{text-align:center;padding:16px;font-size:14px;color:#d0d0d0}.game-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #2a2a2a}.game-top-bar__label{font-size:14px;font-weight:600;color:#e0e0e0}.game-top-bar__badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border:1px solid #666;color:#d0d0d0}.game-status__result{font-size:18px;font-weight:700;color:#f0d9b5;margin-bottom:12px}.move-history{padding:8px 16px;font-size:13px;color:#d0d0d0;line-height:1.8;max-width:560px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px}.move-pair{display:inline-flex;gap:4px}.move-num{color:#b0b0b0}.move-white,.move-black{min-width:36px}.promotion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.promotion-dialog{background:#2a2a2a;border:2px solid #555;padding:20px;text-align:center}.promotion-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;color:#ccc}.promotion-options{display:flex;gap:8px}.promotion-btn{width:64px;height:64px;background:#f0d9b5;border:2px solid #333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.promotion-btn:hover{background:#cdd26a}.promotion-btn .piece{font-size:40px!important}.draft-panel{color:#e0e0e0}.draft-panel h2{color:#f0f0f0}.draft-panel p{color:#d0d0d0}.draft-btn{background:#2a2a2a;color:#e0e0e0;border-color:#b0b0b0}.draft-btn:hover{background:#f0d9b5;color:#1a1a1a}@media(forced-colors:active){.draft-btn{border:2px solid ButtonText}.draft-btn:hover{outline:2px solid Highlight}.promotion-btn{border:2px solid ButtonText}.promotion-btn:hover{outline:2px solid Highlight}.promotion-btn .piece{forced-color-adjust:none}.game-status__check{forced-color-adjust:none;color:Mark}}