:root{--bg:#14112b;--bg-raised:#201c40;--bg-sunken:#0e0c20;--text:#f2effc;--text-dim:#a49fc4;--accent:#8b7dff;--accent-strong:#6c5ce7;--danger:#e05d6f;--ok:#4cd6a4;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit;touch-action:manipulation}.app{max-width:480px;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex}h1{margin:0;font-size:1.6rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .5rem;font-size:.85rem}.subtitle,.hint{color:var(--text-dim);margin:0}.banner{text-align:center;z-index:10;padding:.6rem 1rem;font-size:.9rem;position:sticky;top:0}.banner.reconnecting{background:#705d1f}.banner.error{background:var(--danger)}button{border-radius:var(--radius);background:var(--bg-raised);color:var(--text);cursor:pointer;border:none;padding:.9rem 1.2rem}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent-strong);width:100%;font-size:1.05rem;font-weight:700}button.danger{background:var(--danger)}button.small{padding:.4rem .8rem;font-size:.85rem}input{border-radius:var(--radius);border:1px solid var(--bg-raised);background:var(--bg-sunken);width:100%;color:var(--text);padding:.9rem 1rem}input::placeholder{color:var(--text-dim)}form{flex-direction:column;gap:.75rem;display:flex}.join-screen{text-align:center;justify-content:center}.join-screen h1{font-size:2.2rem}.player-list,.catalog{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--bg-raised);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.player-list .name{flex:1}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot.online{background:var(--ok)}.dot.offline{background:var(--text-dim)}.kick{color:var(--text-dim);background:0 0;padding:.2rem .5rem}.game-card{text-align:left;border:2px solid #0000;flex-direction:column;gap:.25rem;width:100%;display:flex}.game-card.selected{border-color:var(--accent)}.game-card span{color:var(--text-dim);font-size:.9rem}.game-card small{color:var(--accent)}.game-card:disabled{opacity:1}.lobby-footer{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.admin-unlock summary{color:var(--text-dim);cursor:pointer;font-size:.85rem}.admin-unlock form{flex-direction:row;margin-top:.5rem}.game-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.waiting-screen{text-align:center;justify-content:center}.counter-game{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.counter-timer{font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:700}.counter-button{aspect-ratio:1;background:radial-gradient(circle at 30% 25%, var(--accent), var(--accent-strong) 70%);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;width:min(62vw,240px);font-size:3.2rem;font-weight:800;box-shadow:0 10px 30px #6c5ce773}.counter-button:active{transform:scale(.94)}.counter-hint{color:var(--text-dim);margin:0}.counter-standings{flex-direction:column;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.counter-standings li{background:var(--bg-raised);border-radius:var(--radius);font-variant-numeric:tabular-nums;justify-content:space-between;padding:.5rem .9rem;display:flex}.counter-standings li.you{border:1px solid var(--accent)}.blob-game{flex-direction:column;flex:1;gap:1rem;display:flex}.blob-status{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.85rem;display:flex}.prompt-card{border-radius:var(--radius);background:linear-gradient(135deg, var(--bg-raised), var(--bg-sunken));text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem 1rem;display:flex}.prompt-cat{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.75rem}.prompt-word{font-size:1.9rem;font-weight:800;line-height:1.1}.blob{background:radial-gradient(circle at 32% 28%, hsl(var(--blob-hue) 85% 72%), hsl(var(--blob-hue) 70% 52%) 72%);box-shadow:0 8px 22px hsl(var(--blob-hue) 60% 40% / 45%);border-radius:46% 54% 57% 43%/54% 46% 57% 43%;flex-wrap:wrap;place-content:center;gap:6%;padding:12%;animation:6s ease-in-out infinite blob-wobble;display:flex;position:relative}.blob-big{aspect-ratio:1;width:min(46vw,180px);margin:0 auto}.blob-small{aspect-ratio:1;gap:5%;width:100%;padding:10%;animation:none}@keyframes blob-wobble{0%,to{border-radius:46% 54% 57% 43%/54% 46% 57% 43%}50%{border-radius:56% 44% 43% 57%/43% 57% 44% 56%}}.eye{aspect-ratio:1;background:#fff;border-radius:50%;justify-content:center;align-items:flex-end;width:22%;max-width:30px;display:flex;position:relative;box-shadow:inset 0 -2px 3px #0003}.blob-small .eye{width:26%}.pupil{aspect-ratio:1;background:#14112b;border-radius:50%;width:42%;margin-bottom:12%;animation:3.5s ease-in-out infinite googly}@keyframes googly{0%,to{transform:translate(-30%)}25%{transform:translate(30%,-20%)}50%{transform:translate(20%,20%)}75%{transform:translate(-20%,20%)}}.eye-more{color:#ffffffe6;align-self:center;font-size:.75rem;font-weight:700}.your-blob{flex-direction:column;align-items:center;gap:.6rem;display:flex}.blob-names{text-align:center;color:var(--text-dim);margin:0;font-size:.9rem}.answer-form{align-items:stretch;width:100%}.answer-form .hint{text-align:center;font-size:.85rem}.locked-in{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.locked-answer{margin:0;font-size:1.3rem;font-weight:700}.blob-timer{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.blob-field{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.6rem;margin-top:auto;display:grid}.field-blob{position:relative}.field-blob.is-yours{outline:2px solid var(--accent);outline-offset:3px;border-radius:50%}.ready-dot{background:var(--bg-sunken);width:20px;height:20px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;bottom:-2px;right:-2px}.ready-dot.ready{background:var(--ok);color:var(--bg-sunken);font-weight:800}.reveal-title{text-align:center;text-transform:none;letter-spacing:0;color:var(--text);margin:0;font-size:1.4rem}.reveal-list{flex-direction:column;gap:.75rem;display:flex}.reveal-group{background:var(--bg-raised);border-radius:var(--radius);border:2px solid #0000;flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.reveal-group.merged{border-color:var(--ok);animation:.5s ease-out merge-pop}@keyframes merge-pop{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.reveal-answer{text-align:center;margin:0;font-size:1.15rem;font-weight:700}.reveal-blobs{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.reveal-blob{flex-direction:column;align-items:center;gap:.25rem;width:64px;display:flex}.reveal-blob .blob-names{font-size:.72rem}.merge-badge{text-align:center;color:var(--ok);margin:0;font-size:.9rem;font-weight:700}.scoreboard{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.scoreboard li{background:var(--bg-raised);border-radius:var(--radius);font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.scoreboard li.you{border:1px solid var(--accent)}.scoreboard .name{flex:1}.scoreboard .score{font-weight:700}