:root{--bg: #120a2e;--panel: rgba(28, 18, 64, .88);--panel-border: rgba(160, 120, 255, .35);--text: #f4efff;--muted: #a99bd6;--accent: #b6ff3b;--accent-dark: #6fae12;--danger: #ff4f7b;--cyan: #4de8ff;--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body{background:radial-gradient(ellipse at 20% 15%,rgba(255,79,180,.35),transparent 50%),radial-gradient(ellipse at 85% 30%,rgba(77,216,255,.28),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(182,255,59,.18),transparent 60%),var(--bg)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;visibility:hidden}#scene.active{visibility:visible}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none}#ui>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));overflow-y:auto}.card{width:min(460px,100%);margin:auto;background:var(--panel);border:2px solid var(--panel-border);border-radius:26px;padding:24px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logo{text-align:center;margin:0 0 4px;font-size:clamp(30px,8vw,44px);font-weight:900;letter-spacing:.5px;line-height:1;color:var(--accent);text-shadow:0 4px 0 var(--accent-dark),0 8px 24px rgba(182,255,59,.35)}.logo-emoji{display:block;font-size:52px;margin-bottom:6px;text-shadow:none;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-6px)}}.subtitle{text-align:center;color:var(--muted);margin:10px 0 22px;font-size:15px}label.field{display:block;margin-bottom:14px;font-size:13px;color:var(--muted);font-weight:700}input[type=text]{display:block;width:100%;margin-top:6px;padding:14px 16px;font:inherit;font-size:18px;font-weight:700;color:var(--text);background:#00000059;border:2px solid rgba(160,120,255,.4);border-radius:14px;outline:none}input[type=text]:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;font:inherit;font-size:18px;font-weight:900;color:#1b2a00;background:var(--accent);border:none;border-radius:16px;box-shadow:0 5px 0 var(--accent-dark);cursor:pointer;transition:transform .08s,box-shadow .08s,opacity .2s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--accent-dark)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{color:var(--text);background:#a078ff47;box-shadow:0 5px #3c1e8ce6}.btn.small{width:auto;padding:10px 14px;font-size:15px;border-radius:12px}.row{display:flex;gap:10px;align-items:stretch}.row>*{flex:1}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#a078ff4d}.code-input{text-transform:uppercase;letter-spacing:4px;text-align:center}.hint{margin-top:18px;font-size:13px;color:var(--muted);line-height:1.5;text-align:center}.error-text{color:var(--danger);font-weight:700;text-align:center;margin:0 0 14px;min-height:1em}.lobby-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lobby-head h2{margin:0;font-size:22px}.room-code{font-size:22px;font-weight:900;letter-spacing:4px;color:var(--cyan)}.invite{background:#0000004d;border:2px dashed rgba(77,232,255,.45);border-radius:16px;padding:12px;margin-bottom:18px}.invite-link{font-size:14px;word-break:break-all;color:var(--cyan);margin-bottom:10px;user-select:all;-webkit-user-select:all}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.slot{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#00000047;border:2px solid transparent;min-height:64px}.slot.me{border-color:#b6ff3b99}.slot.empty{opacity:.45;border:2px dashed rgba(160,120,255,.35)}.slot.offline{opacity:.6}.avatar{flex:none;width:38px;height:38px;border-radius:50% 50% 46% 46%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:inset 0 -4px #00000040}.slot-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-meta{font-size:12px;color:var(--muted)}.level-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:18px;border-radius:16px;background:linear-gradient(135deg,#4de8ff2e,#c77dff2e)}.level-card .emoji{font-size:34px}.level-card select{font:inherit;font-weight:800;color:var(--text);background:#00000059;border:1px solid rgba(160,120,255,.5);border-radius:10px;padding:6px 8px}.field-label{margin:0 0 6px;font-size:13px;color:var(--muted);font-weight:700}.field-label b{color:var(--text)}.seg{display:flex;gap:6px;margin-bottom:16px}.seg-btn{flex:1;padding:9px 6px;font:inherit;font-size:14px;font-weight:800;color:var(--text);background:#0000004d;border:2px solid rgba(160,120,255,.35);border-radius:12px;cursor:pointer}.seg-btn.active{color:#1b2a00;background:var(--accent);border-color:var(--accent)}.start-level{margin:-6px 0 14px}.slot .add-bot{margin-left:auto;padding:6px 10px;font-size:13px}.slot.empty:has(.add-bot){opacity:.8}.slot-remove{margin-left:auto;flex:none;width:28px;height:28px;border:none;border-radius:50%;font:inherit;font-weight:900;color:var(--text);background:#ff4f7b59;cursor:pointer}.controls-help{margin-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}.controls-help kbd{display:inline-block;padding:1px 7px;border-radius:6px;background:#ffffff1f;border-bottom:2px solid rgba(0,0,0,.4);color:var(--text);font-family:inherit;font-weight:800;font-size:12px}.link-btn{background:none;border:none;color:var(--muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:8px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));display:flex;align-items:flex-start;gap:10px}.pill{background:#120a2eb8;border:1px solid rgba(160,120,255,.35);border-radius:14px;padding:6px 12px;font-weight:900;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.timer{font-size:20px;font-variant-numeric:tabular-nums;min-width:84px;text-align:center}.hearts{font-size:16px;letter-spacing:1px;white-space:nowrap}.icon-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px #b6ff3b59}.progress{flex:1;position:relative;height:14px;margin-top:12px;border-radius:7px;background:#120a2eb8;border:1px solid rgba(160,120,255,.35);overflow:visible}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:7px;background:linear-gradient(90deg,var(--cyan),var(--accent))}.progress-cp{position:absolute;top:-4px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:#fff6}.progress-cp.reached{background:var(--accent)}.progress-raft{position:absolute;top:50%;font-size:20px;transform:translate(-50%,-55%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.icon-btn{pointer-events:auto;width:40px;height:40px;border-radius:12px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}.team{position:absolute;top:calc(62px + var(--safe-top));left:calc(10px + var(--safe-left));display:flex;flex-direction:column;gap:6px}.team-row{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:13px;font-weight:800}.team-row .avatar{width:24px;height:24px;font-size:13px}.team-row .name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-row .ping{font-size:11px;color:var(--muted);font-weight:700}.gasbar{width:54px;height:7px;border-radius:4px;background:#ffffff1f;overflow:hidden}.gasbar>div{height:100%;background:var(--accent);border-radius:4px;transition:width .15s linear}.belly{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px}.belly-label{font-size:13px;font-weight:900}.belly .gasbar{width:min(36vw,200px);height:14px;border-radius:7px}.belly .gasbar>div{background:linear-gradient(90deg,#6fae12,var(--accent),#e9ff8a)}.belly.low .gasbar>div{background:var(--danger)}.super-meter{font-size:12px;color:var(--muted);font-weight:800;min-width:60px;text-align:right}.super-meter.ready{color:var(--accent)}.center-msg{position:absolute;left:0;right:0;top:32%;text-align:center;font-size:clamp(56px,16vw,120px);font-weight:900;color:var(--accent);text-shadow:0 6px 0 var(--accent-dark),0 10px 40px rgba(0,0,0,.6);pointer-events:none;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.toasts{position:absolute;top:calc(64px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:90vw}.toast{padding:8px 16px;border-radius:14px;background:#120a2ed9;border:1px solid rgba(182,255,59,.5);font-weight:900;font-size:16px;animation:toast-in .3s ease-out,toast-out .4s ease-in 1.8s forwards}.toast.bad{border-color:#ff4f7bb3;color:#ffd0dc}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}}@keyframes toast-out{to{transform:translateY(-8px);opacity:0}}.touch{position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none;display:none}.touch.visible{display:block}.tbtn{position:absolute;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:#fff;background:#1c12409e;border:3px solid rgba(160,120,255,.6);box-shadow:0 6px #0a051e99;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tbtn.pressed{transform:translateY(4px) scale(.96);box-shadow:0 2px #0a051e99;background:#a078ff8c}.tbtn.left,.tbtn.right{width:74px;height:74px;bottom:calc(70px + var(--safe-bottom));font-size:34px}.tbtn.left{left:calc(16px + var(--safe-left))}.tbtn.right{left:calc(104px + var(--safe-left))}.tbtn.fart{width:104px;height:104px;right:calc(16px + var(--safe-right));bottom:calc(60px + var(--safe-bottom));font-size:18px;flex-direction:column;background:#6fae12b3;border-color:var(--accent)}.tbtn.fart.pressed{background:#b6ff3bd9;color:#1b2a00}.tbtn.super{width:70px;height:70px;right:calc(130px + var(--safe-right));bottom:calc(130px + var(--safe-bottom));font-size:13px;flex-direction:column;border-color:#ffb84d;background:#b45a0a99}.stick{position:absolute;left:calc(20px + var(--safe-left));bottom:calc(50px + var(--safe-bottom));width:150px;height:150px;border-radius:50%;pointer-events:auto;touch-action:none;background:#1c124080;border:3px solid rgba(160,120,255,.6);display:none;align-items:center;justify-content:center}.stick .knob{width:64px;height:64px;border-radius:50%;background:#a078ffbf;box-shadow:0 4px #0a051e99;pointer-events:none}.stick.pressed .knob{background:#b6ff3bd9}.touch.direct .stick{display:flex}.touch.direct .tbtn.left,.touch.direct .tbtn.right{display:none}.tbtn .emo{font-size:28px;line-height:1}.tbtn.super .emo{font-size:22px}.touch.visible~.belly,.hud .touch.visible+.belly{bottom:calc(10px + var(--safe-bottom))}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0804188c}.results h2{text-align:center;margin:0 0 6px;font-size:34px;color:var(--accent)}.results .big-time{text-align:center;font-size:46px;font-weight:900;font-variant-numeric:tabular-nums;margin-bottom:4px}.results .stats{text-align:center;color:var(--muted);margin-bottom:16px}.results ul{list-style:none;padding:0;margin:0 0 18px}.results li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#00000040;margin-bottom:6px;font-weight:800}.results .actions{display:flex;flex-direction:column;gap:12px}.reconnect{position:absolute;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);padding:10px 18px;border-radius:14px;background:#ff4f7be6;font-weight:900;pointer-events:none}.waiting{text-align:center;color:var(--muted);font-weight:700;padding:10px 0}@media(max-width:420px){.slots{grid-template-columns:minmax(0,1fr);gap:8px}.slot{min-height:54px;padding:8px 12px}}@media(max-width:640px)and (orientation:portrait){.toasts{top:calc(150px + var(--safe-top))}.hud-top{flex-wrap:wrap}.hud-top .progress{order:10;flex-basis:100%;margin-top:2px}.hud-top .hearts{margin-right:auto}.team{top:calc(84px + var(--safe-top))}}@media(max-height:500px)and (orientation:landscape){.tbtn.left,.tbtn.right{bottom:calc(24px + var(--safe-bottom))}.tbtn.fart{bottom:calc(18px + var(--safe-bottom))}.tbtn.super{bottom:calc(40px + var(--safe-bottom));right:calc(134px + var(--safe-right))}.stick{bottom:calc(14px + var(--safe-bottom));width:130px;height:130px}.team{top:calc(56px + var(--safe-top))}.belly{bottom:calc(8px + var(--safe-bottom))}}