:root{--bg:#07070a;--panel:#100e12b8;--panel-solid:#141217;--line:#c9a96a47;--gold:#d8b46a;--gold-bright:#f3d898;--text:#ece4d4;--muted:#9d9282;--danger:#e0614a;--ember:#ff6a2a;--radius:14px;--display:"Cinzel", Georgia, serif;--body:"Cormorant Garamond", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-size:18px;overflow:hidden}#scene{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:10px 16px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}button:hover{background:#d8b46a1f;border-color:#d8b46a99}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{font-family:var(--display);letter-spacing:.08em;color:#1a1408;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, #a8823e);border-color:#f6e2ad;font-weight:700;box-shadow:0 0 24px #d8b46a40,inset 0 1px #ffffff80}button.primary:hover{box-shadow:0 0 34px #f3d89873,inset 0 1px #fff9}button.danger{color:#f3b3a6;border-color:#e0614a80}button.danger:hover{background:#e0614a26}button.link{color:var(--muted);background:0 0;border:none;padding:6px;text-decoration:underline}input{font:inherit;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;outline:none;width:100%;padding:11px 14px}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d8b46a2e}input.code{font-family:var(--display);letter-spacing:.35em;text-align:center;text-transform:uppercase;font-size:28px}input[type=range]{accent-color:var(--gold);background:0 0;border:none;padding:0}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--danger);text-align:center;min-height:1.2em;margin:10px 0 0}.eyebrow{font-family:var(--display);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:13px}.screen{pointer-events:none;display:none;position:fixed;inset:0}.screen.visible{display:flex}.screen>*{pointer-events:auto}.panel{background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0a}.panel.center{text-align:center}#loading{background:radial-gradient(circle at 50% 45%, #1a1510, var(--bg) 60%);z-index:50;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s}#loading.fade{opacity:0}.sigil{border:2px solid var(--gold);border-top-color:#0000;border-bottom-color:#0000;border-radius:50%;width:84px;height:84px;animation:1.6s linear infinite spin;box-shadow:0 0 40px #d8b46a59}.loading-text{font-family:var(--display);letter-spacing:.2em;color:var(--gold);margin-top:26px}@keyframes spin{to{transform:rotate(360deg)}}#home{background:radial-gradient(at 50% 120%,#0000 30%,#0000008c);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px}.brand{text-align:center;pointer-events:none}.brand h1{font-family:var(--display);letter-spacing:.06em;background:linear-gradient(180deg, #fff3d6, var(--gold) 55%, #7d5e2a);color:#0000;filter:drop-shadow(0 4px 24px #d8b46a59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(44px,8vw,92px);font-weight:900}.tagline{color:var(--muted);margin:4px 0 0;font-size:22px;font-style:italic}#home .panel{width:min(440px,100%)}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field>span{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:13px}.field small{font-size:14px}.tabs{border-bottom:1px solid var(--line);margin:4px 0 18px;display:flex}.tab{color:var(--muted);font-family:var(--display);letter-spacing:.08em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px;font-size:14px}.tab.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.tab:hover{background:0 0}.segmented{flex-wrap:wrap;gap:6px;display:flex}.segmented button{white-space:nowrap;flex:1;padding:9px 8px;font-size:16px}.segmented button.active{border-color:var(--gold);color:var(--gold-bright);background:#d8b46a33}.tab-panel .primary,#settings .primary{width:100%;margin-top:4px;padding:14px}#waiting{justify-content:center;align-items:center;padding:16px}#waiting .panel{width:min(460px,100%)}.big-code{font-family:var(--display);letter-spacing:.25em;color:var(--gold-bright);text-shadow:0 0 30px #d8b46a80;-webkit-user-select:text;user-select:text;margin:6px 0 18px;padding-left:.25em;font-size:clamp(40px,12vw,64px);font-weight:900}#wait-link{word-break:break-all;-webkit-user-select:text;user-select:text;font-size:15px}.pulse{margin-bottom:0;font-style:italic;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}#hud{display:none}#hud.visible{display:block}.player-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;max-width:calc(100vw - 242px);padding:10px 16px;font-size:19px;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;left:16px}.player-card.opponent{top:max(16px, env(safe-area-inset-top))}.player-card.me{bottom:max(16px, env(safe-area-inset-bottom))}.player-card.to-move{border-color:var(--gold);box-shadow:0 0 22px #d8b46a4d}.player-card .pname{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.player-card .pcolor{color:var(--muted);font-size:15px}.player-card .dot{background:#6fd37a;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 8px #6fd37a}.player-card .dot.away{box-shadow:none;background:#8a7f72}.clock{font-family:var(--display);font-variant-numeric:tabular-nums;background:#0006;border-radius:8px;margin-left:6px;padding:2px 10px;font-weight:700}.clock.running{color:var(--gold-bright);background:#d8b46a29}.clock.low{color:#ff8a70;animation:1s infinite pulse}.toolbar{top:max(16px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;right:16px}.toolbar button{background:var(--panel);-webkit-backdrop-filter:blur(10px);width:44px;height:44px;padding:0;font-size:20px}.toolbar button.off{color:var(--muted);text-decoration:line-through}.side-panel{right:16px;top:calc(max(16px, env(safe-area-inset-top)) + 56px);background:var(--panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:230px;max-height:calc(100vh - 160px);padding:12px;display:flex;position:absolute}.side-head{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}#move-list{flex:1;grid-template-columns:28px 1fr 1fr;align-content:start;row-gap:2px;min-height:60px;margin:0;padding:0;font-size:17px;list-style:none;display:grid;overflow-y:auto}#move-list .num{color:var(--muted)}#move-list .ply.latest{color:var(--gold-bright)}.side-actions{gap:6px;margin-top:10px;display:flex}.side-actions button{flex:1;padding:8px 6px;font-size:15px}.banner{left:50%;top:max(16px, env(safe-area-inset-top));border:1px solid var(--gold);z-index:5;text-align:center;background:#14100ce0;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:min(560px,100vw - 32px);padding:10px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.banner button{padding:6px 14px;font-size:16px}.turn-indicator{left:50%;bottom:max(18px, env(safe-area-inset-bottom));font-family:var(--display);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000;pointer-events:none;font-size:14px;position:absolute;transform:translate(-50%)}.tag{left:50%;top:max(16px, env(safe-area-inset-top));font-family:var(--display);letter-spacing:.25em;border:1px solid var(--line);background:var(--panel);color:var(--gold);border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.skip{right:24px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 9vh);z-index:20;font-family:var(--display);letter-spacing:.1em;background:#0000008c;position:absolute}#letterbox{pointer-events:none;z-index:10;position:fixed;inset:0}#letterbox .bar{background:#000;height:11vh;transition:transform .6s cubic-bezier(.6,0,.2,1);position:absolute;left:0;right:0}#letterbox .top{top:0;transform:translateY(-100%)}#letterbox .bottom{bottom:0;transform:translateY(100%)}#letterbox.on .bar{transform:none}body.cinematic #hud .player-card,body.cinematic #hud .toolbar,body.cinematic #hud .side-panel,body.cinematic #hud .turn-indicator,body.cinematic #hud .banner{opacity:0;pointer-events:none}#hud .player-card,#hud .toolbar,#hud .side-panel,#hud .turn-indicator{transition:opacity .4s}.backdrop{z-index:30;background:#00000080;position:fixed;inset:0}.modal{z-index:31;border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#120f13f0;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);padding:26px;animation:.35s cubic-bezier(.2,.8,.2,1) rise;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000000b3}.modal .field{text-align:left}@keyframes rise{0%{opacity:0;transform:translate(-50%,-46%)}}.modal h2{font-family:var(--display);color:var(--gold-bright);letter-spacing:.05em;margin:0 0 18px;font-weight:700}#result h2{font-size:34px}.row{justify-content:center;gap:10px;margin-top:14px;display:flex}.row button{flex:1}.promo-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.promo-grid button{flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-size:15px;display:flex}.promo-grid .glyph{color:var(--gold-bright);font-size:38px;line-height:1}.toast{opacity:0;border:1px solid var(--line);pointer-events:none;z-index:40;text-align:center;background:#14100ceb;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 18px;transition:opacity .25s,transform .25s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){html,body{font-size:16px}.side-panel{width:auto;top:auto;left:16px;right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);z-index:6;max-height:45vh;display:none}.side-panel.open{display:flex}.player-card{max-width:calc(100vw - 232px);padding:8px 12px;font-size:16px}.player-card.me{max-width:calc(100vw - 32px)}.player-card.opponent .pcolor{display:none}.toolbar button{width:40px;height:40px;font-size:18px}.banner{top:calc(max(16px, env(safe-area-inset-top)) + 54px)}.turn-indicator{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px)}.segmented button{padding:9px 6px;font-size:15px}}@media (width>=761px){.side-panel.closed{display:none}}