*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b2a33;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}canvas{display:block}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;-webkit-user-select:text;user-select:text}h1{letter-spacing:.08em;color:#fff8e6;text-shadow:0 6px 40px #00283c73;margin:0;font-family:Bebas Neue,Impact,sans-serif;font-weight:400;line-height:.9}#boot{z-index:30;background:radial-gradient(at 50% 120%,#ffcf7a 0%,#f59e5b 22%,#2a9db3 55%,#0b3a4a 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s;display:flex;position:fixed;inset:0}#boot h1{font-size:clamp(64px,14vw,170px)}#boot .track{background:#ffffff40;border-radius:3px;width:min(320px,70vw);height:3px;overflow:hidden}#bar{background:#fff8e6;width:0;height:100%;transition:width .2s}#boot p{opacity:.8;letter-spacing:.1em;margin:0;font-size:13px}#boot.fade{opacity:0;pointer-events:none}#menu{z-index:20;padding:max(16px, env(safe-area-inset-left));pointer-events:none;align-items:center;display:flex;position:fixed;inset:0}#menu .panel{pointer-events:auto;-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#08303cb8,#081e288c);border:1px solid #ffffff2e;border-radius:22px;width:min(400px,100%);padding:32px 30px 26px;box-shadow:0 20px 60px #0000004d}#menu h1{font-size:clamp(56px,10vw,96px)}#menu .sub{letter-spacing:.28em;text-transform:uppercase;opacity:.8;margin:6px 0 24px;font-size:11px}.field{margin-bottom:12px;display:block}.field span{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:11px;display:block}.field input{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px}.field input:focus{border-color:#ffe7a8}.row{gap:8px;margin-bottom:16px;display:flex}.row button{flex:1}button.ghost{background:#ffffff0f;border:1px solid #ffffff40;border-radius:12px;padding:10px 12px;font-size:13px}button.ghost:hover{background:#ffffff29}button.primary{letter-spacing:.16em;text-transform:uppercase;color:#173c44;background:linear-gradient(90deg,#ffe7a8,#ffb870);border:0;border-radius:40px;width:100%;padding:15px;font-size:14px;font-weight:700;box-shadow:0 8px 24px #ffaa5a59}button.primary:hover{filter:brightness(1.06)}button.primary:disabled{opacity:.6}.hint{opacity:.7;margin:14px 0 0;font-size:12px;line-height:1.5}.quote{opacity:.55;margin:16px 0 0;font-size:12px;font-style:italic}#hud{z-index:5;pointer-events:none;position:fixed;inset:0}#hud button,#hud form,#hud input,#emotes,#players,#touch *{pointer-events:auto}.chip{-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 2px #0000004d;white-space:nowrap;background:#0a283266;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:6px;padding:8px 13px;font-size:13px;display:inline-flex}button.chip:hover{background:#0a283299}.top-left,.top-right{top:max(14px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.top-left{left:max(14px, env(safe-area-inset-left))}.top-right{right:max(14px, env(safe-area-inset-right))}#micBtn.on{background:#2e9e6ab3}#micBtn.speaking{box-shadow:0 0 0 3px #78ffaa99}#score.pop{animation:.4s pop}@keyframes pop{50%{transform:scale(1.18)}}#prompt{opacity:0;padding:10px 20px;font-size:15px;transition:all .25s;position:absolute;bottom:150px;left:50%;transform:translate(-50%)translateY(10px)}#prompt.show{opacity:1;transform:translate(-50%)}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a28328c;border-radius:16px;padding:7px 14px;font-size:13px;animation:4s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}#chat{left:max(14px, env(safe-area-inset-left));width:min(380px,60vw);position:absolute;bottom:18px}#chatLog{flex-direction:column;justify-content:flex-end;gap:3px;max-height:32vh;margin-bottom:6px;display:flex;overflow:hidden}.msg{text-shadow:0 1px 2px #0006;word-wrap:break-word;background:#0a283266;border-radius:10px;width:fit-content;max-width:100%;padding:4px 10px;font-size:13px;line-height:1.35;transition:opacity 1s}.msg b{color:#ffe7a8;font-weight:600}.msg.sys{opacity:.85;background:#0a283240;font-style:italic}.msg.old{opacity:0}#chat.open .msg.old{opacity:1}#chatInput{color:#fff;background:#0a2832b3;border:1px solid #ffffff4d;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:15px}#chatHint{opacity:.55;padding-left:4px;font-size:11px}#help{border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;font-size:11.5px;line-height:1.55;position:absolute;bottom:14px;right:14px}#help b{color:#ffe7a8;font-weight:600}#emotes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a28328c;border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:repeat(4,auto);gap:8px;padding:12px;display:grid;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}#emotes button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:74px;padding:8px 4px;font-size:11px;display:flex}#emotes button span{font-size:24px}#emotes button kbd{opacity:.55;font-family:inherit;font-size:10px}#emotes button:hover{background:#fff3}#players{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08242ec7;border:1px solid #ffffff2e;border-radius:18px;width:min(420px,92vw);padding:18px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#players h3{letter-spacing:.04em;margin:0 0 12px;font-size:15px;font-weight:600}.prow{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:7px 4px;font-size:14px;display:flex}.prow.me{color:#ffe7a8}.tag{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;transform:translateY(-4px)}.tag .name{color:#fff;text-shadow:0 1px 2px #00000080;white-space:nowrap;background:#00000059;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:flex}.tag.self .name{display:none}.tag .mic{font-size:10px;display:none}.tag.voice .mic{opacity:.5;display:inline}.tag.speaking .mic{opacity:1}.tag.speaking .name{box-shadow:0 0 0 2px #78ffaacc}.tag .bubble{color:#173c44;text-align:center;opacity:0;white-space:normal;background:#ffffffeb;border-radius:12px;max-width:220px;padding:6px 10px;font-size:13px;line-height:1.3;transition:all .25s;transform:translateY(6px)scale(.9)}.tag .bubble.show{opacity:1;transform:none}#touch{pointer-events:none;position:absolute;inset:0}#joyZone{pointer-events:auto;width:45%;height:55%;position:absolute;bottom:0;left:0}#joyBase{opacity:.55;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transition:opacity .2s;position:absolute;top:calc(100% - 130px);left:110px}#joyBase.active{opacity:1}#joyKnob{background:#ffffffbf;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#touchBtns{right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));direction:rtl;grid-template-columns:repeat(2,64px);gap:12px;display:grid;position:absolute}.tbtn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:ltr;background:#0a283273;border:2px solid #ffffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;line-height:1;display:flex}.tbtn small{opacity:.8;letter-spacing:.05em;margin-top:3px;font-size:9px}.tbtn.big{grid-row:span 1;width:78px;height:78px}.tbtn:active,.tbtn.held{background:#ffe7a866}.tbtn[hidden]{display:none}body.touch #chat{width:min(320px,70vw);top:64px;bottom:auto}body.touch #chatLog{max-height:22vh}body.touch .desktop-only{display:none!important}body.touch #prompt{bottom:200px}body.touch #emotes{grid-template-columns:repeat(4,auto);bottom:50%;transform:translate(-50%,50%)}@media (width<=520px){.chip{padding:7px 10px;font-size:12px}#micBtn span{display:none}#emotes button{width:64px}}@media (height<=560px){#menu{pointer-events:auto;align-items:flex-start;overflow-y:auto}#menu .panel{margin:auto 0;padding:16px 20px}#menu h1{font-size:52px}#menu .sub{margin:4px 0 12px}.field{margin-bottom:8px}.field input{padding:9px 12px}.row{margin-bottom:10px}button.primary{padding:12px}#menu .quote,#menu .hint{display:none}}.seg{gap:6px;margin:-4px 0 10px;display:flex}.seg button{background:#ffffff0f;border:1px solid #ffffff40;border-radius:12px;flex:1;padding:9px;font-size:14px}.seg button.on{color:#173c44;background:linear-gradient(90deg,#ffe7a8,#ffb870);border-color:#0000;font-weight:700}#menu .panel{max-height:calc(100vh - 32px);overflow-y:auto}@media (height<=560px){.seg{margin-bottom:6px}.seg button{padding:6px}}.tag .speak{background:#28be78d9;border-radius:14px;align-items:center;gap:3px;padding:3px 9px;font-size:15px;line-height:1;display:none;box-shadow:0 0 12px #78ffaab3}.tag.speaking .speak{animation:.18s ease-out speakPop;display:flex}.tag .speak i{background:#fff;border-radius:2px;width:3px;height:12px;animation:.7s ease-in-out infinite speakBar;display:block}.tag .speak i:nth-child(3){animation-delay:.15s}.tag .speak i:nth-child(4){animation-delay:.3s}@keyframes speakBar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes speakPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}#gameChip{top:max(62px, calc(env(safe-area-inset-top) + 48px));background:#781e288c;font-size:14px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}#vbChip{top:max(62px, calc(env(safe-area-inset-top) + 48px));font-size:15px;font-weight:700;position:absolute;right:14px}#ammoChip{font-size:15px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}#ammoChip small{opacity:.7;margin-left:6px}#toasts{top:104px}#diveBoard h4{opacity:.85;margin:14px 0 6px;font-size:13px;font-weight:600}.prow.small{opacity:.9;font-size:12.5px}.tag.it .name{background:#e0313f;box-shadow:0 0 0 2px #fff,0 0 14px #ff283ce6}.tag.it .name:before{content:"IT";margin-right:4px;font-weight:800}.tag.self.it .name{display:flex}.tag.self.it .name .txt{display:none}body.touch #ammoChip{bottom:180px}#touch{z-index:1}#emotes,#players,#chat{z-index:5}body.menu-open #joyZone{pointer-events:none}body.photo #hud,body.photo .tag .name{visibility:hidden}