:root{--bg:#0d1420;--panel:#0c121ee0;--line:#ffffff24;--gold:#ffd23f;--text:#eef3ff;--muted:#9aa8c0}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,Noto Sans Thai,sans-serif;overflow:hidden}canvas.game{touch-action:none;display:block;position:fixed;inset:0}.login{background:radial-gradient(at 50% 30%,#234a2c 0%,#0d1420 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(380px,100%);padding:22px}.login h1{letter-spacing:6px;color:var(--gold);text-align:center;margin:0 0 2px;font-size:34px}.login .sub{text-align:center;color:var(--muted);margin-bottom:18px;font-size:13px}.login input{border:1px solid var(--line);width:100%;color:var(--text);background:#0a101b;border-radius:10px;padding:12px 14px;font-size:16px}.login button{background:var(--gold);color:#1b1300;cursor:pointer;border:0;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-size:16px;font-weight:800}.login .err{color:#ff8a8a;min-height:18px;margin-top:8px;font-size:13px}.login .help{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6}.toast{background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:10px;padding:8px 14px;font-size:13px;position:fixed;top:44px;left:50%;transform:translate(-50%)}.tools{z-index:4;gap:6px;display:flex;position:fixed;top:80px;left:10px}.tools button{background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.tools .dot{background:var(--gold);color:#1b1300;border-radius:9px;min-width:18px;margin-left:4px;padding:0 5px;display:inline-block}.stat{background:var(--panel);border:1px solid var(--line);z-index:4;border-radius:12px;width:250px;max-height:calc(100vh - 130px);padding:12px;font-size:13px;position:fixed;top:116px;left:10px;overflow:auto}.stat h3{color:var(--gold);justify-content:space-between;margin:0 0 8px;font-size:14px;display:flex}.stat .row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.stat .row b{font-variant-numeric:tabular-nums}.stat .row small{color:var(--muted);margin-left:6px;font-size:11px}.stat .plus{background:var(--gold);color:#1b1300;cursor:pointer;border:0;border-radius:6px;width:24px;height:24px;margin-left:8px;font-weight:900}.stat .plus:disabled{color:#6c7686;cursor:default;background:#39424f}.stat hr{border:0;border-top:1px solid var(--line);margin:8px 0}.chat{z-index:4;pointer-events:none;width:min(340px,42vw);position:fixed;bottom:16px;left:10px}.chat .log{text-shadow:0 1px 2px #000;flex-direction:column;justify-content:flex-end;max-height:120px;font-size:12px;display:flex;overflow:hidden}.chat .log div{padding:1px 0}.chat .log .sys{color:#ffe58a}.chat input{pointer-events:auto;border:1px solid var(--line);width:100%;color:var(--text);background:#0a101bcc;border-radius:8px;margin-top:4px;padding:7px 10px;font-size:13px}@media (max-height:460px){.chat .log{max-height:70px}.stat{max-height:calc(100vh - 120px);top:112px}}