:root{--pink:#ff8fc8;--blue:#63c6ff;--deep:#4b3b6b;--cream:#fff7ee;--mint:#7ce9c3;--sun:#ffd45e;--shadow:0 6px 0 #4b3b6b40, 0 12px 26px #4b3b6b40;--z-hud:1;--z-touch:6;--z-toast:8;--z-dialog:9;--z-screen:10;--z-modal:20;--z-loading:40;--z-debug:50;--app-h:100vh;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;--hud-pad:18px;--btn-size:54px;--btn-gap:10px;--hud-btns:4;--quests-w:268px;--hud-right-w:max(calc(var(--hud-btns) * var(--btn-size) + (var(--hud-btns) - 1) * var(--btn-gap)), var(--quests-w));--zone-top:calc(var(--safe-top) + 16px + var(--btn-size) + 12px);--zone-bottom:calc(var(--safe-bottom) + 26px);--zone-dialog:0px}@supports (height:100dvh){:root{--app-h:100dvh}}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;color:var(--deep);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#bde8ff;margin:0;padding:0;font-family:Nunito,Comic Sans MS,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:var(--app-h);touch-action:none;cursor:grab;display:block}#game.dragging{cursor:grabbing}.hidden,#hud.hidden,#start.hidden,#win.hidden,#help.hidden,#dialogue.hidden,#quests.hidden{display:none}#hud{pointer-events:none;position:fixed;inset:0}#hud-left{z-index:var(--z-hud);left:calc(var(--hud-pad) + var(--safe-left));top:calc(16px + var(--safe-top));max-width:calc(100vw - var(--hud-right-w) - var(--hud-pad) * 2 - var(--safe-left) - var(--safe-right) - 12px);position:absolute}.energy-label{letter-spacing:.5px;text-shadow:0 2px #fff;font-size:15px;font-weight:900}.energy-bar{width:min(230px,100%);height:26px;box-shadow:var(--shadow);background:#ffffffbf;border:4px solid #fff;border-radius:999px;margin-top:4px;position:relative;overflow:hidden}#energy-fill{background:linear-gradient(90deg, var(--mint), var(--sun) 65%, var(--pink));border-radius:999px;width:60%;transition:width .18s ease-out;position:absolute;inset:0}#energy-fizz{opacity:0;will-change:background-position;background:repeating-linear-gradient(115deg,#ffffffd9 0 8px,#fff0 8px 20px);border-radius:999px;animation:1.05s linear infinite fizzmove;position:absolute;inset:0}#energy-fizz.on{opacity:1}@keyframes fizzmove{to{background-position:44.135px 0}}.counters{flex-wrap:wrap;gap:8px;max-width:100%;margin-top:12px;display:flex}.counter{min-width:0;max-width:100%;box-shadow:var(--shadow);background:#ffffffd9;border:4px solid #fff;border-radius:18px;align-items:center;gap:5px;padding:4px 12px 4px 8px;font-size:20px;font-weight:900;display:flex}.counter span{font-size:22px}.counter b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.counter i{opacity:.5;font-size:15px;font-style:normal}.counter.pop{animation:.35s ease-out pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.28)rotate(-4deg)}to{transform:scale(1)}}#hud-right{z-index:var(--z-hud);right:calc(var(--hud-pad) + var(--safe-right));top:calc(16px + var(--safe-top));gap:var(--btn-gap);pointer-events:auto;display:flex;position:absolute}.round{width:var(--btn-size);height:var(--btn-size);cursor:pointer;box-shadow:var(--shadow);background:#ffffffd9;border:4px solid #fff;border-radius:50%;font-size:24px;transition:transform .12s}.round:hover{transform:translateY(-2px)scale(1.05)}.round.off{opacity:.45}#quests{z-index:var(--z-hud);right:calc(var(--hud-pad) + var(--safe-right));top:calc(var(--zone-top) + 8px);width:var(--quests-w);max-height:calc(var(--app-h) - var(--zone-top) - var(--zone-bottom) - 24px);box-shadow:var(--shadow);background:#ffffffd6;border:4px solid #fff;border-radius:22px;padding:10px 14px 12px;position:absolute;overflow:hidden}.quests-title{opacity:.65;letter-spacing:1px;text-transform:uppercase;font-size:15px;font-weight:900}#quest-list,#mission-list{margin:6px 0 0;padding:0;list-style:none}#quest-list li,#mission-list li{align-items:flex-start;gap:8px;padding:5px 0;font-size:15px;font-weight:700;line-height:1.25;display:flex}#quest-list li .mark,#mission-list li .mark{flex:0 0 22px;font-size:18px}#quest-list li.done,#mission-list li.done{opacity:.5;text-decoration:line-through}.quests-title.mt{border-top:3px dashed #4b3b6b2e;margin-top:10px;padding-top:8px}#mission-list li .cnt{opacity:.6;white-space:nowrap;margin-left:auto;font-size:13px}#mission-list li.fresh{animation:.5s ease-out pop}#dialogue{z-index:var(--z-dialog);left:0;right:0;bottom:var(--zone-bottom);border:5px solid var(--pink);width:min(92vw,620px);box-shadow:var(--shadow);background:#fffffff0;border-radius:28px;align-items:center;gap:14px;margin-inline:auto;padding:12px 22px 12px 14px;animation:.28s ease-out slidein;display:flex;position:absolute}#dialogue .face{background:var(--cream);border:4px solid #fff;border-radius:50%;flex:0 0 56px;place-items:center;height:56px;font-size:30px;display:grid}#dialogue .body{min-width:0}#dialogue .who{color:var(--pink);letter-spacing:.5px;font-size:15px;font-weight:900}#dialogue .text{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:21px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}#toasts{z-index:var(--z-toast);left:0;right:0;bottom:calc(var(--zone-bottom) + var(--zone-dialog) + 12px);pointer-events:none;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:absolute}.toast{overflow-wrap:anywhere;text-align:center;border:4px solid var(--pink);max-width:min(92vw,460px);color:var(--deep);box-shadow:var(--shadow);background:#ffffffed;border-radius:999px;padding:10px 22px;font-size:19px;font-weight:900;animation:.3s ease-out slidein}.toast.gold{border-color:var(--sun)}.toast[data-sticky="1"],.toast button{pointer-events:auto}@keyframes slidein{0%{opacity:0;transform:translateY(20px)scale(.9)}}#zone-name{z-index:var(--z-hud);left:0;right:0;top:calc(var(--zone-top) + 6vh);width:max-content;max-width:min(92vw,720px);color:var(--deep);opacity:0;box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;background:#fffc;border:4px solid #fff;border-radius:999px;margin-inline:auto;padding:6px 26px;font-size:36px;font-weight:900;transition:opacity .6s;position:absolute;overflow:hidden}#zone-name.show{opacity:1}#start,#win,#help{z-index:var(--z-screen);background:radial-gradient(circle at 50% 30%,#ffe6f4 0%,#cdeaff 55%,#a9dcff 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#win{background:radial-gradient(circle at 50% 30%,#fff0c8f0,#ffb4e1e6)}#help{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#4b3b6b8c}.card{background:var(--cream);text-align:center;max-width:620px;max-height:calc(var(--app-h) - 32px);border:8px solid #fff;border-radius:36px;padding:28px 36px 32px;animation:.4s cubic-bezier(.2,1.4,.4,1) cardin;overflow-y:auto;box-shadow:0 18px #4b3b6b2e,0 30px 60px #4b3b6b4d}@keyframes cardin{0%{opacity:0;transform:scale(.85)translateY(20px)}}.logo{font-size:66px;line-height:1;animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-3deg)}}.card h1{letter-spacing:2px;color:var(--pink);text-shadow:0 4px #fff,0 6px #4b3b6b2e;margin:6px 0 0;font-size:52px}.card h2{color:var(--blue);letter-spacing:1px;margin:2px 0 10px;font-size:24px}.pitch{margin:6px 0 18px;font-size:19px;font-weight:700;line-height:1.4}.card button{color:#fff;cursor:pointer;background:linear-gradient(180deg, var(--pink), #ff6fb4);border:6px solid #fff;border-radius:999px;padding:12px 46px;font-family:inherit;font-size:30px;font-weight:900;transition:transform .1s;box-shadow:0 8px #d9539a,0 16px 30px #d9539a66}.card button:hover{transform:translateY(-3px)}.card button:active{transform:translateY(4px);box-shadow:0 3px #d9539a}.controls{opacity:.85;margin-top:20px;font-size:15px;font-weight:700;line-height:2}kbd{background:#fff;border:3px solid #e3d6f0;border-bottom-width:5px;border-radius:8px;padding:1px 8px;font-family:inherit;font-size:14px;font-weight:900;display:inline-block}.tiny{opacity:.6;margin-top:14px;font-size:14px;font-weight:700}.help-list{text-align:left;padding-left:4px;font-size:17px;font-weight:700;line-height:1.5;list-style:none}.help-list li{margin:10px 0}@media (min-width:561px) and (max-width:1024px){:root{--hud-pad:14px;--btn-size:50px;--btn-gap:9px;--quests-w:200px;--zone-bottom:calc(var(--safe-bottom) + 30px)}#quests{background:#ffffffa8;border-radius:18px;padding:8px 11px 10px}#quest-list li,#mission-list li{padding:4px 0;font-size:14px}.quests-title{font-size:13px}.counter{border-radius:16px;padding:3px 10px 3px 7px;font-size:18px}.counter span{font-size:19px}.counter i{font-size:13px}.energy-bar{width:min(196px,100%)}#zone-name{font-size:30px}#dialogue .text{font-size:19px}.card{border-radius:30px;padding:22px 26px 26px}.card h1{font-size:44px}.pitch{font-size:17px}}@media (max-width:560px){:root{--hud-pad:10px;--btn-size:44px;--btn-gap:8px;--hud-btns:3;--quests-w:0px;--zone-top:calc(var(--safe-top) + 12px + var(--btn-size) + 10px)}#quests{display:none}#hud-left,#hud-right{top:calc(12px + var(--safe-top))}#btn-voice{display:none}.energy-label{font-size:13px}.energy-bar{border-width:3px;width:min(170px,100%);height:20px}.counters{gap:6px;margin-top:8px}.counter{border-width:3px;border-radius:13px;gap:3px;padding:2px 8px 2px 6px;font-size:15px}.counter span{font-size:16px}.counter b{max-width:7ch}.counter i{display:none}#dialogue{border-width:4px;border-radius:20px;gap:10px;width:min(92vw,620px);max-height:30vh;padding:9px 14px 9px 10px;overflow:hidden}#dialogue .face{border-width:3px;flex-basis:42px;height:42px;font-size:22px}#dialogue .who{font-size:13px}#dialogue .text{font-size:16px}#toasts{bottom:calc(var(--zone-bottom) + var(--zone-dialog) + 10px)}.toast{border-width:3px;max-width:92vw;padding:8px 16px;font-size:15px}#zone-name{top:calc(var(--zone-top) + 8vh);padding:4px 16px;font-size:22px}.card{max-height:calc(var(--app-h) - 24px);border-radius:24px;padding:18px 18px 22px}.logo{font-size:46px}.card h1{letter-spacing:1px;font-size:32px}.card h2{font-size:17px}.pitch{margin-bottom:12px;font-size:15px}.card button{border-width:5px;padding:10px 32px;font-size:24px}.controls{display:none}.help-list{font-size:15px}}@media (max-height:480px){:root{--hud-pad:10px;--btn-size:42px;--btn-gap:7px;--quests-w:0px;--zone-bottom:calc(var(--safe-bottom) + 16px);--zone-top:calc(var(--safe-top) + 10px + var(--btn-size) + 8px)}#quests{display:none}#hud-left,#hud-right{top:calc(10px + var(--safe-top))}.energy-label{font-size:12px}.energy-bar{border-width:3px;width:min(140px,100%);height:16px}.counters{gap:5px;margin-top:6px}.counter{border-width:3px;border-radius:12px;padding:1px 7px 1px 5px;font-size:14px}.counter span{font-size:15px}.counter b{max-width:6ch}.counter i{display:none}#dialogue{border-radius:16px;gap:8px;max-height:34vh;padding:6px 12px 6px 8px}#dialogue .face{flex-basis:34px;height:34px;font-size:18px}#dialogue .text{-webkit-line-clamp:1;line-clamp:1;font-size:15px}.toast{padding:6px 14px;font-size:14px}#zone-name{top:calc(var(--zone-top) + 4px);padding:3px 14px;font-size:20px}.card{max-height:calc(var(--app-h) - 16px);padding:12px 16px 16px}.logo{display:none}.card h1{font-size:26px}.controls,.tiny{display:none}}@media (prefers-reduced-motion:reduce){#energy-fizz,.logo,.counter.pop,#mission-list li.fresh{animation:none}#dialogue,.toast,.card{animation-duration:1ms;animation-iteration-count:1}#energy-fill,#zone-name,.round,.card button{transition:none}.round:hover,.card button:hover{transform:none}}