:root{--ink:#2b1b2e;--cream:#fff6e8;--pink:#ff3d7f;--gold:#ffc43d;--green:#4ade80;--red:#ef4444;--font:"Baloo 2","Fredoka","Nunito","Segoe UI Rounded","Trebuchet MS","Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#6fc3ff;font-family:var(--font);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.game-root{position:fixed;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.game-canvas,.game-root{inset:0;width:100%;height:100%}.game-canvas{position:absolute;display:block}.tap-layer{inset:0;z-index:1;touch-action:none;cursor:pointer}.hud,.tap-layer{position:absolute}.hud{z-index:2;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top, 0px) + 10px) 14px 0;pointer-events:none;opacity:0;transition:opacity .3s}.hud-on{opacity:1}.track{position:relative;height:34px;margin:0 56px 6px 8px}.track-line{position:absolute;left:0;right:0;top:50%;height:8px;margin-top:-4px;border-radius:4px;background:hsla(0,0%,100%,.55);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}.track-house{right:-30px;transform:translateY(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.track-house,.track-marker{position:absolute;top:50%;font-size:26px}.track-marker{transform:translate(-50%,-50%);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));transition:left .1s linear}.track-marker.cat{transform:translate(-50%,-50%) scaleX(-1);font-size:24px}.track-marker.sausage{z-index:1}.stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{background:hsla(0,0%,100%,.85);border-radius:999px;padding:4px 12px;font-weight:800;font-size:15px;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.pill.mood{font-size:13px}.pill.offscreen{font-size:12px;background:rgba(43,27,46,.75);color:#fff}.mood-chase{background:#ffd7d7;color:#a1121b}.mood-search{background:#d9e8ff;color:#1b4ea1}.mood-nap{background:#e3dcff;color:#4a2ea1}.mood-clean,.mood-loaf{background:#d7f5e6;color:#126b45}.mute{position:absolute;z-index:3;top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;width:42px;height:42px;border-radius:50%;border:none;background:hsla(0,0%,100%,.85);font-size:20px;box-shadow:0 2px 6px rgba(0,0,0,.15);cursor:pointer;touch-action:manipulation}.danger-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 120px rgba(239,68,68,.55);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.35}to{opacity:1}}.toast{position:absolute;z-index:2;left:50%;top:26%;transform:translateX(-50%);pointer-events:none;background:rgba(43,27,46,.85);color:#fff;padding:8px 18px;border-radius:14px;font-weight:800;font-size:clamp(15px,2.6vw,22px);letter-spacing:.5px;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;animation:pop .25s ease-out}@keyframes pop{0%{transform:translateX(-50%) scale(.6);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.hint-left{z-index:2;left:16px;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);pointer-events:none;font-weight:800;font-size:13px;color:rgba(43,27,46,.75);background:hsla(0,0%,100%,.55);padding:6px 10px;border-radius:10px}.hide-btn,.hint-left{position:absolute;letter-spacing:1px}.hide-btn{z-index:3;right:18px;bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);width:108px;height:108px;border-radius:50%;border:5px solid hsla(0,0%,100%,.9);background:rgba(43,27,46,.55);color:#fff;font-family:var(--font);font-weight:900;font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer;touch-action:none;transition:transform .1s,background .2s}.hide-btn small{font-size:11px;font-weight:700;opacity:.8}.hide-btn:active{transform:scale(.94)}.hide-btn.ready{background:var(--green);color:var(--ink);animation:throb .5s ease-in-out infinite alternate}.hide-btn.hiding{background:var(--gold);color:var(--ink)}.hide-btn.seen{background:var(--red);color:#fff;animation:throb .2s ease-in-out infinite alternate}@keyframes throb{0%{transform:scale(1)}to{transform:scale(1.08)}}.overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15),rgba(43,27,46,.45));cursor:pointer;touch-action:none}.fade-in-late{animation:fadein .6s ease-out both;animation-delay:.9s;align-items:flex-end;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 28px);background:linear-gradient(180deg,rgba(43,27,46,0) 40%,rgba(43,27,46,.55))}@keyframes fadein{0%{opacity:0}to{opacity:1}}.card{background:var(--cream);border-radius:28px;padding:26px 28px 22px;max-width:520px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 -6px 0 rgba(0,0,0,.06);border:4px solid #fff;max-height:calc(100vh - 32px);overflow:auto}.card.small{max-width:420px}.brand{display:inline-block;font-size:18px;letter-spacing:4px;color:#fff;background:var(--pink);padding:4px 14px;border-radius:999px;margin-bottom:6px}.brand,.title{font-weight:900}.title{margin:4px 0 6px;font-size:clamp(34px,8vw,56px);line-height:1;color:#8b4513;text-shadow:0 3px 0 #fff,0 6px 0 rgba(0,0,0,.08);letter-spacing:-1px}.title span{color:var(--pink)}.cast{font-size:clamp(28px,7vw,44px);margin:4px 0 8px}.blurb{margin:0 0 10px;font-size:15px}.blurb,.howto{line-height:1.35;font-weight:600}.howto{text-align:left;margin:0 auto 14px;padding-left:20px;font-size:14px}.howto li{margin-bottom:6px}.cta{display:inline-block;background:var(--ink);color:#fff;font-weight:900;letter-spacing:1.5px;font-size:14px;padding:12px 22px;border-radius:999px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.best{margin-top:10px;font-weight:800;font-size:13px;opacity:.7}.big{font-size:56px;line-height:1}.card h2{margin:8px 0 6px;font-size:26px;font-weight:900}.card p{margin:0 0 14px;font-weight:600}.card.win{background:#fff0f5}@media (max-height:520px){.card{padding:14px 18px 12px}.title{font-size:34px}.cast{font-size:24px;margin:2px 0}.blurb{display:none}.howto{font-size:12px;margin-bottom:8px}.hide-btn{width:84px;height:84px;font-size:18px}}@media (max-width:480px){.pill{font-size:13px;padding:3px 10px}.hint-left{font-size:11px;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px)}}.lobby{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:calc(env(safe-area-inset-top, 0px) + 12px) 16px calc(env(safe-area-inset-bottom, 0px) + 16px);background:radial-gradient(ellipse at 50% 30%,#ffd1e0 0,#ff8fb8 35%,#6a2a5a 100%);overflow:auto;touch-action:manipulation}.lobby-hero{position:relative;width:min(92vw,420px);height:min(40vh,300px);min-height:170px;flex:0 0 auto}.lobby-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.lobby-brand{top:6px;left:50%;transform:translateX(-50%);letter-spacing:5px;font-size:14px;background:rgba(43,27,46,.7);padding:3px 12px;border-radius:999px}.lobby-brand,.lobby-title{position:absolute;font-weight:900;color:#fff;pointer-events:none}.lobby-title{bottom:0;left:0;right:0;text-align:center;font-size:clamp(22px,5vw,30px);text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 18px rgba(255,120,170,.8);letter-spacing:1px}.keypad{width:min(92vw,300px);background:linear-gradient(180deg,#5b616b,#3b404a);border-radius:18px;padding:12px 12px 10px;box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -2px 0 rgba(0,0,0,.4);border:2px solid #2a2e36;flex:0 0 auto}.keypad-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.keypad-grille{display:grid;grid-template-columns:repeat(6,5px);grid-gap:3px;gap:3px}.keypad-grille i{width:5px;height:5px;border-radius:50%;background:#1c1f25;box-shadow:inset 0 1px 1px rgba(0,0,0,.8)}.keypad-display{flex:1 1;display:flex;justify-content:space-between;background:#0d1a12;border-radius:8px;padding:6px 10px;box-shadow:inset 0 2px 6px rgba(0,0,0,.8);border:1px solid #000}.digit{width:16px;height:22px;line-height:22px;text-align:center;color:#38d978;font-size:24px;font-weight:900;opacity:.18;font-family:Courier New,monospace}.digit.on{opacity:1;text-shadow:0 0 8px #38d978}.keypad-leds{display:flex;flex-direction:column;gap:6px}.led{width:10px;height:10px;border-radius:50%;background:#2a2a2a;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}.led.red.lit{background:#ff3b3b;box-shadow:0 0 10px #ff3b3b,0 0 20px #ff3b3b}.led.green.lit{background:#3dff7a;box-shadow:0 0 10px #3dff7a,0 0 20px #3dff7a}.keypad-keys{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.key{height:54px;border-radius:12px;border:none;background:linear-gradient(180deg,#f4f4f4,#cfd2d6);color:#1e2128;font-family:var(--font);font-weight:900;font-size:24px;box-shadow:0 4px 0 #8c9097,0 6px 10px rgba(0,0,0,.35);cursor:pointer;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .05s,box-shadow .05s}.key.alt{background:linear-gradient(180deg,#ffd166,#f4a21c);color:#3a2200;box-shadow:0 4px 0 #a86d0a,0 6px 10px rgba(0,0,0,.35)}.key:active{transform:translateY(3px);box-shadow:0 1px 0 #8c9097,0 2px 4px rgba(0,0,0,.35)}.keypad-status{margin-top:10px;text-align:center;font-size:11px;letter-spacing:3px;font-weight:800;color:#bfc5cf}.keypad.denied{animation:shake .35s ease-in-out}.keypad.denied .keypad-status{color:#ff5c5c}.keypad.granted .keypad-status{color:#3dff7a}.keypad.granted{box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 30px rgba(61,255,122,.6)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}@media (max-height:640px){.lobby-hero{height:32vh;min-height:140px}.key{height:44px;font-size:20px}}