:root{--ink:#f2ecff;--glass:#0c0a1c9e;--line:#b496ff59;--accent:#b98cff;--accent2:#6ee7d7;--warn:#ffcf5c;--font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;background:#05060f;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;display:block}.hidden{display:none!important}#hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) 16px 16px;text-shadow:0 2px 6px #000000bf;font-size:15px;position:fixed;inset:0}#objective{background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;max-width:330px;padding:9px 13px;position:absolute;top:14px;left:16px}#objective .chapter{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:11px}#objective p{margin:3px 0 0;line-height:1.3}#inventory{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:46vw;display:flex;position:absolute;top:14px;right:16px}#inventory .item{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;border-radius:999px;padding:5px 12px}#inventory .ico{margin-right:4px}#inventory b{color:var(--accent2)}#inv-badges{background:0 0;border:0;gap:6px;padding:0;display:flex}#inv-badges span{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:5px 10px;animation:.4s ease-out pop}#who{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:7px 13px;position:absolute;bottom:16px;left:16px}#who small{opacity:.55;font-size:11px;display:block}#trip-bar{background:#ffffff26;border-radius:999px;width:150px;height:6px;position:absolute;bottom:74px;left:16px;overflow:hidden}#trip-bar i{transform-origin:0;background:linear-gradient(90deg,#ff5ecb,#ffd166,#6ee7d7);width:100%;height:100%;display:block}#prompt{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:8px 18px;animation:1.6s ease-in-out infinite bob;position:absolute;bottom:19%;left:50%;transform:translate(-50%)}kbd{border:1px solid var(--line);font-family:var(--font);background:#ffffff24;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.9em}#toast-area{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.toast{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:9px 18px;transition:opacity .4s,transform .4s;animation:.35s ease-out pop}.toast.gone{opacity:0;transform:translateY(-12px)}.toast.good{border-color:var(--accent2)}.toast.quest{border-color:var(--warn);color:var(--warn)}#dialogue{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;border-radius:14px;gap:14px;width:min(760px,92vw);padding:14px 18px;animation:.2s ease-out pop;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}#dialogue .portrait{filter:drop-shadow(0 3px 8px #0009);font-size:40px;line-height:1;animation:2.4s ease-in-out infinite bob}#dialogue strong{color:var(--accent);letter-spacing:.04em}#dialogue p{min-height:2.6em;margin:4px 0 6px;line-height:1.42}#dialogue .next{opacity:.55;font-size:12px}.overlay,#loading{z-index:10;background:radial-gradient(120% 90% at 50% 0,#583ca08c,#0000 60%),radial-gradient(90% 70% at 20% 100%,#14787859,#0000 60%),#070814;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#loading{text-align:center;flex-direction:column;gap:20px}#loading-status{opacity:.6;font-size:14px}.panel{background:var(--glass);border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;width:min(560px,94vw);padding:26px 30px;box-shadow:0 30px 70px #0000008c}.panel.wide{width:min(680px,94vw)}h1{letter-spacing:.02em;background:linear-gradient(92deg,#ffd166,#ff5ecb 45%,#6ee7d7);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,6vw,46px)}h1 em{opacity:.7;font-style:normal}h2{letter-spacing:.14em;text-transform:uppercase;opacity:.78;margin:6px 0 0;font-size:clamp(14px,3vw,19px);font-weight:500}.pitch{opacity:.85;line-height:1.5}.keys{opacity:.85;text-align:left;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:18px 0;padding:0;font-size:13px;list-style:none;display:grid}button{font-family:var(--font);color:#14102a;cursor:pointer;background:linear-gradient(96deg,#ffd166,#ff8ad6 60%,#6ee7d7);border:0;border-radius:999px;padding:12px 30px;font-size:17px;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.08);transform:translateY(-2px)}button:active{transform:translateY(0)}.warn{opacity:.45;margin-top:14px;font-size:11px;display:block}#touch{pointer-events:none;z-index:5;position:fixed;inset:0}#stick{border:2px solid var(--line);pointer-events:auto;touch-action:none;background:#0c0a1c59;border-radius:50%;width:128px;height:128px;position:absolute;bottom:24px;left:24px}#stick i{background:#b98cff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#touch button{pointer-events:auto;opacity:.85;border-radius:50%;width:76px;height:76px;padding:0;font-size:24px;position:absolute;right:24px}#btn-jump{bottom:118px}#btn-act{bottom:24px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#prompt{animation-name:bobx}@keyframes bobx{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important}}@media (max-width:640px){#hud{font-size:13px}#objective{max-width:52vw}#dialogue{top:12%;bottom:auto}}