@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap";:root{color:#e8eff9;font-synthesis:none;--cyan:#72f5d0;--pink:#ff7595;--muted:#8293aa;--line:#263345;--gold:#f3d58c;background:#080e18;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;transition:background .18s,transform .16s,box-shadow .18s}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}#arena{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#game{width:100%;max-width:1100px;height:100dvh;min-height:360px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none;margin:auto;position:relative}#game button,#game a,#game .sheet,#game .overlay{pointer-events:auto}.topline{z-index:4;justify-content:space-between;align-items:center;height:34px;display:flex;position:relative}.wordmark{color:#f0f5fc;letter-spacing:.13em;font:700 20px Barlow Condensed,sans-serif;text-decoration:none}.wordmark span{color:var(--cyan);padding:0 7px}.top-actions{gap:5px;display:flex}.icon-button{background:#152031aa;border:1px solid #334355;border-radius:10px;width:36px;height:36px;font-size:21px;line-height:1}.vitals{max-width:640px;position:relative}.enemy{width:calc(100% - 88px);margin-top:20px;padding-right:0}.identity{letter-spacing:.07em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.identity i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.enemy .identity i{background:var(--pink);box-shadow:0 0 12px var(--pink)}.identity small{color:var(--muted);letter-spacing:.04em;margin-left:auto;font-size:12px;font-weight:500}.readouts{align-items:center;gap:12px;font-size:16px;display:flex;position:absolute;top:21px;right:0}.readouts strong{font-family:Barlow Condensed,sans-serif;font-size:25px}.readouts small{color:var(--muted);font:500 12px Barlow}.armor-number{color:#9bb3c9;font-size:14px}.health-track{background:#243044;border-radius:3px;height:5px;margin:16px 100px 7px 0;overflow:hidden}.health-track>i{background:var(--cyan);width:100%;height:100%;box-shadow:0 0 10px var(--cyan);transition:width .2s;display:block}.enemy .health-track>i{background:var(--pink)}.armor-track{gap:3px;height:4px;margin-right:100px;display:flex}.armor-track i{background:#84a7c6;flex:1;transition:opacity .25s}#court{pointer-events:none;position:absolute;inset:134px 88px 128px 12px}#skills{z-index:3;pointer-events:auto;flex-direction:column;gap:12px;display:flex;position:absolute;top:43%;right:12px;transform:translateY(-25%)}.rail-label{letter-spacing:.17em;color:var(--muted);text-align:center;font-size:11px}.skill{background:linear-gradient(145deg,#26364b,#121c2b);border:1px solid #334355;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:68px;height:81px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 18px #0004}.skill-icon{color:var(--cyan);font-size:26px;line-height:27px}.skill strong{letter-spacing:.015em;font-size:14px;font-weight:600}.skill small{color:#b1c5d8;font-size:12px}.skill i{background:var(--cyan);transform-origin:0;width:100%;height:3px;position:absolute;bottom:0;left:0}.skill:disabled{opacity:.55}.ultimate .skill-icon,.ultimate small{color:var(--gold)}.ultimate i{background:var(--gold)}footer{bottom:max(8px,env(safe-area-inset-bottom));position:absolute;left:16px;right:16px}.player{width:calc(100% - 88px);max-width:640px}.match-line{color:#b5c5d7;letter-spacing:.04em;gap:14px;margin-top:14px;font-size:12px;display:flex}.match-line span:last-child{color:var(--cyan);margin-left:auto}.control-note{color:#576b84;letter-spacing:.16em;text-align:center;margin:9px 0 0;font-size:11px}#toast{text-align:center;letter-spacing:.06em;opacity:0;text-shadow:0 2px 12px #000;z-index:2;font:700 clamp(18px,4vw,28px) Barlow Condensed,sans-serif;transition:all .18s;position:absolute;top:44%;left:15px;right:88px;transform:translateY(8px)}#toast.show{opacity:1;transform:none}.sheet{inset:55px 16px max(12px,env(safe-area-inset-bottom));z-index:5;flex-direction:column;max-width:560px;margin:auto;display:flex;position:absolute}.start-heading .eyebrow{font-size:11px}.eyebrow{letter-spacing:.19em;color:var(--cyan);font-size:12px;font-weight:600}h1{letter-spacing:-.025em;text-transform:uppercase;margin:14px 0 12px;font:700 clamp(42px,8vh,76px)/.93 Barlow Condensed,sans-serif}h1 em{color:var(--cyan);font-style:normal}.start-heading p{color:#a2b2c5;margin:0;font-size:16px}.pilot-info{max-width:90%;margin-top:auto}.pilot-info h2{letter-spacing:.045em;margin:4px 0;font:700 34px Barlow Condensed}.pilot-info p{color:#a2b2c5;max-width:330px;margin:3px 0 12px;font-size:14px;line-height:1.5}#pilot-stats{gap:18px;margin-bottom:15px;display:flex}#pilot-stats span{letter-spacing:.07em;color:var(--muted);font-size:11px}#pilot-stats b{color:#e6effb;margin-top:2px;font:600 20px Barlow Condensed;display:block}#pilots{gap:7px;margin-bottom:12px;display:flex}#pilots button{letter-spacing:.025em;color:#8c9fb6;background:#111d2c;border:1px solid #26374c;border-radius:12px;flex:1;min-width:0;padding:11px 0 8px;font-size:11px;font-weight:700}#pilots button.active{border-color:var(--cyan);color:#edfff9;background:#183d3b}#pilots .mini-paddle{border:2px solid;border-width:2px 7px;border-radius:3px;width:31px;height:9px;margin:0 auto 8px;display:block;box-shadow:0 4px 6px #0004}.difficulty{background:#101a27;border-radius:10px;gap:4px;margin-bottom:10px;padding:4px;display:flex}.difficulty button{color:var(--muted);background:0 0;border-radius:7px;flex:1;padding:7px;font-size:13px}.difficulty button.active{color:#fff;background:#293b50}.primary,.secondary{letter-spacing:.07em;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:51px;margin-top:8px;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.primary{color:#092b28;background:var(--cyan);box-shadow:0 7px 28px #43b89920}.primary:hover{background:#a4ffe3}.secondary{background:#152234;border:1px solid #345}.secondary:hover{background:#23384f}.secondary span{color:#88a1b9;font-weight:500}.rules-note{color:#6f859d;text-align:center;margin:12px 0 0;font-size:11px}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;pointer-events:auto;background:#050b13bd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(150deg,#203047,#0e1929);border:1px solid #3b4f69;border-radius:24px;width:min(100%,390px);padding:28px;animation:.22s ease-out enter;box-shadow:0 25px 100px #0008}.modal h2{margin:12px 0;font:700 44px/1 Barlow Condensed}.modal p{color:#a8bbcf;font-size:16px;line-height:1.5}.quiet{color:#a4b9cd;background:0 0;margin:18px auto 0;padding:8px;font-size:14px;display:block}label{margin-top:22px;font-size:14px;display:block}input{color:#fff;text-transform:uppercase;background:#081421;border:1px solid #486178;border-radius:10px;width:100%;margin-top:9px;padding:13px;font-size:20px}#duel-code{letter-spacing:.1em;color:var(--cyan);margin:24px 0;font:700 35px monospace}body.selecting .vitals,body.selecting footer,body.selecting #skills,body.selecting #pause{visibility:hidden}body.selecting #court{inset:25% 10px 35%}#duel-status{font-size:14px}.offline-note{color:var(--pink)}@keyframes enter{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (width>=700px){#game{padding-left:28px;padding-right:28px}.sheet{max-width:540px;left:32px;right:32px}body.selecting #court{inset:12% 0 18% 30%}.sheet .start-heading{margin-top:15px}.sheet .pilot-info{max-width:65%}#skills{right:30px}.skill{width:82px;height:94px}.skill strong{font-size:14px}.skill small{font-size:12px}.skill-icon{font-size:32px}#court{left:20px;right:125px}.enemy{width:calc(100% - 125px)}footer{left:28px;right:28px}.player{width:calc(100% - 125px)}}@media (height<=700px) and (orientation:portrait){.start-heading h1{font-size:38px}.start-heading p{display:none}.pilot-info p{margin-bottom:6px}#pilot-stats{margin-bottom:8px}.sheet{top:54px}#pilots button{padding:7px 0}.primary,.secondary{min-height:43px;margin-top:5px;padding:11px 15px}.pilot-info h2{font-size:27px}.rules-note{margin-top:7px}.skill{height:69px}#skills{gap:9px}#court{top:128px;bottom:120px}}@media (orientation:landscape) and (height<=600px){#court{inset:38px 22% 20px}.enemy{width:20%;position:absolute;top:55px;left:16px}.identity{font-size:12px}.identity small{display:none}.readouts{margin-top:6px;position:static}.health-track{margin:6px 0}.armor-track{margin:0}footer{width:20%;bottom:24px;left:16px;right:auto}.player{width:100%}.match-line{flex-wrap:wrap;gap:8px}.match-line span:last-child{margin:0}.control-note{display:none}#skills{gap:8px;top:50%;right:5%;transform:translateY(-50%)}.skill{height:69px}.rail-label{display:none}.sheet{grid-template-columns:1fr 1fr;gap:6px 30px;max-width:none;display:grid;inset:53px 24px 10px}.start-heading{grid-row:1/3}.start-heading h1{font-size:42px}.start-heading p{font-size:14px}.pilot-info{grid-column:2;margin:0!important}.pilot-info h2{font-size:24px}.pilot-info p,#pilot-stats,.rules-note{display:none}#pilots{grid-column:2;margin:0}.difficulty,.primary,.secondary{grid-column:2;min-height:36px;margin:0;padding:8px 12px}.difficulty{padding:2px}.difficulty button{padding:3px}.sheet #pilots button{padding:7px 0}body.selecting #court{inset:35% 50% 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#duel-connection{text-align:right;max-width:82px;color:var(--cyan);font-size:10px;line-height:1.5;position:absolute;top:61px;right:16px}#duel-suspended{z-index:12;text-align:center;color:var(--gold);background:#102033f2;border:1px solid #50708e;border-radius:14px;padding:18px;font-size:16px;position:absolute;inset:42% 15px auto}.skill.ready{border-color:var(--gold);box-shadow:0 0 20px #ecca4933}.skill.armed:disabled{opacity:1;border-color:#ff936a;box-shadow:0 0 18px #ff936a44}#lobby-status{color:var(--cyan);margin-top:8px;font-size:14px;line-height:1.5}#forfeit{min-height:44px;padding:8px;font-size:12px}#lobby-leave{margin-top:4px}#pilots button:disabled{opacity:.65}@media (orientation:landscape) and (height<=600px){#lobby-status,#lobby-ready,#lobby-leave{grid-column:2}}#skills{gap:14px;width:82px;right:9px}.rail-label{letter-spacing:.16em;font-size:12px}.skill{background:linear-gradient(145deg,#21354a,#101b2d);border:1px solid #496176;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:82px;height:101px;padding:7px 3px;display:flex;overflow:hidden;box-shadow:0 6px 14px #0005,inset 0 1px #ffffff16}.skill-icon{width:43px;height:43px;color:var(--pilot,#72f5d0);background:radial-gradient(closest-side,#142435 81%,transparent 84%),conic-gradient(var(--pilot,#72f5d0) var(--charge,360deg),#ffffff15 0);border-radius:50%;place-items:center;font-size:29px;line-height:1;display:grid}.skill strong{letter-spacing:0;font-size:14px;line-height:1.05}.skill small{color:#d9e6ef;letter-spacing:.04em;font-size:12px;font-weight:700;line-height:1.2}.skill:disabled{opacity:.72;filter:none}.skill:disabled .skill-icon{opacity:.65}.skill.armed:disabled,.skill.ready{opacity:1;border-color:var(--pilot,#72f5d0);box-shadow:0 0 18px #72f5d022,inset 0 1px #ffffff24}.skill.armed .skill-icon{opacity:1}.skill.armed small{color:var(--pilot,#72f5d0)}.skill.ultimate{background:linear-gradient(145deg,#343226,#191e29);border-color:#a58a50}.skill i{background:var(--pilot,#72f5d0);height:3px}#court{right:100px}.control-note{letter-spacing:.04em;font-size:12px}@media (height<=700px) and (orientation:portrait){#skills{gap:9px}.skill{height:86px}.skill-icon{width:34px;height:34px;font-size:25px}}@media (orientation:landscape) and (height<=600px){#skills{gap:8px;right:4%}.skill{height:77px}.skill-icon{width:30px;height:30px;font-size:23px}#court{right:22%}}#pilots .pilot-thumb{aspect-ratio:2;object-fit:contain;filter:drop-shadow(0 4px 4px #0008);width:100%;height:auto;margin:0 auto 5px;display:block}#pilots button{border-radius:13px;padding:8px 2px;transition:background .18s,border-color .18s,transform .18s}#pilots button.active .pilot-thumb{transform:translateY(-2px)}#pilots button.active{background:linear-gradient(#24404b,#172c36)}@media (height<=700px){#pilots .pilot-thumb{max-height:34px;margin-bottom:2px}}.home-screen{touch-action:pan-y;max-width:650px;margin:auto;padding:15px 4px 24px;position:absolute;inset:76px 20px 20px;overflow-y:auto}.home-intro h1{letter-spacing:-.02em;margin:12px 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,10vw,72px)}.home-intro h1 span{color:var(--cyan);margin:0 5px}.home-intro p,.world-card p{color:#b5c5d4;font-size:16px;line-height:1.6}.home-actions{margin:26px 0}.home-actions button{min-height:58px;font-size:16px}.world-card{background:linear-gradient(130deg,#1d3346,#102030);border:1px solid #365267;border-radius:20px;padding:24px}.world-card h2{margin:12px 0;font-size:25px}.world-card p{margin-bottom:0}.home-how{color:#a5bac9;justify-content:space-between;gap:12px;margin-top:22px;font-size:12px;display:flex}body.at-home #court,body.at-home .enemy,body.at-home footer,body.at-home #skills{visibility:hidden}body.at-home #arena{opacity:.12}.archive{z-index:40;touch-action:pan-y;background:#080e18f5;align-items:flex-start;padding:16px;overflow-y:auto}.archive-panel{background:#101d2c;border:1px solid #355066;border-radius:22px;width:min(100%,820px);margin:auto;padding:22px}.archive-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.archive-top button{min-height:44px}#archive-pilots{gap:7px;margin:12px 0 24px;padding-bottom:5px;display:flex;overflow-x:auto}#archive-pilots button{color:#c8d9e6;background:#1b2c3c;border:1px solid #41586b;border-radius:12px;min-height:44px;padding:9px 13px;font-size:14px}#archive-pilots button.active{color:#72f5d0;background:#24433f;border-color:#72f5d0}.archive-hero{border-bottom:1px solid #35495c;align-items:center;gap:22px;padding-bottom:20px;display:flex}.archive-hero img{width:45%;max-width:290px}.archive-hero h1{color:var(--accent);margin:6px 0;font-family:Barlow Condensed,sans-serif;font-size:48px}.archive-hero p{color:#b4c7d6;font-size:12px}.archive-style{font-size:18px;line-height:1.5}.archive h2{margin:22px 0 8px;font-size:20px}.archive-lore p,.archive-passive p,.archive-skills p{color:#c0cfda;margin:8px 0;font-size:16px;line-height:1.7}.archive-passive{border-left:3px solid #72f5d0;padding-left:16px}.archive-skills{gap:12px;display:grid}.archive-skills article{background:#172a3a;border:1px solid #365064;border-radius:15px;padding:16px}.archive-skills article>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-icon{font-size:28px}.archive-skills h3{margin:0;font-size:20px}.archive-skills small{color:#cbd8a7;margin-left:auto;font-size:12px}.archive-note{color:#91aabc;margin-top:24px;font-size:14px;line-height:1.6}#pick-details,#pick-home{min-height:36px;margin:0;padding:6px;font-size:14px}@media (orientation:landscape) and (height<=600px){#pick-details,#pick-home{grid-column:2}.home-screen{grid-template-columns:1fr 1fr;gap:10px 28px;max-width:850px;display:grid;inset:64px 24px 10px}.home-actions{grid-area:1/2/3;margin:0}.world-card{padding:16px}.archive-panel{margin:0 auto}}@media (width<=380px){.archive-panel{padding:16px}.archive-hero{gap:10px}.archive-hero h1{font-size:38px}}.home-screen{pointer-events:auto}.sheet{touch-action:pan-y;overflow-y:auto}.archive-panel{min-width:0}.archive-top{z-index:2;background:#101d2c;padding:8px 0;position:sticky;top:-22px}.skill-icon,.archive-icon,.passive-art{background-color:#0b1725;background-repeat:no-repeat;background-size:200% 200%}.skill-icon{border:2px solid var(--pilot,#72f5d0);border-radius:12px;width:44px;height:44px;box-shadow:0 0 10px #0005}.skill:before{content:attr(data-role);letter-spacing:.1em;color:#b2c7d5;font-size:10px;line-height:1}.skill{gap:3px;height:112px}.skill strong{font-size:13px}.archive-icon{border-radius:12px;flex-shrink:0;width:58px;height:58px;display:inline-block}.archive-passive>.archive-icon{float:right;margin-top:16px}#passive-chip{color:#90aabb;letter-spacing:.04em;align-items:center;gap:5px;font-size:10px;line-height:1.3;display:flex}#passive-chip b{color:#d8e7ef;letter-spacing:0;font-size:11px;font-weight:500;display:block}.passive-art{border-radius:7px;flex-shrink:0;width:26px;height:26px;display:block}@media (height<=700px) and (orientation:portrait){.skill{height:92px}.skill-icon{width:32px;height:32px}#skills{gap:7px}}@media (orientation:landscape) and (height<=600px){.skill{height:85px}.skill-icon{width:28px;height:28px}#passive-chip{display:none}}#start.sheet{top:calc(max(12px,env(safe-area-inset-top)) + 50px);bottom:max(12px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));overscroll-behavior:contain;flex-direction:column;gap:8px;max-width:560px;padding:0 2px 20px;display:flex;overflow-y:auto}#start.sheet>*{flex-shrink:0;grid-area:auto}#start.sheet .start-heading{margin:0}#start .start-heading h1{margin:12px 0 8px;font-size:44px;line-height:1.03}#start .start-heading h1 br{display:none}#start .start-heading p{font-size:15px;display:block}#character-preview{pointer-events:none;width:100%;height:140px;min-height:140px}#start.sheet .pilot-info{max-width:100%;margin:0!important}#start .pilot-info h2{font-size:30px}#start .pilot-info p{font-size:14px;line-height:1.5;display:block}#start #pilot-stats{margin:8px 0;display:flex}#start .rules-note{display:block}#start #pilots,#start .difficulty{margin:0}#start .primary,#start .secondary{min-height:48px;margin-top:0}#start #pick-details,#start #pick-home{min-height:36px}@media (width>=700px){#character-preview{height:175px;min-height:175px}}@media (height<=650px){#character-preview{height:110px;min-height:110px}#start .start-heading h1{font-size:36px}}.match-ping{--ping-color:#a6b7c9;color:#b5c5d7;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#101c2bed;border:1px solid #26394c;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-height:24px;padding:3px 8px;font:600 10px/1.4 Barlow,system-ui,sans-serif;display:flex}.match-ping[data-quality=good]{--ping-color:#72f5d0}.match-ping[data-quality=fair]{--ping-color:#f3d58c}.match-ping[data-quality=bad]{--ping-color:#ff8da6}.match-ping b{color:var(--ping-color);font-size:12px;font-weight:700}.ping-peak{color:#a6b7c9}.ping-peak b{color:#e0e9f3}.ping-status{color:var(--ping-color);margin-left:auto}.ping-bars{height:12px;color:var(--ping-color);align-items:flex-end;gap:2px;display:flex}.ping-bars i{background:currentColor;border-radius:1px;width:3px;height:5px;display:block}.ping-bars i:nth-child(2){height:8px}.ping-bars i:nth-child(3){height:12px}.match-ping[data-quality=fair] .ping-bars i:nth-child(3),.match-ping[data-quality=bad] .ping-bars i:not(:first-child),.match-ping[data-quality=waiting] .ping-bars i{opacity:.25}.topline>.match-line,.gameplay-subrow{display:none}body:not(.selecting) #game{max-width:760px;min-height:0;padding:calc(env(safe-area-inset-top) + 3px) max(2px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 4px) max(2px,env(safe-area-inset-left));flex-direction:column;gap:3px;display:flex}body:not(.selecting) .topline{flex-shrink:0;gap:8px;height:auto;min-height:44px}body:not(.selecting) .wordmark{display:none}body:not(.selecting) .topline>.match-line{letter-spacing:0;font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:1;align-items:center;gap:3px 10px;min-width:0;margin:0;font-size:12px;display:flex}body:not(.selecting) #clock{color:#edf5ff;font-size:19px;font-weight:700}body:not(.selecting) #next-ball{flex-basis:100%;margin:0;font-size:11px}body:not(.selecting) .top-actions{align-items:center;gap:4px}body:not(.selecting) .icon-button{flex-shrink:0;width:44px;height:44px}body:not(.selecting) #forfeit{width:48px;margin:0;padding:3px;font-size:11px;line-height:1.2}body:not(.selecting) .vitals{background:#101c2bdb;border:1px solid #26394c;border-radius:12px;flex-shrink:0;grid-template-rows:10px 7px;grid-template-columns:minmax(100px,1fr) minmax(65px,1.1fr) auto;align-content:center;align-items:center;gap:3px 8px;width:100%;max-width:none;min-height:32px;margin:0;padding:4px 8px;display:grid;position:relative;inset:auto}body:not(.selecting) .identity{letter-spacing:.04em;grid-area:1/1/3;grid-template-columns:7px 1fr;gap:3px 6px;min-width:0;font-size:12px;display:grid}body:not(.selecting) .identity small{letter-spacing:.01em;white-space:nowrap;grid-column:2;margin:0;font-size:9px;display:block}body:not(.selecting) .readouts{grid-area:1/3/3;gap:7px;margin:0;font-size:12px;position:static}body:not(.selecting) .readouts strong{white-space:nowrap;font-size:20px}body:not(.selecting) .readouts small{font-size:10px}body:not(.selecting) .armor-number{white-space:nowrap;font-size:12px}body:not(.selecting) .health-track{grid-area:1/2;width:100%;height:5px;margin:0}body:not(.selecting) .armor-track{grid-area:2/2;gap:2px;width:100%;height:4px;margin:0}body:not(.selecting) #court{border-radius:12px;flex:1;width:100%;min-height:0;position:relative;inset:auto}body:not(.selecting) footer{flex-shrink:0;width:100%;position:relative;inset:auto}body:not(.selecting) .gameplay-subrow{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:20px;display:flex}body:not(.selecting) #passive-chip{letter-spacing:.06em;flex-shrink:0;gap:6px;font-size:9px;display:flex}body:not(.selecting) .control-note{letter-spacing:.02em;text-align:right;color:#a0b4c7;max-width:165px;margin:0;font-size:10px;line-height:1.5;display:block}body:not(.selecting) #skills{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid;position:relative;inset:auto;transform:none}body:not(.selecting) .skill{text-align:left;border-radius:14px;grid-template-rows:10px auto 12px;grid-template-columns:36px minmax(0,1fr);align-content:center;place-items:center start;gap:3px 6px;width:100%;height:62px;padding:5px 7px 7px;display:grid}body:not(.selecting) .skill:before{letter-spacing:.07em;grid-area:1/2;font-size:8px}body:not(.selecting) .skill-icon{border-radius:9px;grid-area:1/1/4;width:36px;height:40px}body:not(.selecting) .skill strong{overflow-wrap:anywhere;grid-area:2/2;min-width:0;font-size:12px;line-height:1.1}body:not(.selecting) .skill small{letter-spacing:0;grid-area:3/2;font-size:10px}body:not(.selecting) #toast{top:40%;left:12px;right:12px}body:not(.selecting) #duel-connection{max-width:none;font-size:9px;top:84px;right:12px}@media (width<=370px){body:not(.selecting) .skill{grid-template-columns:28px minmax(0,1fr);gap:3px 4px;padding-left:5px;padding-right:5px}body:not(.selecting) .skill-icon{width:28px;height:34px}body:not(.selecting) .skill strong{font-size:11px}body:not(.selecting) .vitals{grid-template-columns:minmax(95px,1fr) minmax(40px,1fr) auto;gap:5px 6px}}@media (orientation:landscape) and (height<=600px){body:not(.selecting) #game{grid-template-rows:44px minmax(0,1fr) auto;grid-template-columns:140px minmax(0,1fr) 120px;gap:8px 6px;max-width:1000px;display:grid}body:not(.selecting) .topline{grid-area:1/1/auto/4}body:not(.selecting) .topline>.match-line{flex-wrap:nowrap}body:not(.selecting) #next-ball{flex-basis:auto}body:not(.selecting) .enemy{grid-area:2/1;align-self:start}body:not(.selecting) #court{grid-area:2/2/4;height:100%}body:not(.selecting) footer{grid-area:3/1}body:not(.selecting) .vitals{grid-template-rows:auto 5px 4px;grid-template-columns:1fr auto;min-height:76px}body:not(.selecting) .identity{grid-area:1/1}body:not(.selecting) .readouts{flex-direction:column;grid-area:1/2;gap:0}body:not(.selecting) .health-track{grid-area:2/1/auto/3}body:not(.selecting) .armor-track{grid-area:3/1/auto/3}body:not(.selecting) #skills{grid-area:2/3;grid-template-columns:1fr;align-self:center;gap:6px}body:not(.selecting) .skill{height:64px}body:not(.selecting) .gameplay-subrow{grid-area:3/3}body:not(.selecting) .control-note{display:none}}body:not(.selecting) #passive-chip>span:last-child{align-items:center;gap:5px;font-size:8px;display:flex}body:not(.selecting) #passive-chip b{font-size:11px}body:not(.selecting) .passive-art{border-radius:5px;width:18px;height:18px}body:not(.selecting) .control-note{white-space:nowrap;max-width:none;font-size:9px;line-height:1.1}@media (width<=370px){body:not(.selecting) #passive-chip>span:last-child{gap:0;font-size:0}body:not(.selecting) .gameplay-subrow{gap:4px}}@media (orientation:portrait),(height>=601px){body:not(.selecting) #game{grid-template-rows:44px 32px minmax(0,1fr) 32px 20px;grid-template-columns:minmax(0,1fr) 60px;gap:3px 2px;display:grid}body:not(.selecting) .topline{grid-area:1/1/auto/3}body.has-live-ping:not(.selecting) #game{grid-template-rows:44px 24px 32px minmax(0,1fr) 32px 20px}body.has-live-ping:not(.selecting) #match-ping{grid-area:2/1/auto/3}body.has-live-ping:not(.selecting) .enemy{grid-row:3}body.has-live-ping:not(.selecting) #court,body.has-live-ping:not(.selecting) #skills{grid-row:4}body.has-live-ping:not(.selecting) footer{grid-row:5}body.has-live-ping:not(.selecting) .gameplay-subrow{grid-row:6}body:not(.selecting) .enemy{grid-area:2/1/auto/3}body:not(.selecting) #court{grid-area:3/1;height:100%}body:not(.selecting) footer{grid-area:4/1/auto/3}body:not(.selecting) .gameplay-subrow{grid-area:5/1/auto/3}body:not(.selecting) #skills{grid-area:3/2;grid-template-columns:1fr;align-self:center;gap:8px}body:not(.selecting) .skill{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:92px;padding:6px 3px 8px;display:flex}body:not(.selecting) .skill:before{font-size:8px}body:not(.selecting) .skill-icon{width:32px;height:32px}body:not(.selecting) .skill strong{font-size:11px;line-height:1.1}body:not(.selecting) .skill small{font-size:10px}body:not(.selecting) #toast{right:66px}}.skill,.skill.ultimate{border-color:color-mix(in srgb,var(--pilot) 48%,#243950);background:linear-gradient(145deg,color-mix(in srgb,var(--pilot) 17%,#132235),#101a2b 70%)}.skill .skill-icon{border-color:var(--pilot);filter:saturate(1.3);box-shadow:0 0 12px color-mix(in srgb,var(--skill-accent) 24%,transparent)}.skill i{background:linear-gradient(90deg,var(--pilot),var(--skill-accent));box-shadow:0 0 8px var(--pilot)}.skill:not(:disabled),.skill.armed:disabled{border-color:var(--pilot);box-shadow:0 0 14px color-mix(in srgb,var(--pilot) 20%,transparent),inset 0 1px #ffffff24}.skill.armed small,.skill.ready small{color:var(--pilot);text-shadow:0 0 10px color-mix(in srgb,var(--pilot) 45%,transparent)}.skill.armed:disabled{animation:1.5s ease-in-out infinite skill-energy}@keyframes skill-energy{50%{box-shadow:0 0 22px color-mix(in srgb,var(--skill-accent) 38%,transparent),inset 0 0 12px color-mix(in srgb,var(--pilot) 15%,transparent)}}#passive-chip .passive-status{white-space:nowrap;color:#72f5d0;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}html,body,body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}html.game-touch-zoom-lock body:not(.selecting) #game{touch-action:none}html:not(.game-touch-zoom-lock) #arena{touch-action:auto}body:not(.selecting) #skills{justify-items:center;gap:12px}#skills .skill{aspect-ratio:1;text-align:center;border-radius:50%;flex:none;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;gap:0;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;padding:5px;display:grid;position:relative;overflow:hidden}#skills .skill:before,#skills .skill strong,#skills .skill small,#skills .skill i{content:none;display:none}#skills .skill .skill-icon{width:44px;height:44px;box-shadow:none;pointer-events:none;border:0;border-radius:50%;grid-area:1/1;display:block}#skills .skill:after{content:"";pointer-events:none;background:conic-gradient(var(--pilot,#72f5d0) var(--charge,0deg),#50677e66 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}#skills .skill.armed:after{background:var(--skill-accent,var(--pilot,#72f5d0))}#skills .skill:focus-visible{outline-offset:3px;outline:2px solid #fff}#archive{--archive-accent:#72f5d0;background:#050c16df;align-items:center;padding:16px;overflow:hidden}:is(#archive,#lobby-profile) .archive-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3c5467 #101d2c;border-radius:18px;width:min(100%,790px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow-y:auto}:is(#archive,#lobby-profile) .archive-top{background:#101d2cf5;border-bottom:1px solid #293f50;gap:10px;min-height:60px;padding:10px 16px;top:0}:is(#archive,#lobby-profile) .archive-top .eyebrow{letter-spacing:.12em;color:#a5bdcf;font-size:12px}:is(#archive,#lobby-profile) .archive-top button{color:#e1ebf4;background:#1b2b3b;border-radius:8px;min-height:40px;margin:0;padding:8px 10px}:is(#archive,#lobby-profile) #archive-pilots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:12px 16px;display:grid;overflow:visible}:is(#archive,#lobby-profile) #archive-pilots button{color:#a8bdce;background:#172738;border-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 3px;font-size:14px;font-weight:600;display:flex}:is(#archive,#lobby-profile) #archive-pilots button i{background:var(--frame-color);opacity:.5;border-radius:50%;flex-shrink:0;width:5px;height:5px}:is(#archive,#lobby-profile) #archive-pilots button.active{border-color:var(--frame-color);color:var(--frame-color);background:#223749}:is(#archive,#lobby-profile) #archive-pilots button.active i{opacity:1;box-shadow:0 0 8px var(--frame-color)}#archive-content{padding:2px 16px 16px}:is(#archive,#lobby-profile) .archive-layout{grid-template-columns:220px minmax(0,1fr);gap:22px;display:grid}:is(#archive,#lobby-profile) .archive-profile{border-right:1px solid #2b4153;min-width:0;padding-right:18px}:is(#archive,#lobby-profile) .archive-hero{border:0;flex-direction:column;align-items:flex-start;gap:0;padding:0;display:flex}:is(#archive,#lobby-profile) .archive-hero img{object-fit:contain;width:100%;max-width:210px;height:88px}:is(#archive,#lobby-profile) .archive-hero .eyebrow{letter-spacing:.1em;color:#9ab1c5;font-size:12px}:is(#archive,#lobby-profile) .archive-hero h1{letter-spacing:.02em;color:var(--archive-accent);margin:5px 0;font:700 34px/1 Barlow Condensed,sans-serif}:is(#archive,#lobby-profile) .archive-hero p{color:#95afc4;margin:6px 0 0;font-size:12px;line-height:1.4}:is(#archive,#lobby-profile) .archive-style{color:#cad9e5;margin:12px 0;font-size:14px;line-height:1.5}:is(#archive,#lobby-profile) .archive-stats{border-block:1px solid #2b4153;gap:10px;padding:14px 0;display:grid}:is(#archive,#lobby-profile) .archive-stats>div{color:#abc0d0;align-items:center;gap:10px;font-size:14px;display:flex}:is(#archive,#lobby-profile) .archive-stats>div>span:first-child{width:51px}:is(#archive,#lobby-profile) .archive-rating{flex:1;gap:3px;display:flex}:is(#archive,#lobby-profile) .archive-rating i{background:#2b3e4e;border-radius:2px;flex:1;height:5px}:is(#archive,#lobby-profile) .archive-rating i.filled{background:var(--archive-accent)}:is(#archive,#lobby-profile) .archive-stats b{color:#e1edf6;font-variant-numeric:tabular-nums;font-size:14px}:is(#archive,#lobby-profile) .archive-stats small{color:#7894ab;font-size:12px;font-weight:400}:is(#archive,#lobby-profile) details{border-bottom:1px solid #2b4153}:is(#archive,#lobby-profile) summary{color:#bdd0df;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 0;font-size:14px;list-style:none;display:flex}:is(#archive,#lobby-profile) summary::-webkit-details-marker{display:none}:is(#archive,#lobby-profile) summary:focus-visible{outline:2px solid var(--archive-accent);outline-offset:2px}:is(#archive,#lobby-profile) summary>span{color:var(--archive-accent);font-size:20px}:is(#archive,#lobby-profile) details[open] summary>span{transform:rotate(45deg)}:is(#archive,#lobby-profile) details p{color:#a9c0d2;margin:0 0 12px;font-size:14px;line-height:1.55}:is(#archive,#lobby-profile) .archive-kit{min-width:0}:is(#archive,#lobby-profile) .archive-passive{border:1px solid #385b5a;border-left:3px solid var(--archive-accent);background:#172f36;border-radius:9px;align-items:flex-start;gap:11px;padding:11px;display:flex}:is(#archive,#lobby-profile) .archive-passive>.archive-icon{float:none;margin:0}:is(#archive,#lobby-profile) .archive-icon{border-radius:9px;flex-shrink:0;width:42px;height:42px}:is(#archive,#lobby-profile) .archive-label{letter-spacing:.07em;color:#93acbf;font-size:12px;line-height:1.4}:is(#archive,#lobby-profile) .archive-passive .archive-label{color:var(--archive-accent)}:is(#archive,#lobby-profile) .archive-passive h2{margin:2px 0 4px;font-size:17px;line-height:1.2}:is(#archive,#lobby-profile) .archive-passive p{color:#c5d8e2;margin:0;font-size:14px;line-height:1.45}:is(#archive,#lobby-profile) .archive-kit-heading{justify-content:space-between;align-items:center;gap:10px;padding:13px 2px 6px;display:flex}:is(#archive,#lobby-profile) .archive-kit-heading>span:last-child{color:#8ba6ba;font-size:12px}:is(#archive,#lobby-profile) .archive-skills{border:1px solid #2d4356;border-radius:10px;gap:0;display:grid;overflow:hidden}:is(#archive,#lobby-profile) .archive-skills article{background:#142536;border:0;border-bottom:1px solid #2d4356;border-radius:0;align-items:flex-start;gap:11px;padding:12px;display:flex}:is(#archive,#lobby-profile) .archive-skills article:last-child{border-bottom:0}:is(#archive,#lobby-profile) .archive-skills article>div{min-width:0;display:block}:is(#archive,#lobby-profile) .archive-skill-copy{flex:1}:is(#archive,#lobby-profile) .archive-skill-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}:is(#archive,#lobby-profile) .archive-skills h3{color:#e0edf7;margin:0;font-size:16px;line-height:1.2}:is(#archive,#lobby-profile) .archive-skills small{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--archive-accent);margin:0;font-size:12px}:is(#archive,#lobby-profile) .archive-skills p{color:#b5cbdc;margin:5px 0 0;font-size:14px;line-height:1.45}:is(#archive,#lobby-profile) .archive-rules{border-bottom:0;margin-top:4px}@media (width<=600px){#archive{padding:8px}:is(#archive,#lobby-profile) .archive-panel{border-radius:14px;max-height:calc(100dvh - 16px)}:is(#archive,#lobby-profile) .archive-layout{grid-template-columns:minmax(0,1fr);gap:13px}:is(#archive,#lobby-profile) .archive-profile{border:0;padding:0}:is(#archive,#lobby-profile) .archive-hero{flex-direction:row;align-items:center;gap:14px}:is(#archive,#lobby-profile) .archive-hero img{width:36%;max-width:145px;height:70px}:is(#archive,#lobby-profile) .archive-hero h1{font-size:30px}:is(#archive,#lobby-profile) .archive-style{margin:7px 0 10px}:is(#archive,#lobby-profile) .archive-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 0}:is(#archive,#lobby-profile) .archive-stats>div{flex-wrap:wrap;gap:6px;font-size:13px}:is(#archive,#lobby-profile) .archive-stats>div>span:first-child{flex:1;width:auto}:is(#archive,#lobby-profile) .archive-rating{flex-basis:100%;order:3}:is(#archive,#lobby-profile) .archive-stats b{font-size:13px}:is(#archive,#lobby-profile) .archive-story summary{min-height:36px;padding:7px 0}:is(#archive,#lobby-profile) .archive-top{min-height:56px;padding:8px 12px}:is(#archive,#lobby-profile) #archive-pilots{gap:4px;padding:9px 12px}:is(#archive,#lobby-profile) #archive-pilots button{gap:4px;font-size:13px}#archive-content{padding:0 12px 10px}}@media (width<=350px){:is(#archive,#lobby-profile) #archive-pilots button i{display:none}:is(#archive,#lobby-profile) .archive-skills article{gap:8px;padding:10px}:is(#archive,#lobby-profile) .archive-icon{width:36px;height:36px}}body.online-select #arena{visibility:hidden}body.online-select #start.sheet{background:#101d2c;border:1px solid #355066;border-radius:16px;flex-direction:column;gap:0;max-width:790px;padding:0;display:flex;overflow:hidden}body.online-select #start>.start-heading,body.online-select #character-preview,body.online-select #start>.pilot-info,body.online-select #pick-details,body.online-select #start>.rules-note{display:none}body.online-select #start #pilots{border-bottom:1px solid #2b4153;flex-shrink:0;order:0;gap:6px;margin:0;padding:10px 12px}body.online-select #start #pilots button{border-radius:9px;min-height:58px;padding:4px 3px 7px;font-size:12px}body.online-select #start #pilots .pilot-thumb{object-fit:contain;width:100%;max-width:65px;height:30px;margin:0 auto 3px;display:block}body.online-select #start #pilots button:disabled{cursor:default;opacity:.65}body.online-select #start #pilots button.active:disabled{opacity:1}body.online-select #start #lobby-profile{overscroll-behavior:contain;scrollbar-width:thin;flex:1 1 0;order:1;min-height:0;padding:14px;overflow-y:auto}body.online-select #start #lobby-dock{background:#142536;border-top:1px solid #355066;flex-shrink:0;order:2;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 14px;display:grid}body.online-select #start #lobby-status{color:#bdcfdf;background:0 0;border:0;grid-column:1/-1;margin:0;padding:0;font-size:13px;line-height:1.4}body.online-select #start #lobby-ready{border-radius:9px;grid-column:1;min-height:44px;margin:0;padding:10px 14px}body.online-select #start #lobby-ready:disabled{opacity:.5;cursor:default}body.online-select #start #lobby-leave{grid-column:2;min-height:44px;margin:0;padding:8px;font-size:14px}@media (width<=600px){body.online-select #start.sheet{left:8px;right:8px}body.online-select #start #lobby-profile{padding:10px 12px}body.online-select #start #lobby-dock{padding:8px 12px}body.online-select #start #pilots{gap:4px;padding:8px 10px}}:is(#archive,#lobby-profile) .archive-passive-title{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}:is(#archive,#lobby-profile) .archive-passive-title small{white-space:nowrap;color:var(--archive-accent);font-size:12px}body.at-home #arena{visibility:hidden}body.at-home #game{max-width:960px}body.at-home .topline{max-width:700px;height:44px;margin:4px auto 0}body.at-home .top-actions{justify-content:space-between;width:100%}body.at-home .wordmark,body.at-home .match-line,body.at-home #pause,body.at-home #fullscreen,body.at-home .gameplay-subrow{display:none}#home-settings{place-items:center;display:grid}body.at-home .icon-button{color:#e8eff9;background:linear-gradient(140deg,#17202c,#101620);border:1px solid #345;border-radius:10px;width:44px;height:44px;font-size:26px;box-shadow:inset 0 0 0 3px #ffffff02}body.at-home .icon-button:hover{background:#222e3f;border-color:#66788f}#home-settings svg{width:21px;height:21px}#home-screen{max-width:none;padding:24px 24px max(42px,env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#303c50 transparent;color:#e8eff9;flex-direction:column;align-items:center;gap:0;margin:0;display:flex;position:absolute;inset:64px 0 0;overflow-y:auto}.home-brand{text-align:center;flex-shrink:0;width:100%;padding-top:0}.home-crown{filter:drop-shadow(0 2px 4px #e6b75120);width:27px;height:23px;margin-bottom:15px}#home-screen .home-brand h1{letter-spacing:.08em;color:#e8eff9;text-shadow:0 5px 30px #72f5d012;margin:0 0 15px;padding-left:.08em;font:800 clamp(76px,20vw,104px)/.95 Barlow Condensed,sans-serif}.home-brand p{letter-spacing:.24em;color:#92a0b5;margin:0;font:500 12px/1.6 Barlow,sans-serif}.home-rally{background:radial-gradient(#19304755,#0000 70%);border:1px solid #293e5233;border-radius:18px;flex-shrink:0;width:min(100%,360px);height:140px;margin:12px 0 17px;position:relative;overflow:hidden}.home-court-line{opacity:.7;background:repeating-linear-gradient(#29364a 0 7px,#0000 7px 15px);width:3px;position:absolute;top:7px;bottom:7px;left:calc(50% - 1px)}.home-paddle{border-radius:5px;width:16px;height:51px;position:absolute;top:39px}.home-paddle-mint{background:linear-gradient(90deg,#318877,#72f5d0 48%,#3fb99b);animation:4s ease-in-out infinite ponc-left;left:22px;box-shadow:0 0 18px #72f5d02b,inset 0 0 0 1px #adffe3}.home-paddle-mint:after{content:"";background:#c3ffe8;border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:6px}.home-paddle-pink{background:linear-gradient(90deg,#af4b6a,#ff7595 48%,#ba4969);animation:4s ease-in-out infinite ponc-right;right:22px;box-shadow:0 0 18px #ff759530,inset 0 0 0 1px #ffb4c6}.home-ball-flight{width:14px;height:14px;animation:4s linear infinite ponc-rally;position:absolute;top:56%;left:50%}.home-ball{background:radial-gradient(circle at 35% 30%,#fff,#ffe2a1 58%,#d69d41);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 17px #f3d58c70}.home-ball-trail{background:#f3d58c8c;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:-14px;box-shadow:-15px 4px #f8f3e64d,-30px 8px #f8f3e626,-45px 12px #f8f3e610}#home-screen .home-actions{flex-direction:column;flex-shrink:0;grid-area:auto;gap:12px;width:min(100%,360px);margin:0;display:flex}#home-screen .home-menu-button{text-align:left;color:#e9edf1;letter-spacing:.07em;background:linear-gradient(125deg,#1b2c40,#111e2e);border:1px solid #345;border-radius:12px;align-items:center;gap:20px;width:100%;min-height:48px;margin:0 auto;padding:11px 17px;font:600 16px/1.5 Barlow,sans-serif;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:inset 0 0 0 2px #ffffff02}#home-screen .home-menu-button:hover{background:#202d3e;border-color:#708398;transform:translateY(-2px)}#home-screen .home-menu-button:active{background:#28394c;transform:translateY(1px)}#home-screen .home-menu-button>span{font:inherit;color:inherit;flex:1}#home-screen .home-menu-icon{flex:0 0 23px;width:23px;height:23px}.home-chevron{color:#adc1d9;flex:0 0 12px;width:12px;height:19px}#home-online .home-menu-icon{color:#7dbafa}#home-practice .home-menu-icon{color:#f1d084}#home-score .home-menu-icon{color:#f394a0}#home-help .home-menu-icon{color:#b3cce5}#home-screen #home-play{background:var(--cyan);color:#09221f;border:1px solid #a4ffe3;border-radius:12px;width:100%;min-height:61px;margin-bottom:5px;padding:15px 24px;font-size:18px;box-shadow:0 7px 28px #43b89920}#home-screen #home-play:hover{background:#a4ffe3;box-shadow:0 7px 28px #43b89930}#home-screen #home-play .home-chevron{color:#12382e}#home-screen .home-bottom{text-align:center;flex-shrink:0;width:min(100%,345px);margin-top:16px}#home-screen .home-archive-link{color:#8fa2b8;letter-spacing:.08em;background:0 0;min-height:44px;padding:12px 6px;font:600 13px/1.7 Barlow,sans-serif}#home-screen .home-archive-link:hover{color:#b7f8df}.home-archive-link span{margin-left:8px}.home-motto{letter-spacing:.22em;color:#8190a7;white-space:nowrap;align-items:center;gap:13px;margin:18px 0 0;font:500 12px/1.5 Barlow,sans-serif;display:flex}.home-motto:before,.home-motto:after{content:"";background:#394559;flex:1;height:1px}.home-dialog{pointer-events:auto;overscroll-behavior:contain;touch-action:pan-y;color:#e9edf1;background:#111b29;border:1px solid #3b4f69;border-radius:20px;width:min(100% - 32px,410px);max-height:calc(100dvh - 48px);margin:auto;padding:23px;overflow:auto;box-shadow:0 25px 80px #0008}.home-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b13de}.home-dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.home-dialog h2{color:#e8eff9;margin:0;font:700 30px/1.1 Barlow Condensed,sans-serif}.home-dialog-close{color:#aabed4;background:#1b293b;border:1px solid #34465d;border-radius:8px;flex-shrink:0;min-width:44px;height:44px;font-size:19px}.home-dialog p{color:#acbdd0;margin:12px 0 20px;font-size:16px;line-height:1.6}.home-dialog .home-dialog-label{letter-spacing:.12em;text-align:center;font-size:12px}.home-record{text-align:center;color:#f2d389;overflow-wrap:anywhere;font:700 clamp(44px,10vw,62px)/1.4 Barlow Condensed,sans-serif;display:block}#home-record-detail{text-align:center;font-size:14px}.home-instructions h3{letter-spacing:.08em;color:#78edc1;margin:22px 0 8px;font-size:13px}.home-instructions section+section{border-top:1px solid #2e4056;margin-top:24px}.home-instructions p{margin:8px 0 14px}.home-setting-row{background:#19283a;border:1px solid #354b64;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;margin-top:10px;padding:15px;font-size:16px;display:flex}.home-setting-row b{color:#78edc1;font:700 14px Barlow,sans-serif}.home-setting-row[aria-pressed=false] b{color:#9aaabc}.home-dialog #home-settings-note{margin-bottom:0;font-size:14px}.audio-settings{padding:0 0 8px}.audio-volume{color:#c3d6e8;grid-template-columns:1fr auto;gap:8px 16px;margin:12px 5px 18px;font-size:14px;display:grid}.audio-volume output{font-variant-numeric:tabular-nums;color:#83f0cc}.audio-volume input{accent-color:#78edc1;cursor:pointer;grid-column:1/-1;width:100%;min-height:32px}.audio-volume input:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #78edc1}#audio-preview{width:100%;min-height:40px;font-size:14px}#audio-preview:disabled{opacity:.45;cursor:default}@keyframes ponc-rally{0%,to{transform:translate(24px)}25%{transform:translate(115px,-27px)}75%{transform:translate(-133px,22px)}}@keyframes ponc-left{0%,to{transform:translateY(0)}25%{transform:translateY(-11px)}75%{transform:translateY(28px)}}@keyframes ponc-right{0%,to{transform:translateY(0)}25%{transform:translateY(-16px)}75%{transform:translateY(18px)}}@media (height>=880px){#home-screen{padding-top:44px}.home-rally{height:164px;margin:22px 0}.home-paddle{top:48px}#home-screen .home-bottom{margin-top:26px}.home-motto{margin-top:25px}}@media (width<=370px){#home-screen{padding-inline:19px}#home-screen .home-menu-button{gap:14px;padding-inline:14px;font-size:14px}.home-brand p{letter-spacing:.18em;font-size:12px}.home-motto{font-size:12px}}@media (height<=740px) and (orientation:portrait){#home-screen{padding-top:12px}.home-crown{margin-bottom:10px}#home-screen .home-brand h1{font-size:76px}.home-rally{height:94px;margin:8px 0 12px}.home-paddle{height:47px;top:23px}#home-screen .home-actions{gap:9px}#home-screen .home-menu-button{min-height:44px;padding-block:8px}#home-screen #home-play{min-height:54px}#home-screen .home-bottom{margin-top:8px}.home-motto{margin-top:9px}}@media (orientation:landscape) and (height<=600px){#home-screen{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;align-items:center;gap:0 30px;max-width:790px;margin:auto;padding:12px 25px 24px;display:grid;inset:64px 0 0}.home-brand{grid-area:1/1}#home-screen .home-brand h1{font-size:72px}.home-brand p{letter-spacing:.2em;font-size:12px}.home-crown{width:22px;height:18px;margin-bottom:10px}.home-rally{grid-area:2/1;height:95px;margin:0}.home-paddle{top:24px}#home-screen .home-actions{grid-area:1/2/4;align-self:start;gap:8px}#home-screen .home-menu-button{gap:14px;min-height:44px;padding-block:8px;font-size:14px}#home-screen #home-play{min-height:50px;margin-bottom:1px;font-size:15px}#home-screen .home-bottom{grid-area:3/1;align-self:start;margin:0}.home-motto{margin-top:3px;font-size:12px}}@media (prefers-reduced-motion:reduce){.home-ball-flight,.home-paddle{animation:none}}.mode-dialog{width:min(100% - 32px,480px);padding:24px}.mode-dialog .home-dialog-heading{margin-bottom:20px}.mode-dialog .eyebrow{margin-bottom:7px;font-size:12px;display:block}.mode-dialog h2{text-transform:none;font-size:34px}.play-mode-list{gap:10px;display:grid}.mode-dialog .play-mode{color:#e8eff9;text-align:left;width:100%;box-shadow:none;background:linear-gradient(120deg,#1c2e42,#132132);border:1px solid #33495e;border-radius:14px;align-items:center;gap:16px;padding:17px;display:flex}.mode-dialog .play-mode:hover{background:#23394d;border-color:#6b8ca5;transform:translateY(-1px)}.mode-dialog .play-mode:active{transform:scale(.985)}.mode-dialog .home-menu-icon{color:#72c8ff;flex:0 0 29px;width:29px;height:29px}.mode-dialog .play-mode-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mode-dialog .play-mode-copy small{letter-spacing:.09em;color:#8fa9bf;font:600 12px/1.3 Barlow,sans-serif}.mode-dialog .play-mode-copy strong{color:#e8eff9;font:600 25px/1.1 Barlow Condensed,sans-serif}.mode-dialog .play-mode-copy>span{color:#adbed0;font:400 14px/1.4 Barlow,sans-serif}.mode-dialog .play-mode-arrow{color:#8ca8c0;font-size:28px}.mode-dialog #home-match .home-menu-icon{color:#72f5d0}.mode-dialog #home-breaker .home-menu-icon{color:#f3d58c}.mode-dialog #home-practice .home-menu-icon{color:#ff98ae}.mode-dialog .mode-back{min-height:44px;margin:14px auto 0}@media (height<=620px){.mode-dialog{padding:18px}.mode-dialog .home-dialog-heading{margin-bottom:14px}.mode-dialog .play-mode{padding:12px}.play-mode-list{gap:8px}.mode-dialog .mode-back{margin-top:8px}}.mode-dialog #home-breaker{box-shadow:none;color:#e8eff9;background:linear-gradient(120deg,#1c2e42,#132132);border:1px solid #33495e}.mode-dialog #home-breaker:hover{background:#23394d;border-color:#ad9160}.auth-pending #game,.auth-required #game,.auth-pending #arena,.auth-required #arena{visibility:hidden}.account-gate{z-index:100;overscroll-behavior:contain;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#e8eff9;pointer-events:auto;background:radial-gradient(circle at 18% 18%,#19403970,#0000 38%),radial-gradient(circle at 83% 78%,#4422384d,#0000 39%),linear-gradient(145deg,#07101b,#0c1724 55%,#08111d);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.account-gate:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#7ec9b50a 1px,#0000 1px),linear-gradient(90deg,#7ec9b50a 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.account-shell{grid-template-columns:minmax(220px,.75fr) minmax(320px,1fr);align-items:center;gap:clamp(30px,7vw,76px);width:min(100%,880px);display:grid;position:relative}.account-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.account-brand .home-crown{width:34px;height:28px;margin-bottom:18px}.account-brand strong{letter-spacing:.1em;text-shadow:0 8px 45px #72f5d01c;padding-left:.1em;font:800 clamp(76px,13vw,132px)/.8 Barlow Condensed,sans-serif}.account-brand span{color:#8293aa;letter-spacing:.26em;margin-top:25px;font:600 12px/1.5 Barlow,sans-serif}.account-card{min-height:440px;box-shadow:0 30px 100px #0009,inset 0 0 0 1px #fff02;background:linear-gradient(145deg,#152436f2,#0e1928f2);border:1px solid #3b5168;border-radius:24px;padding:clamp(24px,4vw,38px)}.account-card header .eyebrow{margin-bottom:11px;display:block}.account-card h1{text-transform:none;letter-spacing:-.015em;margin:0;font:700 clamp(38px,7vw,52px)/1 Barlow Condensed,sans-serif}.account-card header p{color:#a9bbce;margin:12px 0 22px;font-size:16px;line-height:1.5}.account-loading{color:#a9bbce;place-content:center;justify-items:center;gap:18px;min-height:365px;font-size:16px;display:grid}.account-loading i{border:3px solid #30475c;border-top-color:var(--cyan);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite account-spin}.account-tabs{background:#09131f;border:1px solid #293c50;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.account-tabs button{color:#8599ad;background:0 0;border-radius:8px;min-height:44px;font-size:15px;font-weight:600}.account-tabs button[aria-pressed=true]{color:#f2f7fb;background:#20364a;box-shadow:inset 0 0 0 1px #527088}.account-form label{color:#dce7f0;margin-top:15px;font-size:14px;font-weight:600}.account-form label span{float:right;color:#8197aa;font-size:12px;font-weight:500}.account-form input{color:#f2f7fb;text-transform:none;letter-spacing:0;background:#07121e;border:1px solid #405a70;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:13px 14px;font-size:16px;line-height:1.35}.account-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #72f5d018}.account-form input[aria-invalid=true]{border-color:#ff7595;box-shadow:0 0 0 3px #ff759518}.account-form input::placeholder{color:#64788c}.account-form small{color:#7f93a8;margin:6px 2px 0;font-size:12px;line-height:1.4;display:block}.account-link{color:#9fb4c7;text-underline-offset:3px;background:0 0;margin:10px 0 -7px auto;padding:4px 0;font-size:14px;text-decoration:underline;display:block}.account-link:hover{color:var(--cyan)}.account-submit{margin-top:23px}.account-submit[aria-disabled=true]{opacity:.7;cursor:wait}.account-back{color:#91a6ba;text-underline-offset:3px;min-height:38px;margin:10px auto 0;padding-inline:12px;text-decoration:underline;display:block}.account-message{color:#ff9fb3;text-align:center;min-height:22px;margin:14px 0 0;font-size:14px;line-height:1.45}.account-message[data-kind=success]{color:var(--cyan)}.account-retry{text-underline-offset:3px;min-height:40px;margin:4px auto 0;text-decoration:underline}.account-note{text-align:center;color:#71869b;grid-column:1/-1;margin:0;font-size:13px}.account-chip{color:#dce8f2;background:#152031cc;border:1px solid #334355;border-radius:10px;align-items:center;gap:8px;max-width:150px;height:36px;padding:0 11px;display:none}.account-chip span{color:var(--cyan);text-shadow:0 0 9px var(--cyan);font-size:11px}.account-chip b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;font:600 12px/1 Barlow,sans-serif;overflow:hidden}body.at-home .account-chip{background:linear-gradient(140deg,#17202c,#101620);max-width:142px;height:44px;display:flex}.account-summary{background:#0c1724;border:1px solid #30475d;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;margin-bottom:18px;padding:15px;display:grid}.account-summary span{color:#8297aa;letter-spacing:.06em;grid-column:1;font-size:12px}.account-summary strong{text-overflow:ellipsis;color:#eff6fb;grid-column:1;font-size:17px;overflow:hidden}.account-summary button{color:#b7c9d9;background:#202f40;border:1px solid #415970;border-radius:9px;grid-area:1/2/3;min-height:40px;padding:0 13px;font-size:14px}.account-summary button:hover{color:#fff;background:#2a3d52}@keyframes account-spin{to{transform:rotate(360deg)}}@media (width<=700px){.account-shell{grid-template-columns:1fr;gap:24px;max-width:430px}.account-brand{display:block}.account-brand .home-crown{width:25px;height:21px;margin:0 auto 11px}.account-brand strong{font-size:72px;display:block}.account-brand span{display:none}.account-card{min-height:0}.account-note{grid-column:auto}}@media (width<=390px){.account-gate{padding-inline:15px}.account-card{padding:21px 18px}.account-card header p{margin-bottom:17px}.account-form label{margin-top:13px}.account-submit{margin-top:19px}.account-chip{max-width:105px}}@media (orientation:landscape) and (height<=600px) and (width>=720px){.account-gate{place-items:start center;padding-block:18px}.account-shell{grid-template-columns:180px minmax(370px,520px);gap:28px}.account-brand strong{font-size:74px}.account-brand span{margin-top:18px}.account-card{min-height:0;padding:20px 25px}.account-card h1{font-size:37px}.account-card header p{margin:7px 0 13px}.account-tabs{margin-bottom:12px}.account-form label{margin-top:8px}.account-submit{margin-top:15px}.account-message{margin-top:8px}.account-note{display:none}}body.at-home{background:radial-gradient(at 50% 42%,#1c4053 0,#102236 42%,#080e18 85%)}body.at-home .topline{max-width:740px}body.at-home .icon-button,body.at-home .account-chip{border:2px solid #42576c;border-bottom:4px solid #050d18;border-radius:12px;box-shadow:inset 0 2px #ffffff0b}#home-screen.home-lobby{max-width:740px;padding:12px 24px max(26px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(200px,1fr) auto;grid-template-columns:1fr;align-items:stretch;gap:16px;margin:auto;display:grid;inset:72px 0 0;overflow-y:auto}#home-screen.home-lobby .home-brand{text-align:left;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}#home-screen.home-lobby .home-crown{width:26px;height:25px;margin:0;transform:rotate(-10deg)}#home-screen.home-lobby .home-brand h1{letter-spacing:.015em;color:#edf7ff;text-shadow:0 4px #050d18,2px 0 #050d18;margin:0;padding:0;font:italic 800 55px/.95 Barlow Condensed,sans-serif}#home-screen.home-lobby .home-brand p{letter-spacing:0;color:#9bb5c9;margin-left:auto;font:600 13px/1.4 Barlow,sans-serif}.home-showcase{isolation:isolate;color:#e8eff9;--ponc-color:#72f5d0;background:radial-gradient(#2c596e55,#0000 68%);border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;padding:22px;display:flex;position:relative;overflow:hidden}.home-showcase:active{transform:scale(.99)}.home-showcase-kicker{letter-spacing:.1em;color:#a9c5d9;background:#102334;border:1px solid #355169;border-radius:6px;padding:7px 12px;font:700 12px/1.2 Barlow,sans-serif;position:absolute;top:12px;left:6px;transform:rotate(-3deg)}.home-showcase-orbit{z-index:-1;background:radial-gradient(#72f5d013,#0000 70%);border:1px solid #72f5d017;border-radius:50%;width:min(76%,350px);height:62%;position:absolute;transform:rotate(-15deg);box-shadow:0 0 0 22px #72f5d003,0 0 0 44px #72f5d003}#home-ponc-image{aspect-ratio:2;object-fit:contain;filter:drop-shadow(0 20px 12px #030a14aa);width:min(92%,440px);height:auto;transition:transform .25s;display:block;transform:rotate(-7deg)}.home-showcase:hover #home-ponc-image{transform:rotate(-3deg)translateY(-5px)}.home-ponc-caption{flex-direction:column;align-items:center;gap:5px;margin-top:2px;display:flex}.home-ponc-caption strong{letter-spacing:.035em;text-shadow:0 3px #07121f;color:var(--ponc-color);font:italic 800 40px/1 Barlow Condensed,sans-serif}.home-ponc-caption>span{letter-spacing:.1em;color:#a8bfce;font:600 12px/1.4 Barlow,sans-serif}.home-roster-link{color:#d7e9f6;letter-spacing:.05em;background:#20394c;border:1px solid #4f6e85;border-bottom:3px solid #07111f;border-radius:8px;margin-top:17px;padding:9px 17px;font:700 13px/1.4 Barlow,sans-serif}.home-roster-link>span{color:var(--cyan);margin-left:15px}#home-screen.home-lobby .home-actions{grid-area:auto;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:none;margin:0;display:grid}#home-screen.home-lobby .home-menu-button{letter-spacing:.06em;background:linear-gradient(#223c53,#172b40);border:2px solid #3c566e;border-bottom:5px solid #06101d;border-radius:13px;gap:12px;width:100%;min-height:58px;margin:0;padding:12px 16px;font:700 16px/1.2 Barlow Condensed,sans-serif;box-shadow:inset 0 2px #ffffff0a}#home-screen.home-lobby .home-menu-button:hover{background:#29465e;border-color:#6f91a9 #6f91a9 #06101d;transform:translateY(-2px)}#home-screen.home-lobby .home-menu-button:active{transform:translateY(2px)}#home-screen.home-lobby .home-menu-button .home-chevron{display:none}#home-screen.home-lobby #home-play{color:#092e2a;letter-spacing:.065em;background:linear-gradient(#91ffdc,#62e9bc);border:2px solid #b7ffe8;border-bottom:6px solid #257b67;border-radius:14px;grid-column:1/-1;justify-content:center;gap:15px;min-height:78px;margin:0;padding:17px 25px;font:italic 800 32px/1 Barlow Condensed,sans-serif;box-shadow:0 7px #040c1799,inset 0 2px #e1fff4}#home-screen.home-lobby #home-play>span{flex:0}#home-screen.home-lobby #home-play:hover{background:#a4ffe3;transform:translateY(-2px)}#home-screen.home-lobby #home-play:active{transform:translateY(3px);box-shadow:0 3px #040c1799}@media (width>=850px) and (height>=650px){#home-screen.home-lobby{padding-top:24px;padding-bottom:35px}.home-showcase{min-height:300px}#home-ponc-image{width:480px;max-width:92%}.home-ponc-caption strong{font-size:48px}#home-screen.home-lobby .home-actions{justify-self:center;max-width:560px}}@media (width<=390px){#home-screen.home-lobby{gap:12px;padding-inline:16px}#home-screen.home-lobby .home-brand h1{font-size:47px}#home-screen.home-lobby .home-brand p{max-width:112px;font-size:12px}#home-screen.home-lobby .home-menu-button{gap:9px;padding-inline:12px;font-size:15px}}@media (height<=730px){#home-screen.home-lobby{grid-template-rows:auto minmax(190px,1fr) auto;gap:10px;padding-top:6px}.home-showcase{min-height:190px;padding:10px}#home-ponc-image{width:260px;max-width:85%}.home-ponc-caption strong{font-size:32px}.home-roster-link{margin-top:10px;padding-block:6px}#home-screen.home-lobby #home-play{min-height:65px}#home-screen.home-lobby .home-menu-button{min-height:50px}}@media (orientation:landscape) and (height<=600px){#home-screen.home-lobby{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:12px 30px;max-width:900px;padding-bottom:20px}#home-screen.home-lobby .home-brand{grid-area:1/1}#home-screen.home-lobby .home-brand p{display:none}#home-screen.home-lobby .home-brand h1{font-size:44px}.home-showcase{grid-area:2/1;min-height:190px}.home-showcase-kicker{display:none}#home-ponc-image{width:235px}.home-ponc-caption strong{font-size:28px}.home-ponc-caption>span{font-size:11px}.home-roster-link{margin-top:8px}#home-screen.home-lobby .home-actions{grid-area:1/2/3;align-self:center;gap:12px}#home-screen.home-lobby .home-menu-button{text-align:center;flex-direction:column;justify-content:center;gap:8px}#home-screen.home-lobby #home-play{flex-direction:row;min-height:74px}}#home-screen.home-lobby{padding-bottom:max(64px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(230px,1fr) auto;gap:10px}.home-carousel{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex;position:relative}.home-carousel .home-showcase{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;min-height:180px}.home-carousel #home-ponc-image{pointer-events:none;-webkit-user-drag:none;max-width:82%}.home-carousel-arrow{color:#d4e9f6;background:#12283bab;border:1px solid #48647b;border-bottom:3px solid #07111f;border-radius:11px;place-items:center;width:44px;height:48px;padding:0;font:500 35px/1 Barlow,sans-serif;display:grid;position:absolute;top:42%}.home-carousel-arrow:hover{color:#72f5d0;background:#28465c}.home-carousel-arrow.previous{left:0}.home-carousel-arrow.next{right:0}.home-carousel-nav{justify-content:center;gap:0;margin-top:0;display:flex}.home-carousel-nav button{background:0 0;border:0;place-items:center;width:32px;min-height:32px;padding:0;display:grid}.home-carousel-nav button span{background:#466179;border-radius:50%;width:7px;height:7px;transition:width .15s,background .15s}.home-carousel-nav button[aria-pressed=true] span{background:#72f5d0;border-radius:4px;width:20px}.home-swipe-hint{text-align:center;color:#8faac0;margin:0;font-size:12px;line-height:1.4}#home-screen.home-lobby .home-actions{justify-self:center;gap:9px;max-width:440px}#home-screen.home-lobby .home-menu-button{border-bottom-width:4px;border-radius:11px;min-height:44px;padding:9px 13px;font-size:15px}#home-screen.home-lobby #home-play{border-bottom-width:5px;border-radius:12px;min-height:59px;padding:11px 20px;font-size:27px}#home-screen.home-lobby #home-play .home-menu-icon{flex-basis:23px;width:23px;height:23px}#home-screen.home-lobby .home-roster-link{margin-top:10px;padding:7px 13px;font-size:12px}#home-play-dialog.mode-dialog{background:linear-gradient(145deg,#1c3246,#0d1b2b);border:2px solid #435e75;border-bottom:6px solid #07111f;border-radius:20px;width:min(100% - 28px,560px);padding:22px}#home-play-dialog .home-dialog-heading{margin-bottom:18px}#home-play-dialog h2{letter-spacing:.015em;font-size:32px;font-style:italic}#home-play-dialog .eyebrow{color:#91afc4;font-size:12px}#home-play-dialog .play-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home-play-dialog .play-mode{background:linear-gradient(135deg,#254159,#152b40);border:1px solid #415d75;border-bottom:4px solid #06101d;border-radius:13px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;min-height:174px;padding:17px 14px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff08}#home-play-dialog .play-mode:hover{background:#2b4961;border-color:#7fa2b8 #7fa2b8 #06101d;transform:translateY(-2px)}#home-play-dialog .play-mode .home-menu-icon{flex:0 0 29px;width:29px;height:29px}#home-play-dialog .play-mode-copy{flex:1;gap:5px}#home-play-dialog .play-mode-copy small{letter-spacing:.065em;font-size:11px}#home-play-dialog .play-mode-copy strong{font-size:26px;font-weight:700}#home-play-dialog .play-mode-copy>span{color:#aec4d5;font-size:14px;line-height:1.35}#home-play-dialog .play-mode-arrow{color:#89aac0;font-size:25px;position:absolute;top:14px;right:14px}#home-play-dialog #home-match{border-top:3px solid #72f5d0}#home-play-dialog #home-online{border-top:3px solid #72c8ff}#home-play-dialog #home-breaker{border-top:3px solid #f3d58c}#home-play-dialog #home-practice{border-top:3px solid #ff98ae}#home-play-dialog .mode-back{min-height:40px;margin-top:10px}@media (height<=730px){#home-screen.home-lobby{grid-template-rows:auto minmax(190px,1fr) auto;padding-bottom:38px}.home-carousel #home-ponc-image{width:230px}.home-carousel .home-showcase{min-height:160px;padding-block:5px}.home-carousel .home-ponc-caption strong{font-size:29px}.home-carousel-nav button{min-height:28px}.home-swipe-hint{display:none}}@media (width<=350px){#home-play-dialog.mode-dialog{padding:16px}#home-play-dialog .play-mode{min-height:174px;padding:13px 11px}#home-play-dialog .play-mode-copy strong{font-size:24px}}@media (orientation:landscape) and (height<=600px){#home-screen.home-lobby{grid-template-rows:auto 1fr;padding-bottom:25px}.home-carousel{grid-area:2/1}.home-carousel .home-showcase{min-height:155px}.home-carousel #home-ponc-image{width:180px}.home-carousel .home-ponc-caption strong{font-size:24px}.home-carousel .home-ponc-caption>span{display:none}.home-carousel .home-roster-link{margin-top:6px}#home-play-dialog .play-mode{gap:7px;min-height:135px;padding:12px}#home-play-dialog .home-dialog-heading{margin-bottom:12px}}#home-play-dialog .play-mode{border-top:1px solid #415d75;gap:12px;min-height:145px}#home-play-dialog :is(#home-match,#home-online,#home-breaker,#home-practice){border-top:1px solid #415d75}#home-play-dialog .play-mode-copy{gap:7px}#home-play-dialog .play-mode-copy strong{font-size:26px}.home-carousel #home-ponc-image{filter:drop-shadow(0 12px 10px #030a1466)}@media (orientation:landscape) and (height<=600px){#home-play-dialog .play-mode{gap:8px;min-height:125px}}body.at-home #home-screen.home-lobby{top:calc(max(12px,env(safe-area-inset-top)) + 64px)}:root{--dialog-bg:linear-gradient(145deg,#1c3246,#0d1b2b);--dialog-edge:#435e75;--dialog-muted:#aec4d5}:root :is(.home-dialog,.modal,.account-card,.match-loading){box-sizing:border-box;border:2px solid var(--dialog-edge);background:var(--dialog-bg);color:#e8eff9;border-bottom:6px solid #07111f;border-radius:20px;padding:24px;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff08}:root :is(.home-dialog,.modal){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#435e75 #122335;width:min(100%,460px);max-height:calc(100dvh - 40px);overflow-y:auto}:root .home-dialog{width:min(100% - 28px,460px)}:root :is(.overlay,.account-gate),:root :is(.home-dialog,.match-loading)::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040b16ce}:root :is(.home-dialog,.modal,.match-loading-card) h2,:root .account-card h1{letter-spacing:.01em;text-transform:none;color:#eef7ff;margin:0 0 16px;font:italic 700 clamp(29px,5vw,35px)/1.08 Barlow Condensed,sans-serif}:root .home-dialog-heading{align-items:center;gap:14px;margin-bottom:18px}:root .home-dialog-heading h2{margin:0}:root :is(.home-dialog,.modal,.account-card) p{color:var(--dialog-muted);font-size:15px;line-height:1.55}:root :is(.home-dialog,.modal,.match-loading-card)>.eyebrow{color:#91aec3;letter-spacing:.09em;background:0 0;border:0;margin-bottom:10px;font-size:12px;display:block}:root :is(.home-dialog,.modal,.account-card,.match-loading) :is(.primary,.secondary){letter-spacing:.055em;border-radius:11px;justify-content:center;gap:14px;width:100%;min-height:48px;margin-top:10px;padding:12px 16px;font:700 16px/1.2 Barlow Condensed,sans-serif}:root :is(.home-dialog,.modal,.account-card,.match-loading) .primary{color:#092e2a;background:linear-gradient(#91ffdc,#62e9bc);border:1px solid #b7ffe8;border-bottom:4px solid #257b67;box-shadow:inset 0 1px #e1fff4,0 3px #040c1744}:root :is(.home-dialog,.modal,.account-card,.match-loading) .primary:hover{background:#a4ffe3}:root :is(.home-dialog,.modal,.account-card,.match-loading) .secondary{color:#e5f1fb;background:linear-gradient(#254159,#172b40);border:1px solid #415d75;border-bottom:4px solid #06101d;box-shadow:inset 0 1px #ffffff08}:root :is(.home-dialog,.modal,.account-card,.match-loading) .secondary:hover{background:#2b4961}:root :is(.home-dialog,.modal,.account-card,.match-loading) .quiet{color:#a9c4d7;border-radius:9px;min-height:44px;margin:10px auto 0;padding:10px 14px;font:600 14px/1.4 Barlow,sans-serif}:root :is(.home-dialog,.modal,.account-card,.match-loading) .quiet:hover{color:#e8f7ff;background:#25415988}:root :is(.home-dialog-close,#archive-close){color:#bad0e0;background:#20394e;border:1px solid #4a6379;border-bottom:3px solid #07111f;border-radius:10px;min-width:42px;min-height:42px}:root :is(.home-dialog,.modal,.account-card) input{color:#e8f3fc;background:#0a1929;border:1px solid #415d75;border-radius:10px;min-height:46px;padding:12px;font-size:16px}:root :is(.home-dialog,.modal,.account-card) input:focus-visible{outline-offset:2px;outline:2px solid #72f5d0}:root :is(.home-dialog,.modal,.account-card) label{color:#b4cbdc;margin-top:16px;font-size:14px}:root .home-setting-row,:root .account-summary{background:#172d40;border:1px solid #39556d;border-bottom:3px solid #0a1726;border-radius:11px;min-height:52px;padding:13px 15px}:root .home-record{color:#f3d58c;margin:15px 0;font-size:54px;line-height:1.3}:root .home-dialog .home-dialog-label{color:#91aec3;letter-spacing:.08em;margin:10px 0;font-size:12px}:root .home-instructions section+section{border-color:#385065;margin-top:18px}:root .home-instructions h3{margin-top:16px;font-size:13px}:root .home-instructions p{margin:8px 0 12px}:root #duel-code{color:#72f5d0;letter-spacing:.12em;overflow-wrap:anywhere;margin:20px 0;font:700 38px/1.2 Barlow Condensed,sans-serif}:root #duel-status{margin-bottom:0;font-size:14px}:root :is(#duel-exit,[data-leave]){color:#ffb1c1;background:#38243655;border:1px solid #825369}:root .ranked-heading .eyebrow i{color:#92b0c6;background:0 0;border:0;padding:0}:root .ranked-dialog h2{margin:0 0 18px}:root .ranked-steps{border-color:#385065;gap:12px;margin:0 0 18px;padding:0 0 15px}:root .ranked-steps li{gap:6px;font-size:13px}:root .ranked-steps b{border-radius:7px;width:23px;height:23px;font-size:11px}:root .ranked-rating-panel{background:#162d3f;border:1px solid #38576c;border-radius:12px;gap:13px;padding:13px 15px}:root .ranked-rating-panel small{letter-spacing:.08em;font-size:11px}:root .ranked-dialog .ranked-rating{color:#d4fbe9;margin:3px 0 0;font-size:16px;line-height:1.4}:root .ranked-format{display:none}:root .ranked-search{gap:7px;padding:20px 10px 0}:root .ranked-radar{width:70px;height:70px}:root .ranked-search strong{margin-top:3px;font-size:36px}:root .ranked-search>span{font-size:14px}:root .ranked-search progress{margin-top:10px}:root .ranked-dialog .ranked-note{min-height:0;margin:18px 0 8px;font-size:15px}:root .ranked-dialog .ranked-actions{visibility:visible;background:0 0;gap:4px;width:100%;margin:0;padding:8px 0 0;display:grid;position:static;inset:auto;transform:none}:root .ranked-actions button{margin-top:5px}:root .match-loading{width:min(100% - 28px,460px);max-width:460px;height:fit-content;max-height:calc(100dvh - 40px);margin:auto;display:block;position:fixed;inset:0;overflow-y:auto}:root .match-loading[hidden]{display:none}:root .match-loading-card{gap:16px;width:100%}:root .match-loading-card>.eyebrow{display:none}:root .match-loading-card h2{margin:0;font-size:32px}:root .match-loading-spinner{width:30px;height:30px}:root .match-loading-players{gap:10px}:root .match-loading-player{background:#162c40;border:1px solid #415d75;border-bottom:3px solid #091522;border-radius:12px;gap:9px;padding:16px 10px}:root .match-loading-player strong{font:700 25px/1.1 Barlow Condensed,sans-serif}:root .match-loading-status{min-height:0;font-size:15px;line-height:1.5}:root .account-card{min-height:0;padding:25px}:root .account-card header p{margin:10px 0 17px}:root .account-tabs{background:#0d2032;border:1px solid #355169;border-radius:11px;gap:4px;padding:4px}:root .account-tabs button{border-radius:8px;min-height:40px;font-size:14px}:root .account-tabs button[aria-pressed=true]{color:#bafbe4;background:#28465b;box-shadow:inset 0 -2px #72f5d0}:root #archive .archive-top{background:#172c3f;border-bottom:1px solid #38546b}:root .breaker-results{gap:10px}:root .breaker-results>div{background:#162d40;border:1px solid #3c576c;border-radius:12px;padding:14px;font-size:12px}@media (width<=390px){:root :is(.home-dialog,.modal,.account-card,.match-loading){border-radius:17px;padding:18px}:root .ranked-steps{gap:6px}:root .ranked-steps li{gap:4px;font-size:12px}:root .ranked-dialog{padding:18px}}@media (height<=620px){:root :is(.home-dialog,.modal,.match-loading){max-height:calc(100dvh - 24px)}:root .ranked-search{grid-template-columns:60px 1fr;gap:6px 16px;padding:12px 0 0}:root .ranked-radar{grid-row:1/3;width:58px;height:58px}:root .ranked-radar:after{inset:20px}:root .ranked-search progress{grid-column:1/-1}:root .ranked-search strong{font-size:30px}:root .ranked-dialog .ranked-note{margin-top:12px}:root .match-loading-card{gap:12px}}:root{--dialog-top:max(14px,calc(env(safe-area-inset-top) + 10px));--dialog-bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))}:root :is(.home-dialog,.match-loading){max-height:calc(100dvh - var(--dialog-top) - var(--dialog-bottom));inset:var(--dialog-top) 0 var(--dialog-bottom);margin:auto}:root #archive{padding:var(--dialog-top) max(12px,env(safe-area-inset-right)) var(--dialog-bottom) max(12px,env(safe-area-inset-left));align-items:center}:root #archive .archive-panel{max-height:calc(100dvh - var(--dialog-top) - var(--dialog-bottom));border-width:1px 1px 4px;border-radius:17px}:root #archive .archive-top{min-height:52px;padding:8px 12px}:root #archive #archive-close{min-height:36px;padding:6px 11px;font-size:13px}:root #archive #archive-pilots{gap:4px;padding:10px 12px}:root #archive #archive-pilots button{border-radius:8px;min-height:40px;padding:7px 3px;font-size:13px}:root #archive .archive-hero img{object-fit:contain;max-width:150px;height:64px}:root #archive .archive-hero h1{font-size:28px}:root #archive .archive-style{margin:6px 0 8px;font-size:14px;line-height:1.4}:root #archive .archive-skills article{gap:11px;padding:12px}:root #archive .archive-skills article p,:root #archive .archive-passive p{margin:6px 0 0;font-size:14px;line-height:1.5}:root #archive .archive-icon{width:38px;min-width:38px;height:38px}:root #archive .archive-passive{border-left-width:2px;padding:13px}:root .ranked-dialog{border-width:1px 1px 4px;border-radius:17px;outline:none;width:min(100% - 32px,430px);padding:22px}:root .ranked-heading .eyebrow{letter-spacing:.08em;margin-bottom:8px;font-size:11px}:root .ranked-rating-panel{background:#152a3c;border-radius:10px;gap:12px;padding:12px}:root .ranked-emblem{font-size:29px}:root .ranked-dialog .ranked-rating{font-size:14px;line-height:1.45}:root .ranked-search{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:56px 1fr;justify-items:start;gap:4px 15px;padding:22px 2px 0;display:grid}:root .ranked-radar{grid-area:1/1/3;align-self:center;width:54px;height:54px}:root .ranked-radar:before{inset:9px}:root .ranked-radar:after{inset:19px}:root .ranked-radar b{width:5px;height:5px;top:13px;right:13px}:root .ranked-search strong{grid-area:1/2;margin:0;font-size:34px;line-height:1.1}:root .ranked-search>span{color:#90acbf;grid-area:2/2;font-size:12px}:root .ranked-search progress{grid-area:3/1/auto/-1;width:100%;height:3px;margin-top:13px}:root .ranked-dialog .ranked-note{margin:16px 0 5px;font-size:14px}:root .ranked-dialog .ranked-actions{padding-top:9px}:root .ranked-actions .quiet,:root .match-loading-card [data-loading-leave]{color:#b7cddd;background:#152a3c;border:1px solid #3b566d;border-radius:9px;width:100%;min-height:42px;margin:0;padding:9px 12px;font-size:14px}:root .ranked-actions .quiet:hover,:root .match-loading-card [data-loading-leave]:hover{background:#233f54;border-color:#648aa3}:root .match-loading{border-width:1px 1px 4px;border-radius:17px;outline:none;width:min(100% - 32px,430px);padding:22px}:root .match-loading-card h2{font-size:30px}:root .match-loading-spinner{width:25px;height:25px;margin:0 auto}:root .match-loading[data-ready=true] .match-loading-spinner{display:none}:root .match-loading-players{grid-template-columns:1fr;gap:8px}:root .match-loading-player{background:#152b3e;border:1px solid #39566e;border-radius:10px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:13px 12px;display:grid}:root .match-loading-player span{letter-spacing:.05em;font-size:11px}:root .match-loading-player strong{font-size:25px}:root .match-loading-player b{font-size:13px}:root .match-loading-status{text-align:center;font-size:14px}@media (width<=360px){:root .ranked-dialog,:root .match-loading{padding:17px}:root #archive #archive-pilots button{font-size:12px}:root .match-loading-player{grid-template-columns:44px 1fr auto;gap:7px}}:root #archive .archive-layout{gap:12px}:root #archive .archive-stats{gap:8px;padding:8px 0}:root #archive .archive-hero .eyebrow{font-size:10px}:root #archive .archive-hero p{margin-top:4px;font-size:11px}:root #archive .archive-kit-heading{padding:9px 2px 5px}:root :is(#archive,#lobby-profile) .archive-ability{background:#142536;padding:0;display:block}:root :is(#archive,#lobby-profile) .archive-ability:last-child{border-bottom:0}:root :is(#archive,#lobby-profile) .archive-passive{background:#172f36;border-bottom:1px solid #385b5a}:root :is(#archive,#lobby-profile) .archive-ability summary{justify-content:flex-start;gap:10px;min-height:56px;padding:9px 10px}:root :is(#archive,#lobby-profile) .archive-ability summary>span{transform:none}:root :is(#archive,#lobby-profile) .archive-ability .archive-icon{border-radius:7px;width:32px;min-width:32px;height:32px}:root :is(#archive,#lobby-profile) .archive-ability-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}:root :is(#archive,#lobby-profile) .archive-ability-copy strong{color:#e0edf7;font-size:15px;line-height:1.2}:root :is(#archive,#lobby-profile) .archive-ability .archive-label{letter-spacing:.05em;font-size:10px}:root :is(#archive,#lobby-profile) .archive-ability small{color:var(--archive-accent);white-space:nowrap;font-size:12px}:root :is(#archive,#lobby-profile) .archive-expand{text-align:center;color:#94adbf;width:14px;font-size:18px;line-height:1}:root :is(#archive,#lobby-profile) .archive-ability[open] .archive-expand{transform:rotate(45deg)}:root :is(#archive,#lobby-profile) .archive-ability p{color:#b5cbdc;margin:0;padding:0 12px 12px;font-size:14px;line-height:1.5}:root #archive .archive-panel{background:linear-gradient(135deg,#193047 0%,#122335 48%);border:2px solid #435e75;border-bottom:5px solid #07111f;border-radius:16px;box-shadow:0 18px 60px #0009,inset 0 1px #7394aa30}:root #archive .archive-top{background:linear-gradient(110deg,#25465e,#172c3f);box-shadow:0 3px #07111f55}:root #archive .archive-top .eyebrow{letter-spacing:.035em;color:#edf7ff;text-shadow:0 2px #07111f;font:800 19px/1 Barlow Condensed,sans-serif}:root #archive #archive-close{background:#2b465c;border:1px solid #668095;border-bottom:3px solid #07111f;border-radius:7px;font-weight:700}:root #archive #archive-pilots button{letter-spacing:.02em;background:linear-gradient(#243f55,#1a3044);border:1px solid #38556c;border-bottom:3px solid #07111f;border-radius:7px;min-height:40px;font:700 15px/1.2 Barlow Condensed,sans-serif;transition:background .15s,translate .15s}:root #archive #archive-pilots button.active{color:#081a27;background:var(--frame-color);border-color:var(--frame-color);text-shadow:0 1px #ffffff30;border-bottom-color:#07111f;box-shadow:inset 0 2px #ffffff65}:root #archive #archive-pilots button.active i{box-shadow:none;background:#081a27}:root #archive #archive-pilots button:active{translate:0 2px}:root #archive .archive-hero{isolation:isolate;position:relative}:root #archive .archive-hero img{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--archive-accent) 18%,transparent),transparent 70%);filter:drop-shadow(0 4px #06111a80)}:root #archive .archive-hero h1{text-transform:uppercase;letter-spacing:.025em;text-shadow:1px 2px #07111f,2px 3px #07111f;margin:3px 0;font-size:32px;font-style:italic;font-weight:800}:root #archive .archive-rating i{border-radius:1px;height:6px;transform:skew(-12deg)}:root #archive .archive-rating i.filled{box-shadow:inset 0 1px #ffffff70,0 1px #07111f}:root #archive .archive-skills{border:1px solid #3a556b;border-bottom:3px solid #07111f;border-radius:9px}:root #archive .archive-ability summary{background:linear-gradient(110deg,#ffffff04,#0000)}:root #archive .archive-ability summary:hover{background:#ffffff08}:root #archive .archive-ability[open] summary{background:color-mix(in srgb,var(--archive-accent) 8%,transparent)}:root #archive .archive-ability .archive-icon{border:1px solid #557084;transform:rotate(-3deg);box-shadow:0 2px #07111f}:root #archive .archive-ability-copy strong{letter-spacing:.015em;text-shadow:0 1px #07111f;font:700 19px/1.05 Barlow Condensed,sans-serif}:root #archive .archive-ability small{font-variant-numeric:tabular-nums;background:#0d1c2b;border:1px solid #344b5d;border-radius:5px;padding:4px 6px;font-weight:700}:root #archive .archive-passive{border-left:3px solid var(--archive-accent);box-shadow:0 2px #07111f}@media (prefers-reduced-motion:reduce){:root #archive #archive-pilots button{transition:none}}:root #archive .archive-panel{height:min(480px,calc(100dvh - var(--dialog-top) - var(--dialog-bottom)));flex-direction:column;display:flex;overflow:hidden}:root #archive .archive-top,:root #archive #archive-pilots{flex-shrink:0}:root #archive #archive-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:#3c5467 #101d2c;flex:1;min-height:0;overflow-y:auto}@media (width<=600px){:root #archive .archive-panel{height:min(640px,calc(100dvh - var(--dialog-top) - var(--dialog-bottom)))}}:root .account-ranked{border-top:1px solid #39556d;grid-column:1/-1;min-width:0;margin-top:8px;padding-top:12px}:root .account-rank-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}:root .account-rank-values>div{flex-direction:column;gap:4px;min-width:0;display:flex}:root .account-rank-values strong{color:#72f5d0;overflow-wrap:anywhere;font:700 27px/1.1 Barlow Condensed,sans-serif}:root #account-rank-note{color:#a7bed0;margin:9px 0 0;font-size:12px;line-height:1.5}:root #account-rank-retry{min-height:36px;margin-top:8px}:root #archive{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c1b2b;align-items:stretch;padding:0;inset:0}:root #archive .archive-panel{width:100%;max-width:none;height:100dvh;max-height:100dvh;box-shadow:none;background:linear-gradient(135deg,#193047,#0d1d2e 65%);border:0;border-radius:0;margin:0;padding:0}:root #archive .archive-top{padding:max(14px,env(safe-area-inset-top)) max(20px,calc((100vw - 960px)/2),env(safe-area-inset-right)) 14px max(20px,calc((100vw - 960px)/2),env(safe-area-inset-left));min-height:64px}:root #archive #archive-pilots{width:100%;max-width:1000px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));align-self:center}:root #archive #archive-content{width:100%;max-width:1000px;padding:4px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-self:center}:root #home-settings-dialog{width:min(100% - 24px,360px);height:auto;max-height:calc(100dvh - var(--dialog-top) - var(--dialog-bottom));pointer-events:auto;touch-action:pan-y;border-bottom-width:4px;border-radius:14px;padding:16px;overflow-y:auto}:root #home-settings-dialog .home-dialog-heading{gap:10px;margin-bottom:8px}:root #home-settings-dialog h2{margin:0;font-size:27px;line-height:1.1}:root #home-settings-dialog .home-dialog-close{border-radius:8px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:17px}:root #home-settings-dialog .home-setting-row{border-bottom-width:2px;border-radius:8px;gap:10px;min-height:44px;margin-top:6px;padding:8px 11px;font-size:14px}:root #home-settings-dialog .home-setting-row b{font-size:13px}:root #home-settings-dialog .audio-settings{padding:0}:root #home-settings-dialog .audio-volume{grid-template-columns:76px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:44px;margin:2px 0 4px;padding:0 4px;font-size:13px;line-height:1.2;display:grid}:root #home-settings-dialog .audio-volume>span{grid-area:1/1}:root #home-settings-dialog .audio-volume output{text-align:right;grid-area:1/3;font-size:13px}:root #home-settings-dialog .audio-volume input{touch-action:pan-y;background:0 0;border:0;border-radius:0;grid-area:1/2;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0}:root #home-settings-dialog #audio-preview{min-height:44px;margin:0;padding:8px;font-size:13px}:root #home-settings-dialog #home-help img{object-fit:contain;width:24px;height:24px}:root #home-settings-dialog #home-settings-note{margin:10px 2px 0;font-size:12px;line-height:1.4}body.selecting:not(.at-home) #arena{visibility:hidden}body.selecting #start.sheet{width:100%;max-width:none;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-shadow:none;overscroll-behavior:contain;scrollbar-width:thin;--pick-accent:#72f5d0;background:radial-gradient(at 50% 28%,#203e52 0%,#102335 45%,#080e18 100%);border:0;border-radius:0;flex-direction:column;gap:10px;margin:0;display:flex;position:fixed;inset:0;overflow-y:auto}body.selecting #start.sheet>*{align-self:center;width:100%;max-width:520px}body.selecting #start>.start-heading{order:0;margin:0;display:block}body.selecting #start .start-heading h1{color:#eef7ff;text-transform:none;letter-spacing:.015em;margin:0;font:italic 700 32px/1.1 Barlow Condensed,sans-serif}body.selecting #start #character-preview{background:radial-gradient(#72f5d00b,#0000 70%);flex-grow:1;flex-shrink:0;order:1;place-items:center;width:100%;height:clamp(160px,25dvh,320px);min-height:140px;margin:0;display:grid}#pick-portrait{object-fit:contain;filter:drop-shadow(0 10px 8px #030a1455);width:100%;height:100%;max-height:320px}body.selecting #start>.pilot-info{text-align:center;flex-direction:column;order:2;align-items:center;max-width:none;display:flex;margin:0!important}body.selecting #start #pilot-name{letter-spacing:.025em;color:var(--pick-accent);order:0;margin:0 0 6px;font:italic 800 33px/1 Barlow Condensed,sans-serif}body.selecting #start #pilot-role{letter-spacing:.08em;color:#9fb8cb;order:1;margin:0;font-size:11px;line-height:1.4}body.selecting #start #pilot-copy{display:none}body.selecting #start #pilot-stats{order:2;justify-content:center;gap:22px;margin:13px 0 2px;display:flex}body.selecting #start #pilot-stats span{color:#a9bfce;letter-spacing:.055em;font:500 11px/1.4 Barlow,sans-serif}body.selecting #start #pilot-stats b{color:var(--pick-accent);letter-spacing:1px;margin-top:4px;font-size:16px}body.selecting #start #pick-details{color:#a8c6d9;order:3;min-height:36px;margin:0 auto;padding:7px 12px;font-size:13px;display:block}body.selecting #start #pilots{border:0;flex-shrink:0;order:4;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid}body.selecting #start #pilots button{color:#a9c1d2;background:#172c40;border:1px solid #38556e;border-bottom:3px solid #07111f;border-radius:10px;min-height:61px;margin:0;padding:5px 2px 7px;font:600 11px/1.2 Barlow,sans-serif}body.selecting #start #pilots button.active{border-color:var(--pick-accent);color:#e3fff4;background:#25453f;border-bottom-color:#22614e}body.selecting #start #pilots button.active:disabled{opacity:1}body.selecting #start #pilots .pilot-thumb{object-fit:contain;width:100%;max-width:none;height:30px;max-height:30px;margin:0 auto 5px;display:block;transform:none}body.selecting #start .difficulty{background:#0c2031;border:1px solid #345169;border-radius:10px;order:5;margin:2px 0 0;padding:4px}body.selecting #start .difficulty button{min-height:34px;padding:5px 8px;font-size:14px}body.selecting #start .difficulty button.active{color:#c9fff0;background:#27485b}body.selecting #start .bot-practice{background:0 0;border:0;order:6;margin:0;padding:0;display:block}body.selecting #start .bot-practice summary{cursor:pointer;color:#a3bdd0;min-height:36px;padding:7px 2px;font-size:13px}body.selecting #start .bot-options{grid-template-columns:1fr 1fr;gap:10px;padding:6px 0;display:grid}body.selecting #start .bot-options label{gap:6px;min-width:0;margin:0;font-size:13px;display:grid}body.selecting #start .bot-options select{background:#0a1929;border:1px solid #415d75;width:100%;min-width:0;padding:9px;font-size:14px}body.selecting #start #play,body.selecting #start #lobby-ready{color:#092e2a;letter-spacing:.055em;background:linear-gradient(#91ffdc,#62e9bc);border:1px solid #b7ffe8;border-bottom:4px solid #257b67;border-radius:11px;justify-content:center;min-height:48px;margin:0;padding:12px 16px;font:700 17px/1.2 Barlow Condensed,sans-serif;box-shadow:0 3px #040c1744}body.selecting #start #play{flex-shrink:0;order:7;margin-top:4px}body.selecting #start #online,body.selecting #start .rules-note,body.selecting #start #lobby-profile{display:none}body.selecting #start #pick-home{color:#a9c4d7;order:8;min-height:36px;margin:0;padding:7px;font-size:13px}body.selecting #start #lobby-dock{background:0 0;border-top:1px solid #355168;flex-shrink:0;order:7;grid-template-columns:1fr;gap:9px;margin-top:auto;padding:12px 0 0;display:grid}body.selecting #start #lobby-status{color:#afc7d9;text-align:center;overflow-wrap:anywhere;grid-column:1;margin:0;padding:0;font-size:13px;line-height:1.5}body.selecting #start #lobby-ready{grid-column:1;width:100%}body.selecting #start #lobby-leave{color:#a9c4d7;grid-column:1;min-height:36px;margin:0;padding:7px;font-size:13px}@media (height<=730px){body.selecting #start.sheet{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:7px}body.selecting #start #character-preview{height:110px;min-height:110px}body.selecting #start #pilot-name{font-size:29px}body.selecting #start #pilot-stats{margin-top:8px}body.selecting #start .start-heading h1{font-size:29px}}@media (width<=360px){body.selecting #start.sheet{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}body.selecting #start #pilots{gap:4px}body.selecting #start #pilots button{font-size:10px}body.selecting #start #pilot-stats{gap:16px}}@media (orientation:landscape) and (height<=600px){body.selecting #start.sheet{padding:max(16px,env(safe-area-inset-top)) max(20px,calc((100vw - 1000px)/2),env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,calc((100vw - 1000px)/2),env(safe-area-inset-left));grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:8px 24px;display:grid}body.selecting #start.sheet>*{align-self:center;width:100%;max-width:520px}body.selecting #start>.start-heading{grid-area:1/1}body.selecting #start #character-preview{grid-area:2/1;height:100px;min-height:100px}body.selecting #start>.pilot-info{grid-area:3/1}body.selecting #start #pick-details{grid-area:4/1}body.selecting #start #pilots{grid-area:1/2/3;align-self:center}body.selecting #start .difficulty,body.selecting #start .bot-practice,body.selecting #start #play,body.selecting #start #pick-home,body.selecting #start #lobby-dock{grid-area:auto/2}body.selecting #start #lobby-dock{grid-row:3/5;align-self:start;margin:0}}body.selecting:not(.at-home) .topline{visibility:hidden}body.selecting #start #pick-inventory{color:#a8c6d9;order:3;min-height:36px;margin:0;padding:7px 12px;font-size:14px}@media (orientation:landscape) and (height<=600px){body.selecting #start #pick-inventory{grid-area:4/1}body.selecting #start #pick-details{grid-row:5}body.selecting #start.sheet{align-content:start}}:root :is(#home-play-dialog,.ranked-dialog,.match-loading){background:linear-gradient(135deg,#1c354b,#112337 65%);border:2px solid #435e75;border-bottom:5px solid #07111f;border-radius:16px;box-shadow:0 20px 70px #0009,inset 0 1px #8dadc225}:root :is(#home-play-dialog,.ranked-dialog,.match-loading-card) h2{text-shadow:1px 2px #07111f;letter-spacing:.01em;font-weight:800}:root #home-play-dialog.mode-dialog{width:min(100% - 28px,550px);padding:20px}:root #home-play-dialog .home-dialog-heading{margin-bottom:16px}:root #home-play-dialog h2{font-size:32px}:root #home-play-dialog .play-mode-list{gap:12px}:root #home-play-dialog .play-mode{isolation:isolate;background:#102233;border:1px solid #47647d;border-bottom:4px solid #07111f;border-radius:12px 5px;flex-direction:column;gap:0;min-height:0;padding:0;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff10,0 4px 9px #020b1525}:root #home-play-dialog .play-mode:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#ffffff0d,#0000 25% 85%,#0002);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff05}:root #home-play-dialog .play-mode:after{content:"";z-index:3;pointer-events:none;border-top:1px solid #e9f7ff65;border-right:1px solid #e9f7ff65;width:13px;height:13px;position:absolute;top:9px;right:9px}:root #home-play-dialog .play-mode:hover{border-color:var(--mode-accent);border-bottom-color:#07111f;transform:translateY(-2px)}:root #home-play-dialog .play-mode:focus-visible{outline:3px solid var(--mode-accent);outline-offset:3px}:root #home-play-dialog .play-mode:active{transform:translateY(2px)}:root #home-play-dialog .play-mode-copy{z-index:2;box-sizing:border-box;background:0 0;gap:5px;width:100%;padding:7px 12px 14px;position:relative}:root #home-play-dialog .play-mode-copy:before{content:"";background:var(--mode-accent);width:24px;height:2px;box-shadow:7px 0 color-mix(in srgb,var(--mode-accent) 25%,transparent);margin-bottom:3px;transform:skew(-25deg)}:root #home-play-dialog .play-mode-copy strong{color:#eff7ff;text-shadow:0 2px #07111f;padding-right:13px;font:italic 800 27px/1.05 Barlow Condensed,sans-serif}:root #home-play-dialog .play-mode-copy>span{color:#b4c9d8;font-size:13px;line-height:1.4}:root #home-play-dialog .play-mode-arrow{z-index:3;color:var(--mode-accent);font-size:23px;line-height:1;inset:auto 11px 46px auto}:root #home-play-dialog .mode-back{min-height:38px;margin:12px auto 0;padding:7px 14px}.mode-scene{isolation:isolate;aspect-ratio:3/2;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 90%,89% 93%,54% 91%,22% 99%,0 94%);background:#142b3e;width:100%;height:auto;display:block;position:relative;overflow:hidden}.mode-artwork{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:block}.mode-scene:after{content:"";pointer-events:none;background:linear-gradient(#05132108 40%,#10223355 80%,#102233ed),linear-gradient(90deg,#07111f35,#0000 22% 78%,#07111f30);position:absolute;inset:0}#home-play-dialog .play-mode:hover .mode-artwork,#home-play-dialog .play-mode:focus-visible .mode-artwork{transform:scale(1.045)}:root .ranked-dialog{width:min(100% - 28px,440px);padding:22px}:root .ranked-heading .eyebrow{color:#9ab6ca;margin-bottom:10px;font-size:12px}:root .ranked-dialog h2{margin-bottom:16px;font-size:32px}:root .ranked-dialog .ranked-rating{margin:3px 0 0;font-size:14px}:root .ranked-emblem{color:#72f5d0;text-shadow:1px 2px #07111f;font-size:28px}:root .ranked-search{flex-direction:column;align-items:stretch;gap:12px;padding:14px 0 0;display:flex}:root .ranked-search[hidden]{display:none}.ranked-scout{background:radial-gradient(#294a5a70,#0000 72%);grid-template-columns:1fr 36px 1fr;align-items:center;gap:6px;min-height:125px;display:grid}.ranked-scout-ponc,.ranked-scout-mystery{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.ranked-scout-ponc img{object-fit:contain;filter:drop-shadow(0 7px 3px #030c1970);width:100%;height:88px;display:block;transform:rotate(-12deg)}.ranked-scout-ponc>span,.ranked-scout-mystery>span:last-child{letter-spacing:.08em;color:#8dabbf;font-size:12px;font-weight:600}.ranked-scout-vs{color:#b9cdda;text-shadow:1px 2px #07111f;text-align:center;font:italic 800 25px/1 Barlow Condensed,sans-serif}.ranked-mystery-mark{color:#8ebbbf;background:#122b3e;border:2px dashed #608394;border-radius:12px;place-items:center;width:66px;height:70px;margin:9px 0;font:italic 800 46px/1 Barlow Condensed,sans-serif;display:grid;transform:rotate(8deg)}:root .ranked-search-time{color:#95afc4;letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}:root .ranked-search-time strong{color:#edf7ff;font-variant-numeric:tabular-nums;margin:0 0 0 5px;font:700 27px/1 Barlow Condensed,sans-serif}.ranked-search-dot{background:#72f5d0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #72f5d066}:root .ranked-search progress{width:100%;height:3px;margin:0}:root .ranked-dialog .ranked-note{margin:13px 0 4px;font-size:14px;line-height:1.5}:root .ranked-actions .quiet,:root .match-loading-card [data-loading-leave]{color:#c4d9e7;background:#203a50;border:1px solid #45637b;border-bottom:3px solid #07111f;border-radius:8px;min-height:44px;margin:4px 0 0}:root .match-loading{width:min(100% - 28px,460px);padding:22px}:root .match-loading-card{text-align:center;gap:15px}:root .match-loading-card>.eyebrow{letter-spacing:.1em;color:#98b3c6;margin:0;font-size:12px;display:block}:root .match-loading-card h2{min-height:1.1em;margin:0;font-size:32px}.match-loading-lineup{isolation:isolate;position:relative}:root .match-loading-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}:root .match-loading-player{border:1px solid color-mix(in srgb,var(--loading-accent) 45%,#2c4256);background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--loading-accent) 17%,transparent),transparent 75%),#152b3f;border-bottom:4px solid #07111f;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 5px;display:flex}:root .match-loading-side{color:#adc6d7;font-size:12px;line-height:1.4}.match-loading-portrait{place-items:center;width:100%;height:94px;display:grid;position:relative}.match-loading-portrait:before{content:"";filter:blur(3px);background:#050f1b77;border-radius:50%;height:16px;position:absolute;bottom:14px;left:16%;right:16%}.match-loading-portrait img{object-fit:contain;filter:drop-shadow(0 4px 2px #07111f60);width:108%;max-width:none;height:100%;display:block;position:relative;transform:rotate(-11deg)}.match-loading-player:last-child .match-loading-portrait img{transform:rotate(11deg)}:root .match-loading-player strong{text-shadow:1px 2px #07111f;color:var(--loading-accent);font:italic 800 28px/1.1 Barlow Condensed,sans-serif}:root .match-loading-player b{color:#9cb6ca;min-height:18px;font-size:12px;font-weight:600;line-height:1.5}:root .match-loading-player b[data-ready=true]{color:#9afcdb}.match-loading-vs{z-index:3;color:#ffe4aa;text-shadow:2px 3px #07111f,-1px -1px #07111f;font:italic 900 30px/1 Barlow Condensed,sans-serif;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}:root .match-loading-status{color:#b7cedc;min-height:1.5em;margin:0;font-size:14px;line-height:1.5}:root .match-loading[data-ready=true] h2{color:#9afcdb}:root .match-loading[data-error=true] h2{color:#ffb0a0}@media (width<=370px){:root #home-play-dialog.mode-dialog{padding:15px}:root #home-play-dialog h2,:root .ranked-dialog h2,:root .match-loading-card h2{font-size:28px}:root #home-play-dialog .play-mode-list{gap:9px}:root #home-play-dialog .play-mode-copy{padding:10px}:root #home-play-dialog .play-mode-copy strong{font-size:23px}:root #home-play-dialog .play-mode-copy>span{font-size:12px}.mode-scene{height:auto}:root .ranked-dialog,:root .match-loading{padding:18px}:root .match-loading-players{gap:10px}:root .match-loading-player strong{font-size:25px}.match-loading-portrait{height:80px}}@media (orientation:landscape) and (height<=600px){:root #home-play-dialog.mode-dialog{width:min(100% - 32px,700px);padding:16px}:root #home-play-dialog .play-mode-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}:root #home-play-dialog .play-mode-copy strong{font-size:23px}:root #home-play-dialog .play-mode-copy>span{font-size:12px}.mode-scene{aspect-ratio:3/2;height:auto}:root .match-loading-card{gap:9px}.match-loading-portrait{height:65px}.ranked-scout{min-height:100px}.ranked-scout-ponc img{height:66px}.ranked-mystery-mark{height:50px;margin:8px 0;font-size:36px}}@media (prefers-reduced-motion:reduce){#home-play-dialog .mode-artwork,:root #home-play-dialog .play-mode{transition:none}}.ranked-scout{isolation:isolate;background:linear-gradient(#0a172625,#0c1b2b65),url(/menu-art/arena-cinematic-v1.webp) 50% 65%/cover;border:1px solid #426077;border-radius:10px 4px;min-height:146px;padding:13px 9px 11px;position:relative;overflow:hidden}.ranked-scout:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #c4eaff0d;position:absolute;inset:0}.ranked-scout-ponc img{filter:drop-shadow(0 6px 3px #020914)drop-shadow(-3px -2px 6px #72f5d022)}.ranked-mystery-mark{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#112b3cb3;border-color:#608697}.match-loading-lineup{background:linear-gradient(#06132315,#08172677),url(/menu-art/arena-cinematic-v1.webp) 50%/cover;border:1px solid #466177;border-bottom:3px solid #06121f;border-radius:11px 5px;padding:14px 9px 15px;overflow:hidden}.match-loading-lineup:before{content:"";z-index:-1;background:linear-gradient(#0000,#d8eefa60,#0000);width:2px;position:absolute;top:-12%;bottom:-12%;left:50%;transform:rotate(17deg);box-shadow:0 0 20px #ceeaff33}:root .match-loading-player{background:radial-gradient(ellipse,color-mix(in srgb,var(--loading-accent) 11%,transparent),transparent 70%);border:0;border-radius:0;gap:7px;padding:3px 0}.match-loading-portrait img{filter:drop-shadow(0 7px 4px #010b16) drop-shadow(0 -2px 5px color-mix(in srgb,var(--loading-accent) 25%,transparent))}:root .match-loading-player b{background:#0b1b2bd9;border:1px solid #344e6077;border-radius:5px;min-height:24px;padding:3px 8px}:root .match-loading-player b[data-ready=true]{background:#12372cd9;border-color:#72f5d04d}@media (width<=370px){.ranked-scout{min-height:124px;padding:9px 5px}.match-loading-lineup{padding:10px 6px}}@media (orientation:landscape) and (height<=600px){.ranked-scout{min-height:108px;padding:6px}.match-loading-lineup{padding:8px}}.rank-badge{aspect-ratio:365/180;mix-blend-mode:screen;flex:none;justify-content:center;align-items:center;width:150px;display:flex;position:relative;overflow:hidden}.rank-badge-crop{display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.rank-badge-crop img{pointer-events:none;max-width:none;display:block;position:absolute;height:auto!important}.rank-unplaced{color:#b9cbd8;border:1px dashed #708b9e;border-radius:50%;place-items:center;width:68px;height:68px;font:600 32px/1 Barlow Condensed,sans-serif;display:grid}.rank-progress{--rank-accent:#72f5d0;gap:7px;min-width:0;margin-top:10px;display:grid}.rank-progress progress{appearance:none;width:100%;height:5px;accent-color:var(--rank-accent);background:#2b4053;border:0;border-radius:6px;display:block;overflow:hidden}.rank-progress progress::-webkit-progress-bar{background:#2b4053}.rank-progress progress::-webkit-progress-value{background:var(--rank-accent);border-radius:6px}.rank-progress progress::-moz-progress-bar{background:var(--rank-accent);border-radius:6px}.rank-progress span{color:#b4cad8;overflow-wrap:anywhere;font:400 13px/1.4 Barlow,system-ui,sans-serif}.rank-guide-link{color:#aee9dc;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0;font:600 14px/1.4 Barlow,system-ui,sans-serif;text-decoration:underline;display:block}.account-rank-art{justify-content:center;display:flex}.rank-guide{box-sizing:border-box;color:#f0f6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#091625;border:1px solid #456078;border-radius:18px;width:min(980px,100vw - 24px);max-height:calc(100dvh - 24px);padding:28px 32px;overflow:auto}.rank-guide::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020812db}.rank-guide-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rank-guide-heading span{letter-spacing:.2em;color:#9bb9cb;font:600 12px/1.5 Barlow,system-ui,sans-serif}.rank-guide h2{margin:6px 0;font:700 38px/1.1 Barlow Condensed,system-ui,sans-serif}.rank-guide-heading button{color:#eef6ff;cursor:pointer;background:#193045;border:1px solid #456078;border-radius:9px;flex:none;width:44px;height:44px;font-size:18px}.rank-guide-intro,.rank-guide-note{color:#a8bdce;font:400 16px/1.5 Barlow,system-ui,sans-serif}.rank-guide-current{border-bottom:1px solid #314358;padding:16px 0}.rank-guide-current>strong{font:600 18px/1.4 Barlow,system-ui,sans-serif}.rank-guide-current .rank-progress{max-width:450px}.rank-guide-tier{border-bottom:1px solid #26384b;padding:18px 0 12px}.rank-guide-tier h3{letter-spacing:.12em;text-transform:uppercase;color:var(--rank-accent);margin:0 0 8px;font:700 14px/1.4 Barlow,system-ui,sans-serif}.rank-guide-divisions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rank-guide figure{border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;min-width:0;margin:0;padding:8px 4px 12px;display:flex}.rank-guide figure.is-current{border-color:var(--rank-accent);background:#17303d70}.rank-guide figure .rank-badge{width:100%;max-width:255px}.rank-guide figcaption{text-align:center;font-family:Barlow,system-ui,sans-serif}.rank-guide figcaption strong{color:#f2f6ff;font-size:14px;line-height:1.5;display:block}.rank-guide figcaption span{color:#9db5c8;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.6;display:block}.rank-guide figcaption b{color:var(--rank-accent);margin-top:4px;font-size:12px;display:block}.rank-guide-note{margin:18px 0 0;font-size:14px;position:static}@media (width<=520px){.rank-guide{padding:20px 14px}.rank-guide h2{font-size:30px}.rank-guide-divisions{gap:4px}.rank-guide figcaption strong{font-size:12px}.rank-guide figure{padding:6px 0 10px}.rank-guide figcaption span{font-size:12px}}.rank-guide{background:linear-gradient(140deg,#203d53,#101f30 65%);border:2px solid #46657c;border-bottom:5px solid #07111f;border-radius:16px;width:min(760px,100vw - 20px);padding:18px;box-shadow:0 16px 55px #0008}.rank-guide h2{text-shadow:0 3px #07111f;margin:0;font-size:30px;font-weight:800}.rank-guide-intro{margin:8px 0;font-size:14px}.rank-guide-current{background:#10283a;border:1px solid #385a70;border-radius:10px;padding:10px 12px}.rank-guide-tier{padding:12px 0 8px}.rank-guide-tier h3{letter-spacing:.04em;margin-bottom:9px;font:800 19px/1 Barlow Condensed,sans-serif}.rank-guide-divisions{gap:7px}.rank-guide figure{background:#142a3d;border:1px solid #345168;border-bottom:3px solid #07111f;border-radius:9px;padding:6px 4px 8px}.rank-guide figure.is-current{border-color:var(--rank-accent);box-shadow:inset 0 0 0 1px var(--rank-accent);background:#25453f}.rank-guide figure .rank-badge{max-width:160px}.rank-guide figcaption strong{font:700 15px/1.2 Barlow Condensed,sans-serif}.rank-guide-note{margin-top:12px;font-size:13px;line-height:1.5}.account-rank-art .rank-badge{width:200px;max-width:100%}@media (width<=380px){.rank-guide{padding:12px}.rank-guide-divisions{gap:4px}.rank-guide figcaption strong{font-size:14px}}.rank-badge{mix-blend-mode:normal;overflow:visible}.rank-badge>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}:root .ranked-rating-panel{background:linear-gradient(115deg,#203e53,#102738);border:1px solid #47677e;border-bottom:4px solid #07111f;border-radius:11px;gap:12px;padding:10px 14px}:root .ranked-emblem{width:100px;text-shadow:none;flex:0 0 100px;justify-content:center;align-items:center;display:flex}:root .ranked-emblem .rank-badge{width:100%;max-width:100%}:root .ranked-emblem .rank-unplaced{width:44px;height:44px;font-size:23px}:root .ranked-rating-copy{min-width:0}:root .ranked-dialog .ranked-rating{color:#eef8ff;text-shadow:0 2px #07111f;overflow-wrap:anywhere;margin:4px 0;font:800 23px/1.1 Barlow Condensed,sans-serif}:root .ranked-elo{color:#90ebce;font-variant-numeric:tabular-nums;font:600 14px/1.4 Barlow,sans-serif}@media (width<=360px){:root .ranked-emblem{flex-basis:80px;width:80px}:root .ranked-dialog .ranked-rating{font-size:21px}}#account-page{box-sizing:border-box;color:#edf5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1929;border:1px solid #466178;border-radius:20px;width:min(920px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:28px 32px;overflow:auto}#account-page::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030912d9}.account-page-heading,.account-section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}#account-page h2{margin:7px 0 0;font:700 38px/1.1 Barlow Condensed,sans-serif}#account-page h3{margin:7px 0 12px;font:700 25px/1.2 Barlow Condensed,sans-serif}#account-page-close{background:#20364b;border:1px solid #4a667d;border-radius:9px;flex:none;width:44px;height:44px;font-size:18px}#account-page .account-summary{background:0 0;border:0;border-bottom:1px solid #30485e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;padding:18px 0;display:flex}#account-page .account-summary>div{gap:5px;min-width:0;display:grid}#account-page .account-summary span,.account-kicker{color:#9bb4c8;letter-spacing:.1em;font:600 12px/1.4 Barlow,sans-serif}#account-page #account-username{overflow-wrap:anywhere;font:600 20px/1.3 Barlow,sans-serif}#account-page #account-gift{color:#f6da7c;flex-basis:100%;font-size:14px}#account-page button:not(#account-page-close):not(.rank-guide-link){background:#1a344a;border:1px solid #42617a;border-radius:9px;min-height:44px;padding:9px 14px;font-size:14px}.account-page-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:24px 0;display:grid}#account-page .account-ranked{text-align:center;border:0;grid-column:auto;min-width:0;margin:0;padding:0}#account-page #account-rank{color:#eff7ff;overflow-wrap:anywhere;margin:6px 0 8px;font-size:32px}.account-elo-value{justify-content:center;align-items:baseline;gap:8px;display:flex}.account-elo-value strong{font-variant-numeric:tabular-nums;color:#a3f4db;font:700 40px/1.1 Barlow Condensed,sans-serif}.account-elo-value>span{letter-spacing:.1em;color:#93afc3;font:600 12px/1 Barlow,sans-serif}#account-rank-progress{max-width:300px;margin:16px auto 0}#account-rank-note{color:#91aabc;min-height:18px;margin:10px 0 0;font-size:13px;line-height:1.4}#account-page .rank-guide-link{margin:0 auto}.account-calculation{min-width:0;padding:14px 0}.account-calculation p{color:#b3c5d5;margin:8px 0 16px;font-size:16px;line-height:1.55}.account-calculation details{border-top:1px solid #30485e;margin-top:18px;padding-top:14px}.account-calculation summary{cursor:pointer;color:#a9eedc;min-height:32px;font-size:14px;line-height:1.5}.account-calculation details p{overflow-wrap:anywhere;font-size:14px}.account-calculation table{border-collapse:collapse;width:100%;margin:12px 0 16px;font-size:14px}.account-calculation caption{text-align:left;color:#a9c0d1;margin-bottom:8px;line-height:1.4}.account-calculation th,.account-calculation td{text-align:left;border-bottom:1px solid #30485e;padding:7px 4px}.account-elo-example{grid-template-columns:1fr 1fr;gap:12px;display:grid}.account-elo-example>div{border-left:2px solid #79dcbf;gap:5px;padding-left:12px;display:grid}.account-elo-example>div:last-child{border-color:#ed98a7}.account-elo-example span{color:#bad0dd;font-size:14px}.account-elo-example strong{color:#92f1cc;font:700 28px/1.2 Barlow Condensed,sans-serif}.account-elo-example>div:last-child strong{color:#f6adbc}.account-calculation .account-example-note{color:#92adbf;margin:10px 0;font-size:13px}.account-history{border-top:1px solid #30485e;padding-top:24px}.account-history-caption,#account-history-status{color:#9db7c9;margin:0 0 12px;font-size:14px;line-height:1.5}.account-history-row{border-bottom:1px solid #2b4155;padding:14px 0}.account-history-row>summary{cursor:pointer;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;list-style:none;display:grid}.account-history-row>summary::-webkit-details-marker{display:none}.account-history-outcome{color:#9be9cc;font-size:14px;font-weight:700}.account-history-row[data-outcome=loss] .account-history-outcome{color:#f3a4b2}.account-history-row[data-outcome=draw] .account-history-outcome{color:#d1dbe5}.account-history-opponent{gap:5px;min-width:0;display:grid}.account-history-opponent strong{overflow-wrap:anywhere;font-size:16px}.account-history-opponent span,.account-history-change span{color:#9db7c9;font-size:12px;line-height:1.4}.account-history-change{text-align:right;font-variant-numeric:tabular-nums;gap:4px;display:grid}.account-history-change b{color:#a3f1d2;font-size:18px}.account-history-change b[data-direction=negative]{color:#f4acb9}.account-history-detail{color:#b5cbd9;padding:14px 0 0 90px;font-size:14px;line-height:1.6}.account-history-detail p{margin:0 0 6px}.account-history-detail time{color:#8ca9bd}#account-history-more{margin:18px auto 0;display:block}@media (width<=650px){#account-page{padding:20px 18px}.account-page-grid{grid-template-columns:1fr;gap:18px}.account-calculation{border-top:1px solid #30485e;padding-top:22px}.account-rank-art .rank-badge{width:290px}.account-history-row>summary{grid-template-columns:58px minmax(0,1fr) auto;gap:8px}.account-history-detail{padding-left:0}.account-history-opponent strong{font-size:14px}}.account-calculation .account-protection{color:#b0efd9;background:#153d373b;border-left:2px solid #72e6c3;padding:12px 14px;font-size:14px;line-height:1.5}.account-history-detail .history-protection{color:#9ff1ce}#account-page{background:linear-gradient(140deg,#203d53,#101f30 65%);border:2px solid #46657c;border-bottom:5px solid #07111f;border-radius:16px;width:min(680px,100vw - 20px);padding:18px;box-shadow:0 16px 55px #0008}#account-page h2{letter-spacing:.025em;text-shadow:0 3px #07111f;margin:0;font-size:30px;font-weight:800}#account-page .account-page-heading .eyebrow{letter-spacing:.1em;font-size:12px}#account-page .account-summary{margin:4px 0 0;padding:12px 0}#account-page #account-username{font:700 22px/1.1 Barlow Condensed,sans-serif}#account-page button:not(.rank-guide-link){border-bottom-width:3px;font-weight:700;box-shadow:0 3px #07111f}.account-page-grid{grid-template-columns:1fr;gap:12px;padding:14px 0}#account-page .account-ranked{text-align:left;background:#0d2235;border:1px solid #3f5c70;border-bottom:4px solid #07111f;border-radius:12px;grid-template-columns:minmax(100px,.85fr) minmax(0,1.15fr);align-items:center;gap:4px 16px;padding:16px;display:grid}#account-page .account-ranked>*{grid-column:2;min-width:0}#account-page .account-ranked .account-rank-art{grid-area:1/1/5;align-self:center}#account-page #account-rank{color:#edf7ff;text-shadow:0 2px #07111f;margin:0;font:800 28px/1.05 Barlow Condensed,sans-serif}#account-page .account-elo-value{justify-content:flex-start}#account-page .account-elo-value strong{font-size:34px}#account-page #account-rank-progress{grid-column:1/-1;width:100%;max-width:none;margin:6px 0 0}#account-page #account-rank-note{grid-column:1/-1;min-height:0;margin:2px 0;font-size:13px}#account-page #account-rank-note:empty{display:none}#account-page .rank-guide-link{text-align:center;text-transform:uppercase;color:#e8f6ff;background:linear-gradient(#31556d,#233f56);border:1px solid #54768d;border-bottom:3px solid #07111f;border-radius:8px;grid-column:1/-1;justify-self:stretch;margin:4px 0 0;padding:10px;font:700 17px/1.2 Barlow Condensed,sans-serif;text-decoration:none}#account-page .account-calculation{background:#12283a;border:1px solid #385268;border-radius:10px;padding:0}#account-page .account-calculation>summary{color:#c6dce9;justify-content:space-between;align-items:center;min-height:44px;margin:0;padding:12px 14px;font-weight:600;list-style:none;display:flex}#account-page .account-calculation>summary::-webkit-details-marker{display:none}#account-page .account-calculation[open]>summary>span{transform:rotate(45deg)}.account-calculation-body{padding:0 14px 12px}.account-history{padding-top:12px}#account-page .account-history h3{text-transform:uppercase;margin:0;font-size:24px}.account-history-caption{margin:7px 0 10px;font-size:13px}.account-history-row{background:#142a3d;border:1px solid #304c63;border-bottom:3px solid #07111f;border-radius:9px;margin-bottom:7px;padding:10px}.account-history-row>summary{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.account-history-outcome{font:800 17px/1 Barlow Condensed,sans-serif}.account-history-opponent strong{font-size:14px}.account-history-change b{font-size:17px}.account-history-detail{padding:12px 0 0}@media (width<=380px){#account-page{padding:12px}#account-page .account-ranked{gap:4px 10px;padding:12px}#account-page #account-rank{font-size:25px}.account-history-row>summary{grid-template-columns:40px minmax(0,1fr) auto;gap:6px}}#account-page{pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch;scroll-padding-block:16px;overflow:hidden auto}#account-page .account-page-grid,#account-page .account-history,#account-page .account-calculation-body{min-width:0;min-height:0}#account-page .account-calculation-body{overflow-wrap:anywhere}#account-page summary{touch-action:pan-y;cursor:pointer}#account-page .account-history-detail{overflow-wrap:anywhere}#account-page .account-history-change{overflow-wrap:anywhere;min-width:0}#account-page summary:focus-visible{outline-offset:3px;outline:2px solid #72f5d0}.rank-guide{pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain}#home-screen.home-lobby{max-width:680px;padding:4px 24px max(12px,env(safe-area-inset-bottom));pointer-events:auto;grid-template-rows:auto minmax(min-content,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:10px}#home-screen.home-lobby .home-brand{text-align:center;justify-content:center;gap:7px 12px}#home-screen.home-lobby .home-brand h1{font-size:48px;font-style:normal}#home-screen.home-lobby .home-brand p{flex-basis:100%;max-width:none;margin:0;font-size:13px}#home-screen.home-lobby .home-carousel{grid-area:2/1}#home-screen.home-lobby .home-showcase{justify-content:center;gap:8px;min-height:160px;padding:10px 25px}#home-screen.home-lobby .home-ponc-caption{gap:6px;margin:0}#home-screen.home-lobby .home-ponc-caption strong{font-size:clamp(32px,6vw,46px);font-style:normal}#home-screen.home-lobby .home-ponc-caption>span{font-size:12px;display:block}#home-screen.home-lobby #home-ponc-image{object-fit:contain;width:min(90%,380px);max-width:90%;max-height:200px;transform:rotate(0)}#home-screen.home-lobby .home-showcase:hover #home-ponc-image{transform:translateY(-3px)}#home-screen.home-lobby .home-carousel-arrow{top:56%;transform:translateY(-50%)}#home-screen.home-lobby .home-carousel-nav button{width:36px;min-height:32px}#home-screen.home-lobby .home-swipe-hint{display:none}#home-screen.home-lobby .home-actions{--home-action-width:min(70%,260px);flex-direction:column;grid-area:3/1;place-self:center;align-items:center;gap:7px;width:100%;max-width:440px;display:flex}#home-screen.home-lobby .home-actions .home-menu-button{width:var(--home-action-width);text-align:center;flex-direction:row;justify-content:center;gap:8px;min-height:44px;padding:3px 12px}#home-screen.home-lobby .home-actions .home-menu-button>span{color:inherit;white-space:nowrap;flex:0 auto;margin:0}#home-screen.home-lobby .home-actions #home-play{width:var(--home-action-width);gap:10px;min-height:48px;margin:0;padding:5px 16px;font-size:25px;font-style:normal}#home-screen.home-lobby .home-menu-icon{object-fit:contain;pointer-events:none;flex:0 0 30px;width:30px;height:30px;display:block}#home-screen.home-lobby #home-play .home-menu-icon{filter:brightness(.22)saturate(.65);flex-basis:30px;width:30px;height:30px}#home-screen.home-lobby #home-view-poncs{letter-spacing:.05em;margin:0;font:700 16px/1.2 Barlow Condensed,sans-serif}:root #home-screen.home-lobby #home-store{width:var(--home-action-width);color:#c2d6e5;letter-spacing:.06em;opacity:1;filter:none;background:linear-gradient(#223c53,#172b40);border:2px solid #3c566e;border-bottom:4px solid #06101d;border-radius:11px;gap:8px;min-height:44px;padding:7px 12px;font:700 15px/1.2 Barlow Condensed,sans-serif;box-shadow:inset 0 2px #ffffff0a}#home-screen.home-lobby .home-dock{z-index:2;background:linear-gradient(#25445d,#152c41);border:2px solid #425f78;border-bottom:5px solid #071322;border-radius:14px;grid-area:4/1;grid-template-columns:repeat(3,minmax(0,1fr));place-self:end center;width:100%;max-width:440px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff0c}#home-screen.home-lobby .home-dock-button{color:#b6d0e4;letter-spacing:.04em;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;min-height:62px;margin:0;padding:3px 3px 5px;font:700 14px/1.2 Barlow Condensed,sans-serif;display:flex;position:relative}#home-screen.home-lobby .home-dock-button+.home-dock-button{border-left:1px solid #48637a}#home-screen.home-lobby .home-dock .home-menu-icon{flex-basis:36px;width:36px;height:36px}#home-screen.home-lobby .home-dock-button[aria-current=page]{color:#72f5d0;background:#16354888}#home-screen.home-lobby .home-dock-button[aria-current=page]:before{content:"";background:#72f5d0;border-radius:4px;height:4px;position:absolute;top:0;left:7%;right:7%}#home-screen.home-lobby .home-dock-button:hover{background:#31516a}#home-settings .home-menu-icon{object-fit:contain;pointer-events:none;width:35px;height:35px}@media (height>=850px){#home-screen.home-lobby{padding-top:8px;padding-bottom:max(20px,env(safe-area-inset-bottom));gap:12px}#home-screen.home-lobby .home-showcase{gap:20px}#home-screen.home-lobby .home-actions{gap:8px}#home-screen.home-lobby .home-dock-button{min-height:62px}}@media (height<=730px){#home-screen.home-lobby{grid-template-rows:auto minmax(min-content,1fr) auto auto;gap:6px}#home-screen.home-lobby .home-brand h1{font-size:36px}#home-screen.home-lobby .home-showcase{gap:2px;min-height:130px;padding-block:0}#home-screen.home-lobby #home-ponc-image{width:250px;max-height:105px}#home-screen.home-lobby .home-ponc-caption strong{font-size:30px}#home-screen.home-lobby .home-actions{gap:6px}#home-screen.home-lobby .home-actions #home-play{min-height:48px;margin:0;font-size:25px}#home-screen.home-lobby .home-dock-button{min-height:60px;font-size:14px}#home-screen.home-lobby .home-dock .home-menu-icon{flex-basis:34px;width:34px;height:34px}}@media (width<=350px){#home-screen.home-lobby{padding-inline:12px}#home-screen.home-lobby .home-actions{--home-action-width:80%}#home-screen.home-lobby .home-actions .home-menu-button{font-size:14px}}@media (orientation:landscape) and (height<=600px){#home-screen.home-lobby{max-width:900px;padding:0 20px max(8px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 24px}#home-screen.home-lobby .home-brand{grid-area:1/1}#home-screen.home-lobby .home-brand p{display:none}#home-screen.home-lobby .home-carousel{grid-area:2/1/4}#home-screen.home-lobby .home-actions{grid-area:1/2/3;gap:5px}#home-screen.home-lobby .home-dock{grid-area:3/2}#home-screen.home-lobby .home-dock-button{min-height:60px}#home-screen.home-lobby .home-dock .home-menu-icon{flex-basis:36px;width:36px;height:36px}#home-screen.home-lobby .home-actions #home-play{min-height:48px}#home-screen.home-lobby #home-ponc-image{max-height:120px}#home-screen.home-lobby .home-showcase{min-height:160px}}:root #home-screen.home-lobby .home-dock #home-inventory{width:100%;min-width:0;min-height:62px;box-shadow:none;color:#b6d0e4;letter-spacing:.04em;background:0 0;border:0;border-radius:0;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:1px;margin:0;padding:3px 3px 5px;font:700 14px/1.2 Barlow Condensed,sans-serif;display:flex}:root #home-screen.home-lobby .home-dock #home-inventory .home-menu-icon{flex:0 0 36px;width:36px;height:36px;transform:none}:root #home-screen.home-lobby .home-dock #home-inventory:hover{background:#31516a}@media (height<=730px){:root #home-screen.home-lobby .home-dock #home-inventory{min-height:60px;font-size:14px}:root #home-screen.home-lobby .home-dock #home-inventory .home-menu-icon{flex-basis:34px;width:34px;height:34px}}@media (orientation:landscape) and (height<=600px){:root #home-screen.home-lobby .home-dock #home-inventory{min-height:60px}:root #home-screen.home-lobby .home-dock #home-inventory .home-menu-icon{flex-basis:36px;width:36px;height:36px}}#home-screen.home-lobby .home-brand{flex-shrink:0}#home-screen.home-lobby .home-showcase{min-height:min-content;padding-top:12px;padding-bottom:8px;overflow:visible}#home-screen.home-lobby .home-ponc-caption{flex-shrink:0}:root #home-screen.home-lobby .home-ponc-stage{flex:none;width:min(76%,320px);max-width:76%}@media (height<=730px){:root #home-screen.home-lobby .home-ponc-stage{width:210px}#home-screen.home-lobby .home-showcase{padding-top:8px}}@media (orientation:landscape) and (height<=600px){:root #home-screen.home-lobby .home-ponc-stage{width:180px}}#home-screen.home-lobby .home-dock{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#496c83 transparent;grid-template-columns:repeat(4,minmax(0,1fr));max-width:440px;overflow-x:auto}:root #home-screen.home-lobby .home-dock :is(#home-view-poncs,#home-help,#home-store){width:100%;min-width:0;min-height:62px;box-shadow:none;color:#b6d0e4;letter-spacing:.02em;background:0 0;border:0;border-left:1px solid #48637a;border-radius:0;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:1px;margin:0;padding:3px 3px 5px;font:700 14px/1.2 Barlow Condensed,sans-serif;display:flex}:root #home-screen.home-lobby .home-dock :is(#home-view-poncs,#home-help,#home-store) .home-menu-icon{flex:0 0 34px;width:34px;height:34px}:root #home-screen.home-lobby .home-dock :is(#home-view-poncs,#home-help,#home-store)>span{color:inherit;white-space:normal;text-align:center;flex:0;margin:0}:root #home-screen.home-lobby .home-dock #home-store{opacity:.65}#home-screen.home-lobby .home-dock #home-store small{letter-spacing:.04em;font:600 10px/1 Barlow,sans-serif;display:block}#home-screen.home-lobby .home-dock-button:focus-visible{outline-offset:-3px}@media (orientation:portrait),(height>=601px){#home-screen.home-lobby{grid-template-rows:auto minmax(min-content,1fr) auto minmax(clamp(24px,10dvh,80px),.35fr) auto}#home-screen.home-lobby .home-actions{grid-row:3}#home-screen.home-lobby .home-dock{grid-row:5}}:root body #inventory-dialog .home-dialog-close,:root body #archive #archive-close,:root body .account-close{color:#bad0e0;width:44px;min-width:44px;height:44px;min-height:44px;text-shadow:none;background:#20394e;border:1px solid #4a6379;border-bottom:3px solid #07111f;border-radius:10px;place-items:center;padding:0;font:600 17px/1 Barlow,sans-serif;display:grid}:root :is(.home-dialog-close,#archive-close):hover{color:#fff;background:#2b4961}.account-card{position:relative}.account-close{z-index:1;position:absolute;top:16px;right:16px}body.at-home .home-help-top{color:#cfe3f2;margin-left:auto;margin-right:8px;font:800 22px/1 Barlow Condensed,sans-serif}body:not(.at-home) .home-help-top{display:none}#home-screen .home-showcase:focus:not(:focus-visible){box-shadow:none;border-color:#0000;outline:none}@media (orientation:portrait) and (height>=731px){#home-screen.home-lobby .home-ponc-stage{margin-block:18px;scale:1.35}#home-screen.home-lobby{grid-template-rows:auto minmax(min-content,1fr) auto minmax(20px,.15fr) auto}}:root body #home-screen.home-lobby .home-dock #home-store{display:none}#home-screen.home-lobby .home-dock{grid-template-columns:repeat(3,minmax(0,1fr));max-width:400px}#home-play-dialog .play-mode-lock{z-index:2;color:#ffc4b3;letter-spacing:.06em;text-transform:uppercase;background:#07111fd9;border:1px solid #ff987c88;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font:700 11px/1 Barlow,sans-serif;display:inline-flex;position:absolute;top:10px;left:10px}body.signed-in #home-play-dialog .play-mode-lock,body.signed-in #home-play-dialog .mode-note{display:none}#home-play-dialog .mode-note{text-align:center;color:#8fa9bf;margin:14px 4px 0;font-size:13px;line-height:1.4}:root body #home-play-dialog .play-mode-copy strong{white-space:nowrap;padding-right:14px;font-size:clamp(19px,5.3vw,26px)}#home-play-dialog .play-mode-copy>span{font-size:13px}:root #home-settings-dialog{height:fit-content}:root #home-settings-dialog .audio-volume{white-space:nowrap;grid-template-columns:98px minmax(0,1fr) 36px}#home-score-dialog.empty .home-record{color:#8fa9bf;font-size:34px;font-style:italic}#pause svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:16px;height:16px;display:none}:root body:not(.selecting):not(.breaker) #pause{color:#c9d6e4;place-items:center;display:grid}:root body:not(.selecting):not(.breaker) #pause .pause-text{display:none}:root body:not(.selecting):not(.breaker) #pause .pause-glyph{display:block}:root body:not(.selecting):not(.breaker) #pause[data-live="1"] .pause-glyph{display:none}:root body:not(.selecting):not(.breaker) #pause[data-live="1"] .menu-glyph{stroke-width:2.2px;width:18px;display:block}.armor-number .shield{fill:none;stroke:currentColor;stroke-width:1.4px;vertical-align:-1px;flex-shrink:0;width:9px;height:10px;margin-right:3px}.health-track,.health-track>i:not(.hp-lag){position:relative}.health-track>i.hp-lag{height:100%;box-shadow:none;opacity:.85;background:#fff;transition:width .55s .35s;position:absolute;top:0;left:0}.you-tag,.court-floor,.court-callout{display:none}:root body:not(.selecting):not(.breaker) #pause{background:#111c2b;border:1px solid #2b3c52;border-radius:12px;width:44px;height:44px}:root body:not(.selecting):not(.breaker) :is(.topline>.match-line,.wordmark,#home-settings,#fullscreen,#forfeit,.account-chip,.gameplay-subrow){display:none}:root body:not(.selecting):not(.breaker) .topline{justify-content:flex-start;gap:0;min-height:44px}:root body:not(.selecting):not(.breaker) .vitals{background:#0f1928;border:1px solid #26394c;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;gap:3px 10px;min-height:44px;padding:5px 12px;display:grid}:root body:not(.selecting):not(.breaker) .enemy{border-color:#3a2d42}:root body:not(.selecting):not(.breaker) .vitals .identity{letter-spacing:.05em;flex-wrap:wrap;grid-area:1/1/3;align-content:center;align-items:center;gap:4px 6px;min-width:84px;max-width:150px;font:700 16px/1 Barlow Condensed,Barlow,sans-serif;display:flex}:root body:not(.selecting):not(.breaker) .vitals .identity>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:112px;overflow:hidden}:root body:not(.selecting):not(.breaker) .vitals .identity:after{content:"";flex-basis:100%;order:2}:root body:not(.selecting):not(.breaker) .vitals .identity small{letter-spacing:.1em;color:#8fa1b8;white-space:nowrap;order:3;margin:0;font:700 10px/1 Barlow,system-ui,sans-serif;display:block}:root body:not(.selecting):not(.breaker) .vitals .armor-track{grid-area:1/2;align-self:end;gap:2px;width:100%;height:4px;margin:0}:root body:not(.selecting):not(.breaker) .vitals .armor-track i{border-radius:1px}:root body:not(.selecting):not(.breaker) .vitals .health-track{border-radius:4px;grid-area:2/2;align-self:start;width:100%;height:8px;margin:0}:root body:not(.selecting):not(.breaker) .vitals .readouts{flex-direction:column;grid-area:1/3/3;justify-content:center;align-items:flex-end;gap:2px;margin:0;display:flex;position:static}:root body:not(.selecting):not(.breaker) .vitals .readouts strong{font-variant-numeric:tabular-nums;font:700 24px/1 Barlow Condensed,sans-serif}:root body:not(.selecting):not(.breaker) .vitals .readouts strong small{display:none}:root body:not(.selecting):not(.breaker) .vitals .armor-number{color:#9bb3c9;white-space:nowrap;align-items:center;font:700 11px/1 Barlow,system-ui,sans-serif;display:flex}:root body:not(.selecting):not(.breaker) .identity .match-ping{background:0 0;border:0;order:4;gap:4px;min-height:0;padding:0;font-size:10px;line-height:1}:root body:not(.selecting):not(.breaker) .identity .match-ping :is(.ping-peak,.ping-status){display:none}:root body:not(.selecting):not(.breaker) .identity .match-ping>span:nth-child(2){font-size:0}:root body:not(.selecting):not(.breaker) .identity .match-ping b{font-size:10px}:root body:not(.selecting):not(.breaker) .identity .ping-bars{height:9px}:root body:not(.selecting):not(.breaker) .identity .ping-bars i{width:2px;height:3px}:root body:not(.selecting):not(.breaker) .identity .ping-bars i:nth-child(2){height:6px}:root body:not(.selecting):not(.breaker) .identity .ping-bars i:nth-child(3){height:9px}:root body:not(.selecting):not(.breaker) .player{background:0 0;border-color:#0000;grid-template-columns:40px auto minmax(0,1fr) auto;padding:0 2px}:root body:not(.selecting):not(.breaker) .player .identity{grid-area:1/2;align-self:end;max-width:170px}:root body:not(.selecting):not(.breaker) .player .identity:after{content:none}:root body:not(.selecting):not(.breaker) .player .armor-track,:root body:not(.selecting):not(.breaker) .player .health-track{grid-column:3}:root body:not(.selecting):not(.breaker) .player .readouts{grid-column:4}:root body:not(.selecting):not(.breaker) .you-tag{letter-spacing:.12em;color:#06201b;background:#72f5d0;border-radius:3px;padding:2px 4px;font:800 9px/1 Barlow,system-ui,sans-serif;display:inline-block}:root body:not(.selecting):not(.breaker) #guard-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root body:not(.selecting):not(.breaker) .player #passive-chip{display:contents}:root body:not(.selecting):not(.breaker) #passive-chip .passive-art{border:1.5px solid var(--ponc,#72f5d0);width:40px;height:40px;box-shadow:0 0 12px color-mix(in srgb,var(--ponc,#72f5d0) 25%,transparent);border-radius:10px;grid-area:1/1/3;align-self:center}:root body:not(.selecting):not(.breaker) #passive-chip .passive-text{min-width:0;font-size:inherit;grid-area:2/2;align-self:start;align-items:center;gap:5px;display:flex}:root body:not(.selecting):not(.breaker) #passive-chip .passive-text b{letter-spacing:.08em;text-transform:uppercase;color:#8fa1b8;white-space:nowrap;font:700 9px/1 Barlow,system-ui,sans-serif}:root body:not(.selecting):not(.breaker) #passive-chip .passive-status{letter-spacing:.04em;color:var(--ponc,#72f5d0);font:700 10px/1 Barlow,system-ui,sans-serif}:root body:not(.selecting):not(.breaker) #passive-chip .passive-status:empty{display:none}.passive-pips{gap:5px;padding-left:2px;display:flex}.passive-pips:empty{display:none}.passive-pips i{background:#23344a;border-radius:1px;width:6px;height:6px;transform:rotate(45deg)}.passive-pips i.on{background:var(--ponc,#72f5d0);box-shadow:0 0 6px var(--ponc,#72f5d0)}body.hp-critical:not(.selecting) #game:after{content:"";z-index:3;pointer-events:none;animation:1.1s ease-in-out infinite hud-critical;position:fixed;inset:0;box-shadow:inset 0 0 80px #ff2d4d59}body.hp-critical .player .health-track>i:not(.hp-lag){background:#ff5a6e;box-shadow:0 0 12px #ff5a6e}body.hp-critical #player-hp{color:#ff6b7d}@keyframes hud-critical{0%,to{opacity:.5}45%{opacity:1}}:root body:not(.selecting):not(.breaker) #court{container-type:size}:root body:not(.selecting):not(.breaker) .court-floor{pointer-events:none;--u:var(--court-uy,min(7.092cqh,12.987cqw));--ux:var(--court-ux,var(--u));display:block;position:absolute;inset:0}.court-floor .floor-info{color:#7f8ea3;height:0;transition:color .2s;position:absolute;top:50%}.court-floor .floor-left{left:calc(50% - var(--ux) * 3.3)}.court-floor .floor-right{right:calc(50% - var(--ux) * 3.3)}.court-floor .floor-info b{bottom:calc(var(--u) * .24);font:700 calc(var(--u) * .66)/1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.03em;white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute}.court-floor .floor-info span{top:calc(var(--u) * .26);font:700 max(9px,calc(var(--u) * .24))/1 Barlow,system-ui,sans-serif;letter-spacing:.16em;white-space:nowrap;position:absolute}.court-floor .floor-left :is(b,span){left:0}.court-floor .floor-right :is(b,span){right:0}.court-floor.urgent .floor-right{color:#f3d58c;animation:.8s ease-in-out infinite hud-urgent}@keyframes hud-urgent{50%{opacity:.45}}:root body:not(.selecting):not(.breaker) .court-callout{--u:var(--court-uy,min(7.092cqh,12.987cqw));left:0;right:0;top:calc(50% - var(--u) * 1.6);z-index:2;text-align:center;font:700 max(14px,calc(var(--u) * .38))/1.1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.14em;text-shadow:0 2px 12px #000;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;display:block;position:absolute;transform:scale(.94)}:root body:not(.selecting):not(.breaker) .court-callout.show{opacity:1;transform:none}:root body:not(.selecting):not(.breaker) #toast{display:none}:root body:not(.selecting):not(.breaker) .court-callout:is([data-place=own-goal],[data-place=rival-goal]){font-size:max(18px,calc(var(--u) * .56));letter-spacing:.04em}:root body:not(.selecting):not(.breaker) #skills{flex-direction:row;justify-content:space-around;align-items:flex-end;gap:0;width:100%;padding:0 4px;display:flex;position:relative;inset:auto;transform:none}:root body:not(.selecting):not(.breaker) #skills .skill{--ring:var(--pilot,#72f5d0);aspect-ratio:auto;width:auto;min-width:84px;max-width:none;height:auto;min-height:0;max-height:none;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:0;animation:none;display:flex;overflow:visible}:root body:not(.selecting):not(.breaker) #skills .skill.ultimate{--ring:#f3d58c;order:1}:root body:not(.selecting):not(.breaker) #skills .skill[data-skill="1"]{order:2}:root body:not(.selecting):not(.breaker) #skills .skill:after,:root body:not(.selecting):not(.breaker) #skills .skill:before{content:none}:root body:not(.selecting):not(.breaker) #skills .skill :is(small,i){display:none}:root body:not(.selecting):not(.breaker) #skills .skill strong{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#8fa1b8;font:700 11px/13px Barlow,system-ui,sans-serif;display:block}:root body:not(.selecting):not(.breaker) #skills .skill[data-state=ready] strong,:root body:not(.selecting):not(.breaker) #skills .skill[data-state=armed] strong{color:var(--ring)}:root body:not(.selecting):not(.breaker) #skills .skill.ultimate strong{color:#f3d58c;letter-spacing:.1em;font-weight:800}:root body:not(.selecting):not(.breaker) .skill-ring{--size:62px;width:var(--size);height:var(--size);border-radius:50%;place-items:center;display:grid;position:relative}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-ring{--size:76px}:root body:not(.selecting):not(.breaker) .skill-ring:after{content:"";pointer-events:none;background:conic-gradient(var(--ring) var(--charge,0deg),#ffffff1c 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3.5px),#000 calc(100% - 3px))}:root body:not(.selecting):not(.breaker) #skills .skill .skill-icon,:root body:not(.selecting):not(.breaker) .skill-count{width:calc(var(--size) - 8px);height:calc(var(--size) - 8px);border-radius:50%;grid-area:1/1}:root body:not(.selecting):not(.breaker) #skills .skill .skill-icon{box-shadow:none;filter:saturate(1.2);pointer-events:none;border:0;display:block}:root body:not(.selecting):not(.breaker) .skill-count{z-index:1;font:700 calc(var(--size) * .35)/1 "Barlow Condensed",sans-serif;color:#fff;font-variant-numeric:tabular-nums;background:#050a12c4;place-items:center;display:none}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-count{color:#f3d58c;font-size:calc(var(--size) * .3);background:#050a12a8}:root body:not(.selecting):not(.breaker) .skill:is([data-state=cooldown],[data-state=charging]) .skill-count{display:grid}:root body:not(.selecting):not(.breaker) .skill-tag{left:50%;bottom:calc(var(--size) * .12);z-index:2;background:var(--ring);color:#06201b;letter-spacing:.1em;white-space:nowrap;border-radius:3px;padding:2px 5px;font:800 8.5px/1.1 Barlow,system-ui,sans-serif;display:none;position:absolute;transform:translate(-50%)}:root body:not(.selecting):not(.breaker) .skill:is([data-state=armed],[data-state=stunned]) .skill-tag{display:block}:root body:not(.selecting):not(.breaker) .skill[data-state=ready] .skill-ring{box-shadow:0 0 16px color-mix(in srgb,var(--ring) 32%,transparent)}:root body:not(.selecting):not(.breaker) .skill.ultimate[data-state=ready] .skill-ring{animation:1.6s ease-in-out infinite hud-ult-ready}:root body:not(.selecting):not(.breaker) .skill[data-state=armed] .skill-ring{animation:.9s ease-in-out infinite hud-armed}:root body:not(.selecting):not(.breaker) .skill[data-state=stunned] .skill-icon{filter:grayscale()brightness(.5)}:root body:not(.selecting):not(.breaker) .skill[data-state=stunned] .skill-ring:before{content:"";z-index:1;background:repeating-linear-gradient(45deg,#ff759533 0 4px,#0000 4px 9px);border-radius:50%;position:absolute;inset:4px}:root body:not(.selecting):not(.breaker) .skill[data-state=stunned] .skill-ring{--ring:#ff7595}:root body:not(.selecting):not(.breaker) .skill[data-state=stunned] .skill-tag{color:#1b0a10;background:#ff7595;top:50%;bottom:auto;transform:translate(-50%,-50%)}@keyframes hud-ult-ready{0%,to{box-shadow:0 0 12px #f3d58c55}50%{box-shadow:0 0 30px #f3d58cbb}}@keyframes hud-armed{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--ring) 60%,transparent)}60%{box-shadow:0 0 0 7px #0000}}@media (orientation:portrait),(height>=601px){:root body:not(.selecting):not(.breaker) #game{max-width:520px;padding:calc(env(safe-area-inset-top) + 6px) max(10px,env(safe-area-inset-right)) max(8px,calc(env(safe-area-inset-bottom) - 10px)) max(10px,env(safe-area-inset-left));grid-template-rows:40px minmax(0,1fr) 34px auto;grid-template-columns:40px minmax(0,1fr);gap:6px;display:grid}:root body:not(.selecting):not(.breaker) .topline{grid-area:1/1}:root body:not(.selecting):not(.breaker) .enemy{grid-area:1/2}:root body:not(.selecting):not(.breaker) #court{grid-area:2/1/auto/3;height:100%}:root body:not(.selecting):not(.breaker) footer{grid-area:3/1/auto/3}:root body:not(.selecting):not(.breaker) #skills{grid-area:4/1/auto/3}:root body:not(.selecting):not(.breaker) #pause{width:40px;height:40px}:root body:not(.selecting):not(.breaker) .topline{min-height:40px}:root body:not(.selecting):not(.breaker) .vitals{min-height:40px;padding-block:3px}:root body:not(.selecting):not(.breaker) .player{grid-template-columns:32px auto minmax(0,1fr) auto;min-height:34px}:root body:not(.selecting):not(.breaker) #passive-chip .passive-art{border-radius:8px;width:32px;height:32px}:root body:not(.selecting):not(.breaker) .vitals .readouts strong{font-size:22px}:root body:not(.selecting):not(.breaker) .skill-ring{--size:50px}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-ring{--size:58px}:root body:not(.selecting):not(.breaker) #skills .skill{gap:3px;min-width:76px}:root body:not(.selecting):not(.breaker) #skills .skill strong{font-size:10px;line-height:12px}}@media (width>=600px) and (height>=900px){:root body:not(.selecting):not(.breaker) #game{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:calc(env(safe-area-inset-bottom) + 10px);grid-template-rows:44px minmax(0,1fr) 44px auto;grid-template-columns:44px minmax(0,1fr);gap:8px}:root body:not(.selecting):not(.breaker) #pause{width:44px;height:44px}:root body:not(.selecting):not(.breaker) .vitals{min-height:44px;padding-block:5px}:root body:not(.selecting):not(.breaker) .player{grid-template-columns:40px auto minmax(0,1fr) auto}:root body:not(.selecting):not(.breaker) #passive-chip .passive-art{border-radius:10px;width:40px;height:40px}:root body:not(.selecting):not(.breaker) .vitals .readouts strong{font-size:24px}:root body:not(.selecting):not(.breaker) .skill-ring{--size:62px}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-ring{--size:76px}:root body:not(.selecting):not(.breaker) #skills .skill{gap:5px;min-width:84px}:root body:not(.selecting):not(.breaker) #skills .skill strong{font-size:11px;line-height:13px}}@media (orientation:portrait) and (height<=700px){:root body:not(.selecting):not(.breaker) #game{grid-template-rows:38px minmax(0,1fr) 32px auto;grid-template-columns:38px minmax(0,1fr);gap:5px}:root body:not(.selecting):not(.breaker) #pause{width:38px;height:38px}:root body:not(.selecting):not(.breaker) .vitals{min-height:38px;padding-block:2px}:root body:not(.selecting):not(.breaker) .player{grid-template-columns:30px auto minmax(0,1fr) auto;min-height:32px}:root body:not(.selecting):not(.breaker) #passive-chip .passive-art{width:30px;height:30px}:root body:not(.selecting):not(.breaker) .skill-ring{--size:48px}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-ring{--size:54px}:root body:not(.selecting):not(.breaker) #skills .skill strong{display:none}}@media (orientation:landscape) and (height<=600px){:root body:not(.selecting):not(.breaker) #game{max-width:1000px;padding:calc(env(safe-area-inset-top) + 8px) max(12px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 8px) max(12px,env(safe-area-inset-left));grid-template-rows:44px auto minmax(0,1fr) auto;grid-template-columns:190px minmax(0,1fr) 108px;gap:8px 12px;display:grid}:root body:not(.selecting):not(.breaker) .topline{grid-area:1/1}:root body:not(.selecting):not(.breaker) .enemy{grid-area:2/1;align-self:start}:root body:not(.selecting):not(.breaker) #court{grid-area:1/2/5;height:100%}:root body:not(.selecting):not(.breaker) footer{grid-area:4/1;align-self:end}:root body:not(.selecting):not(.breaker) #skills{flex-direction:column;grid-area:1/3/5;justify-content:center;align-items:center;gap:10px;padding:0}:root body:not(.selecting):not(.breaker) .vitals{grid-template-rows:auto 4px 8px;grid-template-columns:minmax(0,1fr) auto;row-gap:5px;padding:8px 10px}:root body:not(.selecting):not(.breaker) .vitals .identity{grid-area:1/1;max-width:none}:root body:not(.selecting):not(.breaker) .vitals .readouts{grid-area:1/2}:root body:not(.selecting):not(.breaker) .vitals .armor-track{grid-area:2/1/auto/3}:root body:not(.selecting):not(.breaker) .vitals .health-track{grid-area:3/1/auto/3}:root body:not(.selecting):not(.breaker) .player{background:#0f1928;border-color:#26394c;grid-template-rows:auto auto 4px 8px;grid-template-columns:30px minmax(0,1fr) auto;padding:8px 10px}:root body:not(.selecting):not(.breaker) #passive-chip .passive-art{border-radius:8px;grid-row:1;width:30px;height:30px}:root body:not(.selecting):not(.breaker) .player .identity{flex-wrap:nowrap;grid-area:1/2;align-self:center}:root body:not(.selecting):not(.breaker) .player .you-tag{display:none}:root body:not(.selecting):not(.breaker) #passive-chip .passive-text{grid-area:2/1/auto/4}:root body:not(.selecting):not(.breaker) .player .readouts{grid-area:1/3}:root body:not(.selecting):not(.breaker) .player .armor-track{grid-area:3/1/auto/4}:root body:not(.selecting):not(.breaker) .player .health-track{grid-area:4/1/auto/4}:root body:not(.selecting):not(.breaker) .skill-ring{--size:52px}:root body:not(.selecting):not(.breaker) .skill.ultimate .skill-ring{--size:62px}:root body:not(.selecting):not(.breaker) #skills .skill{gap:3px;min-width:0}:root body:not(.selecting):not(.breaker) #skills .skill strong{font-size:9.5px;line-height:11px}}body.breaker #menu .menu-rows{display:none}#menu .menu-rows{background:#0c1522;border:1px solid #22324a;border-radius:14px;flex-direction:column;margin-top:16px;display:flex;overflow:hidden}#menu .menu-row{color:#e8eff9;text-align:left;background:0 0;border-bottom:1px solid #1c2a3d;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;font-size:15px;font-weight:600;display:flex}#menu .menu-row:last-child{border-bottom:0}#menu .menu-row:hover{background:#13213a}#menu .menu-row span{color:#9bb3c9;font-size:18px}#menu .menu-forfeit{color:#ff8fa8;font-weight:700}@media (orientation:portrait) and (width<=600px){body:not(.breaker) #menu{place-items:end center;padding:12px}body:not(.breaker) #menu .modal{width:100%;max-width:440px;max-height:calc(100dvh - 24px);padding:24px 20px 16px;overflow-y:auto}body:not(.breaker) #menu .modal h2{font-size:40px}}