@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#0c131785;--panel-strong:#080c0fa8;--line:#ffffff2e;--ink:#f4f1ea;--accent:#ffd45a;--accent-2:#9ee36d}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app,.shell{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at top,#ffd68033,#0000 32%),linear-gradient(#88c7ef 0%,#dcefc4 100%);font-family:Chakra Petch,sans-serif;overflow:hidden}.shell{position:relative}.scene{width:100vw;height:100vh;display:block}.hud{pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:1rem;padding:1rem;display:grid;position:absolute;inset:0}.title,.meter,.touch-controls button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.badge{border:1px solid var(--line);background:var(--panel-strong);letter-spacing:.2em;border-radius:999px;place-self:start;width:max-content;padding:.45rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #00000024}.title{pointer-events:auto;border:1px solid var(--line);background:linear-gradient(135deg, #ffd45a2e, transparent 45%), var(--panel);border-radius:1.25rem;width:min(34rem,100vw - 2rem);padding:1rem 1.1rem;position:relative;box-shadow:0 20px 60px #0000002e}.title-dismiss{appearance:none;color:#f4f1eadb;width:2rem;height:2rem;font:inherit;cursor:pointer;background:#080c0f57;border:1px solid #fff3;border-radius:999px;font-size:.82rem;font-weight:700;line-height:1;position:absolute;top:.65rem;right:.65rem}.title-dismiss:hover{color:var(--ink);background:#ffd45a2e}.title h1{text-transform:uppercase;margin:0 0 .4rem;font-size:clamp(1.3rem,2vw,2rem);line-height:1}.title p{color:#f4f1ead1;max-width:32rem;margin:0;font-size:.88rem;line-height:1.4}.meter{border:1px solid var(--line);background:linear-gradient(145deg, #9ee36d2e, transparent 55%), var(--panel-strong);text-align:right;border-radius:1.2rem;place-self:start end;min-width:9rem;padding:.95rem 1rem}.meter span{color:#f4f1eaad;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;display:block}.meter strong{color:var(--accent);margin-top:.15rem;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1;display:block}.motion-panel{pointer-events:auto;justify-items:start;gap:.45rem;display:grid;position:absolute;inset:auto 1rem 6.6rem}.motion-toggle{appearance:none;background:linear-gradient(180deg, #ffd45a3d, #ffd45a14), var(--panel-strong);min-height:3rem;color:var(--ink);font:inherit;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff38;border-radius:999px;padding:.8rem 1rem;font-size:.82rem;font-weight:700}.motion-toggle:disabled{opacity:.7}.motion-status{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f4f1eadb;border-radius:1rem;max-width:min(28rem,100vw - 2rem);margin:0;padding:.7rem .85rem;font-size:.8rem;line-height:1.35}.touch-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid;position:absolute;inset:auto 1rem 1rem}.touch-controls button{appearance:none;background:linear-gradient(180deg, #ffffff24, #ffffff0a), var(--panel);color:var(--ink);font:inherit;text-transform:uppercase;letter-spacing:.08em;border:1px solid #ffffff38;border-radius:1rem;padding:.95rem .8rem;font-size:.9rem;font-weight:700}.touch-controls button:active{background:linear-gradient(180deg, #ffd45a3d, #ffd45a14), var(--panel-strong);transform:translateY(1px)scale(.99)}@media (width>=880px) and (pointer:fine){.motion-panel{width:min(24rem,100vw - 2rem);left:auto}.touch-controls{width:min(28rem,100vw - 2rem);left:auto}}@media (width<=760px){.hud{grid-template-columns:1fr}.meter{text-align:left;justify-self:start}.title{width:auto}.motion-panel{inset:auto 1rem 6.3rem}}