:root{--bg:#0a0d18;--bg2:#111527;--panel:#151a2d;--panel2:#1b2138;--line:#262d48;--text:#e9edf9;--muted:#8a93ad;--accent:#f2c94c;--accent2:#56ccf2;--red:#eb5757;--green:#6fcf97;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(900px 500px at 15% -10%, #56ccf21f, transparent 60%), radial-gradient(800px 500px at 100% 0%, #f2c94c1a, transparent 60%), var(--bg);background-attachment:fixed}#app{justify-content:center;min-height:100vh;padding:16px;display:flex}.screen{width:100%}[hidden]{display:none!important}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:10px 16px;transition:filter .12s,transform 80ms}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:default}button.primary{color:#1e1600;letter-spacing:.02em;background:linear-gradient(#f6d466,#e9b93a);border-color:#0000;font-weight:800;box-shadow:0 6px 20px #f2c94c2e}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.danger{color:var(--red)}button.small{padding:8px 10px;font-size:13px}input,textarea{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus,textarea:focus{border-color:#3a4570}input.masked{-webkit-text-security:disc;text-security:disc;letter-spacing:.2em;text-align:center}input.masked::placeholder{letter-spacing:normal}textarea{resize:none}.muted{color:var(--muted)}.small-text{font-size:12px}.label{letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:600}.dot{background:var(--red);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 8px #6fcf9799}.wordmark{letter-spacing:.06em;margin:8px 0 6px;font-size:46px;font-weight:900}.wordmark span,.brand-name b{color:var(--accent);margin-left:6px}.foot{text-align:center;color:#555e7a;margin-top:18px;font-size:12px}.lobby{max-width:420px}.hero{text-align:center;margin:28px 0 22px}.hero-mark{filter:drop-shadow(0 8px 24px #f2c94c40);width:64px;height:64px}.tag{color:var(--muted);margin:0}.card{background:linear-gradient(180deg, var(--panel), #12172a);border:1px solid var(--line);border-radius:16px;gap:12px;margin-bottom:14px;padding:20px;display:grid;box-shadow:0 10px 40px #00000059}.card-title{font-size:16px;font-weight:800}.or{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.join{gap:8px;display:flex}#lobby-msg:empty{display:none}#lobby-msg{text-align:center;margin:0}.game{max-width:760px}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151a2db3;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:28px;height:28px}.brand-name{letter-spacing:.06em;font-size:18px;font-weight:900}.brand-name b{margin-left:4px}.top-actions{align-items:center;gap:8px;display:flex}.pill-btn{border-radius:999px;padding:6px 14px;font-size:13px}.layout{justify-content:center;display:flex}.play-col{min-width:0}.play{align-items:flex-start;gap:12px;display:flex}.board-wrap{border:1px solid var(--line);border-radius:12px;flex:auto;max-width:320px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffffff05,0 20px 50px #00000073,0 0 60px #56ccf20f}#board{cursor:pointer;width:100%;height:auto;display:block}.side{flex:0 0 120px;gap:10px;display:grid}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-items:center;gap:6px;padding:10px;display:grid}#next{width:72px}.stats{justify-items:stretch}.stats div{justify-content:space-between;align-items:baseline;display:flex}.stats b{font-variant-numeric:tabular-nums}.controls{grid-template-columns:repeat(5,1fr);gap:8px;max-width:452px;margin-top:12px;display:grid}.controls button{background:var(--panel);-webkit-user-select:none;user-select:none;padding:14px 0;font-size:20px}.controls button:active{background:var(--line)}#paused{letter-spacing:.2em;pointer-events:none;background:#0a0d188c;place-items:center;font-size:26px;font-weight:900;display:grid;position:absolute;inset:0}#banner{color:#1d1300;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:none;background:linear-gradient(#f6d466f7,#f2994af7);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:700;line-height:1.3;transition:transform .16s ease-out;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(140%);box-shadow:0 8px 24px #00000059}#banner.show{transform:translateY(0)}.modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ea6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:12px;width:100%;max-width:380px;padding:22px;animation:.16s ease-out pop;display:grid;box-shadow:0 24px 60px #0000008c}.sheet h2{margin:0;font-size:18px}.sheet p{margin:0}.row-btns{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.chat{z-index:50;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.chat-launch{color:#04121c;background:linear-gradient(135deg, var(--accent2), #2f80ed);border:0;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;display:grid;position:relative;box-shadow:0 10px 30px #2f80ed73}.launch-dot{border:2px solid var(--bg);width:13px;height:13px;margin:0;position:absolute;top:2px;right:2px}.chat-panel{border:1px solid var(--line);transform-origin:100% 100%;background:#12172a;border-radius:18px;flex-direction:column;width:360px;height:min(520px,100vh - 120px);animation:.16s ease-out pop;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}.chat-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#1d2a52,#18203d);align-items:center;gap:10px;padding:14px 12px 14px 16px;display:flex}.chat-who{flex:1;min-width:0}.chat-status{color:#aab3cc}.agent{color:#2a1a00;background:linear-gradient(135deg,#f6d466,#f2994a);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.support-title{font-size:14px;font-weight:800}.chat-icon{color:#aab3cc;background:0 0;border:0;padding:4px 10px;font-size:18px}.chat-log{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.day{color:var(--muted);align-self:center;margin-bottom:4px;font-size:11px}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:82%;padding:9px 12px;font-size:14px;line-height:1.35}.msg.bot{background:var(--panel2);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.msg.me{background:linear-gradient(135deg, var(--accent2), #2f80ed);color:#04121c;border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.msg.typing{gap:4px;padding:12px 14px;display:flex}.msg.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.25}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{color:var(--accent2);background:0 0;border-color:#34406a;border-radius:999px;padding:6px 12px;font-size:13px}.composer{border-top:1px solid var(--line);background:#12172a;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.composer textarea{border-radius:20px;max-height:110px;padding:10px 14px}.send{color:#04121c;background:linear-gradient(135deg, var(--accent2), #2f80ed);border:0;border-radius:50%;flex:none;width:42px;height:42px;padding:0}.powered{text-align:center;color:#4d5672;background:#12172a;padding:0 0 8px;font-size:10px}@media (width<=520px){.chat{bottom:12px;left:12px;right:12px}.chat-panel{width:100%;height:min(520px,100vh - 100px)}.board-wrap{max-width:none}}@media (width<=420px){.wordmark{font-size:36px}.side{flex-basis:92px}#next{width:56px}}.talk{flex-direction:column;max-width:720px;height:calc(100vh - 32px);display:flex}.talk .topbar{margin-bottom:12px}.talk-status{color:var(--muted);margin-right:4px;font-size:13px}.talk-log{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.talk-log:empty:before{content:"No messages yet.";color:var(--muted);margin:auto}.talk-log .msg{max-width:75%}.talk-log time{opacity:.65;text-align:right;margin-top:3px;font-size:10px;font-weight:400;display:block}.talk-composer{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.talk-composer textarea{border-radius:22px;max-height:140px;padding:12px 16px}.sprite{position:absolute}