@import "https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff7ed;--panel:#fff;--ink:#1f2937;--muted:#64748b;--line:#f3c9a6;--accent:#f97316;--accent-strong:#ea580c}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12% 14%,#0ea5e933,#0000 28%),radial-gradient(circle at 88% 12%,#f9731629,#0000 26%),linear-gradient(135deg,#fff7ed 0%,#ecfeff 52%,#fdf2f8 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:44px;padding:0 22px;font-weight:800}button:hover{background:var(--accent-strong)}.page-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.game-panel{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"game hud";gap:12px;width:min(100%,1120px);max-width:1120px;display:grid}.topbar{background:#ffffffe6;border:2px solid #f9731638;border-radius:8px;grid-area:hud;grid-template-columns:1fr;align-content:start;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 16px 48px #7c2d121f}.topbar div{border:1px solid var(--line);background:#fff7ed;border-radius:8px;min-width:0;padding:10px 12px}.topbar span{color:var(--muted);font-family:Darumadrop One,system-ui,sans-serif;font-size:18px;font-weight:800;display:block}.topbar strong{text-overflow:ellipsis;white-space:nowrap;font-family:Darumadrop One,system-ui,sans-serif;font-size:24px;line-height:1.1;display:block;overflow:hidden}.topbar button{font-family:Darumadrop One,system-ui,sans-serif;font-size:22px}.sound-toggle{justify-content:center;align-items:center;gap:8px;transition:background-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.sound-toggle.is-on{background:#22c55e;box-shadow:0 10px 24px #22c55e3d}.sound-toggle.is-off{box-shadow:none;background:#94a3b8}.sound-toggle:hover{transform:translateY(-1px)}.sound-toggle.is-on:hover{background:#16a34a}.sound-toggle.is-off:hover{background:#64748b}.game-frame{aspect-ratio:16/10;background:#fff7ed;border:2px solid #0f172a1f;border-radius:8px;grid-area:game;width:100%;min-height:360px;position:relative;overflow:hidden;box-shadow:0 24px 70px #7c2d122e}.game-frame canvas{display:block}@media (max-width:720px){.page-shell{padding:10px}.game-panel{grid-template-columns:1fr;grid-template-areas:"hud""game"}.topbar{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar strong{font-size:20px}.game-frame{min-height:430px}}