:root{color-scheme:dark;--bg: #071018;--card: #10202b;--ink: #e8f4ff;--muted: #9bb3c4;--line: #1e3644;--tap: #3ec6ff;--danger: #ff6b6b;--ok: #7dffb3;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 50% -10%,#143246 0%,transparent 55%),var(--bg);color:var(--ink)}body{-webkit-user-select:none;user-select:none;overscroll-behavior:none}.screen{min-height:100dvh;max-width:430px;margin:0 auto;padding:28px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.brand h1,.result h2{margin:6px 0 8px;font-size:2.2rem;letter-spacing:-.04em}.brand.compact h1{font-size:1.7rem}.eyebrow{margin:0;color:var(--tap);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.lede,.hint{color:var(--muted);line-height:1.45;margin:0}.card,.players,.result{background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line);border-radius:22px;padding:18px}label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;color:var(--muted);font-size:.9rem}input{border:1px solid var(--line);background:#0a1821;color:var(--ink);border-radius:14px;padding:14px 12px;font-size:1rem}.actions{display:flex;flex-direction:column;gap:10px}button{border:0;border-radius:16px;padding:14px 16px;font-size:1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:var(--ink);color:#071018}.accent{background:var(--tap);color:#04202c}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.social{color:#071018}.social.google{background:#e8f4ff}.social.x{background:#e8e8e8}.social.facebook{background:#1877f2;color:#fff}.avatar-card{display:flex;flex-direction:column;gap:10px}.avatar-stage{height:280px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0a1821}.swatches,.shop-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;padding:0;border-radius:50%;border:2px solid transparent}.swatch.on{border-color:#fff}.shop{background:#0a1821;color:var(--ink);border:1px solid var(--line);font-size:.82rem;padding:8px 10px}.shop.on{outline:2px solid var(--tap)}.shop.locked{opacity:.65}.error{color:var(--danger);margin:0}.players{list-style:none;margin:0;display:flex;flex-direction:column;gap:10px}.players li{display:flex;align-items:center;gap:10px}.players em{font-style:normal;color:var(--muted);font-size:.78rem}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok)}.offline{opacity:.45}.offline .dot{background:#667}.play{gap:12px}.hud{display:flex;justify-content:center;align-items:center;font-size:.92rem;text-align:center}.stage{display:flex;justify-content:center}.rig{width:min(320px,86vw);height:auto;overflow:visible}.jet{opacity:.92}.stream-off{opacity:0}.stream-on{opacity:1}.stream-on .jet{animation:jet-pulse .18s linear infinite}.beads circle{transform-box:fill-box;transform-origin:center}.stream-on .beads circle{animation:drip .42s linear infinite}.stream-on .beads circle:nth-child(2){animation-delay:.14s}.stream-on .beads circle:nth-child(3){animation-delay:.28s}.water-body,.meniscus{transition:y 90ms linear,cy 90ms linear}.overflow{animation:splash .45s ease-out infinite alternate}.players.mini{flex-direction:row;flex-wrap:wrap;padding:10px;gap:8px}.players.mini li{background:#0a1821;border-radius:999px;padding:6px 10px;font-size:.82rem}.players.mini .active{outline:2px solid var(--tap)}.players.mini .lost{outline:2px solid var(--danger);color:var(--danger)}.valve{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.valve.off{opacity:.45}.valve-label{margin:0;color:var(--muted);font-size:.88rem;text-align:center}.valve-row{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;letter-spacing:.06em}.valve-track{position:relative;width:46px;height:150px;border-radius:999px;background:#0a1821;border:1px solid var(--line);touch-action:none;overflow:hidden}.valve-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#7ad7ff,#3ec6ff);will-change:height}.valve-knob{position:absolute;left:4px;right:4px;height:28px;margin-bottom:-14px;border-radius:999px;background:#e8f4ff;box-shadow:0 4px 12px #00000059;will-change:bottom}.result{text-align:center;display:flex;flex-direction:column;gap:10px}@keyframes jet-pulse{0%{opacity:.72}to{opacity:1}}@keyframes drip{0%{transform:translateY(-12px);opacity:.15}to{transform:translateY(36px);opacity:.95}}@keyframes splash{0%{transform:scaleX(.8);opacity:.4}to{transform:scaleX(1.2);opacity:.9}}