:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101722;--panel:#1b2431;--panel-border:#2c3a4f;--text:#e8eef7;--text-dim:#93a3b8;--accent:#7bf1a8;--accent-2:#4da3ff}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;touch-action:manipulation}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;align-items:center;min-height:100vh;display:flex}.app-header{text-align:center;padding:16px 8px 8px}.app-header h1{letter-spacing:.04em;margin:0;font-size:2rem}.tagline{color:var(--text-dim);margin:4px 0 0}.version{color:var(--text-dim);opacity:.75;margin-top:2px;font-size:.7rem;display:block}.app-main{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1200px;padding:12px 16px 32px;display:flex}.game-column{flex-direction:column;flex:480px;gap:10px;min-width:320px;max-width:640px;display:flex}.canvas-host{aspect-ratio:8/9;border:1px solid var(--panel-border);background:var(--panel);border-radius:12px;width:100%;max-height:78vh;position:relative;overflow:hidden}.canvas-host canvas{width:100%;height:100%;display:block}.canvas-loading{color:var(--text-dim);place-items:center;display:grid;position:absolute;inset:0}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-stats,.hud-buttons{flex-wrap:wrap;gap:8px;display:flex}.hud-chip{background:var(--panel);border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;line-height:1;display:inline-flex}button{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;transition:background .15s,transform 50ms}button:hover:not(:disabled){background:#26334a}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent-2);border-color:var(--accent-2);color:#0b1220;font-weight:600}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#0a0f18b8;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:14px;min-width:280px;padding:24px 32px;box-shadow:0 12px 40px #00000080}.summary-grade{color:var(--accent);margin:4px 0 16px;font-size:1.4rem}.summary-stats{justify-content:center;gap:24px;margin:0 0 20px;display:flex}.summary-stats dt{color:var(--text-dim);font-size:.8rem}.summary-stats dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.25rem}.summary-buttons{justify-content:center;gap:10px;display:flex}.side-column{flex-direction:column;flex:0 300px;gap:12px;min-width:240px;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px}.panel h2{margin:0 0 10px;font-size:1.05rem}.panel p{color:var(--text-dim);margin:0 0 8px;line-height:1.45}.panel table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.panel th{text-align:left;color:var(--text-dim);padding-bottom:6px;font-size:.8rem;font-weight:500}.panel td{border-top:1px solid var(--panel-border);padding:4px 0}.panel-empty{font-style:italic}.tip{color:var(--accent)!important}.ad-slot{border:1px dashed var(--panel-border);min-height:90px;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;border-radius:12px;place-items:center;font-size:.8rem;display:grid}@media (max-width:900px){.app-main{flex-direction:column;align-items:center}.side-column{width:100%;max-width:640px}}