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