:root{--font:"Fredoka", "Trebuchet MS", "Arial Rounded MT Bold", system-ui, sans-serif;--ink:#1b1b2f;--paper:#fffaf0;--accent:#ff5c5c;--gold:#ffd23f;--green:#4cd137;--blue:#4aa3ff;--brown:#8b5a2b;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#9fd8ff;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas#c{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui .screen{position:absolute;inset:0}#ui .screen[hidden],#ui [hidden]{display:none!important}#ui button{font-family:var(--font);pointer-events:auto;cursor:pointer}.stroke{color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.panel{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));pointer-events:auto;text-align:center;background:radial-gradient(circle at 50% 30%,#fff9,#ffffff1a);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;overflow-y:auto}.panel h1,.panel h2{letter-spacing:.02em;text-shadow:0 4px #00000026;margin:0;font-weight:700}#logo{color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;cursor:pointer;pointer-events:auto;font-size:clamp(3.4rem,15vw,6.5rem);line-height:.9;transform:rotate(-4deg)}.panel h2{color:var(--ink);font-size:clamp(1.7rem,6.5vw,2.8rem)}.sub{margin:0;font-size:1.1rem}#name{font-family:var(--font);text-align:center;border:3px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;pointer-events:auto;background:#fff;border-radius:14px;outline:none;width:min(320px,80vw);padding:10px 14px;font-size:1.4rem}#name:focus{box-shadow:0 0 0 4px #4aa3ff80}.cta{border:3px solid var(--ink);background:var(--gold);color:var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:12px 36px;font-size:1.5rem;font-weight:700;transition:transform 50ms}.cta:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.ghost{border:2px solid var(--ink);color:var(--ink);background:#ffffffb3;border-radius:12px;padding:8px 16px;font-size:.95rem}.row-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.big-time{align-items:center;gap:10px;display:flex}.big-time span{font-size:clamp(2rem,8vw,3.2rem)}.big-time b{font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,10vw,4rem);line-height:1}#levels{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;margin-top:10px;display:flex}.lv-title{letter-spacing:.2em;opacity:.7;width:100%;font-size:.75rem}.lv{border:2px solid var(--ink);background:#fff;border-radius:10px;padding:6px 10px;font-size:.85rem}.goal-line{max-width:480px;margin:0;font-size:1rem;line-height:1.35}.goal-line.small{opacity:.85;font-size:.85rem}.green{color:#1f8f1f}.ctls{text-align:left;flex-direction:column;gap:6px;width:min(460px,92vw);display:flex}.ctl{border:2px solid var(--ink);background:#ffffffb3;border-radius:10px;grid-template-columns:6.5em 1fr;align-items:center;gap:8px;padding:6px 10px;font-size:.95rem;display:grid}.ctl b{letter-spacing:.05em;font-size:.9rem}.board{border:3px solid var(--ink);pointer-events:auto;background:#fffc;border-radius:14px;width:min(440px,92vw);max-height:40vh;padding:6px;overflow-y:auto}.board .row{border-radius:8px;grid-template-columns:2.2em 1fr auto auto;align-items:center;gap:8px;padding:5px 8px;font-size:1rem;display:grid}.board .row:nth-child(odd){background:#0000000a}.board .row.home{background:#4aa3ff24}.board .row.mine{background:var(--gold);font-weight:700}.board .rank{opacity:.6;font-weight:700}.board .nm{text-align:left;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.board .tm{font-variant-numeric:tabular-nums;font-weight:700}.board .empty{opacity:.7;padding:16px}.tabs{flex-wrap:wrap;justify-content:center;gap:5px;max-width:520px;display:flex}.tab{border:2px solid var(--ink);opacity:.6;background:#fff;border-radius:10px;padding:5px 9px;font-size:.75rem}.tab.on{opacity:1;background:var(--gold)}#hud{pointer-events:none}.hud-top{top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));grid-template-columns:1fr minmax(0,2fr) 1fr;align-items:start;gap:8px;display:grid;position:absolute}.hearts{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hearts .who{filter:drop-shadow(0 2px #0000004d);font-size:1.5rem}#heart-row{gap:3px;display:flex}#heart-row i{background:var(--accent);width:22px;height:20px;clip-path:path("M11 19 L2 9 A5 5 0 0 1 11 3 A5 5 0 0 1 20 9 Z");filter:drop-shadow(0 2px #00000059);display:inline-block}#heart-row i.half{background:linear-gradient(90deg, var(--accent) 50%, #00000059 50%)}#heart-row i.empty{background:#00000059}.hearts.low #heart-row{animation:.5s infinite alternate pulse}#powers{gap:4px;display:flex}.chip{border:2px solid var(--ink);color:var(--ink);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700}.chip.gold{background:var(--gold)}.chip.brown{background:#d9a066}.hud-mid{justify-content:center;display:flex}#goal-wrap{width:min(100%,420px);position:relative}#goal-label{letter-spacing:.2em;text-align:center;color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;margin-bottom:2px;font-size:.7rem;font-weight:700}.goal-bar{border:3px solid var(--ink);background:#1b1b2f99;border-radius:16px;height:26px;position:relative;overflow:hidden}#goal-fill{background:linear-gradient(90deg, var(--gold), var(--accent));width:0;height:100%;transition:width .25s ease-out}#goal-text{color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;letter-spacing:.05em;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;inset:0}#goal-boss{object-fit:cover;border:3px solid var(--ink);filter:grayscale(.6);background:#fff;border-radius:50%;width:46px;height:46px;transition:transform .2s;position:absolute;top:6px;right:-14px}#goal-wrap.almost #goal-boss{filter:none;animation:.4s infinite alternate pulse}#boss-wrap{border:3px solid var(--ink);color:#fff;background:#1b1b2fcc;border-radius:16px;align-items:center;gap:8px;width:min(100%,440px);padding:4px 10px 4px 4px;display:flex}#boss-wrap.open{border-color:var(--green);box-shadow:0 0 0 3px #4cd13780}#boss-img{object-fit:cover;background:#fff;border:2px solid #fff;border-radius:50%;flex:none;width:44px;height:44px}.boss-col{flex:1;min-width:0}#boss-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}#boss-name small{opacity:.7;font-size:.7rem;font-weight:400}.boss-bar{background:#fff3;border-radius:8px;height:14px;margin-top:3px;position:relative;overflow:hidden}#boss-fill{background:var(--accent);width:100%;height:100%;transition:width .2s}#boss-wrap.angry #boss-fill{background:#ff2d2d}#boss-segs{display:flex;position:absolute;inset:0}#boss-segs i{border-right:2px solid #1b1b2fcc;flex:1}#boss-segs i:last-child{border-right:0}.hud-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}#clock{color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:clamp(1rem,3.5vw,1.4rem);font-weight:700}.round{border:3px solid var(--ink);width:40px;height:40px;box-shadow:0 3px 0 var(--ink);background:#ffffffd9;border-radius:50%;font-size:1.2rem;font-weight:700}#toast{color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;opacity:0;text-align:center;max-width:92vw;font-size:clamp(1.5rem,6.5vw,2.8rem);font-weight:700;transition:opacity .15s,transform .15s;position:absolute;top:26%;left:50%;transform:translate(-50%)scale(.6)}#toast.show{opacity:1;transform:translate(-50%)scale(1)}#toast.boss{color:var(--accent)}#toast.good{color:var(--gold)}#toast.go{color:var(--green)}#hint{bottom:calc(14px + var(--safe-b));color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;opacity:0;white-space:nowrap;font-size:.85rem;font-weight:700;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#popups{position:absolute;inset:0;overflow:hidden}#goal-arrow{color:#4cd137;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;pointer-events:none;font-size:2.2rem;animation:.9s ease-in-out infinite arrowpulse;position:absolute}@keyframes arrowpulse{0%,to{opacity:.55}50%{opacity:1}}.pop{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;white-space:nowrap;font-weight:700;animation:.9s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}@keyframes rise{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}20%{transform:translate(-50%,-70%)scale(1.15)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}@keyframes pulse{to{transform:scale(1.12)}}.card{pointer-events:none;justify-content:center;align-items:center;display:flex}.card-box{background:var(--paper);border:4px solid var(--ink);text-align:center;box-shadow:0 10px 0 var(--ink);border-radius:22px;max-width:92vw;padding:14px 26px;animation:.35s cubic-bezier(.2,1.4,.4,1) cardIn;transform:rotate(-2deg)}.card.out .card-box{animation:.4s ease-in forwards cardOut}#card-name{color:var(--accent);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(1.8rem,8vw,3.2rem);font-weight:700;line-height:1}.card-goal{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:clamp(.95rem,3.5vw,1.2rem);font-weight:700;display:flex}.card-goal .arrow{font-size:1.4rem}#card-boss{object-fit:cover;border:3px solid var(--ink);border-radius:50%;width:44px;height:44px}@keyframes cardIn{0%{opacity:0;transform:rotate(-2deg)scale(.3)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes cardOut{to{opacity:0;transform:rotate(-2deg)scale(.6)}}#joy-zone{touch-action:none;pointer-events:none;width:50%;height:62%;position:absolute;bottom:0;left:0}#joy{background:#ffffff2e;border:3px solid #fff9;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:absolute}#joy.on{display:block}#joy-knob{border:3px solid var(--ink);background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.buttons{right:calc(14px + var(--safe-r));bottom:calc(16px + var(--safe-b));grid-template-columns:auto auto;align-items:end;gap:12px;display:none;position:absolute}.btn{border:3px solid var(--ink);width:68px;height:68px;box-shadow:0 5px 0 var(--ink);touch-action:none;background:#fffc;border-radius:50%;font-size:.85rem;font-weight:700;position:relative;overflow:hidden}.btn.big{color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;background:#ff5c5ce6;width:100px;height:100px;font-size:1rem}.btn.big span{position:relative}#scream-ring{background:conic-gradient(var(--gold) var(--ch,0deg), transparent 0);opacity:.9;border-radius:50%;position:absolute;inset:0}.btn.down{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn.charging{animation:.25s infinite alternate pulse}#btn-poop{font-size:1.7rem}#ui.touch.playing #joy-zone{pointer-events:auto}#ui.touch.playing .buttons{display:grid}#ui.touch #hint{display:none}@media (max-width:640px){.hud-top{grid-template-columns:1fr auto;gap:6px 8px}.hearts{grid-area:1/1}.hud-right{grid-area:1/2}.hud-mid{grid-area:2/1/auto/-1}#goal-wrap,#boss-wrap{width:calc(100% - 16px)}#heart-row i{width:16px;height:15px}.hearts .who{font-size:1.2rem}#goal-label{display:none}.goal-bar{height:22px}#goal-text{font-size:.8rem}#goal-boss{width:36px;height:36px;top:4px;right:-8px}#boss-img{width:34px;height:34px}#boss-name{font-size:.8rem}#boss-name small{display:none}.round{width:36px;height:36px;font-size:1rem}}@media (max-height:480px){.panel{gap:8px}#logo{font-size:3rem}.board{max-height:32vh}}.choose{padding:0 16px calc(24px + var(--safe-b));pointer-events:none;justify-content:center;align-items:flex-end;display:flex}.choose-card{pointer-events:auto;background:var(--paper);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(460px,94vw);padding:12px 16px;display:flex}.choose-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.choose-mid{text-align:center;flex:1;min-width:0}#choose-name{color:var(--accent);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:clamp(1.4rem,6vw,2.2rem);font-weight:700;line-height:1}#choose-sub{margin-top:4px;font-size:.95rem}#choose-sub.locked{opacity:.7}#go:disabled{opacity:.4;box-shadow:none;cursor:default;transform:translateY(4px)}#fade{opacity:0;pointer-events:none;background:#fff;transition:opacity .35s;position:absolute;inset:0}#fade.on{opacity:1}.chip.pink{background:#ff8fab}.chip.red{background:var(--accent);color:#fff}#clock.bonus{animation:.7s ease-out clockBonus}@keyframes clockBonus{0%{color:var(--green);transform:scale(1.5)}to{color:#fff;transform:scale(1)}}#minimap{left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));opacity:.92;width:140px;height:140px;position:absolute}#ui.touch #minimap{left:auto;right:calc(12px + var(--safe-r));top:calc(96px + var(--safe-t));width:84px;height:84px;bottom:auto}.boss-box{text-align:left;color:#fff;border-color:var(--accent);box-shadow:0 10px 0 var(--accent);background:#1b1b2f;align-items:center;gap:16px;display:flex;transform:rotate(1.5deg)}#bosscard-img{object-fit:cover;background:#fff;border:3px solid #fff;border-radius:12px;width:110px;height:130px}#bosscard-name{color:var(--accent);-webkit-text-stroke:2px #fff;paint-order:stroke fill;font-size:clamp(1.6rem,7vw,2.8rem);font-weight:700;line-height:1}#bosscard-by{opacity:.8;margin-top:4px;font-size:.8rem}#bosscard-taunt{margin-top:6px;font-size:.95rem;font-style:italic}.chip.purple{color:#fff;background:#9b6bff}.chip.blue{background:#bfe6ff}.chip.green{background:var(--green)}@media (max-width:640px){#bosscard-img{width:76px;height:92px}.boss-box{gap:10px}}#boss-fill.cover{background:#6b3e1e}#bosscard-hint{color:var(--gold);margin-top:8px;font-size:.85rem}