:root{--pink: #ff2d95;--cyan: #24e7ff;--cream: #ffe9f7;--ink: #0d0616;--panel: rgba(14, 7, 24, .62);--ui-font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d0616;color:var(--cream);font-family:var(--ui-font);-webkit-font-smoothing:antialiased}#game{display:block;position:fixed;top:0;left:0;cursor:crosshair;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hidden{display:none!important}#location{position:absolute;top:18px;left:20px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#ffb3dd;text-shadow:0 0 14px rgba(255,45,149,.8)}#look-mode{position:absolute;top:38px;left:20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9ee9ff;opacity:.75}#objectives{position:absolute;top:14px;right:18px;min-width:232px;padding:12px 14px;background:var(--panel);border:1px solid rgba(255,45,149,.35);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 24px #ff2d9526}#objectives h2{margin:0 0 8px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px rgba(36,231,255,.6)}#objectives ul{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.75}#objectives li{color:#f3dcef;opacity:.92}#objectives li .tick{display:inline-block;width:17px;color:var(--pink)}#objectives li.done{color:#9fe7b4;opacity:.6;text-decoration:line-through}#objectives li.done .tick{color:#4ee08a;text-decoration:none}#drink{position:absolute;right:26px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffc9e6}#drink .glass{position:relative;width:34px;height:54px;border:2px solid rgba(255,233,247,.75);border-top:none;border-radius:3px 3px 9px 9px;background:#ffffff0f;overflow:hidden}#drink-fill{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(#ffb04d,#ff5a2d);box-shadow:0 0 16px #ff6e3ccc;transition:height .35s ease}#drink.empty .glass{border-color:#ffe9f759}#help{position:absolute;left:20px;bottom:20px;padding:10px 14px 12px;background:var(--panel);border:1px solid rgba(36,231,255,.28);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}#help button{all:unset;display:block;margin-bottom:8px;font-family:var(--ui-font);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);cursor:pointer}#help button span{display:inline-block;margin-left:6px;padding:1px 5px;border:1px solid rgba(36,231,255,.5);border-radius:4px;font-size:9px}#help dl{display:grid;grid-template-columns:auto auto;gap:2px 12px;margin:0;font-size:12px}#help dt{color:var(--cyan);font-weight:700}#help dd{margin:0;color:#e8d4e6;opacity:.85}#help.collapsed dl,body.touch-on #help{display:none}#prompt{position:absolute;left:50%;bottom:68px;transform:translate(-50%);padding:9px 20px;font-size:16px;background:#0d0616c7;border:1px solid rgba(255,45,149,.55);border-radius:999px;box-shadow:0 0 26px #ff2d954d;white-space:nowrap}#prompt b{display:inline-block;min-width:20px;margin-right:8px;padding:1px 6px;text-align:center;color:var(--ink);background:var(--cyan);border-radius:5px;font-size:13px}#toast{position:absolute;left:50%;top:72px;transform:translate(-50%);padding:10px 22px;font-size:15px;letter-spacing:.02em;background:#0d0616cc;border-left:3px solid var(--pink);border-radius:6px;box-shadow:0 6px 30px #00000080}#toast.pop{animation:toastIn .3s cubic-bezier(.16,1.2,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}#title-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .6s ease}#title-card.show{opacity:1}#title-card h1{margin:0;font-size:clamp(38px,8vw,92px);letter-spacing:.1em;color:#fff0f8;text-shadow:0 0 10px #ff2d95,0 0 38px #ff2d95,0 0 90px rgba(255,45,149,.6)}#title-card p{margin:0;font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 18px rgba(36,231,255,.8)}#flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 55%,transparent 35%,rgba(255,40,80,.45) 100%)}#flash.show{animation:flashOut .5s ease-out}@keyframes flashOut{0%{opacity:1}to{opacity:0}}#start{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,rgba(255,45,149,.28),transparent 55%),radial-gradient(circle at 20% 80%,rgba(36,231,255,.22),transparent 55%),linear-gradient(170deg,#1b0a2b,#350f3f 45%,#7a1f52 78%,#d9603f);z-index:10}.start-inner{max-width:560px;text-align:center}.kicker{margin:0 0 6px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:#ffd2ea;opacity:.85}#start h1{margin:0 0 14px;font-size:clamp(44px,11vw,104px);line-height:.92;letter-spacing:.08em;color:#fff3fa;text-shadow:0 0 12px #ff2d95,0 0 44px #ff2d95}#start h1 span{color:#b9f6ff;text-shadow:0 0 12px #24e7ff,0 0 48px #24e7ff}.blurb{margin:0 auto 22px;max-width:440px;font-size:15px;line-height:1.6;color:#f6dff0}#start-btn{all:unset;display:inline-block;padding:13px 38px;font-family:var(--ui-font);font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1a0718;background:linear-gradient(#ffe9f7,#ff8dc6);border-radius:999px;cursor:pointer;box-shadow:0 0 0 1px #fff6,0 10px 40px #ff2d958c;transition:transform .12s ease,box-shadow .2s ease}#start-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #fff9,0 14px 52px #ff2d95bf}.keys{margin:26px 0 0;padding:0;list-style:none;font-size:13px;line-height:2;color:#e9d6ea}.keys b{color:var(--cyan)}.keys .touch-only{display:none}@media(pointer:coarse){.keys .key-only{display:none}.keys .touch-only{display:list-item}}.note{margin:18px 0 0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e6c8dd;opacity:.7}#touch-toggle,#mute-btn{all:unset;position:fixed;right:20px;top:232px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 10px;font-family:var(--ui-font);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ffb3dd;background:#0e071899;border:1px solid rgba(255,45,149,.4);border-radius:10px;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#touch-toggle svg,#mute-btn svg{width:22px;height:22px;fill:currentColor;opacity:.85}#touch-toggle.on{color:var(--ink);background:linear-gradient(#ffe9f7,#ff8dc6);border-color:transparent;box-shadow:0 0 20px #ff2d9599}#mute-btn{top:170px;color:#b9f6ff;border-color:#24e7ff66}#mute-btn svg .wave,#mute-btn svg .cross{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}#mute-btn svg .cross{display:none}#mute-btn.muted{color:#8d7f93}#mute-btn.muted svg .wave{display:none}#mute-btn.muted svg .cross{display:inline}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#stick-wrap{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:14px;pointer-events:auto}#stick{position:relative;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff2d9524,#0d061680 70%);border:2px solid rgba(255,45,149,.4);box-shadow:inset 0 0 26px #ff2d9533;touch-action:none}#stick:after{content:"";position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;border:1px dashed rgba(255,233,247,.18)}#stick.active{border-color:#ff2d95d9;box-shadow:inset 0 0 30px #ff2d9559,0 0 24px #ff2d9559}#stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:linear-gradient(160deg,#ffe9f7,#ff6fb5 70%,#c81e73);box-shadow:0 4px 18px #0000008c,inset 0 2px 6px #ffffff80;transition:transform .08s ease-out;pointer-events:none}#stick.active #stick-knob{transition:none}#pads{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,auto);gap:10px;pointer-events:auto;justify-items:end}.pad{all:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;font-family:var(--ui-font);font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center;color:var(--cream);background:#10081aad;border:2px solid rgba(36,231,255,.45);border-radius:50%;cursor:pointer;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 3px 14px #00000073}.pad small{margin-top:2px;font-size:8px;font-weight:400;letter-spacing:.04em;opacity:.6}.pad.down{transform:scale(.93);background:#24e7ff4d;box-shadow:0 0 22px #24e7ff8c}.pad-act{grid-column:3;border-color:#ff2d95bf;background:#ff2d9538}.pad-act.down{background:#ff2d9573;box-shadow:0 0 22px #ff2d9599}.pad-hit{border-color:#ff8c3cb3}.pad-run{width:64px;height:64px;font-size:11px;border-color:#b6ff3a8c}.pad-run.on{color:var(--ink);background:linear-gradient(#e8ffb0,#b6ff3a);border-color:transparent;box-shadow:0 0 22px #b6ff3a99}@media(max-width:560px),(max-height:460px){#stick{width:120px;height:120px}#stick-knob{width:52px;height:52px;margin:-26px 0 0 -26px}.pad{width:62px;height:62px;font-size:10px}.pad small{display:none}.pad-run{width:54px;height:54px}#pads{gap:8px}#touch-toggle,#mute-btn{top:40px;left:14px;right:auto;transform:none;flex-direction:row;gap:6px;padding:6px 9px}#mute-btn{top:82px}#touch-toggle span,#mute-btn span{display:none}#location{top:10px;left:12px;max-width:46vw;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#look-mode{top:26px;left:12px;max-width:46vw;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#objectives{top:8px;right:8px;transform:scale(.8)}#prompt{bottom:250px;top:auto;font-size:14px;padding:7px 14px;white-space:normal;max-width:66vw;text-align:center}#toast{top:auto;bottom:310px;font-size:13px;padding:8px 16px;max-width:72vw}#title-card h1{font-size:34px}}@media(max-width:760px){#objectives{min-width:0;font-size:11px;transform:scale(.88);transform-origin:top right}#help{transform:scale(.84);transform-origin:bottom left}}