:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#4a3d2e;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#scene-container{position:absolute;inset:0}#scene-container canvas{touch-action:none;display:block}#ui{pointer-events:none;color:#f2e9dc;text-shadow:0 1px 3px #0009;position:absolute;inset:0}[hidden]{display:none!important}#hud{justify-content:space-between;align-items:flex-start;gap:8px;padding:8px;display:flex;position:absolute;inset:0 0 auto}#hud-left{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}#hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}#turn-indicator,#check-banner,#captured-tray,#hud-actions button{pointer-events:auto;background:#1d1610;border:1px solid #3a2a1c;border-radius:8px}#turn-indicator{padding:6px 11px;font-size:.95rem;font-weight:600}#check-banner{letter-spacing:.08em;text-transform:uppercase;color:#ff6b5e;border-color:#ff6b5e;padding:4px 10px;font-size:.72rem;font-weight:700}#captured-tray{flex-direction:column;gap:3px;max-width:460px;margin:0 auto;padding:5px 10px;display:flex;position:absolute;bottom:10px;left:8px;right:8px}@media (height<=520px){#captured-tray{max-width:30vw;margin:0;top:52px;bottom:auto;right:auto}}.cap-side{align-items:center;gap:5px;display:flex}.cap-tag{opacity:.55;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.captured-pieces{letter-spacing:1px;word-break:break-all;font-size:1.05rem;line-height:1}#hud-actions button{padding:6px 10px;font-size:.8rem}#hud-actions button:hover:not(:disabled){background:#2c211a}#hud-actions button:disabled{opacity:.4;cursor:default}#menu-toggle{padding:5px 9px;font-size:.95rem;line-height:1}#hud-actions button[aria-expanded=true]{background:#3a2a1c;border-color:#6b4a34}@media (width<=480px){#hud{gap:6px;padding:6px}#hud-left{flex-shrink:1;min-width:0}#turn-indicator{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:5px 9px;font-size:.8rem;overflow:hidden}#hud-actions{flex-wrap:nowrap;flex-shrink:0;gap:4px}#hud-actions button{padding:5px 7px;font-size:.72rem}#menu-toggle{padding:5px 7px;font-size:.85rem}}#menu-panel,#moves-panel{z-index:5;pointer-events:auto;background:#1d1610;border:1px solid #3a2a1c;border-radius:10px;position:absolute;top:46px;right:8px;box-shadow:0 10px 30px #0000008c}#rules-note{color:#ffdca8;text-align:center;pointer-events:none;z-index:5;opacity:1;background:#2a2016;border:1px solid #6b4a34;border-radius:8px;max-width:min(92vw,420px);padding:8px 14px;font-size:.82rem;line-height:1.35;transition:opacity .18s;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}#rules-note.rules-note-idle{opacity:0}#menu-panel{flex-direction:column;gap:8px;width:210px;padding:12px;display:flex}#help-settings{opacity:.85;cursor:pointer;border-top:1px solid #3a2a1c;align-items:center;gap:7px;padding-top:4px;font-size:.8rem;display:flex}#solo-controls{flex-direction:column;gap:8px;display:flex}#menu-panel label{opacity:.75;font-size:.8rem}#menu-panel select,#menu-panel button,#promotion-choices button,#play-again,#view-board{font:inherit;color:#f2e9dc;cursor:pointer;background:#2b1f16;border:1px solid #6b4a34;border-radius:6px;padding:7px 10px;font-size:.85rem}#menu-panel select:hover,#menu-panel button:hover,#promotion-choices button:hover,#play-again:hover,#view-board:hover{background:#3a2a1c}#mp-section{flex-direction:column;gap:8px;display:flex}#mp-section hr{border:none;border-top:1px solid #3a2a1c;width:100%;margin:2px 0}#mp-idle,#mp-waiting,#mp-active{flex-direction:column;gap:6px;display:flex}.mp-label{opacity:.75;margin:0;font-size:.8rem}#mp-create-row,#mp-join-row{gap:6px;display:flex}#mp-create-row select{flex:1;min-width:0}#mp-code-input{min-width:0;font:inherit;color:#f2e9dc;background:#1d1610;border:1px solid #6b4a34;border-radius:6px;flex:1;padding:7px 8px;font-size:.85rem}#mp-create-row button,#mp-join-row button{flex-shrink:0}.mp-code{letter-spacing:.12em;text-align:center;color:#ffd54a;background:#1d1610;border:1px solid #6b4a34;border-radius:6px;margin:0;padding:6px 0;font-size:1.3rem;font-weight:700}.mp-hint{opacity:.7;margin:0;font-size:.78rem}.mp-leave{border-color:#8a4a3a!important}#mp-busy p,#mp-error-text{margin:0;font-size:.82rem}#mp-error-text{color:#ffcf6b}#moves-panel{flex-direction:column;width:190px;max-height:min(58vh,460px);display:flex}#move-list{font-variant-numeric:tabular-nums;margin:0;padding:10px 10px 10px 34px;font-size:.9rem;list-style-position:outside;overflow-y:auto}#move-list:empty:after{content:"No moves yet";opacity:.5;margin-left:-22px;font-size:.85rem;display:block}#move-list li{padding:2px 0}#move-list li::marker{color:#b89a7f}#move-list .ply{min-width:64px;display:inline-block}#move-list .ply.current{color:#ffd54a;font-weight:600}#promotion-picker,#game-over{pointer-events:auto;background:#0a0705a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#promotion-picker.hidden,#game-over.hidden,#check-banner.hidden{display:none}#promotion-panel,#game-over-panel{text-align:center;background:#2b1f16;border:1px solid #6b4a34;border-radius:12px;padding:24px 32px;box-shadow:0 8px 30px #00000080}#promotion-panel p{margin:0 0 14px;font-weight:600}#promotion-choices{gap:8px;display:flex}#game-over-message{margin:0 0 18px;font-size:1.4rem;font-weight:700}#game-over-buttons{justify-content:center;gap:10px;display:flex}#board-2d{pointer-events:auto;background:#7a8f6e;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.b2d-stage{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:clamp(2px,.8vw,5px) clamp(4px,1.4vw,9px);display:grid}.b2d-frame{background:#f4f4f9;border-radius:3px;grid-area:1/2;width:min(84vw,72vh,560px);padding:clamp(5px,1.6vw,10px);box-shadow:0 14px 44px #0000008c}.b2d-board{aspect-ratio:1;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid}.b2d-sq{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(18px,6.5vw,48px);line-height:1;display:flex;position:relative}.b2d-sq.light{background:#d7d6f5}.b2d-sq.dark{background:#8887dd}.b2d-sq>span{z-index:2;position:relative}.b2d-board.flipped{transform:rotate(180deg)}.b2d-board.flipped .b2d-sq>span{display:inline-block;transform:rotate(180deg)}.b2d-ranks.flipped{flex-direction:column-reverse}.b2d-files.flipped{flex-direction:row-reverse}.b2d-sq.white>span{color:#f8f8fc;text-shadow:-1.4px -1.4px #16161d,1.4px -1.4px #16161d,-1.4px 1.4px #16161d,1.4px 1.4px #16161d,0 0 3px #16161de6}.b2d-sq.black>span{color:#14141a;text-shadow:0 0 2px #ffffff47}.b2d-sq.last:before{content:"";background:#f6c95c6b;position:absolute;inset:0}.b2d-sq.sel:before{content:"";background:#f6c95c47;position:absolute;inset:0;box-shadow:inset 0 0 0 clamp(2px,.7vw,4px) #f2c14e}.b2d-sq.check:before{content:"";background:radial-gradient(circle,#e63c2dbf,#e63c2d1a 70%);position:absolute;inset:0}.b2d-sq.move:after{content:"";z-index:1;background:#269e4ad9;border-radius:50%;width:30%;height:30%;position:absolute}.b2d-sq.capture:after{content:"";z-index:1;border:clamp(2px,.9vw,5px) solid #d64230e6;border-radius:50%;position:absolute;inset:8%}.b2d-sq.rejected:after{content:"";z-index:1;background:#d64230eb;border-radius:50%;width:34%;height:34%;position:absolute}.b2d-ranks,.b2d-files{color:#eeeef4;font-size:clamp(11px,2.7vw,16px);font-weight:700;display:flex}.b2d-ranks{flex-direction:column;grid-area:1/1;width:clamp(14px,3.6vw,22px);padding:clamp(5px,1.6vw,10px) 0}.b2d-files{grid-area:2/2;height:clamp(14px,3.6vw,22px);padding:0 clamp(5px,1.6vw,10px)}.b2d-ranks>div,.b2d-files>div{flex:1;justify-content:center;align-items:center;display:flex}