:root{color-scheme:light;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f4ef;color:#1d1d1d}#app{width:100vw;height:100vh;overflow:hidden;position:relative}.scene{width:100%;height:100%;display:block}.game{width:100%;height:100%;position:relative}.login{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at top,#141210cc,#080706e6);z-index:3}.login-card{background:#1c1814f2;padding:2.5rem;border-radius:20px;box-shadow:0 24px 60px #0006;text-align:left;display:grid;gap:1rem;max-width:420px;color:#f7f4ef;border:1px solid rgba(255,255,255,.08)}.login-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.login-card h1{margin:0;font-size:2.2rem;line-height:1.1}.login-card p{margin:0;color:#ffffffbf}.login-status{min-height:1.2rem;font-size:.85rem;color:#f3a6a6}.login-button{border:none;border-radius:999px;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;background:#f7f4ef;color:#1e1914;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000040}.login-button:active{transform:translateY(0);box-shadow:none}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:.9rem;padding:1.5rem;background:#1c1814eb;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;min-width:min(520px,92vw);color:#f7f4ef}.menu--hidden{display:none}.menu-stack{display:grid;gap:.65rem}.menu-grid{display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}.menu-tile{border:1px solid rgba(255,255,255,.08);background:#2e2822e6;color:#f7f4ef;padding:1rem;border-radius:12px;text-align:center;cursor:pointer;display:grid;gap:.4rem;height:100%;transition:transform .12s ease,border-color .12s ease}.menu-tile:hover{transform:translateY(-2px);border-color:#fff3}.menu-tile--ghost{background:transparent;border-style:dashed}.menu-tile--custom{gap:.6rem;align-content:center}.menu-custom-row{justify-content:center;gap:.5rem}.menu-custom-input{width:4.25rem;text-align:center;padding:.35rem .7rem}.menu-custom-button{width:100%;padding:.5rem 0}.menu-tile-time{font-size:1.2rem;font-weight:600}.menu-tile-speed{font-size:.9rem;color:#fff9}.toggle{position:relative;width:2.6rem;height:1.4rem;display:inline-flex;align-items:center}.toggle input{opacity:0;width:0;height:0}.toggle-track{width:100%;height:100%;background:#d7c7b2;border-radius:999px;position:relative;transition:background .12s ease}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:50%;background:#f7f4ef;transition:transform .12s ease}.toggle input:checked+.toggle-track{background:#7a5c3e}.toggle input:checked+.toggle-track:after{transform:translate(1.1rem)}.hud-title{font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.95rem}.hud-input{width:7.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);padding:.4rem .9rem;font-size:.9rem;font-family:inherit;color:#f7f4ef;background:#ffffff0f}.hud-input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #fff3}.hud-label{color:#ffffffb3}.hud-value{font-weight:600}.hud-button{border:none;border-radius:999px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;background:#7a5c3e;color:#f7f4ef;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hud-button.muted{background:#b6a089;color:#2c1f16}.hud-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #4a352333}.hud-button:active{transform:translateY(0);box-shadow:none}.board-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.board-side{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:#faf7f0d9;border-radius:999px;border:1px solid rgba(44,31,22,.2);box-shadow:0 8px 20px #271c121f}.board-side--black{top:1.25rem}.board-side--white{bottom:1.25rem}.board-name{font-weight:600}.board-clock{min-width:4.2rem;text-align:right;font-variant-numeric:tabular-nums}.board-result{position:absolute;right:1.5rem;top:1.5rem;padding:.4rem .8rem;background:#2c1f16d9;color:#f7f4ef;border-radius:999px;font-size:.85rem;letter-spacing:.04em}.board-actions{position:absolute;right:1.5rem;bottom:1.5rem;display:grid;gap:.5rem;pointer-events:auto}.board-draw-status{padding:.35rem .6rem;border-radius:10px;background:#1c1814d9;color:#fffc;font-size:.8rem;text-align:center}.win-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c0a08b3;z-index:4}.win-card{background:#1c1814f2;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem;min-width:min(420px,90vw);color:#f7f4ef;display:grid;gap:1rem;box-shadow:0 20px 60px #00000059}.win-card h2{margin:0;font-size:1.4rem}.win-row{display:flex;justify-content:space-between;font-size:1rem}.win-diff{color:#ffffffb3;font-variant-numeric:tabular-nums}.win-diff--up{color:#b7f7c5;font-weight:600}.win-diff--down{color:#f8b3b3;font-weight:600}.win-diff--neutral{color:#ffffff80}.win-actions{display:grid;gap:.75rem;margin-top:.5rem}.profile-card{position:absolute;top:1.5rem;right:1.5rem;z-index:4;pointer-events:auto}.profile-button{border:1px solid rgba(255,255,255,.12);background:#1c1814e6;color:#f7f4ef;padding:.5rem .9rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem}.profile-name{font-size:.9rem;font-weight:600}.profile-dot{width:.5rem;height:.5rem;border-radius:999px;background:#7bd88f}.profile-panel{margin-top:.6rem;background:#1c1814eb;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem .9rem;color:#f7f4ef;min-width:200px;box-shadow:0 10px 30px #0000004d;display:grid;gap:.5rem}.profile-row{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffffb3}.profile-logout{margin-top:.4rem;border:none;border-radius:999px;padding:.45rem .9rem;background:#ffffff1f;color:#f7f4ef;cursor:pointer;font-size:.85rem}.profile-logout:hover{background:#fff3}.challenge-wrap{position:absolute;right:1.5rem;top:4.8rem;z-index:4;pointer-events:none}.challenge-card{background:#1c1814f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.2rem;color:#f7f4ef;min-width:240px;opacity:0;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.challenge-card--in{opacity:1;transform:translateY(0)}.challenge-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-bottom:.5rem}.challenge-row{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.75rem}.challenge-actions{display:grid;gap:.5rem}.fullscreen-button{position:absolute;top:1.5rem;left:1.5rem;z-index:4;border:1px solid rgba(255,255,255,.15);background:#1c1814d9;color:#f7f4ef;padding:.5rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:600;pointer-events:auto}.fullscreen-button:hover{background:#1c1814f2}.promotion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c0a0899;z-index:5;pointer-events:auto}.promotion-card{background:#1c1814f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem 1.4rem;color:#f7f4ef;display:grid;gap:.9rem;min-width:min(320px,90vw);box-shadow:0 20px 60px #00000059}.promotion-title{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.promotion-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.promotion-option{display:grid;place-items:center;gap:.25rem;border:1px solid rgba(255,255,255,.1);background:#2e2822e6;color:#f7f4ef;padding:.5rem .35rem .6rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.promotion-option:hover{transform:translateY(-2px);border-color:#ffffff4d}.promotion-canvas{width:72px;height:72px;display:block}.promotion-option-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.promotion-cancel{border:none;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;background:#ffffff1f;color:#f7f4ef;cursor:pointer}.promotion-cancel:hover{background:#fff3}.side-panel{position:absolute;right:1.5rem;top:6.5rem;bottom:auto;width:min(320px,36vw);display:flex;flex-direction:column;gap:.7rem;padding:.75rem;border-radius:18px;background:#1c1814e6;border:1px solid rgba(255,255,255,.08);color:#f7f4ef;z-index:3;pointer-events:auto;box-shadow:0 18px 50px #00000059}.side-panel-section{display:grid;gap:.45rem;min-height:0}.side-panel-time{background:#0e0c0a8c;border-radius:12px;padding:.6rem .7rem;border:1px solid rgba(255,255,255,.06);display:grid;gap:.45rem}.side-panel-time-row{display:flex;justify-content:space-between;font-size:.95rem;gap:.5rem}.side-panel-time-label{color:#ffffffb3;font-weight:600}.side-panel-time-clock{font-variant-numeric:tabular-nums;font-weight:600}.side-panel-result{text-align:center;font-size:.85rem;color:#ffffffb3;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.08)}.side-panel-title{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.side-panel-moves,.side-panel-chat,.side-panel-solution{background:#0e0c0a8c;border-radius:12px;padding:.55rem;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.side-panel-moves{flex:0 1 auto;overflow:auto;max-height:32vh}.side-panel-solution,.side-panel-chat{flex:0 1 auto;overflow:auto;max-height:22vh}.side-panel-actions{display:flex;gap:.4rem}.side-panel-engine{margin-top:.5rem;background:#0e0c0a8c;border-radius:12px;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.06)}.side-panel-engine-status{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffffa6;letter-spacing:.06em;text-transform:uppercase}.side-panel-engine-lines{display:grid;gap:.4rem}.side-panel-engine-line{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem;font-size:.82rem;align-items:start}.side-panel-engine-score{font-variant-numeric:tabular-nums;color:#fffc;font-weight:600}.side-panel-engine-pv{color:#ffffffd9;line-height:1.3}.side-panel-status{padding:.35rem .6rem;border-radius:10px;background:#0c0a08cc;color:#fffc;font-size:.8rem;text-align:center}.side-panel-action-btn{flex:1;font-size:.75rem;padding:.35rem .7rem;border-radius:6px}.side-panel-empty{color:#ffffff80;font-size:.85rem}.side-panel-move-grid{display:grid;gap:.35rem}.side-panel-move-row{display:grid;grid-template-columns:2rem 1fr 1fr;gap:.3rem;font-size:.85rem}.side-panel-move-number{color:#ffffff8c}.side-panel-move{font-weight:600}.side-panel-move-btn{width:100%;text-align:left;border:none;border-radius:6px;background:transparent;color:#ffffffeb;padding:.1rem .2rem;cursor:pointer;font:inherit}.side-panel-move-btn:hover{background:#ffffff14}.side-panel-move-btn.is-active{background:#b483506b;color:#f7f4ef}.side-panel-move-note{margin-top:.15rem;font-size:.7rem;line-height:1.3;color:#ffffff9e;font-weight:400}.side-panel-branch-list{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.2rem}.side-panel-branch-chip{border:1px solid rgba(255,255,255,.18);background:#b4835033;color:#ffffffeb;border-radius:999px;padding:.06rem .35rem;font-size:.68rem;cursor:pointer}.side-panel-branch-chip:hover{background:#b4835052}.side-panel-chat-list{display:grid;gap:.45rem}.side-panel-chat-item{font-size:.85rem;display:grid;gap:.1rem}.side-panel-chat-author{color:#ffffffb3;font-weight:600;margin-right:.35rem}.side-panel-chat-text{color:#ffffffe6}.side-panel-chat-form{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center}.side-panel-chat-input{border-radius:999px;border:1px solid rgba(255,255,255,.2);padding:.4rem .7rem;font-size:.85rem;font-family:inherit;color:#f7f4ef;background:#ffffff14}.side-panel-chat-input:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 2px #fff3}.side-panel-chat-input:disabled{opacity:.6;cursor:not-allowed}.side-panel-chat-send:disabled{opacity:.6;cursor:not-allowed}.side-panel-chat-send{padding:.4rem .8rem}@media (max-width: 900px){.side-panel{right:auto;left:50%;transform:translate(-50%);width:min(92vw,420px);top:auto;bottom:1rem;max-height:45vh}.side-panel-moves{max-height:20vh}.side-panel-chat{max-height:16vh}}