:root{--ink: #2a2118;--paper: #fff6e8;--sun: #f2c97a;--coral: #e86f4a;--leaf: #3d8b6e;--sky: #7eb8d4;--fanta: #ff8a3d;--blue: #5b7cfa;--ui: "Nunito", system-ui, sans-serif;--display: "Baloo 2", "Nunito", sans-serif;--safe-t: max(10px, env(safe-area-inset-top));--safe-b: max(14px, env(safe-area-inset-bottom));--safe-l: max(12px, env(safe-area-inset-left));--safe-r: max(12px, env(safe-area-inset-right))}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#f2e4c8;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#c{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none}.topbar{position:absolute;top:var(--safe-t);left:var(--safe-l);right:var(--safe-r);display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff6e8eb;box-shadow:0 3px #2a21182e;font-weight:800;font-size:.95rem}.pill b{font-family:var(--display);font-size:1.25rem;line-height:1;color:var(--leaf)}.pill.sofa{gap:8px}.meter{width:90px;height:12px;border-radius:99px;background:#2a21181f;overflow:hidden}.meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:99px;transition:width .15s}.pill.sofa.hot{animation:shake .25s infinite;background:#ffe0d4}@keyframes shake{50%{transform:translate(2px) rotate(-1deg)}}.hint{position:absolute;left:50%;top:calc(var(--safe-t) + 48px);transform:translate(-50%);margin:0;padding:6px 14px;border-radius:12px;max-width:min(92vw,30rem);text-align:center;background:#2a2118b8;color:var(--paper);font-weight:800;font-size:.95rem}.hint:empty{display:none}#stickzone{position:absolute;left:0;bottom:0;width:55%;height:70%;pointer-events:auto;touch-action:none}.stick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#fff6e840;border:3px solid rgba(255,246,232,.7);display:none;pointer-events:none}.stick.on{display:block}.knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff6e8eb;box-shadow:0 3px #2a211840}.buttons{position:absolute;right:var(--safe-r);bottom:var(--safe-b);display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.round{appearance:none;border:none;border-radius:50%;display:grid;place-items:center;align-content:center;font-family:var(--display);font-weight:800;color:var(--ink);touch-action:none;cursor:pointer;box-shadow:0 5px #2a211859}.round.big{width:104px;height:104px;font-size:1.15rem;background:var(--sun)}.round.small{width:74px;height:74px;font-size:.8rem;background:var(--paper);margin-bottom:30px;line-height:1}.round.small b{font-size:1.4rem;color:#2f7cc9}.round.down{transform:translateY(3px);box-shadow:0 2px #2a211859;filter:brightness(.95)}.round.big.fanta{background:var(--fanta)}.round.big.chair{background:#7bc49f}.round.big.knife{background:#9fb3ff}.round.small.empty{opacity:.45}.round.big.dino{background:#8fd1a8}.round.big.axe{background:#ffd23f}.round.small.door b{color:#d8453a;font-size:.72rem;margin-top:3px}.round.small.door.on{background:#d8453a;color:#fff6e8}.round.small.door.on b{color:#fff6e8}.fizz{position:absolute;right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 116px);width:96px;height:12px;border-radius:99px;background:#2a211840;overflow:hidden}.fizz i{display:block;height:100%;width:100%;background:var(--fanta)}.corner{position:absolute;left:var(--safe-l);top:var(--safe-t);pointer-events:auto}.count{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;font-family:var(--display);font-weight:800;font-size:9rem;color:var(--paper);text-shadow:0 6px 0 var(--coral),0 10px 30px rgba(0,0,0,.3)}#toasts{position:fixed;left:50%;top:calc(var(--safe-t) + 92px);transform:translate(-50%);display:grid;gap:6px;pointer-events:none;z-index:5}.toast{padding:7px 14px;border-radius:12px;background:var(--paper);font-weight:800;font-size:.95rem;text-align:center;box-shadow:0 3px #2a211833;animation:toast 2.6s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.net{position:fixed;right:var(--safe-r);top:var(--safe-t);z-index:9;padding:6px 12px;border-radius:99px;background:var(--coral);color:var(--paper);font-weight:800;font-size:.85rem}.sheet{position:fixed;inset:0;z-index:4;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;align-items:end;justify-items:center;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:linear-gradient(180deg,#2a211800,#2a211840 35%,#2a2118b3)}.sheet-inner{width:min(100%,30rem);padding:20px 20px 18px;border-radius:24px;background:var(--paper);box-shadow:0 8px #2a211840}.sheet-inner.center{text-align:center;margin-bottom:20vh}.kicker{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}h1{margin:0 0 6px;font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,10vw,3.2rem);line-height:.95;letter-spacing:-.02em}.lede{margin:0 0 12px;font-size:1rem;line-height:1.35;color:#2a2118d9}.name{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:12px}.name input{flex:1;min-width:0;font:inherit;font-weight:700;padding:9px 12px;border-radius:12px;border:2px solid rgba(42,33,24,.18);background:#fff;color:var(--ink);user-select:text;-webkit-user-select:text}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.slot{appearance:none;font:inherit;text-align:left;cursor:pointer;padding:10px 10px 9px;border-radius:16px;border:3px solid transparent;background:#f4e7cf;color:var(--ink);display:grid;gap:2px;position:relative}.slot .dot{width:28px;height:28px;border-radius:50%;margin-bottom:4px;box-shadow:inset 0 -4px #00000026}.slot b{font-family:var(--display);font-size:1.05rem;line-height:1.05}.slot small{font-size:.78rem;font-weight:700;color:#2a2118b3}.slot .taken{font-size:.72rem;font-weight:800;color:var(--coral);min-height:1em}.slot.mine{border-color:var(--ink);background:#fff}.slot.busy{opacity:.55;cursor:not-allowed}.btn{appearance:none;border:none;border-radius:16px;padding:14px 22px;width:100%;font-family:var(--display);font-weight:800;font-size:1.25rem;color:var(--ink);background:var(--sun);box-shadow:0 4px #c4923e;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #c4923e}.ghost{appearance:none;border:2px solid rgba(42,33,24,.25);border-radius:999px;padding:8px 14px;margin-top:10px;font-family:var(--ui);font-weight:800;font-size:.9rem;color:var(--ink);background:#fff6e8d9;cursor:pointer}.who{margin:8px 0 0;font-size:.85rem;font-weight:700;color:#2a2118b3;min-height:1.2em}.join{display:flex;gap:12px;align-items:center;margin-top:10px;padding:10px;border-radius:16px;background:#f4e7cf}.join img{width:96px;height:96px;border-radius:8px;image-rendering:pixelated;flex:none;background:#fff6e8}.join-title{margin:0;font-family:var(--display);font-weight:800;font-size:1.05rem}.join-sub{margin:0;font-size:.82rem;color:#2a2118b3;font-weight:700}.url{margin:2px 0 0;font-weight:800;font-size:.95rem;word-break:break-all;user-select:text;-webkit-user-select:text}.tiny{margin:10px 0 0;font-size:.75rem;color:#2a211899;font-weight:700}.link{appearance:none;border:none;background:none;padding:0;font:inherit;color:var(--leaf);text-decoration:underline;cursor:pointer}@media(min-width:900px){.sheet{justify-items:end;align-items:center;padding-right:4vw}.sheet-inner.center{margin:0 auto}#end.sheet{justify-items:center}}@media(hover:hover)and (pointer:fine){.buttons .round.big{width:84px;height:84px;font-size:.95rem}}.portrait-only{display:none;color:var(--coral)}@media(orientation:portrait)and (pointer:coarse){.portrait-only{display:block}}.btn.waiting{opacity:.55}.slots.nudge .slot:not(.busy){animation:nudge .45s ease 2}@keyframes nudge{25%{transform:translateY(-5px) rotate(-2deg)}75%{transform:translateY(-2px) rotate(2deg)}}