.mode-actions{width:min(100%,520px);margin:0 auto 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px}.mode-actions>div{display:grid;gap:2px;min-width:0}.mode-kicker{display:block;color:#d8bb72;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mode-actions strong{color:#f4f0df;font-size:14px;overflow:hidden;text-overflow:ellipsis}.connection-status{color:#aebbb1;font-size:10px}.connection-status.online{color:#9bd2a0}.connection-status.offline{color:#efaa9b}.pvp-launch-button,.pvp-primary-button{border:1px solid #e7b84f;border-radius:6px;background:#e7b84f;color:#17231f;font-weight:900;letter-spacing:.06em;padding:10px 16px;cursor:pointer}.pvp-launch-button{min-width:76px;font-size:16px}.pvp-launch-button:hover:not(:disabled),.pvp-primary-button:hover:not(:disabled){filter:brightness(1.08)}.pvp-launch-button:disabled,.pvp-primary-button:disabled{opacity:.48;cursor:not-allowed}.aura-wallet{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #b89450;border-radius:7px;background:#1c2a25;color:#d5dbd1;font-size:12px}.aura-wallet strong{color:#e7b84f;font-size:15px}.leaderboard-panel{margin:0 0 12px;padding:11px 12px;background:#1c2a25;border:1px solid #40564a;border-radius:8px}.leaderboard-panel h3{margin:0 0 7px;color:#e7b84f;font-size:12px}.leaderboard-panel ol{margin:0;padding-left:22px;color:#d5dbd1;font-size:11px;line-height:1.6}.leaderboard-panel li{padding-left:2px}.leaderboard-row{display:flex;justify-content:space-between;gap:8px}.leaderboard-row strong{color:#f4f0df;white-space:nowrap}.aura-leaderboard-panel li strong{color:#e7b84f}.score-entry-form{display:grid;gap:6px;margin-top:10px;text-align:left}.score-entry-form label{font-size:11px;color:#e7b84f;font-weight:750}.score-entry-form input,.signin-card input,.stake-controls input{min-width:0;border:1px solid #53685b;border-radius:5px;background:#17231f;color:#f4f0df;padding:9px 10px;font:14px system-ui,sans-serif}.score-entry-form input:focus,.signin-card input:focus,.stake-controls input:focus{outline:2px solid #e7b84f;outline-offset:1px}.score-entry-form button{border:1px solid #e7b84f;border-radius:5px;background:#e7b84f;color:#17231f;padding:9px;font-weight:850;cursor:pointer}.score-entry-form button:disabled{opacity:.55;cursor:default}.score-entry-form p{min-height:14px;margin:0;color:#d5dbd1;font-size:10px;line-height:1.35}.signin-overlay,.pvp-overlay{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;overflow:auto;padding:16px;background:rgba(8,14,12,.9);backdrop-filter:blur(6px)}.signin-overlay[hidden],.pvp-overlay[hidden],[hidden]{display:none!important}.signin-card{width:min(100%,390px);padding:26px;background:#26352f;border:1px solid #b89450;border-radius:12px;box-shadow:0 18px 50px #0008;color:#f4f0df;text-align:center}.signin-mark{color:#f3efdf;font-size:48px;line-height:1}.signin-brand{margin:5px 0;color:#d8bb72;font-weight:800;letter-spacing:.14em}.signin-card h2{margin:8px 0;color:#fff;font-family:"Bebas Neue",Impact,sans-serif;font-size:34px;font-weight:500;letter-spacing:.04em}.signin-card>p:not(.signin-brand){color:#c1cbc3;font-size:13px;line-height:1.5}.signin-card form{display:grid;gap:8px;margin-top:16px;text-align:left}.signin-card label{color:#e7b84f;font-size:12px;font-weight:800}.signin-card button{margin-top:4px}.signin-card #signin-status{min-height:15px;margin:0;color:#c1cbc3;font-size:11px}.pvp-overlay{z-index:2600}.pvp-shell{width:min(100%,940px);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(16px,3vw,28px);background:#26352f;border:1px solid #b89450;border-radius:12px;box-shadow:0 18px 54px #0009;color:#f4f0df}.pvp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #40564a}.pvp-header h2{margin:3px 0 0;color:#f4f0df;font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(25px,5vw,38px);font-weight:500;letter-spacing:.05em}.pvp-close{width:38px;height:38px;border:1px solid #53685b;border-radius:6px;background:#1c2a25;color:#e7b84f;font-size:28px;line-height:1;cursor:pointer}.pvp-status{min-height:22px;margin:12px 0;color:#d8bb72;font-size:13px;font-weight:750}.pvp-card{padding:clamp(14px,2.5vw,22px);background:#1c2a25;border:1px solid #40564a;border-radius:9px}.pvp-card[hidden]{display:none!important}.pvp-card>p:first-child{margin:0 0 14px;color:#d5dbd1;font-size:13px}.pvp-primary-button,.pvp-secondary-button{font-size:12px}.pvp-secondary-button{border:1px solid #b89450;border-radius:5px;background:#26352f;color:#f4f0df;padding:9px 13px;font-weight:800;cursor:pointer}.pvp-secondary-button:hover{background:#33483e}.pvp-card button[hidden]{display:none!important}.stake-opponents{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stake-opponents>div{display:grid;gap:6px;padding:12px;border:1px solid #40564a;border-radius:7px;background:#26352f}.stake-opponents span{color:#c1cbc3;font-size:11px}.stake-opponents strong{color:#e7b84f;font-size:17px}.pvp-card label{display:block;margin:12px 0 6px;color:#d8bb72;font-size:11px;font-weight:800}.stake-controls{display:flex;gap:8px}.stake-controls input{width:130px}.stake-controls button{flex:1}.opponent-offer-label{margin:12px 0 8px;color:#f4f0df;font-size:12px}.inline-status{min-height:17px;margin:9px 0 0;color:#c1cbc3;font-size:11px}.match-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:10px}.match-player{display:grid;gap:4px;padding:9px 11px;background:#26352f;border:1px solid #40564a;border-radius:6px}.match-player span,.match-center span{color:#d8bb72;font-size:9px;font-weight:850;letter-spacing:.12em}.match-player strong{color:#f4f0df;font-size:13px;overflow:hidden;text-overflow:ellipsis}.match-center{display:grid;gap:3px;text-align:center}.match-center strong{color:#e7b84f;font-size:12px;white-space:nowrap}.pvp-turn-status{margin:9px 0;text-align:center;color:#f4f0df;font-size:13px;font-weight:800}.pvp-board-frame{width:min(100%,610px);margin:0 auto;border:5px solid #b89450;box-shadow:0 10px 28px #0006}.pvp-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1}.pvp-square{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;padding:0;cursor:pointer}.pvp-square.light{background:#e8ead8}.pvp-square.dark{background:#365449}.pvp-square.selected{outline:4px solid #e7b84f;outline-offset:-4px;z-index:2}.pvp-square.last-move{box-shadow:inset 0 0 0 4px #e7b84f88}.pvp-square.legal-target:after{content:"";position:absolute;width:23%;aspect-ratio:1;border-radius:50%;background:#e7b84f;opacity:.85}.pvp-square.capture-target:after{width:75%;background:transparent;border:4px solid #e46356}.pvp-piece{position:relative;z-index:1;font-size:clamp(21px,5vw,48px);line-height:1;text-shadow:0 2px 2px #0004}.pvp-piece.white{color:#fffdf2}.pvp-piece.black{color:#18221e}.pvp-square:disabled{cursor:default}.pvp-square:focus-visible{outline:3px solid #a294ff;outline-offset:-3px;z-index:3}.pvp-game-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin:12px 0}.pvp-game-controls label{margin:0}.pvp-game-controls select{border:1px solid #53685b;border-radius:5px;background:#26352f;color:#f4f0df;padding:6px}.pvp-footer{padding-top:12px;color:#91a198;font-size:10px;text-align:center}.pvp-footer[hidden]{display:none}@media(max-width:620px){.mode-actions{margin-bottom:8px}.pvp-shell{padding:14px}.stake-opponents{gap:6px}.stake-opponents>div{padding:9px}.pvp-board-frame{border-width:3px}.pvp-square.legal-target:after{width:20%}.pvp-square.capture-target:after{width:72%;border-width:3px}}
/* v1.18: keep the original centered game layout and float the optional name panel to its left. */
.player-rail{position:fixed;top:16px;left:clamp(12px,calc((100vw - 760px)/2 - 246px),280px);z-index:80;width:min(230px,max(120px,calc((100vw - 760px)/2 - 24px)));min-width:0}
.signin-card{width:100%;padding:12px 14px;border-radius:10px;text-align:center;box-shadow:0 10px 26px #0007}
.signin-mark{font-size:30px;line-height:1}
.signin-brand{margin:3px 0;letter-spacing:.11em;font-size:12px}
.signin-card h2{font-size:clamp(21px,2vw,27px);margin:5px 0}
.signin-card>p:not(.signin-brand){font-size:10px;line-height:1.4;margin:8px 0}
.signin-card form{gap:5px;margin-top:8px}
.signin-card label{font-size:10px}
.signin-card input{padding:7px 8px;font-size:12px}
.signin-card button{padding:8px 10px;font-size:11px}
.signin-card #signin-status{min-height:12px;font-size:10px}
@media(max-width:1024px){.player-rail{position:static;grid-column:1/-1;grid-row:1;justify-self:start;width:min(100%,280px);margin:0 0 4px}.signin-card{padding:10px 12px}}