*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 140% 90% at 50% 50%,#0d2a1a,#071520 45%,#050c14)}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:auto}.room-teams{display:flex;gap:clamp(8px,3vw,14px);padding:14px 5%;flex:1;min-height:0}.room-team{flex:1;display:flex;flex-direction:column;align-items:center;padding-bottom:14px;position:relative}.room-team-accent{width:100%;height:3px;border-radius:14px 14px 0 0}.room-team-accent--a{background:var(--team-a);opacity:.55}.room-team-accent--b{background:var(--team-b);opacity:.55}.room-team-name{font-size:clamp(11px,2vw,14px);font-weight:700;letter-spacing:2px;margin-top:14px}.room-team-name--a{color:var(--team-a)}.room-team-name--b{color:var(--team-b)}.room-team-players{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;width:100%;min-height:60px}.room-player{display:flex;align-items:center;gap:8px;font-size:clamp(11px,1.8vw,14px);color:var(--dim);width:100%;padding:0 4px}.room-player--me{color:var(--white);font-weight:600}.room-player-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.room-player-arrow{font-size:.7em;margin-right:2px}.room-team-empty{color:var(--muted);font-size:13px}.room-team-btn{margin-top:auto;min-width:80px}.room-team-btn--joined{opacity:.45}.room-status{text-align:center;padding:10px 6% calc(16px + var(--safe-bottom));flex-shrink:0}.room-status-text{font-size:clamp(13px,2.4vw,16px);font-weight:700;color:var(--dim)}.room-status--live{color:var(--success)}.room-status-sub{font-size:clamp(11px,1.8vw,14px);color:var(--muted);margin-top:4px}.room-status-count{font-size:clamp(24px,7vw,44px);font-weight:700;color:var(--accent);margin-top:6px}.room-status-note{font-size:clamp(9px,1.4vw,12px);color:var(--vmuted);margin-top:6px}.room-mode-badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:6px;background:#4d7fff1f;color:var(--accent);vertical-align:middle}.room-private-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;background:#fbbf241f;color:var(--warning);vertical-align:middle;margin-left:4px}@media (orientation: landscape) and (max-height: 500px){.room-teams{padding:8px 4%}.room-team-name{margin-top:8px;font-size:11px}.room-team-players{padding:6px;gap:4px;min-height:40px}.room-status{padding:6px 6% calc(10px + var(--safe-bottom))}.room-status-count{font-size:26px;margin-top:2px}}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:var(--font);user-select:none;-webkit-user-select:none}.hud-scorebar{position:absolute;top:max(8px,calc(env(safe-area-inset-top,0px) + 4px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#0a0a1ad1;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-score-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hud-score-value{font-size:clamp(18px,4vw,28px);font-weight:800;color:#fff;min-width:24px;text-align:center;line-height:1}.hud-timer{font-size:clamp(12px,2.4vw,16px);font-weight:600;color:#fff9;letter-spacing:1px;min-width:40px;text-align:center}.hud-timer--low{color:var(--danger, #ef4444);animation:hud-timer-pulse 1s ease-in-out infinite}@keyframes hud-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.hud-events{position:absolute;top:max(54px,calc(env(safe-area-inset-top,0px) + 48px));right:max(8px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:4px;max-width:160px}.hud-event{font-size:clamp(10px,1.8vw,13px);font-weight:600;padding:3px 10px;border-radius:6px;background:#0a0a1abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;animation:hud-event-in .25s ease-out;color:#ffffffbf}.hud-name--ally{color:#5cb8ff;font-weight:700}.hud-name--enemy{color:#ff6b6b;font-weight:700}@keyframes hud-event-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hud-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a1a80}.hud-countdown-number{font-size:clamp(48px,14vw,96px);font-weight:900;color:#fff;text-shadow:0 0 30px rgba(77,127,255,.5);animation:hud-countdown-pop .4s ease-out}@keyframes hud-countdown-pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.hud-emote-panel{position:absolute;bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 8px));right:max(12px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto;z-index:12;touch-action:none}.hud-emote-choices{display:flex;flex-direction:column;gap:6px;animation:hud-emote-expand .2s ease-out}@keyframes hud-emote-expand{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-emote-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0a0a1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .1s,background .15s;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}.hud-emote-btn:active{transform:scale(.85);background:#4d7fff4d}.hud-emote-btn.cooldown{opacity:.35;pointer-events:none}.hud-emote-toggle{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0a0a1abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}.hud-emote-toggle:active{transform:scale(.88)}.hud-emote-toggle.open{background:#4d7fff33;border-color:#4d7fff59}.hud-emote-toggle.cooldown{opacity:.35;pointer-events:none}.hud-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;animation:hud-goal-fade 2.8s ease-out forwards}@keyframes hud-goal-fade{0%{opacity:1}75%{opacity:1}to{opacity:0}}.hud-goal-banner{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 60%,transparent 100%);animation:hud-goal-banner-in .3s ease-out}@keyframes hud-goal-banner-in{0%{opacity:0}to{opacity:1}}.hud-goal-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.hud-goal-text{font-size:clamp(48px,16vw,100px);font-weight:900;letter-spacing:6px;text-transform:uppercase;line-height:1;animation:hud-goal-pop .5s cubic-bezier(.22,1.2,.36,1) .15s both}.hud-goal--local{color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.6)}.hud-goal--opponent{color:#ff4757;text-shadow:0 0 20px rgba(255,71,87,.8),0 0 60px rgba(255,71,87,.4),0 2px 4px rgba(0,0,0,.6)}@keyframes hud-goal-pop{0%{transform:scale(2.5);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.hud-goal-scorer{font-size:clamp(14px,4vw,22px);font-weight:700;color:#ffffffd9;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.5);animation:hud-goal-scorer-in .4s ease-out .4s both}@keyframes hud-goal-scorer-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hud-goal-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hud-confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:hud-confetti-fall linear forwards}@keyframes hud-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(calc(100vh + 20px)) rotate(720deg);opacity:0}}@media (orientation: landscape) and (max-height: 500px){.hud-scorebar{padding:4px 14px;gap:8px}.hud-events{top:max(42px,calc(env(safe-area-inset-top,0px) + 38px))}}.action-buttons-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.action-btn{position:absolute;pointer-events:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.action-btn:active{transform:scale(.9)}.action-btn--pass{background:radial-gradient(circle at 40% 38%,#4db4ff73,#3278dc40);border:2px solid rgba(100,180,255,.5);box-shadow:0 0 12px #4d96ff33,inset 0 1px 3px #ffffff1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.action-btn--pass:active{background:radial-gradient(circle at 40% 38%,#4db4ff99,#3278dc66);box-shadow:0 0 18px #4d96ff66,inset 0 1px 3px #ffffff26}.action-btn--shoot{background:radial-gradient(circle at 40% 38%,#ff5a4673,#dc323240);border:2px solid rgba(255,100,80,.5);box-shadow:0 0 12px #ff503c33,inset 0 1px 3px #ffffff1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.action-btn--shoot:active{background:radial-gradient(circle at 40% 38%,#ff5a4699,#dc323266);box-shadow:0 0 18px #ff503c66,inset 0 1px 3px #ffffff26}.action-btn--shoot.charging{animation:shoot-pulse .4s ease-in-out infinite alternate}@keyframes shoot-pulse{0%{box-shadow:0 0 12px #ff503c4d,inset 0 1px 3px #ffffff1a}to{box-shadow:0 0 22px #ff3c2899,0 0 40px #ff503c26,inset 0 1px 3px #ffffff26}}.action-btn-charge-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);pointer-events:none}.action-btn-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none;z-index:1}.ce-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(160deg,#071a0e,#0a2a14,#081512);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.ce-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ce-field-center-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff0d}.ce-field-center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.ce-header{position:absolute;top:max(16px,env(safe-area-inset-top,16px));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.ce-header-title{font-size:15px;font-weight:900;letter-spacing:3px;color:#ffffffe6}.ce-header-hint{font-size:11px;font-weight:500;letter-spacing:.5px;color:#ffffff4d}.ce-zone-hint{position:absolute;top:38%;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff1a;pointer-events:none}.ce-zone-hint--left{left:6%}.ce-zone-hint--right{right:6%}.ce-element{position:absolute;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:transform .1s ease,box-shadow .15s ease;will-change:transform}.ce-element:active,.ce-element.dragging{cursor:grabbing;transform:scale(1.12)}.ce-joystick{background:radial-gradient(circle at 40% 38%,#4d7fff40,#1e3c961f);border:2.5px solid rgba(77,127,255,.5);box-shadow:0 0 14px #4d7fff33,inset 0 1px 3px #ffffff14}.ce-joystick.dragging{border-color:#4db4ffe6;box-shadow:0 0 22px #4d7fff80,0 0 40px #4d7fff33,inset 0 1px 3px #ffffff1f}.ce-joystick-outer{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(77,127,255,.3);display:flex;align-items:center;justify-content:center}.ce-joystick-inner{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4db4ff80,#3278dc4d);border:1.5px solid rgba(77,180,255,.5)}.ce-btn-pass{background:radial-gradient(circle at 40% 38%,#4db4ff59,#3278dc2e);border:2.5px solid rgba(100,180,255,.55);box-shadow:0 0 14px #4d96ff33,inset 0 1px 3px #ffffff14}.ce-btn-pass.dragging{border-color:#64c8fff2;box-shadow:0 0 22px #4d96ff8c,0 0 40px #4d96ff33}.ce-btn-shoot{background:radial-gradient(circle at 40% 38%,#ff5a4659,#dc32322e);border:2.5px solid rgba(255,100,80,.55);box-shadow:0 0 14px #ff503c33,inset 0 1px 3px #ffffff14}.ce-btn-shoot.dragging{border-color:#ff7850f2;box-shadow:0 0 22px #ff503c8c,0 0 40px #ff503c33}.ce-element-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:1.5px;color:#fff6;white-space:nowrap;pointer-events:none}.ce-element.dragging .ce-element-label{color:#ffffffb3}.ce-footer{position:absolute;bottom:max(20px,env(safe-area-inset-bottom,20px));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px}.ce-btn-action{padding:10px 22px;border-radius:10px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;transition:transform .1s ease,opacity .15s ease}.ce-btn-action:active{transform:scale(.94)}.ce-btn-reset{background:#ffffff0f;color:#fff6;border:1px solid rgba(255,255,255,.1)}.ce-btn-cancel{background:#ef44441a;color:#ef4444b3;border:1px solid rgba(239,68,68,.2)}.ce-btn-save{background:#4d7fff33;color:#82b4ff;border:1px solid rgba(77,127,255,.35);min-width:90px}.ce-btn-save:hover{background:#4d7fff47}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:linear-gradient(160deg,#071a0e,#0a2214 55%,#071510);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;animation:ob-enter .4s cubic-bezier(.2,0,0,1) both}.ob-overlay.ob-closing{animation:ob-exit .32s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes ob-enter{0%{opacity:0}to{opacity:1}}@keyframes ob-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.ob-field-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ob-field-v{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff0a}.ob-field-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.04)}.ob-skip{position:absolute;top:max(18px,env(safe-area-inset-top,18px));right:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#ffffff61;font-family:var(--font, inherit);font-size:11px;font-weight:700;letter-spacing:1.5px;padding:7px 15px;border-radius:8px;cursor:pointer;z-index:2;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.ob-skip:active{background:#ffffff24;color:#ffffffa6}.ob-slide-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:64px 36px 16px;overflow:hidden}.ob-slide{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:320px;animation:ob-slide-enter .38s cubic-bezier(.2,0,0,1) both}@keyframes ob-slide-enter{0%{opacity:0;transform:translate(36px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.ob-visual{display:flex;align-items:center;justify-content:center;height:100px;margin-bottom:28px}.ob-phone-wrap{position:relative;width:88px;height:100px;display:flex;align-items:center;justify-content:center}.ob-phone{width:38px;height:64px;border:2.5px solid rgba(255,255,255,.6);border-radius:9px;position:relative;animation:ob-phone-rotate 2.6s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center}.ob-phone-notch{position:absolute;top:5px;left:50%;transform:translate(-50%);width:12px;height:3px;border-radius:2px;background:#ffffff4d}.ob-phone-home{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:12px;height:3px;border-radius:2px;background:#ffffff4d}@keyframes ob-phone-rotate{0%,22%{transform:rotate(0)}52%,82%{transform:rotate(-90deg)}to{transform:rotate(0)}}.ob-rotate-arrow{position:absolute;bottom:2px;right:0;font-size:30px;color:#34d399cc;line-height:1;animation:ob-arrow-pop 2.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes ob-arrow-pop{0%,12%{opacity:0;transform:scale(.55) rotate(-20deg)}32%,62%{opacity:1;transform:scale(1) rotate(0)}82%,to{opacity:0;transform:scale(.75) rotate(20deg)}}.ob-controls-wrap{display:flex;align-items:center;gap:26px;animation:ob-ctrl-bob 2.8s ease-in-out infinite}@keyframes ob-ctrl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ob-ctrl-joystick{width:68px;height:68px;border-radius:50%;border:2.5px solid rgba(77,127,255,.52);background:radial-gradient(circle at 40% 38%,rgba(77,127,255,.18),transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px #4d7fff21}.ob-ctrl-stick{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#4db4ff80,#3278dc47);border:1.5px solid rgba(77,180,255,.48)}.ob-ctrl-btns{display:flex;flex-direction:column;gap:9px}.ob-ctrl-btn{width:58px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:1.5px}.ob-ctrl-pass{border:1.5px solid rgba(100,180,255,.48);background:radial-gradient(circle at 40% 38%,#4db4ff38,#3278dc1a);color:#82c8ffcc}.ob-ctrl-shoot{border:1.5px solid rgba(255,100,80,.48);background:radial-gradient(circle at 40% 38%,#ff5a4638,#dc32321a);color:#ff9682cc}.ob-ball-wrap{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 38%,rgba(52,211,153,.1),transparent);animation:ob-glow-pulse 2.2s ease-in-out infinite}.ob-ball-emoji{font-size:58px;line-height:1;animation:ob-ball-float 2.2s ease-in-out infinite}@keyframes ob-ball-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ob-glow-pulse{0%,to{box-shadow:0 0 18px #34d39914}50%{box-shadow:0 0 36px #34d39938}}.ob-title{font-size:22px;font-weight:900;letter-spacing:2.5px;color:#fffffff0;margin:0 0 10px;text-transform:uppercase;line-height:1.2}.ob-body{font-size:13px;color:#ffffff6b;line-height:1.6;margin:0 0 22px;max-width:270px;letter-spacing:.2px}.ob-tap-hint{font-size:10px;color:#ffffff2e;letter-spacing:1.2px;text-transform:uppercase;margin:6px 0 0}.ob-action-btn{padding:11px 22px;border-radius:10px;background:#4d7fff21;border:1px solid rgba(77,127,255,.32);color:#73afff;font-family:var(--font, inherit);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;margin-bottom:10px;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.ob-action-btn:active{transform:scale(.95);background:#4d7fff3d}.ob-play-btn{padding:14px 44px;border-radius:14px;background:linear-gradient(135deg,#34d39947,#10b9812e);border:1.5px solid rgba(52,211,153,.48);color:#5ae1aa;font-family:var(--font, inherit);font-size:17px;font-weight:900;letter-spacing:3px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 22px #34d39924;transition:transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.ob-play-btn:active{transform:scale(.95);box-shadow:0 0 10px #34d39914}.ob-dots{display:flex;align-items:center;gap:7px;padding-bottom:max(28px,env(safe-area-inset-bottom,28px))}.ob-dot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;transition:width .28s cubic-bezier(.2,0,0,1),background .28s}.ob-dot--active{width:22px;border-radius:3px;background:#34d399b8}.ob-portrait-hint{position:absolute;bottom:max(72px,calc(env(safe-area-inset-bottom,24px) + 58px));left:50%;transform:translate(-50%);background:#fbbf2417;border:1px solid rgba(251,191,36,.2);color:#fbbf24b3;font-size:10px;font-weight:600;letter-spacing:.8px;padding:6px 14px;border-radius:8px;white-space:nowrap;pointer-events:none;animation:ob-hint-pulse 2.5s ease-in-out infinite}@keyframes ob-hint-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (orientation: landscape) and (max-height: 500px){.ob-slide-wrap{padding:48px 36px 8px}.ob-visual{height:70px;margin-bottom:14px}.ob-phone{width:28px;height:46px}.ob-phone-wrap{width:68px;height:70px}.ob-ctrl-joystick{width:52px;height:52px}.ob-ctrl-stick{width:20px;height:20px}.ob-ctrl-btn{width:48px;height:24px;font-size:8px}.ob-ball-wrap{width:70px;height:70px}.ob-ball-emoji{font-size:40px}.ob-title{font-size:17px;letter-spacing:1.5px;margin-bottom:6px}.ob-body{font-size:11px;margin-bottom:14px}.ob-play-btn{padding:10px 32px;font-size:14px}.ob-action-btn{padding:8px 18px;font-size:11px}.ob-dots{padding-bottom:max(14px,env(safe-area-inset-bottom,14px))}.ob-portrait-hint{display:none}}:root{--bg: #0a0a1a;--bg-glow1: #162255;--bg-glow2: #0c1a33;--surface: rgba(17, 17, 40, .92);--surface-hi: rgba(24, 24, 64, .95);--border: #22224a;--border-hi: #2f2f66;--accent: #4d7fff;--accent-dark: #3358cc;--success: #34d399;--danger: #ef4444;--warning: #fbbf24;--gold: #ffd700;--team-a: #14b8a6;--team-a-bg: #0c2220;--team-b: #ef4444;--team-b-bg: #220c0c;--white: #f0f4f8;--bright: #e2e8f0;--dim: #94a3b8;--muted: #64748b;--vmuted: #334155;--faint: #1e293b;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--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)}.page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;font-family:var(--font);color:var(--white);overflow:hidden;background:var(--bg);background-image:radial-gradient(ellipse 50% 50% at 85% 0%,rgba(22,34,85,.35),transparent),radial-gradient(ellipse 35% 40% at 10% 92%,rgba(12,26,51,.3),transparent),radial-gradient(ellipse 60% 50% at 50% 48%,rgba(22,34,85,.1),transparent)}.page-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:calc(24px + var(--safe-bottom))}.safe-top{padding-top:max(12px,var(--safe-top))}.page-header{display:flex;align-items:center;justify-content:center;padding:14px 6%;padding-top:max(14px,calc(var(--safe-top) + 10px));position:relative;flex-shrink:0}.page-header .back-btn{position:absolute;left:6%;background:none;border:none;color:var(--muted);font:14px var(--font);cursor:pointer;padding:6px 0;transition:color .15s}.page-header .back-btn:hover{color:var(--dim)}.page-header h1{font-size:16px;font-weight:700;letter-spacing:2px;margin:0}.page-header .header-right{position:absolute;right:6%}.page-subtitle{text-align:center;font-size:12px;color:var(--muted);padding-bottom:10px}.page-divider{height:1px;background:var(--border);opacity:.45;margin:0 6%;flex-shrink:0}.card{background:var(--surface);border:1px solid rgba(34,34,74,.5);border-radius:14px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.025) 0%,transparent 100%);border-radius:14px 14px 0 0;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;font-family:var(--font);font-weight:700;cursor:pointer;transition:transform .12s,opacity .12s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:2px 3px auto 3px;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent);border-radius:999px 999px 0 0;pointer-events:none}.btn:active{transform:scale(.93)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);color:var(--white)}.btn-secondary{background:var(--surface-hi);color:var(--dim)}.btn-lg{padding:14px 36px;font-size:16px;letter-spacing:3px;min-width:180px}.btn-md{padding:10px 24px;font-size:13px;letter-spacing:1px}.btn-sm{padding:8px 18px;font-size:12px;letter-spacing:1px}.btn-team-a{background:var(--team-a);color:var(--white)}.btn-team-b{background:var(--team-b);color:var(--white)}.btn-glow{box-shadow:0 0 20px #4d7fff40,0 0 40px #4d7fff1a;animation:glow-pulse 2.8s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #4d7fff2e,0 0 40px #4d7fff0f}50%{box-shadow:0 0 30px #4d7fff59,0 0 60px #4d7fff1f}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat-cell{text-align:center;padding:10px 0;border-left:1px solid rgba(34,34,74,.35)}.stat-cell:first-child{border-left:none}.stat-cell .stat-value{font-size:clamp(22px,4vh,30px);font-weight:700;line-height:1.2}.stat-cell .stat-label{font-size:clamp(8px,1.3vh,10px);color:var(--muted);letter-spacing:1px;margin-top:4px}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-dim{color:var(--dim)}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-center{text-align:center}.fade-in{animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (orientation: landscape) and (max-height: 500px){.page-header{padding-top:max(6px,var(--safe-top));padding-bottom:8px}.page-subtitle{padding-bottom:6px;font-size:11px}.stat-cell{padding:6px 0}.stat-cell .stat-value{font-size:clamp(16px,3.5vh,22px)}.stat-cell .stat-label{font-size:clamp(7px,1.2vh,9px);margin-top:2px}.card{padding:10px 12px;border-radius:10px}.btn-lg{padding:10px 28px;font-size:14px}.btn-md{padding:7px 12px;font-size:11px}.btn-sm{padding:5px 10px;font-size:10px}}