:root{color-scheme:dark;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef6f4;background:#06131b;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #eef6f4;--muted: #8fa4a8;--dim: #5f7479;--navy-950: #041017;--navy-900: #071820;--navy-800: #0b222c;--panel: rgba(9, 27, 35, .82);--panel-strong: rgba(7, 24, 32, .94);--line: rgba(190, 221, 218, .13);--line-bright: rgba(211, 238, 232, .23);--cyan: #35d6de;--cyan-soft: #8cecf0;--cyan-dark: #159aa5;--red: #ff5b5f;--amber: #f1b95b;--cream: #e8dfc8;--shadow: 0 28px 90px rgba(0, 0, 0, .45);--condensed: "Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}html{background:var(--navy-950)}body{overflow:hidden;overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.app{position:relative;width:100%;min-height:100%;height:100%;isolation:isolate;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 78% 28%,rgba(41,133,139,.12),transparent 32%),linear-gradient(114deg,#06151d,#081921 42%,#07131a)}.app--game{overflow:hidden;background:#030b10}.arena-background{position:fixed;z-index:-3;inset:0;overflow:hidden;opacity:.95}.arena-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#041017fc,#041017f0 30%,#04101742 66%,#0410176b),linear-gradient(0deg,rgba(4,16,23,.94) 0%,transparent 28%,rgba(4,16,23,.28) 100%)}.ambient-layer,.grain{position:fixed;z-index:-2;inset:0;pointer-events:none}.ambient{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.1}.ambient--one{right:-16vw;top:-18vw;background:var(--cyan)}.ambient--two{left:-28vw;bottom:-28vw;background:#bf823c}.grain{opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.glass-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d262fbd,#06151dd6);box-shadow:var(--shadow),inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;height:104px;padding:max(22px,env(safe-area-inset-top)) clamp(24px,4.2vw,72px) 18px}.brand{display:inline-flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.brand__puck{position:relative;display:grid;place-items:center;width:48px;height:48px;transform:rotate(-9deg);border:2px solid #a67239;border-radius:50%;background:radial-gradient(circle at 36% 31%,#fff8df 0 7%,#e4cf9e 8% 18%,#2b2924 20% 23%,#0c1215 25% 66%,#040708 70%);box-shadow:0 8px 20px #0000006b,inset 0 0 0 3px #f0c6701f}.brand__puck:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #35d6ded1}.brand__type{display:grid;line-height:.88}.brand__type strong{font:900 27px/.92 var(--condensed);letter-spacing:.08em}.brand__type small{margin-top:5px;color:var(--cyan-soft);font:800 9px/1 var(--condensed);letter-spacing:.46em}.brand--compact .brand__puck{width:42px;height:42px}.brand--compact .brand__type strong{font-size:24px}.topbar__meta{display:flex;align-items:center;gap:10px}.build-badge,.live-label,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#b8c8c8;font:700 10px/1 var(--condensed);letter-spacing:.19em}.build-badge{margin-right:10px;padding:9px 13px;border:1px solid rgba(159,188,187,.15);border-radius:99px;background:#06131a73}.build-badge i,.live-label i,.section-kicker--live i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #35d6de17,0 0 12px #35d6dee6}.icon-button{display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid var(--line);border-radius:12px;color:#a7b8b9;background:#06151ca3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.16s ease}.icon-button:hover,.icon-button.is-active{border-color:#5fe0e652;color:var(--cyan-soft);background:#123a43c2;transform:translateY(-1px)}.home-view{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,660px) minmax(320px,1fr);grid-template-rows:1fr auto;gap:24px 7vw;min-height:calc(100vh - 152px);padding:clamp(34px,7vh,92px) clamp(24px,6.6vw,112px) 82px}.hero-copy{align-self:center;max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--cyan-soft);font:700 11px/1 var(--condensed);letter-spacing:.24em}.hero-copy h1{margin:0;color:#f2f5ed;font:900 clamp(68px,7.2vw,118px)/.77 var(--condensed);letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 16px 40px rgba(0,0,0,.42)}.hero-copy h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1.4px rgba(133,228,229,.82);text-shadow:0 0 44px rgba(55,195,204,.12)}.hero-copy>p{max-width:530px;margin:29px 0 31px;color:#9eb0b1;font-size:clamp(14px,1.15vw,17px);line-height:1.75}.hero-actions{display:flex;align-items:stretch;gap:12px}.primary-cta,.secondary-cta{display:flex;align-items:center;min-height:68px;border-radius:16px;transition:.18s ease}.primary-cta{gap:13px;min-width:276px;padding:8px 14px 8px 9px;border:1px solid #8ae9e9;color:#041116;background:linear-gradient(135deg,#80eff0,#35d6de 54%,#1db2bd);box-shadow:0 14px 38px #23bcc538,inset 0 1px #ffffff8c}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 19px 48px #23bcc54d,inset 0 1px #ffffff8c}.primary-cta__icon,.secondary-cta__icon{display:grid;flex:0 0 auto;place-items:center;width:50px;height:50px;border-radius:12px}.primary-cta__icon{color:#b6f9f7;background:#0b3d44;box-shadow:inset 0 1px #ffffff21}.primary-cta>span:nth-child(2),.secondary-cta>span:nth-child(2){display:grid;flex:1;gap:2px;text-align:left;font-size:15px;font-weight:800}.primary-cta small,.secondary-cta small{font:800 9px/1.2 var(--condensed);letter-spacing:.14em;opacity:.62}.secondary-cta{gap:12px;min-width:236px;padding:8px 14px 8px 9px;border:1px solid var(--line-bright);background:linear-gradient(135deg,#14333de0,#081c24e0);box-shadow:inset 0 1px #ffffff0a}.secondary-cta:hover{transform:translateY(-3px);border-color:#5bdce061;background:linear-gradient(135deg,#1a424bf2,#09222af0)}.secondary-cta__icon{color:var(--cyan-soft);background:#33cdd51a}.home-links{display:flex;align-items:center;flex-wrap:wrap;gap:7px 22px;margin-top:21px}.text-link{padding:4px 0;border:0;color:#c1cdcc;background:transparent;font-size:12px;font-weight:700}.text-link span{margin-left:6px;color:var(--dim);font-weight:500}.text-link:hover{color:var(--cyan-soft)}.text-link--leaderboard{display:inline-flex;align-items:center;gap:6px;color:#d8c494}.text-link--leaderboard svg{color:var(--amber);filter:drop-shadow(0 0 8px rgba(241,185,91,.22))}.text-link--leaderboard span{margin-left:0}.hero-score-card{align-self:end;justify-self:end;width:min(100%,410px);margin-bottom:30px;padding:18px 20px 15px;border-radius:18px}.live-label{color:#96a9aa;font-size:9px}.live-label i{background:var(--red);box-shadow:0 0 0 4px #ff5b5f14,0 0 10px var(--red);animation:pulse-live 1.7s infinite}.mini-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:15px}.mini-score>div{display:flex;align-items:center;gap:8px;color:#dce6e3;font:700 13px/1 var(--condensed);letter-spacing:.08em}.mini-score>div:last-child{justify-content:flex-end}.mini-score>strong{font:800 31px/1 var(--condensed);letter-spacing:.07em}.mini-score>strong small{color:#52676b;font-size:19px}.team-dot{width:10px;height:10px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.team-dot--blue{background:var(--cyan);box-shadow:0 0 9px #35d6de99}.team-dot--red{background:var(--red);box-shadow:0 0 9px #ff5b5f80}.mini-period{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--dim);font:700 9px/1 var(--condensed);letter-spacing:.13em}.mini-period b{color:var(--cyan-soft);font-size:12px;letter-spacing:.08em}.hero-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:13px;color:#889a9b;font-size:11px}.hero-tip svg{color:var(--cyan)}.feature-strip{grid-column:1 / -1;display:flex;align-items:center;gap:clamp(24px,5vw,74px);padding-top:20px;border-top:1px solid rgba(177,207,204,.08)}.feature-strip>div{display:flex;align-items:center;gap:12px}.feature-strip>div>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(105,217,219,.16);border-radius:10px;color:var(--cyan-soft);background:#23848c14}.feature-strip p{display:grid;gap:3px;margin:0}.feature-strip b{color:#c9d5d3;font-size:11px}.feature-strip small{color:#60767a;font-size:9px}.site-footer{position:absolute;z-index:3;right:clamp(24px,4.2vw,72px);bottom:24px;display:flex;gap:18px;color:#8ea7a857;font:700 8px/1 var(--condensed);letter-spacing:.16em}.page-enter{animation:page-enter .42s cubic-bezier(.2,.78,.22,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.setup-shell,.how-shell,.lobby-shell{position:relative;z-index:4;width:min(1120px,calc(100% - 48px));min-height:calc(100vh - 122px);margin:0 auto;padding:18px 0 86px}.setup-shell{width:min(1020px,calc(100% - 48px))}.back-button{display:inline-flex;align-items:center;gap:8px;padding:9px 0;border:0;color:#8ca0a2;background:transparent;font-size:12px;font-weight:700;min-height:44px}.back-button:hover{color:var(--cyan-soft)}.setup-heading{margin:clamp(24px,5vh,54px) 0 34px}.section-kicker{color:var(--cyan-soft);font-size:10px}.setup-heading h2,.lobby-card h2{margin:8px 0 5px;color:#f1f4ee;font:800 clamp(42px,5vw,66px)/.95 var(--condensed);letter-spacing:-.015em;text-transform:uppercase}.setup-heading p,.lobby-card__top p{margin:0;color:var(--muted);font-size:13px}.setup-grid{display:grid;grid-template-columns:.95fr 1.4fr;gap:16px}.setup-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d262fd1,#06171ee8);box-shadow:0 17px 44px #00000038,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-block--wide{grid-column:2}.setup-block:nth-child(3){grid-column:1;grid-row:2}.setup-label{display:flex;align-items:center;gap:10px;margin-bottom:17px}.setup-label>span{color:#55cfd570;font:800 18px/1 var(--condensed)}.setup-label>div{display:grid;gap:2px}.setup-label b{color:#dce7e4;font:700 11px/1 var(--condensed);letter-spacing:.11em}.setup-label small{color:#63777a;font-size:9px}.team-picker,.difficulty-picker{display:grid;gap:10px}.team-picker{grid-template-columns:1fr 1fr}.difficulty-picker{grid-template-columns:repeat(3,1fr)}.team-choice,.difficulty-choice{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid var(--line);border-radius:14px;color:#9badae;background:#030f156e;transition:.15s ease}.team-choice{gap:4px;min-height:134px;padding:14px 10px 12px}.team-choice:hover,.difficulty-choice:hover{border-color:var(--line-bright);transform:translateY(-2px)}.team-choice.is-selected,.difficulty-choice.is-selected{border-color:#4edee287;color:#e8f3ef;background:linear-gradient(145deg,#18505657,#061e25ad);box-shadow:inset 0 0 0 1px #54dfe112,0 10px 30px #00000029}.team-choice--red.is-selected{border-color:#ff5b5f8a;background:linear-gradient(145deg,#69262b4f,#221219a8)}.choice-disc{position:relative;display:grid;place-items:center;width:49px;height:49px;margin-bottom:4px;border:3px solid #b9e5e5;border-radius:50%;background:radial-gradient(circle at 34% 28%,#8ff6f7,#24b9c3 44%,#0a707b 75%);box-shadow:0 8px 15px #00000047,inset 0 -4px 8px #00000047}.team-choice--red .choice-disc{border-color:#ffc3bd;background:radial-gradient(circle at 34% 28%,#ff9c9e,#f14b54 44%,#982631 75%)}.choice-disc i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#04161cd9;background:#eefaf1c2;font:normal 800 11px/1 var(--condensed)}.team-choice b{font:700 13px/1.2 var(--condensed);letter-spacing:.04em}.team-choice small{color:#65797b;font-size:8px}.choice-check{position:absolute;top:9px;right:9px;display:none;place-items:center;width:20px;height:20px;border-radius:50%;color:#042227;background:var(--cyan)}.team-choice--red .choice-check{background:var(--red);color:#fff}.is-selected .choice-check{display:grid}.difficulty-choice{justify-content:center;min-height:103px;padding:14px 10px;text-align:center}.difficulty-choice>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:7px;border-radius:10px;color:#7e9294;background:#ffffff0a}.difficulty-choice.is-selected>span{color:var(--cyan-soft);background:#35d6de1a}.difficulty-choice b{color:#cbd8d5;font:700 12px/1 var(--condensed);letter-spacing:.05em}.difficulty-choice small{max-width:130px;margin-top:4px;color:#617477;font-size:8px;line-height:1.35}.segment-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(181,212,210,.08);border-radius:13px;background:#020d1273}.segment-control button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:8px 16px;border:0;border-radius:9px;color:#74898b;background:transparent}.segment-control button.is-selected{color:#dff3ef;background:linear-gradient(145deg,#236a707a,#103a4285);box-shadow:inset 0 0 0 1px #4edbdd29,0 5px 16px #00000038}.segment-control button svg{color:var(--cyan)}.segment-control button span{display:grid;text-align:left}.segment-control button b{font:700 12px/1.2 var(--condensed)}.segment-control button small{margin-top:2px;color:#667b7d;font-size:8px}.launch-button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:250px;min-height:56px;margin:23px 0 0 auto;padding:12px 18px;border:1px solid #83e7e8;border-radius:14px;color:#062027;background:linear-gradient(135deg,#80eeee,#31ced6 58%,#1cacb7);box-shadow:0 14px 32px #21bac230,inset 0 1px #ffffff7a;font:800 13px/1 var(--condensed);letter-spacing:.04em;transition:.16s ease}.launch-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 19px 40px #21bac245}.launch-button svg:last-child{margin-left:auto}.multiplayer-shell{width:min(960px,calc(100% - 48px))}.multiplayer-shell .setup-heading{margin-bottom:25px;text-align:center}.multiplayer-shell>.back-button{position:absolute;top:19px;left:0}.player-name-field{position:relative;display:grid;grid-template-columns:auto minmax(180px,320px) 38px;align-items:center;justify-content:center;gap:12px;margin:0 auto 20px}.player-name-field label{display:flex;align-items:center;gap:7px;color:#829698;font:700 9px/1 var(--condensed);letter-spacing:.13em}.player-name-field label svg{color:var(--cyan)}.player-name-field input,.room-code-input input{width:100%;height:43px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:#eef6f2;background:#041218ba;box-shadow:inset 0 2px 8px #00000038}.player-name-field>span{color:#53686b;font-size:9px}.multiplayer-cards{display:grid;grid-template-columns:1fr 52px 1fr;align-items:stretch}.mode-card{position:relative;min-height:340px;padding:28px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#0e2932de,#06161ded);box-shadow:0 22px 60px #00000040,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}.mode-card:after{content:"";position:absolute;width:210px;height:210px;right:-95px;top:-90px;border-radius:50%;background:#35d6de0d;filter:blur(1px)}.mode-card--join:after{background:#ff5b5f0a}.mode-card__icon{display:grid;place-items:center;width:53px;height:53px;border:1px solid rgba(78,218,222,.2);border-radius:15px;color:var(--cyan-soft);background:#23a8b01a}.mode-card__number{position:absolute;top:26px;right:27px;color:#6f969940;font:800 30px/1 var(--condensed)}.mode-card h3{margin:22px 0 8px;font:800 26px/1 var(--condensed);text-transform:uppercase}.mode-card p{max-width:330px;margin:0;color:#819597;font-size:11px;line-height:1.65}.mode-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.mode-features span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(168,200,198,.08);border-radius:8px;color:#718689;background:#0000001a;font-size:8px}.mode-features svg{color:var(--cyan)}.card-action{position:absolute;right:28px;bottom:27px;left:28px;display:flex;align-items:center;justify-content:space-between;height:51px;padding:0 16px;border:1px solid var(--cyan-soft);border-radius:12px;color:#062027;background:linear-gradient(135deg,#75e8e9,#32ccd4);font:800 12px/1 var(--condensed)}.card-action--outline{border-color:#67dadd45;color:#d9e9e5;background:#24767d21}.or-divider{position:relative;display:grid;place-items:center;color:#54696c;font:700 8px/1 var(--condensed);letter-spacing:.09em}.or-divider:before{content:"";position:absolute;top:15%;bottom:15%;width:1px;background:var(--line)}.or-divider span{position:relative;padding:9px 4px;background:#081920}.room-code-input{display:grid;gap:7px;margin-top:19px}.room-code-input>span{color:#72878a;font:700 8px/1 var(--condensed);letter-spacing:.12em}.room-code-input input{height:56px;text-align:center;font:800 24px/1 var(--condensed);letter-spacing:.25em;text-transform:uppercase}.room-code-input input::placeholder{color:#7994963b}.inline-error{margin:12px auto 0;padding:10px 14px;border:1px solid rgba(255,91,95,.3);border-radius:10px;color:#ffc1c2;background:#701d2240;text-align:center;font-size:11px}.network-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0 0;color:#526a6d;font-size:9px}.network-note svg{color:#4a9297}.lobby-shell{width:min(1040px,calc(100% - 48px));padding-top:12px}.lobby-card{margin-top:clamp(20px,4vh,50px);padding:31px;border-radius:22px}.lobby-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.lobby-card h2{font-size:clamp(38px,4vw,54px)}.lobby-code{display:grid;justify-items:end;min-width:220px;padding:13px 15px;border:1px solid rgba(65,211,216,.18);border-radius:13px;background:#010e1466}.lobby-code small{color:#5f787a;font:700 8px/1 var(--condensed);letter-spacing:.13em}.lobby-code strong{margin:2px -.12em 7px 0;color:#e3f5ef;font:800 26px/1 var(--condensed);letter-spacing:.22em}.lobby-code>div{display:flex;gap:6px}.lobby-code button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:5px 10px;border:0;border-radius:7px;color:#709092;background:#45b1b714;font-size:9px}.lobby-code button:hover{color:var(--cyan-soft)}.versus-roster{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 17px}.player-slot{position:relative;display:flex;flex-direction:column;align-items:center;min-height:212px;padding:18px;border:1px dashed rgba(131,165,166,.15);border-radius:17px;background:#020f144d}.player-slot.is-filled{border-style:solid;border-color:#30c7ce3d;background:radial-gradient(circle at 50% 27%,#22b1bb1a,#020f1461 58%)}.player-slot--red.is-filled{border-color:#ff5b5f33;background:radial-gradient(circle at 50% 27%,#c4343b17,#020f1461 58%)}.slot-side{align-self:flex-start;color:#577073;font:700 8px/1 var(--condensed);letter-spacing:.13em}.slot-avatar{display:grid;place-items:center;width:63px;height:63px;margin-top:3px;border:4px solid #93e8e7;border-radius:50%;color:#04242b;background:radial-gradient(circle at 34% 27%,#a7f5f2,#2dc1ca 60%,#147881);box-shadow:0 10px 22px #0000004f,0 0 25px #35d6de17;font:800 24px/1 var(--condensed)}.player-slot--red .slot-avatar{border-color:#ffc0b9;color:#421016;background:radial-gradient(circle at 34% 27%,#ffc0b9,#f1555d 60%,#9a2931)}.player-slot:not(.is-filled) .slot-avatar{border:2px dashed #3d5559;color:#4d6669;background:transparent;box-shadow:none}.player-slot h3{display:flex;align-items:center;gap:6px;margin:10px 0 3px;font:700 16px/1 var(--condensed)}.player-slot h3 svg{color:var(--amber)}.player-slot p{display:flex;align-items:center;gap:5px;margin:0;color:#5f7477;font-size:8px}.player-slot p i{width:5px;height:5px;border-radius:50%;background:#4e6265}.player-slot p i.online{background:#45dbb2;box-shadow:0 0 7px #45dbb2}.ready-badge{display:flex;align-items:center;gap:4px;margin-top:13px;padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:#52696c;font:700 8px/1 var(--condensed);letter-spacing:.08em}.ready-badge.is-ready{border-color:#45dbb23b;color:#68e3c0;background:#259c7c14}.versus-badge{position:absolute;z-index:3;top:50%;right:-27px;display:grid;place-items:center;width:42px;height:42px;transform:translateY(-50%) rotate(-4deg);border:4px solid #09202a;border-radius:50%;color:#91a5a5;background:#142f39;font:800 14px/1 var(--condensed)}.waiting-dots b{color:var(--cyan);letter-spacing:.15em;animation:pulse-live 1.2s infinite}.lobby-settings-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lobby-settings-row>span{display:grid;grid-template-columns:31px 1fr;align-items:center;padding:10px;border:1px solid rgba(178,207,204,.07);border-radius:11px;background:#0000001a}.lobby-settings-row svg{grid-row:1 / 3;color:var(--cyan)}.lobby-settings-row b{color:#9fadae;font:700 9px/1 var(--condensed)}.lobby-settings-row small{margin-top:3px;color:#52696c;font-size:8px}.lobby-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.lobby-error{margin-top:14px}.ready-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:220px;height:52px;border:1px solid rgba(79,210,215,.25);border-radius:13px;color:#b9ccca;background:#2271781f;font:700 11px/1 var(--condensed)}.ready-button.is-ready{border-color:#47ddb34d;color:#70e8c5;background:#298b6f1f}.launch-button--lobby{min-width:250px;margin:0}.host-wait{display:flex;align-items:center;gap:9px;min-width:240px;color:#62787b;font-size:10px}.spinner{width:14px;height:14px;border:2px solid rgba(83,207,211,.15);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.how-shell{width:min(1060px,calc(100% - 48px))}.how-shell .setup-heading{margin-bottom:28px}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.how-grid article{position:relative;min-height:210px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#0e2730d4,#06161de6)}.how-grid article>span{position:absolute;right:15px;top:13px;color:#65a0a230;font:800 28px/1 var(--condensed)}.how-grid article>div{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(73,210,214,.17);border-radius:13px;color:var(--cyan-soft);background:#259fa614}.how-grid article h3{margin:26px 0 9px;font:700 17px/1 var(--condensed);text-transform:uppercase}.how-grid article p{margin:0;color:#778b8e;font-size:10px;line-height:1.6}.rules-note{display:flex;align-items:flex-start;gap:14px;margin-top:15px;padding:17px 20px;border:1px solid rgba(96,200,201,.12);border-radius:13px;color:var(--cyan);background:#175c6217}.rules-note div{display:grid;gap:3px}.rules-note b{color:#c9ddda;font:700 11px/1 var(--condensed)}.rules-note p{margin:0;color:#70878a;font-size:9px;line-height:1.5}.leaderboard-shell{position:relative;z-index:4;width:min(1100px,calc(100% - 48px));min-height:calc(100vh - 122px);margin:0 auto;padding:18px 0 90px}.leaderboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:clamp(18px,3.5vh,38px) 0 27px}.leaderboard-heading .section-kicker{gap:7px;color:#d9bf82}.leaderboard-heading .section-kicker svg{color:var(--amber)}.leaderboard-heading h2{margin:8px 0 6px;color:#f1f4ee;font:800 clamp(45px,5.4vw,68px)/.91 var(--condensed);letter-spacing:-.02em;text-transform:uppercase}.leaderboard-heading p{margin:0;color:var(--muted);font-size:12px}.refresh-button,.leaderboard-state button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 14px;border:1px solid rgba(107,214,216,.22);border-radius:11px;color:#a9c2c1;background:#14424973;font:700 10px/1 var(--condensed);letter-spacing:.04em;transition:.16s ease}.refresh-button:not(:disabled):hover,.leaderboard-state button:hover{border-color:#6ee5e766;color:var(--cyan-soft);transform:translateY(-1px)}.refresh-button svg.is-spinning{animation:spin .8s linear infinite}.leaderboard-content{min-height:300px}.leaderboard-loading,.leaderboard-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:40px 24px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#0d262fba,#06151dd6);box-shadow:var(--shadow),inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.leaderboard-loading{flex-direction:row;gap:13px;color:var(--cyan)}.leaderboard-loading .spinner{width:20px;height:20px}.leaderboard-loading>div{display:grid;gap:4px;text-align:left}.leaderboard-loading b{color:#dce9e5;font:700 13px/1 var(--condensed);text-transform:uppercase}.leaderboard-loading small{color:#6b8082;font-size:9px}.leaderboard-state>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:17px;border:1px solid rgba(241,185,91,.22);border-radius:18px;color:var(--amber);background:#b1782717}.leaderboard-state--error>span{border-color:#ff5b5f38;color:#ff9699;background:#9b292e17}.leaderboard-state h3{margin:0 0 7px;font:800 25px/1 var(--condensed);text-transform:uppercase}.leaderboard-state p{max-width:440px;margin:0 0 19px;color:#708689;font-size:10px;line-height:1.6}.leaderboard-refresh-error{margin-bottom:12px;padding:10px 13px;border:1px solid rgba(255,145,94,.2);border-radius:10px;color:#eab698;background:#6c301930;font-size:9px;text-align:center}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:13px;padding:24px 18px 0}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:202px;padding:35px 18px 17px;overflow:hidden;border:1px solid rgba(190,221,218,.13);border-radius:18px 18px 8px 8px;background:radial-gradient(circle at 50% 22%,rgba(92,186,187,.11),transparent 46%),linear-gradient(155deg,#0d2831e6,#05151cf2);box-shadow:0 20px 48px #00000045,inset 0 1px #ffffff09;text-align:center}.podium-card:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,transparent,rgba(133,211,211,.48),transparent)}.podium-card--rank-1{grid-column:2;min-height:230px;border-color:#f1b95b45;background:radial-gradient(circle at 50% 20%,rgba(220,164,68,.16),transparent 47%),linear-gradient(155deg,#2b2b25ed,#0a191ef5)}.podium-card--rank-1:after{background:linear-gradient(90deg,transparent,var(--amber),transparent)}.podium-card--rank-2{grid-column:1;grid-row:1}.podium-card--rank-3{grid-column:3}.podium-card--rank-3:after{background:linear-gradient(90deg,transparent,rgba(204,133,77,.68),transparent)}.podium-card__rank{position:absolute;top:0;left:50%;display:grid;place-items:center;width:37px;height:30px;transform:translate(-50%);border:1px solid rgba(134,205,205,.18);border-top:0;border-radius:0 0 11px 11px;color:#91adae;background:#18373fe6;font:800 13px/1 var(--condensed)}.podium-card--rank-1 .podium-card__rank{border-color:#f1b95b3d;color:var(--amber);background:#5d411aa6}.podium-card--rank-3 .podium-card__rank{color:#d28c5a}.podium-card__avatar{display:grid;place-items:center;width:54px;height:54px;border:3px solid rgba(168,235,233,.78);border-radius:50%;color:#05242a;background:radial-gradient(circle at 34% 27%,#b5f8f4,#3ac4c9 62%,#13747c);box-shadow:0 9px 20px #0000004f,0 0 27px #35d6de1a;font:800 21px/1 var(--condensed)}.podium-card--rank-1 .podium-card__avatar{width:62px;height:62px;border-color:#f1cd83;background:radial-gradient(circle at 34% 27%,#fff0bf,#e8b753 60%,#946321);box-shadow:0 10px 24px #00000052,0 0 31px #f1b95b21}.podium-card--rank-3 .podium-card__avatar{border-color:#daa074;background:radial-gradient(circle at 34% 27%,#f1c19d,#bd7546 62%,#744026)}.podium-card h3{max-width:100%;margin:10px 0 7px;overflow:hidden;color:#e3ece8;font:700 16px/1 var(--condensed);text-overflow:ellipsis;white-space:nowrap}.podium-card__points{display:flex;align-items:baseline;gap:5px}.podium-card__points strong{color:#eaf4ef;font:800 28px/1 var(--condensed)}.podium-card--rank-1 .podium-card__points strong{color:#f4d696;font-size:32px}.podium-card__points span{color:#657d7f;font:700 7px/1 var(--condensed);letter-spacing:.1em}.podium-card__record{display:flex;justify-content:center;gap:13px;width:100%;margin-top:auto;padding-top:12px;color:#63797b;font-size:7px}.podium-card__record span{white-space:nowrap}.podium-card__record b{color:#aabbb9;font:700 9px/1 var(--condensed)}.ranking-card{margin-top:13px;overflow:hidden;border-radius:20px}.ranking-card__title{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:16px 22px;border-bottom:1px solid var(--line)}.ranking-card__title>div{display:grid;gap:3px}.ranking-card__title span{color:var(--cyan);font:700 7px/1 var(--condensed);letter-spacing:.15em}.ranking-card__title h3{margin:0;font:800 21px/1 var(--condensed);text-transform:uppercase}.ranking-card__title>small{padding:7px 9px;border:1px solid var(--line);border-radius:99px;color:#677d7f;font:700 7px/1 var(--condensed);letter-spacing:.08em}.ranking-row{display:grid;grid-template-columns:55px minmax(190px,1fr) 95px 150px 95px 78px;align-items:center;min-height:61px;padding:0 21px;border-bottom:1px solid rgba(190,221,218,.075);color:#859a9c;font-size:10px}.ranking-row:last-child{border-bottom:0}.ranking-row--head{min-height:37px;color:#526a6d;background:#00000021;font:700 7px/1 var(--condensed);letter-spacing:.1em;text-transform:uppercase}.ranking-row--head>span:nth-child(n+3),.ranking-row>:nth-child(n+3){text-align:right}.ranking-row:not(.ranking-row--head){transition:background .14s ease}.ranking-row:not(.ranking-row--head):hover{background:#2d92970e}.ranking-row--top{background:linear-gradient(90deg,rgba(51,166,172,.055),transparent 55%)}.ranking-position{color:#607679;font:800 13px/1 var(--condensed)}.ranking-row--top .ranking-position{color:#d9bd80}.ranking-player{display:flex;align-items:center;min-width:0;gap:10px}.ranking-player>i{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:2px solid rgba(143,220,219,.46);border-radius:50%;color:#06232a;background:radial-gradient(circle at 35% 25%,#a3eeee,#33b6bd 65%,#17656c);font:normal 800 12px/1 var(--condensed)}.ranking-row--top .ranking-player>i{border-color:#eec87ca6;background:radial-gradient(circle at 35% 25%,#ffe8b0,#d9a64b 65%,#805922)}.ranking-player>span{display:grid;min-width:0;gap:4px}.ranking-player b{overflow:hidden;color:#d6e1de;font:700 12px/1 var(--condensed);text-overflow:ellipsis;white-space:nowrap}.ranking-player small{color:#50676a;font-size:7px}.ranking-points{color:var(--cyan-soft);font:800 16px/1 var(--condensed)}.ranking-record{color:#73898b}.ranking-record b,.ranking-row>span:nth-child(5) b{color:#bdccca}.ranking-record i,.ranking-row>span:nth-child(5) i{margin:0 4px;color:#465d60;font-style:normal}.drawer-layer{position:fixed;z-index:200;inset:0;pointer-events:none;visibility:hidden}.drawer-layer.is-open{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#01070a91;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .22s}.drawer-layer.is-open .drawer-backdrop{opacity:1}.settings-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(410px,94vw);height:100%;padding:max(30px,env(safe-area-inset-top)) max(27px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 27px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--line-bright);background:linear-gradient(160deg,#0c2730fa,#05141bfc);box-shadow:-20px 0 70px #0000005c;transform:translate(102%);transition:transform .26s cubic-bezier(.2,.78,.2,1)}.drawer-layer.is-open .settings-drawer{transform:none}.drawer-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.drawer-title small{color:var(--cyan);font:700 8px/1 var(--condensed);letter-spacing:.15em}.drawer-title h2{margin:4px 0 0;font:800 32px/1 var(--condensed);text-transform:uppercase}.setting-row,.setting-column{padding:21px 0;border-bottom:1px solid var(--line)}.setting-row{display:flex;align-items:center;gap:12px}.setting-row>span,.setting-column>div:first-child>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:var(--cyan);background:#35d6de14}.setting-row>div,.setting-column>div:first-child>div{display:grid;flex:1;gap:3px}.setting-row b,.setting-column b{font:700 12px/1 var(--condensed)}.setting-row small,.setting-column small{color:#687d80;font-size:8px}.switch{position:relative;width:48px;height:30px;padding:0;border:0;border-radius:99px;background:#233b42;transition:.15s}.switch i{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#809296;transition:.15s}.switch.is-on{background:#1b8e97}.switch.is-on i{left:22px;background:#c4ffff;box-shadow:0 0 7px #abffff80}.setting-column>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:15px}.segment-control--small button{min-height:38px;padding:5px;font:700 10px/1 var(--condensed)}.keyboard-help{margin-top:21px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#0000001f}.keyboard-help b{color:#7c9193;font:700 9px/1 var(--condensed);letter-spacing:.1em}.keyboard-help p{margin:10px 0 0;color:#566c6f;font-size:9px}kbd{margin:0 3px 0 8px;padding:3px 6px;border:1px solid #3d555a;border-bottom-width:2px;border-radius:5px;color:#a9bcbb;background:#102830;font:700 8px/1 inherit}kbd:first-child{margin-left:0}.drawer-version{margin-top:auto;color:#3f565a;font-size:8px;text-align:center}.toast{position:fixed;z-index:300;left:50%;bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:12px 16px;transform:translate(-50%);border:1px solid rgba(75,217,183,.23);border-radius:12px;color:#bdf4e2;background:#062323f0;box-shadow:0 12px 38px #00000057;font-size:10px;animation:toast-in .22s ease-out both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media(max-width:1100px){.home-view{grid-template-columns:minmax(420px,620px) 1fr;gap:20px;padding-right:6vw}.hero-score-card{width:330px}.hero-actions{flex-direction:column;max-width:310px}.primary-cta,.secondary-cta{width:100%}.feature-strip{gap:25px}}@media(max-width:820px){.topbar{height:88px;padding:max(16px,env(safe-area-inset-top)) 22px 12px}.build-badge{display:none}.home-view{display:block;min-height:calc(100vh - 88px);padding:7vh 24px 110px}.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(60px,13vw,92px)}.hero-score-card{display:none}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px}.feature-strip>div{align-items:flex-start}.feature-strip p small,.site-footer{display:none}.setup-grid{grid-template-columns:1fr}.setup-block--wide,.setup-block:nth-child(3){grid-column:auto;grid-row:auto}.setup-block:nth-child(3){grid-row:2}.setup-block:nth-child(2){grid-row:3}.launch-button{margin-left:0;width:100%}.how-grid{grid-template-columns:1fr 1fr}.leaderboard-heading h2{font-size:clamp(43px,8vw,59px)}.leaderboard-podium{padding-inline:0}.podium-card__record{gap:8px}.ranking-row{grid-template-columns:45px minmax(165px,1fr) 75px 125px 82px 67px;padding-inline:15px}}@media(max-width:650px){.app:not(.app--game){min-height:100dvh}.brand--compact .brand__puck{width:36px;height:36px}.brand--compact .brand__type strong{font-size:20px}.brand--compact .brand__type small{font-size:7px}.topbar__meta{gap:6px}.topbar .icon-button{width:44px;height:44px}.hero-copy h1{line-height:.82}.hero-copy>p{margin:22px 0;font-size:13px;line-height:1.6}.hero-actions{max-width:none}.primary-cta,.secondary-cta{min-width:0}.home-links{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px}.text-link{min-height:31px}.feature-strip{grid-template-columns:1fr;gap:12px;margin-top:34px;padding-top:17px}.feature-strip p small{display:block}.setup-shell,.how-shell,.lobby-shell,.multiplayer-shell,.leaderboard-shell{width:calc(100% - 28px);padding-bottom:60px}.setup-heading{margin:22px 0 24px}.setup-heading h2{font-size:42px}.team-picker,.difficulty-picker{grid-template-columns:1fr}.team-picker{grid-template-columns:1fr 1fr}.difficulty-choice{min-height:77px;display:grid;grid-template-columns:40px 1fr;align-content:center;text-align:left}.difficulty-choice>span{grid-row:1 / 3;margin:0}.difficulty-choice small{max-width:none}.multiplayer-shell>.back-button{position:static}.multiplayer-shell .setup-heading{text-align:left}.player-name-field{grid-template-columns:1fr 32px}.player-name-field label{grid-column:1 / -1}.multiplayer-cards{grid-template-columns:1fr;gap:10px}.mode-card{min-height:320px}.or-divider{height:28px}.or-divider:before{inset:50% 0 auto;width:auto;height:1px}.or-divider span{padding:4px 10px}.lobby-card{padding:18px}.lobby-card__top{flex-direction:column}.lobby-code{justify-items:center;width:100%}.versus-roster{grid-template-columns:1fr}.versus-badge{top:auto;right:50%;bottom:-27px;transform:translate(50%) rotate(-4deg)}.player-slot{min-height:192px}.lobby-settings-row{grid-template-columns:1fr}.lobby-actions{flex-direction:column}.ready-button,.launch-button--lobby,.host-wait{width:100%;min-width:0}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:170px}.leaderboard-heading{align-items:stretch;flex-direction:column;gap:15px;margin:17px 0 19px}.leaderboard-heading h2{font-size:43px}.leaderboard-heading p{max-width:320px;font-size:10px;line-height:1.55}.refresh-button{align-self:flex-start}.leaderboard-loading,.leaderboard-state{min-height:310px}.leaderboard-podium{grid-template-columns:1fr;gap:8px;padding-top:5px}.podium-card,.podium-card--rank-1{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-template-rows:auto auto;grid-column:auto;grid-row:auto;align-items:center;min-height:91px;padding:13px 13px 13px 52px;border-radius:14px;text-align:left}.podium-card--rank-1{order:-1}.podium-card__rank{top:50%;left:16px;width:27px;height:34px;transform:translateY(-50%);border:1px solid rgba(134,205,205,.18);border-radius:9px}.podium-card__avatar,.podium-card--rank-1 .podium-card__avatar{grid-row:1 / 3;width:42px;height:42px;font-size:16px}.podium-card h3{align-self:end;margin:0 8px 4px}.podium-card__points{grid-column:3;grid-row:1;align-self:end}.podium-card__points strong,.podium-card--rank-1 .podium-card__points strong{font-size:24px}.podium-card__record{grid-column:2 / 4;grid-row:2;justify-content:flex-start;align-self:start;gap:10px;margin:0 0 0 8px;padding:2px 0 0}.ranking-card{border-radius:16px}.ranking-card__title{min-height:64px;padding:14px 15px}.ranking-card__title h3{font-size:19px}.ranking-row--head{display:none}.ranking-row{grid-template-columns:30px repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:11px 5px;min-height:94px;padding:13px 11px}.ranking-position{grid-column:1;grid-row:1 / 3;align-self:center;text-align:center}.ranking-player{grid-column:2 / 6;grid-row:1}.ranking-player>i{width:31px;height:31px}.ranking-points{grid-column:2;grid-row:2}.ranking-record{grid-column:3;grid-row:2}.ranking-row>span:nth-child(5){grid-column:4;grid-row:2}.ranking-row>span:nth-child(6){grid-column:5;grid-row:2}.ranking-row>:nth-child(n+3){display:grid;gap:3px;text-align:left}.ranking-row>[data-label]:before{content:attr(data-label);color:#50676a;font:700 6px/1 var(--condensed);letter-spacing:.08em;text-transform:uppercase}.ranking-record,.ranking-row>span:nth-child(5){display:block}.ranking-record:before,.ranking-row>span:nth-child(5):before{display:block;margin-bottom:3px}.ranking-record i,.ranking-row>span:nth-child(5) i{margin-inline:2px}}@media(max-height:720px)and (min-width:821px){.topbar{height:82px;padding-top:16px;padding-bottom:10px}.home-view{min-height:calc(100vh - 112px);padding-top:3vh;padding-bottom:58px}.hero-copy h1{font-size:clamp(64px,7vw,92px)}.hero-copy>p{margin:20px 0;line-height:1.55}.feature-strip{padding-top:10px}.setup-heading{margin:17px 0 20px}.setup-block{padding:15px}.lobby-card{margin-top:14px;padding:22px}.player-slot{min-height:178px}.slot-avatar{width:53px;height:53px}.setup-shell:not(.multiplayer-shell){padding-top:2px;padding-bottom:24px}.setup-shell:not(.multiplayer-shell) .setup-heading{margin:5px 0 13px}.setup-shell:not(.multiplayer-shell) .setup-heading h2{font-size:50px}.setup-shell:not(.multiplayer-shell) .setup-grid{gap:10px}.setup-shell:not(.multiplayer-shell) .setup-block{padding:11px 14px}.setup-shell:not(.multiplayer-shell) .setup-label{margin-bottom:9px}.setup-shell:not(.multiplayer-shell) .team-choice{min-height:108px;padding-block:9px}.setup-shell:not(.multiplayer-shell) .choice-disc{width:42px;height:42px}.setup-shell:not(.multiplayer-shell) .difficulty-choice{min-height:88px}.setup-shell:not(.multiplayer-shell) .launch-button{min-height:50px;margin-top:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fatal-screen{display:grid;place-items:center;align-content:center;min-height:100%;padding:30px;color:#e9f4f0;background:radial-gradient(circle at 50% 35%,#10333d,#051118 68%);text-align:center}.fatal-screen__disc{display:grid;place-items:center;width:78px;height:78px;margin-bottom:22px;border:4px solid #b8fbf7;border-radius:50%;color:#052128;background:radial-gradient(circle at 33% 25%,#a8ffff,#35d6de 56%,#117883);box-shadow:0 15px 38px #0000005c;font:900 35px/1 var(--condensed)}.fatal-screen>span{color:var(--cyan-soft);font:700 10px/1 var(--condensed);letter-spacing:.18em}.fatal-screen h1{max-width:620px;margin:11px 0 7px;font:800 clamp(38px,7vw,64px)/.95 var(--condensed);text-transform:uppercase}.fatal-screen p{margin:0 0 24px;color:#829699;font-size:12px}.fatal-screen button{min-width:170px;height:48px;border:1px solid #89ebeb;border-radius:12px;color:#062027;background:var(--cyan);font-weight:800}.game-experience{position:fixed;z-index:1;inset:0;overflow:hidden;background:#0d151a;-webkit-user-select:none;user-select:none}.game-canvas-layer{position:absolute;inset:0}.game-canvas-layer>div{min-height:100%!important;border-radius:0!important}.game-vignette{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,7,10,.74),transparent 18%,transparent 72%,rgba(1,7,10,.7)),linear-gradient(90deg,rgba(1,7,10,.4),transparent 16%,transparent 84%,rgba(1,7,10,.4));box-shadow:inset 0 0 140px #00000045}.game-hud-top{position:absolute;z-index:10;top:0;right:0;left:0;display:grid;grid-template-columns:minmax(180px,1fr) minmax(460px,660px) minmax(180px,1fr);align-items:start;gap:20px;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));pointer-events:none}.game-brand{display:flex;align-items:center;gap:9px;justify-self:start;margin-top:2px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.game-brand>span{display:grid;place-items:center;width:39px;height:39px;transform:rotate(-6deg);border:2px solid #b88b52;border-radius:50%;color:#042127;background:radial-gradient(circle at 33% 25%,#b6ffff,#35d6de 55%,#127c86);box-shadow:0 7px 16px #0000005c;font:900 18px/1 var(--condensed)}.game-brand>div{display:grid;line-height:.85}.game-brand b{font:900 20px/.9 var(--condensed);letter-spacing:.08em}.game-brand small{margin-top:4px;color:var(--cyan-soft);font:800 7px/1 var(--condensed);letter-spacing:.42em}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-self:center;width:100%;min-height:72px;overflow:hidden;border:1px solid rgba(190,220,216,.16);border-radius:16px;background:linear-gradient(180deg,#0a1d25f0,#05131aed);box-shadow:0 14px 44px #00000063,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(17px) saturate(1.15);backdrop-filter:blur(17px) saturate(1.15)}.score-team{position:relative;display:flex;align-items:center;gap:10px;min-width:0;height:100%;padding:11px 18px}.score-team--red{justify-content:flex-end;text-align:right}.score-team:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;opacity:0;transition:opacity .18s}.score-team--blue:after{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.score-team--red:after{background:linear-gradient(90deg,transparent,var(--red),transparent)}.score-team.is-turn:after{opacity:.9}.score-team>div{display:grid;min-width:0;gap:3px}.score-team small{color:#637a7d;font:700 7px/1 var(--condensed);letter-spacing:.15em}.score-team b{overflow:hidden;color:#cad7d4;font:700 12px/1 var(--condensed);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.score-team.is-turn b{color:#f0f7f3}.score-team__disc{display:grid;flex:0 0 auto;place-items:center;width:37px;height:37px;border:3px solid #b8eeee;border-radius:50%;color:#05242b;background:radial-gradient(circle at 32% 25%,#a8ffff,#2ac2cc 60%,#10757e);box-shadow:0 5px 13px #0000004f,inset 0 -3px 6px #0000002e;font:800 12px/1 var(--condensed)}.score-team--red .score-team__disc{border-color:#ffc1ba;color:#4a1117;background:radial-gradient(circle at 32% 25%,#ffbec0,#ed5159 60%,#982b32)}.score-core{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:center;min-width:132px;height:72px;padding:8px 16px 6px;border-right:1px solid var(--line);border-left:1px solid var(--line);background:#00000026;text-align:center}.score-core>strong{font:800 30px/.9 var(--condensed)}.score-core>span{padding:0 7px;color:#4d6568;font:700 18px/1 var(--condensed)}.score-core>div{grid-column:1 / -1;display:flex;justify-content:center;gap:9px;margin-top:3px}.score-core>div small{color:#627a7d;font:700 7px/1 var(--condensed);letter-spacing:.11em}.score-core>div b{color:var(--cyan-soft);font:700 10px/1 var(--condensed);letter-spacing:.08em}.game-hud-actions{display:flex;align-items:center;justify-self:end;gap:7px;pointer-events:auto}.game-hud-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(190,220,216,.15);border-radius:11px;color:#b4c3c2;background:#06141bd9;box-shadow:0 8px 22px #0000003d,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.15s ease}.game-hud-button:hover{border-color:#4adce05c;color:var(--cyan-soft);transform:translateY(-1px)}.connection-chip{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid rgba(255,91,95,.18);border-radius:99px;color:#d48a8c;background:#301116a3;font:700 8px/1 var(--condensed);letter-spacing:.11em}.connection-chip.is-online{border-color:#43ddb22e;color:#76dfc1;background:#0d38309c}.game-stat{position:absolute;z-index:8;top:50%;display:grid;width:63px;padding:10px 7px;transform:translateY(-50%);border:1px solid var(--line);color:#7c9193;background:#041117ab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.game-stat--blue{left:max(12px,env(safe-area-inset-left));border-left:2px solid var(--cyan);border-radius:0 11px 11px 0}.game-stat--red{right:max(12px,env(safe-area-inset-right));border-right:2px solid var(--red);border-radius:11px 0 0 11px}.game-stat span{font:700 7px/1 var(--condensed);letter-spacing:.09em}.game-stat b{margin:5px 0 2px;color:#e2ebe8;font:800 20px/1 var(--condensed)}.game-stat small{color:#536a6d;font:700 6px/1 var(--condensed)}.turn-indicator{position:absolute;z-index:12;left:50%;bottom:max(21px,calc(env(safe-area-inset-bottom) + 10px));display:flex;align-items:center;gap:10px;min-width:300px;min-height:56px;padding:8px 17px 8px 9px;transform:translate(-50%);border:1px solid rgba(184,213,211,.17);border-radius:15px;color:#a7b8b8;background:#05141be6;box-shadow:0 13px 40px #0006,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);pointer-events:none}.turn-indicator>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:#789093;background:#ffffff0a}.turn-indicator>div{display:grid;gap:3px}.turn-indicator small{color:#839799;font:800 9px/1 var(--condensed);letter-spacing:.12em}.turn-indicator b{color:#687e81;font-size:8px;font-weight:600}.turn-indicator.is-mine{border-color:#49dce063;box-shadow:0 14px 44px #00000069,0 0 28px #35d6de14,inset 0 1px #ffffff0d}.turn-indicator.is-mine>span{color:#04272d;background:var(--cyan);box-shadow:0 0 20px #35d6de30}.turn-indicator.is-mine small{color:var(--cyan-soft)}.turn-indicator.is-mine b{color:#a9c2c1}.turn-indicator--red.is-mine{border-color:#ff5b5f61}.turn-indicator--red.is-mine>span{color:#fff;background:var(--red)}.turn-indicator--red.is-mine small{color:#ffb1b3}.coach-tip{position:absolute;z-index:14;left:max(24px,env(safe-area-inset-left));bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));display:flex;align-items:center;gap:11px;width:min(340px,calc(100vw - 48px));padding:11px 12px;border:1px solid rgba(86,220,222,.24);border-radius:13px;color:var(--cyan);background:#04181ee6;box-shadow:0 12px 32px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:coach-in .35s ease-out both}.coach-tip>div{display:grid;flex:1;gap:3px}.coach-tip b{color:var(--cyan-soft);font:700 8px/1 var(--condensed);letter-spacing:.12em}.coach-tip span{color:#789092;font-size:8px;line-height:1.45}.coach-tip button,.network-banner button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;color:#6e8688;background:transparent}@keyframes coach-in{0%{opacity:0;transform:translateY(8px)}}.network-banner{position:absolute;z-index:30;top:104px;left:50%;display:flex;align-items:center;gap:8px;min-height:39px;padding:4px 5px 4px 13px;transform:translate(-50%);border:1px solid rgba(255,133,90,.3);border-radius:11px;color:#ffd0b7;background:#451b13e8;box-shadow:0 10px 28px #00000052;font-size:9px}.match-overlay{position:absolute;z-index:60;inset:0;display:grid;place-items:center;align-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#020a0e8a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown-overlay{background:radial-gradient(circle,#0d303866,#02090dc2)}.countdown-ring{position:relative;display:grid;place-items:center;width:126px;height:126px;margin-bottom:18px;border:1px solid rgba(86,231,232,.26);border-radius:50%;background:#0a242b87;box-shadow:0 0 0 12px #35d6de08,0 0 70px #35d6de1f}.countdown-ring:before{content:"";position:absolute;inset:-1px;border:3px solid transparent;border-top-color:var(--cyan);border-right-color:#35d6de33;border-radius:50%;animation:countdown-spin 1.2s linear infinite}.countdown-ring span{color:#e9f8f3;font:900 62px/1 var(--condensed);text-shadow:0 0 25px rgba(53,214,222,.35)}.countdown-overlay>small,.break-overlay>span,.pause-card>span,.results-card>span{color:var(--cyan-soft);font:700 9px/1 var(--condensed);letter-spacing:.18em}.countdown-overlay>b{margin-top:6px;color:#e3ede9;font:800 22px/1 var(--condensed);letter-spacing:.06em}@keyframes countdown-spin{to{transform:rotate(360deg)}}.goal-overlay{position:absolute;z-index:70;inset:0;display:grid;place-items:center;align-content:center;pointer-events:none;background:radial-gradient(circle,#22cfd64d,#030c10c2 67%);animation:goal-in 1.75s ease-out both}.goal-overlay--red{background:radial-gradient(circle,#e842494a,#030c10c2 67%)}.goal-overlay span{color:#f3ffff;font:900 clamp(82px,15vw,190px)/.72 var(--condensed);letter-spacing:-.03em;text-shadow:0 0 45px rgba(53,214,222,.42),0 18px 45px rgba(0,0,0,.48)}.goal-overlay--red span{text-shadow:0 0 45px rgba(255,91,95,.46),0 18px 45px rgba(0,0,0,.48)}.goal-overlay b{margin-top:24px;font:800 20px/1 var(--condensed);text-transform:uppercase}.goal-overlay small{margin-top:8px;color:var(--cyan-soft);font:800 27px/1 var(--condensed)}.goal-overlay--red small{color:#ff9ea1}@keyframes goal-in{0%{opacity:0;transform:scale(1.12)}12%{opacity:1;transform:scale(.98)}22%{transform:scale(1)}82%{opacity:1}to{opacity:0}}.break-overlay{text-align:center}.break-overlay>svg{margin-bottom:17px;color:var(--cyan)}.break-overlay>strong{margin:15px 0 4px;font:800 60px/1 var(--condensed)}.break-overlay>p{margin:0;color:#7d9294;font-size:10px}.pause-card,.results-card{display:flex;flex-direction:column;align-items:center;width:min(430px,calc(100vw - 36px));padding:31px;border:1px solid rgba(188,218,215,.18);border-radius:21px;background:linear-gradient(155deg,#0d2932f7,#05141bfa);box-shadow:0 28px 90px #00000087,inset 0 1px #ffffff0a}.pause-icon{display:grid;place-items:center;width:57px;height:57px;margin-bottom:17px;border:1px solid rgba(70,221,224,.24);border-radius:16px;color:var(--cyan-soft);background:#35d6de14}.pause-card h2,.results-card h2{margin:9px 0 7px;font:800 32px/1 var(--condensed);text-transform:uppercase;text-align:center}.pause-card p{max-width:320px;margin:0 0 22px;color:#758b8e;font-size:9px;line-height:1.55;text-align:center}.pause-primary,.results-rematch{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:49px;border:1px solid #8becec;border-radius:11px;color:#052027;background:linear-gradient(135deg,#81eeee,#33ced6);font:800 11px/1 var(--condensed)}.pause-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:9px}.pause-card>div:last-child button,.results-home{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--line);border-radius:10px;color:#8ca0a2;background:#0000001f;font-size:9px}.results-overlay{background:radial-gradient(circle at 50% 30%,#18585e45,#01080cd6)}.results-card{width:min(470px,calc(100vw - 36px));padding-top:27px}.results-trophy{display:grid;place-items:center;width:69px;height:69px;margin-bottom:15px;border:1px solid rgba(240,187,91,.29);border-radius:50%;color:var(--amber);background:#b77b291c;box-shadow:0 0 35px #edb54a17}.results-trophy--blue{border-color:#35d6de4d;color:var(--cyan-soft);background:#35d6de17}.results-trophy--red{border-color:#ff5b5f4d;color:#ff9da0;background:#ff5b5f17}.results-score{display:flex;align-items:center;gap:14px;margin:7px 0 16px}.results-score b{font:900 54px/1 var(--condensed)}.results-score small{color:#526a6d;font:700 24px/1 var(--condensed)}.results-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:13px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.results-stats>div{display:grid;gap:4px;padding:12px 15px}.results-stats>div+div{border-left:1px solid var(--line);text-align:right}.results-stats span{display:flex;align-items:center;gap:5px;color:#6e8688;font:700 7px/1 var(--condensed);letter-spacing:.08em}.results-stats>div:last-child span{justify-content:flex-end}.results-stats b{color:#c7d4d2;font:700 10px/1 var(--condensed)}.results-stats small{color:#50676a;font-size:7px}.results-rematch:disabled{color:#668083;border-color:var(--line);background:#143239a6}.results-home{width:100%;margin-top:8px}.orientation-hint{position:absolute;z-index:25;right:14px;bottom:max(14px,env(safe-area-inset-bottom));display:none;align-items:center;gap:8px;max-width:210px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:#91a5a6;background:#05141bdb;font-size:8px}@media(max-width:1050px){.game-hud-top{grid-template-columns:110px minmax(430px,600px) 1fr;gap:12px}.game-brand>div{display:none}.game-stat{display:none}.coach-tip{bottom:92px}}@media(max-width:760px){.game-hud-top{grid-template-columns:1fr auto;padding-top:max(10px,env(safe-area-inset-top))}.game-brand{display:none}.scoreboard{grid-column:1;min-width:0;min-height:58px;border-radius:12px}.game-hud-actions{grid-column:2}.game-hud-actions .connection-chip,.game-hud-actions .game-hud-button:nth-last-child(3),.game-hud-actions .game-hud-button:nth-last-child(2){display:none}.game-hud-button{width:44px;height:44px}.score-team{padding:7px 9px;gap:6px}.score-team__disc{width:31px;height:31px;border-width:2px}.score-team small{display:none}.score-team b{max-width:75px;font-size:9px}.score-core{min-width:96px;height:58px;padding:6px 9px 4px}.score-core>strong{font-size:25px}.score-core>div{gap:5px}.score-core>div small{font-size:6px}.score-core>div b{font-size:8px}.turn-indicator{min-width:min(300px,calc(100vw - 32px));bottom:max(13px,env(safe-area-inset-bottom))}.coach-tip{display:none}.network-banner{top:78px;width:max-content;max-width:calc(100vw - 30px)}}@media(max-width:520px){.score-team__disc{display:none}.score-team{padding-inline:8px}.score-team b{max-width:52px}.game-hud-top{gap:7px;padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}.turn-indicator{min-height:50px;padding:6px 13px 6px 7px}.turn-indicator>span{width:37px;height:37px}.turn-indicator b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-overlay span{font-size:25vw}}@media(orientation:portrait)and (max-width:700px){.orientation-hint{display:flex}.turn-indicator{bottom:66px}}@media(orientation:landscape)and (max-height:560px){.game-hud-top{padding-top:max(7px,env(safe-area-inset-top))}.scoreboard{min-height:50px}.score-core{height:50px}.score-core>strong{font-size:23px}.score-team__disc{width:29px;height:29px}.game-hud-button{width:40px;height:40px}.turn-indicator{bottom:max(7px,env(safe-area-inset-bottom));min-height:46px}.turn-indicator>span{width:34px;height:34px}.turn-indicator b{display:none}.network-banner{top:62px}.pause-card,.results-card{max-height:calc(100vh - 20px);padding:18px 24px;overflow-y:auto}.pause-icon{width:44px;height:44px;margin-bottom:9px}.results-trophy{width:48px;height:48px;margin-bottom:8px}.results-card h2{font-size:25px}.results-score b{font-size:36px}}