.chess-app{max-width:1600px;margin:auto;padding:0 3vw}.back{font:12px monospace;color:var(--muted)}.chess-heading{padding:28px 0;display:flex;align-items:center;justify-content:space-between}.chess-heading h1{font-size:38px;letter-spacing:-1.5px;margin:9px 0 0}.chess-heading h1 span{font:12px monospace;letter-spacing:1px;border:1px solid var(--line);color:var(--gold);padding:5px 7px;vertical-align:middle;margin-left:16px}.view-tools{display:flex;gap:8px}.view-tools button,.match-actions button,#copy{border:1px solid var(--line);color:#c7d4d9;background:transparent;padding:10px 12px;font:11px monospace;letter-spacing:.5px}.view-tools button:hover,.match-actions button:hover{border-color:var(--gold)}.chess-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:24px}.arena{min-width:0}.board-wrap{position:relative;aspect-ratio:1.32;background:#09111a;border:1px solid var(--line);min-height:400px}#board{width:100%;height:100%;display:block;touch-action:none}.player-strip{display:flex;align-items:center;justify-content:space-between;background:#101b25;padding:16px 18px;border:1px solid var(--line);font:11px monospace;letter-spacing:1px;min-height:50px}.player-strip:first-child{border-bottom:0}.player-strip:nth-child(3){border-top:0}.army:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.dark-army:before{background:#648893}.light-army:before{background:#e2e4c9}.board-tip{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:10px monospace;letter-spacing:1px;color:#7a93a2;pointer-events:none}.match-panel{border:1px solid var(--line);background:#0d1720}.match-panel>section{padding:22px;border-bottom:1px solid var(--line)}.match-state h2{font-size:25px;margin:12px 0 6px;letter-spacing:-.5px}.match-state p{font-size:14px;color:#a1b2bf;line-height:1.5;margin:0}.section-label{font:11px monospace;letter-spacing:1px;color:#9db0be;margin-bottom:16px}.section-label>span{float:right;color:#748a99;font-size:10px}.primary,.secondary{display:block;border:1px solid var(--lime);font:11px monospace;letter-spacing:.5px;padding:13px 12px;width:100%;text-align:left}.primary{background:var(--lime);color:#122013}.secondary{background:transparent;color:#cfddd9;border-color:#3f5362;margin-top:9px}.primary span,.secondary span{float:right}form label{display:block;font-size:12px;color:#a4b6c0;margin:18px 0 8px}.join-row{display:flex}.join-row input{width:100%;min-width:0;background:#07101a;color:#d8e8ef;border:1px solid var(--line);padding:11px;font:11px monospace;text-transform:uppercase}.join-row button{background:#283b47;border:1px solid #48606f;color:#d4e5de;font:11px monospace;padding:10px;white-space:nowrap}.hint{font-size:12px;line-height:1.5;color:#7d94a4;margin:12px 0 0}#moves{max-height:140px;overflow:auto;font:13px monospace}#moves p{color:#728b9a;font:13px Arial}#moves .row{display:grid;grid-template-columns:25px 1fr 1fr;padding:7px;border-bottom:1px solid #20303d}#moves .row span:first-child{color:#738c9b}#moves .row:last-child{color:var(--lime)}.match-actions{display:flex;flex-wrap:wrap;gap:8px}.capture-note{padding:20px 22px}.capture-note strong{font:10px monospace;color:var(--gold);letter-spacing:.4px}.capture-note p{font-size:12px;color:#7e94a4;line-height:1.5;margin-bottom:0}.room-info{border-left:2px solid var(--lime);padding:10px 12px;margin-top:16px;background:#132432}.room-info>span{font:10px monospace;letter-spacing:1px;color:#97acbb}.room-info strong{display:block;font:22px monospace;color:var(--lime);margin:7px 0}.room-info small{display:block;margin-top:10px;font:11px monospace;color:#a9bac4}#copy{font-size:10px;padding:7px 10px}.hidden{display:none!important}.battle-banner{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;pointer-events:none;background:#09121de8;padding:14px 24px;border:1px solid #a7864e}.battle-banner small{display:block;font:10px monospace;letter-spacing:2px;color:var(--gold)}.battle-banner strong{display:block;margin-top:7px;font-size:18px}.render-error{position:absolute;inset:20% 10%;background:#172533;padding:30px;line-height:1.6}.accessible{margin-top:18px;color:#9cb1bd;font-size:13px}.accessible summary{cursor:pointer}.accessible p{line-height:1.5}#square-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:560px;margin:15px auto}#square-grid button{aspect-ratio:1;background:#243e4a;border:1px solid #48606a;color:#fff;font-size:24px;position:relative}#square-grid button.light{background:#829082;color:#111}#square-grid button.selected{outline:3px solid var(--lime);z-index:1}#square-grid button.target:after{content:'•';position:absolute;color:#b9ff60;right:4px;top:0;font-size:30px}dialog{background:#12212c;color:#e9f0ed;border:1px solid #596854;padding:30px;max-width:calc(100% - 30px)}dialog::backdrop{background:#02070bbd}dialog h2{font-size:25px}.promotion-options,.confirm-actions{display:flex;gap:8px}.promotion-options button,.confirm-actions button{background:#253b45;border:1px solid #4c656f;color:#e0ede7;padding:13px;font:12px monospace}.confirm-actions .primary{background:var(--lime);color:#112116;width:auto}.confirm-actions{justify-content:flex-end}#confirm-text{max-width:400px;font-size:15px;color:#a6b9c4;line-height:1.6}footer{margin-top:32px}@media(max-width:1000px){.chess-layout{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.match-panel>section{padding:17px}.board-wrap{min-height:450px}}@media(max-width:750px){.chess-layout{grid-template-columns:1fr}.chess-app{padding:0 16px}.chess-heading h1{font-size:31px}.chess-heading{align-items:flex-start}.view-tools{flex-direction:column}.view-tools button{font-size:9px}.board-wrap{aspect-ratio:1;min-height:340px}.match-panel{display:grid;grid-template-columns:1fr}.player-strip{font-size:9px}.back{font-size:10px}.brand{font-size:12px;letter-spacing:1px}.brand span{display:none}.chess-heading .overline{font-size:10px}.promotion-options{flex-wrap:wrap}}
.battle-banner{top:14px;min-width:340px;max-width:90%;padding:10px 18px;border-color:#e6b976;background:linear-gradient(110deg,#161e32eb,#322532eb);box-shadow:0 8px 45px #04091377}.battle-banner strong{font-size:19px}.duel-bars{display:flex;gap:30px;margin-top:12px}.duel-bars>div{flex:1;text-align:left}.duel-bars>div:last-child{text-align:right}.duel-bars span{font:10px monospace;letter-spacing:1px;text-transform:uppercase;color:#d5decf}.duel-bars i{display:block;height:5px;background:#402f40;margin-top:6px}.duel-bars b{display:block;height:100%;width:100%;background:#b8ef86;transition:width .3s}.duel-bars>div:last-child b{background:#f19c88;float:right}.board-wrap{background:#0e1729;border-color:#565265}.player-strip{background:linear-gradient(90deg,#202736,#131e2b);border-color:#3b4354}.chess-heading h1{color:#efe4cc}.match-panel{background:linear-gradient(145deg,#192332,#0d1720)}@media(max-width:750px){.battle-banner{min-width:260px}.battle-banner strong{font-size:15px}}