@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";.scene-frame{background:radial-gradient(circle at 50% 24%,#12c9f333,#0000 48%),linear-gradient(145deg,#06163df5,#040d25fa);place-items:center;padding:18px 24px 22px;display:grid;overflow:hidden}.device-screen{background:#06163d;border:6px solid #02091c;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000057,0 0 0 1px #edf2e91f}.viewport-phone .device-screen{aspect-ratio:844/390}.viewport-tablet .device-screen{aspect-ratio:4/3;border-width:8px;border-radius:24px;max-width:680px}.device-screen>div:first-child,.device-screen canvas{display:block;width:100%!important;height:100%!important}.scene-vignette{pointer-events:none;background:radial-gradient(#0000 63%,#03080538);position:absolute;inset:0}.scene-label{z-index:2;color:#e0eeff9e;letter-spacing:.11em;pointer-events:none;font-family:Inter,system-ui,sans-serif;font-size:8px;font-weight:800;position:absolute}.scene-label-top{top:12px;left:16px}.scene-label-bottom{color:#b9ee18c7;bottom:12px;right:16px}.goal-replay-jumbotron{z-index:8;pointer-events:none;isolation:isolate;place-items:center;display:grid;position:absolute;inset:0}.goal-replay-jumbotron__announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.goal-replay-jumbotron__rig{aspect-ratio:4/3;width:auto;max-width:62%;height:80%;animation:.18s ease-out both shared-match-jumbotron-in;position:relative}.viewport-tablet .goal-replay-jumbotron__rig{max-width:78%;height:72%}.goal-replay-jumbotron__screen{z-index:1;position:absolute;inset:0}.goal-replay-jumbotron__aperture{z-index:1;aspect-ratio:4/3;background:linear-gradient(#12c9f309,#0000 24% 76%,#b9ee1809);border-radius:clamp(5px,.8vw,10px);outline:clamp(5px,1vw,9px) solid #02091c;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 100vmax #02081870,0 12px 34px #0000009e,inset 0 0 0 1px #e0eeff3d,0 0 24px #12c9f31f}.goal-replay-jumbotron__aperture:before{z-index:2;content:"";border:1px solid #12c9f35c;border-radius:2px;position:absolute;inset:4px}.goal-replay-jumbotron__header{z-index:4;color:#e0eeffb8;letter-spacing:.13em;background:linear-gradient(90deg,#040d25e6,#06163db8,#040d25e6);border:2px solid #02091c;border-radius:4px 4px 1px 1px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:clamp(20px,4.8vw,38px);padding:3px clamp(7px,1.5vw,14px);font-family:Inter,system-ui,sans-serif;font-size:clamp(7px,.9vw,9px);font-weight:900;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% - 7px))}.goal-replay-jumbotron__header strong{color:var(--sbc-primary,#b9ee18);letter-spacing:.16em;text-shadow:0 0 12px #b9ee1875;font-family:Barlow Condensed,Inter,system-ui,sans-serif;font-size:clamp(11px,1.8vw,17px);line-height:1}.goal-replay-jumbotron__header>i{background:#ff4b45;border-radius:50%;justify-self:end;width:6px;height:6px;box-shadow:0 0 8px #ff4b45e6}.goal-replay-jumbotron--rewind .goal-replay-jumbotron__header strong{color:#12c9f3;text-shadow:0 0 12px #12c9f38c}.goal-replay-jumbotron--goal .goal-replay-jumbotron__header strong{color:#fff200;text-shadow:0 0 14px #fff20094}.goal-replay-jumbotron__support{z-index:3;background:repeating-linear-gradient(135deg,#06163d 0 5px,#02091c 5px 10px);border:1px solid #e0eeff29;width:4.5%;height:22%;position:absolute;top:-22%;box-shadow:0 5px 10px #00000080}.goal-replay-jumbotron__support--left{left:14%;transform:skew(-5deg)}.goal-replay-jumbotron__support--right{right:14%;transform:skew(5deg)}.goal-replay-jumbotron__speaker{z-index:3;background:radial-gradient(circle,#e0eeff52 0 1px,#0000 1.4px) 0 0/6px 6px,#06163d;border:3px solid #02091c;border-radius:4px;width:7.5%;height:66%;position:absolute;top:17%;box-shadow:0 8px 16px #0000008c}.goal-replay-jumbotron__speaker--left{left:-6.5%}.goal-replay-jumbotron__speaker--right{right:-6.5%}.goal-replay-jumbotron__scan{z-index:3;opacity:0;background:linear-gradient(#0000 35%,#12c9f333 50%,#0000 65%);position:absolute;inset:-28% 5%}.goal-replay-jumbotron--rewind .goal-replay-jumbotron__scan{opacity:1;animation:.7s linear both shared-match-rewind-scan}.goal-replay-jumbotron__corners{z-index:3;opacity:.58;background:linear-gradient(#12c9f3,#12c9f3) 0 0/16px 1px no-repeat,linear-gradient(#12c9f3,#12c9f3) 0 0/1px 16px no-repeat,linear-gradient(#12c9f3,#12c9f3) 100% 100%/16px 1px no-repeat,linear-gradient(#12c9f3,#12c9f3) 100% 100%/1px 16px no-repeat;position:absolute;inset:11px}.goal-replay-jumbotron__progress{z-index:4;background:#e0eeff2e;height:3px;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden;transform:translateY(calc(100% + 8px))}.goal-replay-jumbotron__progress i{background:var(--sbc-primary,#b9ee18);transform-origin:0;width:100%;height:100%;transition:transform 50ms linear;display:block;box-shadow:0 0 8px #b9ee18b3}.goal-replay-jumbotron--rewind .goal-replay-jumbotron__progress i{transform-origin:100%;background:#12c9f3;box-shadow:0 0 8px #12c9f3b8}.goal-replay-jumbotron--goal .goal-replay-jumbotron__progress i{background:#fff200}.goal-replay-active .direct-control-overlay,.goal-replay-active .match-card-status{opacity:.16;transition:opacity .15s}.goal-replay-active .scene-vignette{opacity:.45}.goal-replay-active .match-event-notice--goal{display:none}.goal-replay-active .match-connection-warning,.goal-replay-active .match-reconnect-banner{z-index:10}.goal-replay-active .pitch-frame{filter:saturate(.8)contrast(1.04)}.goal-replay-jumbotron--rewind .goal-replay-jumbotron__aperture{filter:saturate(.72)contrast(1.08)}.match-card-status{z-index:7;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:4px;max-width:calc(100% - 32px);display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}.match-card-status-entry{color:#f6faff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#06163de6;border:1px solid #12c9f36b;border-radius:999px;align-items:center;gap:5px;min-height:20px;padding:3px 7px;font-family:Inter,system-ui,sans-serif;font-size:7px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000052}.match-card-status-entry.away{border-color:#ff625e61}.match-card-status-entry.red-carded{border-color:#ff4b45b8}.match-card-status-entry time{color:#ff8b86;text-align:right;min-width:17px;font-weight:700}.match-card-icons{align-items:center;gap:2px;display:flex}.match-card-icons i,.pitch-card-icons i{background:#ffd84f;border-radius:1px;width:6px;height:9px;display:block;box-shadow:0 0 0 1px #00000047}.match-card-icons i.red{background:#ff4b45}.direct-control-overlay{--control-edge-offset:26px;--movement-pad-size:108px;--primary-action-size:140px;--support-action-size:64px;--foul-action-size:calc(var(--support-action-size) - 8px);--control-gap:12px;--support-action-right:max(var(--control-edge-offset), calc(env(safe-area-inset-right) + 18px));--support-action-bottom:max(var(--control-edge-offset), calc(env(safe-area-inset-bottom) + 18px));--primary-action-right:max(calc(var(--control-edge-offset) + var(--support-action-size) + var(--control-gap)), calc(env(safe-area-inset-right) + 18px + var(--support-action-size) + var(--control-gap)));z-index:5;pointer-events:none;font-family:Inter,system-ui,sans-serif;position:absolute;inset:0}.direct-control-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#06163dd6;border:1px solid #12c9f352;border-radius:5px;gap:3px;min-width:210px;padding:6px 10px;display:grid;position:absolute;top:11px;left:50%;transform:translate(-50%)}.direct-control-status span{color:#aab9d5;letter-spacing:.12em;font-size:7px}.direct-control-status i{background:#657269;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.direct-control-status i.engaged{background:var(--sbc-primary,#b9ee18);box-shadow:0 0 0 3px #b9ee1824}.direct-control-status strong{color:#f6faff;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.switch-player-control{right:var(--support-action-right);bottom:var(--support-action-bottom);width:var(--support-action-size);height:var(--support-action-size);color:#f5f8ff;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#126ecba8;border:2px solid #12c9f3;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:inset 0 0 0 7px #12c9f317,0 8px 22px #0000004d}.switch-player-control:hover:not(:disabled){filter:brightness(1.08);background:#1286dee0}.switch-player-control:active:not(:disabled){transform:scale(.94)}.switch-player-control:focus-visible{outline-offset:3px;outline:3px solid #f7fff8}.switch-player-control:disabled{cursor:not-allowed;opacity:.28;pointer-events:none}.movement-touch-zone{z-index:1;pointer-events:auto;touch-action:none;width:33.3333%;position:absolute;inset:0 auto 0 0}.movement-touch-zone.disabled{pointer-events:none}.movement-pad{bottom:max(var(--control-edge-offset), calc(env(safe-area-inset-bottom) + 18px));left:max(var(--control-edge-offset), calc(env(safe-area-inset-left) + 18px));width:var(--movement-pad-size);height:var(--movement-pad-size);pointer-events:auto;touch-action:none;background:#06163d2e;border:2px solid #12c9f394;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 10px #12c9f306,0 5px 16px #00000029}.movement-pad:after{content:"";pointer-events:none;border:1px solid #edf2e929;border-radius:50%;position:absolute;inset:10%}.movement-pad.sprinting{border-color:var(--sbc-primary,#b9ee18);box-shadow:inset 0 0 0 12px #b9ee1812,0 8px 25px #00000040,0 0 18px #b9ee182e}.movement-pad.sprinting:after{border-color:#b9ee18d1}.movement-stick{pointer-events:none;background:#b9ee1866;border:2px solid #b9ee18e0;border-radius:50%;width:44px;height:44px;position:absolute;box-shadow:0 5px 14px #0006,inset 0 0 0 6px #b9ee1817}.control-action{width:var(--support-action-size);height:var(--support-action-size);color:#f5f8ff;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#edf2e929;border:2px solid #edf2e980;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 6px #ffffff06,0 7px 18px #00000047}.pitch-action-label{z-index:5;color:#f6faff;letter-spacing:.08em;min-width:34px;transform:rotate(calc(var(--player-rotation) * -1));background:#06163de6;border:1px solid #b9ee18b8;border-radius:3px;padding:2px 4px;font-family:Inter,system-ui,sans-serif;font-size:6px;font-weight:800;position:absolute;top:43px}.pitch-card-icons{z-index:6;pointer-events:none;transform:rotate(calc(var(--player-rotation) * -1));gap:2px;display:flex;position:absolute;top:-9px;left:calc(100% + 2px)}.kick-pad{right:var(--primary-action-right);bottom:var(--support-action-bottom);width:var(--primary-action-size);height:var(--primary-action-size);cursor:pointer;pointer-events:auto;touch-action:none;border:3px solid;border-radius:50%;padding:0;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff09,0 10px 28px #00000057}.kick-pad.primary-action-kick{background:linear-gradient(#9149e717,#12c9f312 52%,#b9ee1814);border-color:#72b7ff}.kick-pad.primary-action-one-touch{border-color:var(--sbc-primary,#b9ee18);background:#18827eb3;box-shadow:inset 0 0 0 10px #b9ee1812,0 10px 28px #00000057,0 0 20px #b9ee1833}.kick-pad.primary-action-steal{background:#167de3b3;border-color:#12c9f3}.kick-pad.primary-action-tackle{background:#ca8512b8;border-color:#ffc52e}.kick-pad.primary-action-head{background:#743cbeb3;border-color:#9149e7}.kick-pad.primary-action-one-touch .kick-elevation-scale,.kick-pad.primary-action-steal .kick-elevation-scale,.kick-pad.primary-action-tackle .kick-elevation-scale,.kick-pad.primary-action-head .kick-elevation-scale,.one-touch-label{display:none}.kick-pad.primary-action-one-touch .one-touch-label{z-index:3;color:#f7fff8;letter-spacing:.08em;text-align:center;text-shadow:0 2px 5px #0000009e;place-items:center;padding:20px;font-size:13px;font-weight:900;line-height:1.05;display:grid;position:absolute;inset:0}.primary-action-content{z-index:3;color:#f5f8ff;letter-spacing:.08em;text-align:center;text-shadow:0 2px 5px #0000006b;place-content:center;padding:24px;font-family:Barlow Condensed,Inter,system-ui,sans-serif;font-size:16px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.aggress-control{right:calc(var(--primary-action-right) + var(--primary-action-size) + var(--control-gap) + 4px);bottom:calc(var(--support-action-bottom) + 4px);width:var(--foul-action-size);height:var(--foul-action-size);background:#cd3033b3;border-color:#f14952;position:absolute}.feint-control{right:var(--support-action-right);bottom:var(--support-action-bottom);background:#123d83b3;border-color:#12c9f3;position:absolute}.auto-pass-control{right:calc(var(--primary-action-right) + var(--primary-action-size) + var(--control-gap));bottom:calc(var(--support-action-bottom) + var(--foul-action-size) + var(--control-gap) + 4px);border-color:var(--sbc-primary,#b9ee18);background:#18827ec2;grid-template-rows:20px 16px;align-content:center;gap:1px;position:absolute}.auto-pass-control__icon{width:20px;height:20px}.auto-pass-control span{letter-spacing:.04em;font-family:Barlow Condensed,Inter,system-ui,sans-serif;font-size:14px;font-weight:900;line-height:1}.control-shortcut{display:none}.direct-control-icon{color:#f5f8ff;filter:drop-shadow(0 1px 3px #000000b8);width:24px;height:24px}.direct-control-icon--primary{width:40px;height:40px}.kick-elevation-scale{z-index:1;pointer-events:none;grid-template-rows:auto 1fr 1fr 1fr auto;place-items:center;display:grid;position:absolute;inset:8px 0}.kick-elevation-scale i{border-top:1px solid #f5f8ff3d;width:22px}.kick-elevation-chevron{color:#f5f8ffe6;filter:drop-shadow(0 1px 3px #0000006b);width:26px;height:26px}.kick-ball-icon{z-index:2;pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.kick-pad.primary-action-kick .kick-ball-icon{display:grid}.kick-aim-pad{z-index:4;pointer-events:none;background:#092a5e1a;border:2px solid #12c9f3b8;border-radius:50%;place-items:center;width:240px;height:240px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 10px #72b7ff08,0 4px 12px #00000029,0 0 12px #12c9f31f}.kick-aim-pad-axis{background:#f5f8ff3b;position:absolute}.kick-aim-pad-axis.horizontal{width:192px;height:1px}.kick-aim-pad-axis.vertical{width:1px;height:192px}.kick-aim-stick{background:#f5f8ff33;border:2px solid #f5f8ffd6;border-radius:50%;width:42px;height:42px;box-shadow:0 5px 14px #0006,inset 0 0 0 6px #ffffff12}.kick-pad:hover:not(:disabled),.kick-pad.pressed{filter:brightness(1.16);box-shadow:inset 0 0 0 10px #ffffff12,0 10px 28px #00000057,0 0 22px #72b7ff33}.control-action:hover:not(:disabled),.control-action.pressed{filter:brightness(1.18)}.control-action:active:not(:disabled){transform:scale(.94)}.control-action:focus-visible,.kick-pad:focus-visible{outline-offset:3px;outline:3px solid #f7fff8}.direct-control-overlay.disabled .movement-pad,.kick-pad:disabled{opacity:.24;pointer-events:none}.control-action:disabled{cursor:not-allowed;opacity:.28;pointer-events:none}.direct-control-overlay.kick-aiming .switch-player-control,.direct-control-overlay.kick-aiming .sprint-pump-control,.direct-control-overlay.kick-aiming .control-action{opacity:.16;pointer-events:none}.direct-control-overlay.kick-aiming .kick-pad{opacity:.52;filter:none;box-shadow:inset 0 0 0 6px #ffffff06,0 4px 12px #0000002e}@media (hover:hover) and (pointer:fine){.control-shortcut{z-index:5;color:#f5f8ff;pointer-events:none;background:#06163ddb;border:1px solid #f5f8ff9e;border-radius:3px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 1px 3px #00000061}.kick-pad .control-shortcut{min-width:19px;height:19px;font-size:10px;bottom:13px;right:15px}}.direct-control-overlay[data-guidance=movement] .movement-pad,.direct-control-overlay[data-guidance=run] .movement-pad,.direct-control-overlay[data-guidance=switch] .switch-player-control,.direct-control-overlay[data-guidance=auto-kick] .kick-pad,.direct-control-overlay[data-guidance=kick-low] .kick-pad,.direct-control-overlay[data-guidance=kick-medium] .kick-pad,.direct-control-overlay[data-guidance=kick-high] .kick-pad,.direct-control-overlay[data-guidance=aim] .kick-pad,.direct-control-overlay[data-guidance=primary-defense] .kick-pad,.direct-control-overlay[data-guidance=one-touch] .kick-pad,.direct-control-overlay[data-guidance=aggress] .aggress-control,.direct-control-overlay[data-guidance=feint] .feint-control{box-shadow:0 0 0 4px #b9ee18d1,0 0 28px #b9ee186b,0 10px 28px #00000057}.direct-control-overlay[data-guidance=kick-low] .kick-pad.primary-action-kick{background:linear-gradient(0deg,#b9ee186b 0 33.333%,#12c9f312 33.333% 66.666%,#9149e717 66.666% 100%)}.direct-control-overlay[data-guidance=kick-medium] .kick-pad.primary-action-kick{background:linear-gradient(0deg,#b9ee1814 0 33.333%,#12c9f36b 33.333% 66.666%,#9149e717 66.666% 100%)}.direct-control-overlay[data-guidance=kick-high] .kick-pad.primary-action-kick{background:linear-gradient(0deg,#b9ee1814 0 33.333%,#12c9f312 33.333% 66.666%,#9149e76b 66.666% 100%)}.pitch-frame{background:linear-gradient(135deg,#06163d9e,#040d2557),#06163d;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;padding:clamp(.7rem,2vw,1.35rem);display:grid}.pitch-surface{width:100%;max-height:100%;aspect-ratio:var(--pitch-aspect,1.68);background:linear-gradient(#06163d14,#06163d2e),repeating-linear-gradient(90deg,#177d55 0 9%,#126f4c 9% 18%);border:2px solid #e0eeff85;align-self:center;position:relative;overflow:hidden;box-shadow:inset 0 0 7rem #00081447,0 .6rem 1.8rem #0000003d}.pitch-surface:before{content:"";pointer-events:none;border:1px solid #f6faff7a;position:absolute;inset:.35rem}.pitch-line{background:#f6faff94;position:absolute}.pitch-halfway{width:1px;top:0;bottom:0;left:50%}.pitch-circle{width:var(--pitch-circle-size,24%);aspect-ratio:1;border:1px solid #f6faff9e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-center-dot{background:#f6faffe6;border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-box{top:var(--penalty-box-top,27%);width:var(--penalty-box-width,13%);height:var(--penalty-box-height,46%);border:2px solid #f6faff94;position:absolute}.pitch-box-home{border-left:0;left:0}.pitch-box-away{border-right:0;right:0}.pitch-goal{top:var(--goal-top,42%);width:.75rem;height:var(--goal-height,16%);border:1px solid #f6faffb8;position:absolute}.pitch-goal-home{border-left:0;left:-.75rem}.pitch-goal-away{border-right:0;right:-.75rem}.pitch-player{z-index:2;color:#06163d;cursor:pointer;width:2.625rem;height:2.625rem;transform:translate(-50%, -50%) rotate(var(--player-rotation));border:2px solid #ffffffd1;border-radius:50%;place-items:center;padding:0;transition:filter .15s,scale .15s;display:grid;position:absolute;box-shadow:0 .2rem .55rem #0000006b}.pitch-player.home{background:var(--sbc-cyan,#12c9f3)}.pitch-player.away{background:var(--sbc-danger,#f04452)}.pitch-player.controlled{background:#fff200}.pitch-player:hover,.pitch-player.selected{z-index:4;filter:brightness(1.12);scale:1.12}.pitch-player.selected{border-color:var(--sbc-primary,#b9ee18);box-shadow:0 0 0 4px #b9ee184d,0 .25rem .6rem #0000006b}.pitch-player.has-ball:after{content:"";border:1px dashed #ffe87ff0;border-radius:50%;width:3.1rem;height:3.1rem;animation:1.5s infinite shared-match-pulse;position:absolute}.player-mark{transform:rotate(calc(var(--player-rotation) * -1));font-family:Inter,system-ui,sans-serif;font-size:.66rem;font-weight:900}.player-name{color:#f6faff;filter:drop-shadow(0 1px 2px #000000f2);text-overflow:ellipsis;white-space:nowrap;max-width:7rem;transform:rotate(calc(var(--player-rotation) * -1));font-family:Inter,system-ui,sans-serif;font-size:.55rem;font-weight:800;position:absolute;top:2.85rem;overflow:hidden}.pitch-ball{z-index:3;box-sizing:border-box;width:max(var(--ball-width,.55rem), .55rem);height:max(var(--ball-height,.55rem), .55rem);transform:translate(-50%, -50%) scale(var(--ball-lift-scale,1));background:radial-gradient(circle at 38% 35%,#172842 0 15%,#fff8dd 17% 100%);border:1px solid #fffce7;border-radius:50%;position:absolute}.pitch-aerial-ball-marker{z-index:1;pointer-events:none;background:#f5ff35;border:.1rem solid #f5ff35;border-radius:50%;width:.58rem;height:.58rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .07rem #06163dad,0 0 .56rem #f5ff35}.pitch-ball.shot-trail:before{width:var(--shot-trail-length,28px);background:linear-gradient(90deg, transparent, var(--shot-speed-color,#b9ee18));height:3px;box-shadow:0 0 6px var(--shot-speed-color,#b9ee18);content:"";opacity:var(--shot-trail-opacity,.7);transform:translateY(-50%) rotate(var(--shot-trail-angle,0deg));transform-origin:100%;border-radius:999px;position:absolute;top:50%;right:50%}.pitch-ball.contested{background:#ffd45c}.pitch-ball.loose{background:#ff7e88}.pitch-scale-labels{color:#aab9d5a8;letter-spacing:.12em;justify-content:space-between;padding:.55rem .1rem 0;font-family:Inter,system-ui,sans-serif;font-size:.55rem;font-weight:800;display:flex}@keyframes shared-match-jumbotron-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes shared-match-rewind-scan{0%{transform:translateY(78%)}to{transform:translateY(-78%)}}@keyframes shared-match-pulse{50%{opacity:.35;scale:1.12}}@media (width<=760px){.direct-control-overlay{--control-edge-offset:20px;--movement-pad-size:104px;--primary-action-size:132px;--support-action-size:60px}.scene-frame{padding:10px}.device-screen{border-width:4px;border-radius:12px}.viewport-tablet .device-screen{border-width:5px;border-radius:16px}.scene-label-top{top:9px;left:12px}.scene-label-bottom{bottom:9px;right:12px}.match-card-status{max-width:calc(100% - 20px);top:45px}.match-card-status-entry{min-height:18px;padding:2px 6px;font-size:6px}.direct-control-status{min-width:175px;padding:4px 7px;top:7px}.movement-stick{width:42px;height:42px}.kick-elevation-chevron{width:24px;height:24px}.pitch-frame{padding:.55rem}.pitch-player{width:2.35rem;height:2.35rem}.pitch-player.has-ball:after{width:2.85rem;height:2.85rem}.player-name{top:2.55rem}}@media (pointer:coarse){.pitch-player{width:3rem;height:3rem}.pitch-player.has-ball:after{width:3.35rem;height:3.35rem}.player-name{top:3.15rem}}@media (prefers-reduced-motion:reduce){.goal-replay-jumbotron__rig,.goal-replay-jumbotron__scan,.pitch-player.has-ball:after{animation:none}.goal-replay-jumbotron__progress i{transition:none}.goal-replay-jumbotron__scan{display:none}.pitch-player{transition:none}}:root{--sbc-canvas:#06163d;--sbc-surface:#0b2862;--sbc-surface-raised:#123d83;--sbc-line:#2e70c7;--sbc-ink:#f5f8ff;--sbc-muted:#aec3e8;--sbc-primary:#b9ee18;--sbc-electric-blue:#167de3;--sbc-cyan:#12c9f3;--sbc-reward:#ffc52e;--sbc-danger:#f14952;--sbc-special:#9149e7;--sbc-ink-on-colour:#071638;--sbc-focus-ring:#f5f8ff;--sbc-font-display:"Barlow Condensed", Impact, sans-serif;--sbc-font-body:Inter, system-ui, sans-serif}.arena-brand,.arena-button,.arena-panel,.arena-status-chip,.arena-screen-header,.arena-bottom-action-dock{font-family:var(--sbc-font-body)}.arena-brand{color:var(--sbc-ink);align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.arena-brand__mark{border:2px solid var(--sbc-primary);width:2.35rem;height:2.35rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);font:900 1.35rem/1 var(--sbc-font-display);border-radius:.65rem;flex:none;place-items:center;display:grid;overflow:hidden;transform:skew(-7deg)}.arena-brand__mark img{object-fit:contain;width:100%;height:100%;transform:skew(7deg)}.arena-brand__mark--image{background:0 0;border:0;border-radius:0;width:3.5rem;transform:none}.arena-brand__mark--image img{transform:none}.arena-brand strong{font:800 1.4rem/1 var(--sbc-font-display);letter-spacing:.09em}.arena-brand--compact .arena-brand__mark{width:2rem;height:2rem}.arena-brand--compact .arena-brand__mark--image{width:3rem}.arena-brand--compact strong{font-size:1.2rem}.arena-brand--hero{gap:.8rem}.arena-brand--hero .arena-brand__mark{border-radius:1rem;width:4rem;height:4rem}.arena-brand--hero .arena-brand__mark--image{border-radius:0;width:7rem;height:5rem}.arena-brand--hero strong{font-size:2.2rem}.arena-button{min-width:3rem;min-height:3rem;color:var(--sbc-ink-on-colour);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.65rem;padding:.65rem 1rem;font-size:.875rem;font-weight:800;line-height:1.1;transition:border-color .16s,background-color .16s,transform .16s,filter .16s;display:inline-flex}.arena-button__label{min-width:0}.arena-button__icon{display:inline-flex}.arena-button--primary{background:var(--sbc-primary)}.arena-button--secondary{color:var(--sbc-ink);background:var(--sbc-electric-blue)}.arena-button--neutral{border-color:var(--sbc-line);color:var(--sbc-ink);background:var(--sbc-surface)}.arena-button--danger{color:var(--sbc-ink);background:var(--sbc-danger)}.arena-button--special{color:var(--sbc-ink);background:var(--sbc-special)}.arena-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.arena-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.arena-button:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.arena-button:disabled{cursor:default;filter:saturate(.4);opacity:.58}.arena-button[data-busy=true]{cursor:wait}.arena-icon{vertical-align:middle;flex:none;display:inline-block}.arena-panel{border:1px solid var(--sbc-line);color:var(--sbc-ink);background:var(--sbc-surface);border-radius:.75rem;box-shadow:0 .75rem 2rem #0000003d}.arena-panel--raised{background:var(--sbc-surface-raised)}.arena-panel--accent{border-color:var(--sbc-cyan);background:linear-gradient(135deg, var(--sbc-surface-raised), var(--sbc-surface))}.arena-status-chip{border:1px solid var(--sbc-line);min-height:2rem;color:var(--sbc-ink);background:var(--sbc-surface);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.arena-status-chip__dot{background:currentColor;border-radius:50%;flex:none;width:.5rem;height:.5rem}.arena-status-chip--online,.arena-status-chip--success{border-color:var(--sbc-primary);color:var(--sbc-primary)}.arena-status-chip--offline,.arena-status-chip--danger{border-color:var(--sbc-danger);color:var(--sbc-danger)}.arena-status-chip--info{border-color:var(--sbc-cyan);color:var(--sbc-cyan)}.arena-status-chip--warning,.arena-status-chip--reward{border-color:var(--sbc-reward);color:var(--sbc-reward)}.arena-status-chip--special{border-color:var(--sbc-special);color:#d9baff}.arena-screen-header{color:var(--sbc-ink);align-items:start;gap:1rem;padding:1.5rem 0;display:grid;position:relative}.arena-screen-header--standard{grid-template-columns:minmax(0,1fr) auto}.arena-screen-header--with-back{grid-template-columns:auto minmax(0,1fr) auto}.arena-screen-header__back{width:3rem;padding:0}.arena-screen-header__copy{min-width:0}.arena-screen-header h1{color:var(--sbc-ink);font:900 clamp(1.85rem, 4.8vw, 3.25rem)/.9 var(--sbc-font-display);letter-spacing:-.025em;text-transform:uppercase;margin:0}.arena-screen-header__description{max-width:42rem;color:var(--sbc-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.5}.arena-screen-header__actions{align-items:center;gap:.5rem;display:flex}.arena-bottom-action-dock{z-index:20;padding:.75rem max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border-top:1px solid var(--sbc-line);color:var(--sbc-muted);background:color-mix(in srgb, var(--sbc-canvas) 94%, transparent);grid-template-columns:minmax(0,1fr) minmax(16rem,28rem) minmax(0,1fr);align-items:center;gap:1rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.5rem 1.5rem #0003}.arena-bottom-action-dock__hint{text-align:right;text-overflow:ellipsis;min-width:0;font-size:.875rem;line-height:1.35;overflow:hidden}.arena-bottom-action-dock__action{justify-content:center;display:flex}.arena-bottom-action-dock__action>*{width:100%}@media (orientation:landscape) and (height<=520px){.arena-screen-header{padding-top:.75rem;padding-bottom:.75rem}.arena-screen-header h1{font-size:clamp(1.75rem,5vw,2.6rem)}.arena-screen-header__description{margin-top:.4rem;font-size:.875rem}.arena-bottom-action-dock{padding-top:.5rem}}@media (width<=767px){.arena-screen-header{gap:.65rem}.arena-screen-header__actions{gap:.35rem}.arena-bottom-action-dock{grid-template-columns:1fr;gap:.4rem}.arena-bottom-action-dock__hint{text-align:center}}@media (width>=768px){.arena-panel{border-radius:.85rem}.arena-bottom-action-dock__action>*{max-width:28rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sbc-character-level-badge{--sbc-level-badge-size:1.75rem;min-width:0;color:var(--sbc-ink);font-family:var(--sbc-font-display);vertical-align:middle;flex:none;align-items:center;line-height:1;display:inline-flex}.sbc-character-level-badge--hud{--sbc-level-badge-size:1.35rem}.sbc-character-level-badge--standard{--sbc-level-badge-size:2.25rem}.sbc-character-level-badge img{width:var(--sbc-level-badge-size);height:var(--sbc-level-badge-size);flex:0 0 var(--sbc-level-badge-size);object-fit:contain;filter:drop-shadow(0 .08rem .16rem #0000007a);display:block}.sbc-character-level-badge--icon-and-label{border:1px solid color-mix(in srgb, var(--sbc-cyan) 36%, transparent);background:color-mix(in srgb, var(--sbc-canvas) 84%, transparent);border-radius:999px;gap:.3rem;padding:.08rem .42rem .08rem .12rem}.sbc-character-level-badge__label{letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.875rem;font-weight:900;overflow:hidden}.sbc-character-portrait{width:240px;color:var(--sbc-ink);font-family:var(--sbc-font-body);margin:0}.sbc-character-portrait--compact{width:128px}.sbc-character-portrait--hero{width:min(360px,100%)}.sbc-character-portrait--interactive{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block}.sbc-character-portrait--interactive:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.sbc-character-portrait--interactive:disabled{cursor:not-allowed}.sbc-character-portrait__frame{aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--sbc-cyan) 55%, var(--sbc-line));background:linear-gradient(145deg, color-mix(in srgb, var(--sbc-electric-blue) 55%, transparent), color-mix(in srgb, var(--sbc-cyan) 16%, transparent) 45%, var(--sbc-canvas));border-radius:12px 5px;padding:7px;transition:border-color .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.5rem #0000004d,inset 0 0 0 1px #ffffff06}.sbc-character-portrait__frame:after{background:linear-gradient(transparent, color-mix(in srgb, var(--sbc-canvas) 94%, transparent));content:"";pointer-events:none;border-radius:0 0 8px 8px;height:38%;position:absolute;inset:auto 7px 7px}.sbc-character-portrait img{object-fit:cover;object-position:center top;border-radius:10px 2px;width:100%;height:100%;display:block}.sbc-character-portrait .sbc-character-level-badge img{width:var(--sbc-level-badge-size);height:var(--sbc-level-badge-size);object-fit:contain;object-position:center;border-radius:0}.sbc-character-portrait__fallback{width:100%;height:100%;color:var(--sbc-muted);background:color-mix(in srgb, var(--sbc-canvas) 65%, var(--sbc-surface-raised));font:800 2.5rem/1 var(--sbc-font-display);border-radius:10px 2px;place-items:center;display:grid}.sbc-character-portrait--selected .sbc-character-portrait__frame{border-color:var(--sbc-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--sbc-primary) 62%, transparent), 0 0 1.15rem color-mix(in srgb, var(--sbc-primary) 38%, transparent), 0 1.25rem 3.5rem #00000057;transform:translateY(-3px)}.sbc-character-portrait--unavailable{color:var(--sbc-muted)}.sbc-character-portrait--unavailable .sbc-character-portrait__frame{border-color:color-mix(in srgb, var(--sbc-line) 50%, transparent);background:var(--sbc-canvas);box-shadow:none}.sbc-character-portrait--unavailable img{filter:grayscale()contrast(.82)brightness(.58);opacity:.72}.sbc-character-portrait--unavailable .sbc-character-portrait__corner{border-color:var(--sbc-muted)}.sbc-character-portrait--unavailable figcaption span,.sbc-character-portrait--unavailable .sbc-character-portrait__identity>span{color:var(--sbc-muted)}.sbc-character-portrait__corner{z-index:2;border-color:var(--sbc-primary);pointer-events:none;width:22px;height:22px;position:absolute}.sbc-character-portrait__corner.top-left{border-top:2px solid;border-left:2px solid;border-radius:13px 0 0;top:2px;left:2px}.sbc-character-portrait__corner.bottom-right{border-bottom:2px solid;border-right:2px solid;border-radius:0 0 13px;bottom:2px;right:2px}.sbc-character-portrait__number{z-index:3;color:color-mix(in srgb, var(--sbc-ink) 72%, transparent);font:700 .75rem/1 var(--sbc-font-display);letter-spacing:.15em;position:absolute;bottom:13px;right:15px}.sbc-character-portrait__level{z-index:4;filter:drop-shadow(0 .08rem .18rem #0000009e);position:absolute;top:10px;left:10px}.sbc-character-portrait--compact .sbc-character-portrait__level{top:7px;left:7px}.sbc-character-portrait__state-mark{z-index:3;font:800 .875rem/1 var(--sbc-font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 7px;position:absolute;top:15px;right:15px}.sbc-character-portrait__state-mark.selected{color:var(--sbc-ink-on-colour);background:var(--sbc-primary)}.sbc-character-portrait__state-mark.unavailable{border:1px solid color-mix(in srgb, var(--sbc-ink) 30%, transparent);color:var(--sbc-muted);background:color-mix(in srgb, var(--sbc-canvas) 88%, transparent)}.sbc-character-portrait--compact .sbc-character-portrait__state-mark{padding:3px 5px;font-size:.625rem}.sbc-character-portrait figcaption,.sbc-character-portrait__identity{padding:12px 4px 0;display:block}.sbc-character-portrait figcaption strong,.sbc-character-portrait figcaption span,.sbc-character-portrait__identity strong,.sbc-character-portrait__identity>span{display:block}.sbc-character-portrait figcaption strong,.sbc-character-portrait__identity strong{font:800 1.125rem/1 var(--sbc-font-display);letter-spacing:-.02em;text-transform:uppercase}.sbc-character-portrait figcaption span,.sbc-character-portrait__identity>span{color:var(--sbc-muted);margin-top:3px;font-size:.875rem;line-height:1.4}.sbc-character-portrait--compact figcaption,.sbc-character-portrait--compact .sbc-character-portrait__identity{padding-top:8px}.sbc-character-portrait--compact figcaption strong,.sbc-character-portrait--compact .sbc-character-portrait__identity strong{font-size:.875rem}.sbc-character-portrait--compact figcaption span,.sbc-character-portrait--compact .sbc-character-portrait__identity>span{display:none}.sbc-character-stats{border:1px solid var(--sbc-line);width:min(680px,100%);color:var(--sbc-ink);background:color-mix(in srgb, var(--sbc-surface) 96%, transparent);font-family:var(--sbc-font-body);border-radius:10px;overflow:hidden;box-shadow:0 1.4rem 4rem #0003;container-type:inline-size}.sbc-character-stats__header{border-bottom:1px solid var(--sbc-line);background:linear-gradient(90deg, color-mix(in srgb, var(--sbc-cyan) 12%, transparent), transparent 48%);justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.sbc-character-stats__group h3{color:var(--sbc-muted);font:800 .875rem/1 var(--sbc-font-display);letter-spacing:.12em;text-transform:uppercase}.sbc-character-stats__header h2{color:var(--sbc-ink);font:800 1.5rem/1 var(--sbc-font-display);text-transform:uppercase;margin:0}.sbc-character-stats__physical{gap:12px;margin:0;display:flex}.sbc-character-stats__physical div{align-items:center;gap:6px;min-width:0;display:flex}.sbc-character-stats__physical dt{color:var(--sbc-muted);display:grid}.sbc-character-stats__physical dd{white-space:nowrap;font:700 .875rem/1 var(--sbc-font-display);margin:0}.sbc-character-stats__description{border-bottom:1px solid var(--sbc-line);color:var(--sbc-muted);margin:0;padding:12px 22px;font-size:.9rem;line-height:1.4}.sbc-character-stats__groups{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sbc-character-stats__group{border-right:1px solid var(--sbc-line);border-bottom:1px solid var(--sbc-line);padding:19px 22px 21px}.sbc-character-stats__group:nth-child(2n){border-right:0}.sbc-character-stats__group:nth-last-child(-n+2){border-bottom:0}.sbc-character-stats__group h3{width:min-content;color:var(--sbc-cyan);margin:0 0 14px;display:flex}.sbc-character-stats__group dl{gap:10px;margin:0;display:grid}.sbc-character-stat{grid-template-columns:minmax(85px,1fr) minmax(110px,1.6fr);align-items:center;gap:13px;display:grid}.sbc-character-stat dt{color:var(--sbc-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.sbc-character-stat dd{grid-template-columns:1fr 2rem;align-items:center;gap:9px;margin:0;display:grid}.sbc-character-stat__track{background:color-mix(in srgb, var(--sbc-line) 55%, var(--sbc-canvas));border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.sbc-character-stat--elite .sbc-character-stat__track{overflow:visible}.sbc-character-stat__track i{width:var(--sbc-stat-value);border-radius:inherit;background:var(--sbc-stat-colour);height:100%;display:block;position:relative}.sbc-character-stat__fill--elite{box-shadow:0 0 .45rem color-mix(in srgb, var(--sbc-reward) 80%, transparent), 0 0 .8rem color-mix(in srgb, var(--sbc-reward) 30%, transparent)}.sbc-character-stat__fill--elite:after{border-radius:inherit;content:"";background:#ffffff9e;width:24%;height:calc(100% - 2px);position:absolute;top:1px;right:16%;box-shadow:0 0 .18rem #ffffffc2}.sbc-character-stat__exceptional-cap{z-index:2;top:50%;left:var(--sbc-stat-value);color:var(--sbc-reward);filter:drop-shadow(0 0 .2rem color-mix(in srgb, var(--sbc-reward) 85%, transparent));pointer-events:none;place-items:center;line-height:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.sbc-character-stat strong{color:var(--sbc-ink);font:700 .875rem/1 var(--sbc-font-display);text-align:right}.sbc-character-stats--compact .sbc-character-stats__header{gap:6px;padding:10px 12px}.sbc-character-stats--compact .sbc-character-stats__description{padding:8px 12px}.sbc-character-stats--compact .sbc-character-stats__group{padding:10px 12px 12px}.sbc-character-stats--compact .sbc-character-stats__group h3{margin-bottom:8px}.sbc-character-stats--compact .sbc-character-stats__group dl{gap:6px}.sbc-component-harness{min-height:100dvh;color:var(--sbc-ink);background:var(--sbc-canvas);font-family:var(--sbc-font-body)}.sbc-component-harness button,.sbc-component-harness select{font:inherit}.sbc-component-harness__topbar{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:center;min-height:4.5rem;padding:0 1.5rem;display:flex}.sbc-component-harness__topbar>div{align-items:center;gap:.7rem;display:flex}.sbc-component-harness__mark{width:2rem;height:2rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);font:800 1rem/1 var(--sbc-font-display);border-radius:.5rem;place-items:center;display:grid}.sbc-component-harness__topbar strong,.sbc-component-harness__topbar small{display:block}.sbc-component-harness__topbar strong{font:800 1rem/1 var(--sbc-font-display);text-transform:uppercase}.sbc-component-harness__topbar small{color:var(--sbc-muted);letter-spacing:.11em;text-transform:uppercase;margin-top:2px;font-size:.875rem}.sbc-component-harness__topbar button{border:1px solid var(--sbc-line);min-height:3rem;color:var(--sbc-ink);cursor:pointer;background:0 0;border-radius:.5rem;padding:0 .9rem;font-size:.875rem}.sbc-component-harness__topbar button:focus-visible,.sbc-component-harness__catalog button:focus-visible,.sbc-component-harness__controls select:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.sbc-component-harness__workspace{grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 4.5rem);display:grid}.sbc-component-harness__catalog{border-right:1px solid var(--sbc-line);background:color-mix(in srgb, var(--sbc-surface) 72%, transparent);padding:1.5rem 1rem}.sbc-component-harness__eyebrow{color:var(--sbc-muted);font:800 .875rem/1 var(--sbc-font-display);letter-spacing:.13em;text-transform:uppercase}.sbc-component-harness__catalog nav{gap:5px;margin-top:15px;display:grid}.sbc-component-harness__catalog button{min-height:3rem;color:var(--sbc-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:2rem 1fr;gap:8px;padding:10px;display:grid}.sbc-component-harness__catalog button span{font:700 .875rem/1 var(--sbc-font-display)}.sbc-component-harness__catalog button strong{color:inherit;font-size:.875rem;font-weight:700}.sbc-component-harness__catalog button:hover,.sbc-component-harness__catalog button[aria-current=page]{border-color:color-mix(in srgb, var(--sbc-primary) 50%, transparent);color:var(--sbc-ink);background:color-mix(in srgb, var(--sbc-primary) 10%, transparent)}.sbc-component-harness__main{min-width:0}.sbc-component-harness__story-head{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:end;gap:24px;padding:29px 32px 24px;display:flex}.sbc-component-harness__story-head h1{font:800 2rem/1 var(--sbc-font-display);letter-spacing:-.045em;text-transform:uppercase;margin:7px 0 0}.sbc-component-harness__story-head p{max-width:640px;color:var(--sbc-muted);margin:7px 0 0;font-size:1rem;line-height:1.5}.sbc-component-harness__controls{gap:8px;display:flex}.sbc-component-harness__controls label{color:var(--sbc-muted);font:800 .875rem/1 var(--sbc-font-display);letter-spacing:.08em;text-transform:uppercase;gap:5px;display:grid}.sbc-component-harness__controls select{border:1px solid var(--sbc-line);min-width:116px;min-height:3rem;color:var(--sbc-ink);background:var(--sbc-surface);border-radius:5px;padding:0 8px;font-size:.875rem}.sbc-component-harness__stage-wrap{background:repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in srgb, var(--sbc-ink) 4%, transparent) 32px), repeating-linear-gradient(90deg, transparent 0 31px, color-mix(in srgb, var(--sbc-ink) 4%, transparent) 32px);min-height:calc(100dvh - 12rem);padding:30px;overflow:auto}.sbc-component-harness__stage{border:1px solid var(--sbc-line);background:var(--sbc-surface);border-radius:8px;justify-content:center;align-items:center;gap:24px;min-height:35rem;margin:auto;padding:38px;transition:width .2s;display:flex}.sbc-component-harness__stage.phone{width:min(390px,100%);padding:20px}.sbc-component-harness__stage.light{color:var(--sbc-ink-on-colour);background:#f5f8ff}.sbc-component-harness__stage.pitch{background:linear-gradient(135deg, var(--sbc-surface-raised), var(--sbc-canvas))}@media (orientation:landscape) and (height<=520px){.sbc-component-harness__topbar{min-height:3.5rem}.sbc-component-harness__workspace{min-height:calc(100dvh - 3.5rem)}.sbc-component-harness__catalog{padding-top:.75rem;padding-bottom:.75rem}.sbc-component-harness__stage{min-height:26rem}}@container (width<=38rem){.sbc-character-stats__groups{grid-template-columns:1fr}.sbc-character-stats__group,.sbc-character-stats__group:nth-child(2n),.sbc-character-stats__group:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--sbc-line)}.sbc-character-stats__group:last-child{border-bottom:0}}@container (width<=25rem){.sbc-character-stats__header{flex-direction:column;align-items:flex-start}}@media (width<=760px){.sbc-component-harness__workspace{grid-template-columns:1fr}.sbc-component-harness__catalog{border-right:0;border-bottom:1px solid var(--sbc-line);min-width:0;padding:12px 16px;overflow:hidden}.sbc-component-harness__catalog>.sbc-component-harness__eyebrow{display:none}.sbc-component-harness__catalog nav{scrollbar-width:none;width:100%;max-width:100%;margin:0;display:flex;overflow-x:auto}.sbc-component-harness__catalog nav::-webkit-scrollbar{display:none}.sbc-component-harness__catalog button{min-width:max-content}.sbc-component-harness__story-head{flex-direction:column;align-items:flex-start;padding:22px 18px}.sbc-component-harness__controls{width:100%}.sbc-component-harness__controls label{flex:1}.sbc-component-harness__controls select{width:100%;min-width:0}.sbc-component-harness__stage-wrap{padding:14px}.sbc-component-harness__stage{min-height:31rem;padding:18px}}.sbc-collectible-card-frame{--sbc-card-short-edge:5;--sbc-card-long-edge:7;--sbc-card-accent:#28c7b7;--sbc-card-accent-bright:#75f5e1;--sbc-card-accent-deep:#13837a;--sbc-card-rim-width:2.2cqw;--sbc-card-rim-panels:linear-gradient(transparent, transparent) border-box;--sbc-card-shell-radius-major:6.25cqw;--sbc-card-shell-radius-minor:4.375cqw;--sbc-card-front-padding:1.4cqw;--sbc-card-keyline-inset:.7cqw;--sbc-card-keyline-width:max(1px, .6cqw);--sbc-card-media-border-width:max(1px, 1cqw);--sbc-card-foil-edge-inset:.6cqw;--sbc-card-bloom-inset:.5cqw;--sbc-card-hairline:max(1px, .3125cqw);--sbc-card-outline-width:max(1px, .625cqw);--sbc-card-shell-inner-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-rim-width)));--sbc-card-shell-inner-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-rim-width)));--sbc-card-keyline-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-rim-width) - var(--sbc-card-keyline-inset)));--sbc-card-keyline-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-rim-width) - var(--sbc-card-keyline-inset)));--sbc-card-media-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-rim-width) - var(--sbc-card-front-padding)));--sbc-card-media-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-rim-width) - var(--sbc-card-front-padding)));--sbc-card-media-inner-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-rim-width) - var(--sbc-card-front-padding) - var(--sbc-card-media-border-width)));--sbc-card-media-inner-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-rim-width) - var(--sbc-card-front-padding) - var(--sbc-card-media-border-width)));--sbc-card-foil-edge-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-rim-width) - var(--sbc-card-foil-edge-inset)));--sbc-card-foil-edge-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-rim-width) - var(--sbc-card-foil-edge-inset)));--sbc-card-bloom-radius-major:max(0px, calc(var(--sbc-card-shell-radius-major) - var(--sbc-card-bloom-inset)));--sbc-card-bloom-radius-minor:max(0px, calc(var(--sbc-card-shell-radius-minor) - var(--sbc-card-bloom-inset)));z-index:0;isolation:isolate;width:100%;display:grid;position:relative;overflow:visible;container-type:inline-size}.sbc-collectible-card-frame--portrait{max-width:22rem;aspect-ratio:var(--sbc-card-short-edge) / var(--sbc-card-long-edge)}.sbc-collectible-card-frame--landscape{max-width:42rem;aspect-ratio:var(--sbc-card-long-edge) / var(--sbc-card-short-edge)}.sbc-collectible-card-frame__bloom{z-index:-1;inset:var(--sbc-card-bloom-inset);border-radius:var(--sbc-card-bloom-radius-major) var(--sbc-card-bloom-radius-minor) var(--sbc-card-bloom-radius-major) var(--sbc-card-bloom-radius-minor);opacity:var(--sbc-card-bloom-opacity,.18);transform:translate3d(var(--sbc-card-bloom-offset-x,0), var(--sbc-card-bloom-offset-y,0), 0) scale(var(--sbc-card-bloom-scale,.985));transform-origin:50%;pointer-events:none;background:0 0;transition:opacity .19s ease-out,transform .19s cubic-bezier(.2,.75,.25,1);position:absolute}.sbc-collectible-card-frame__bloom-rarity{border-radius:inherit;opacity:var(--sbc-card-rarity-glow-intensity,.28);pointer-events:none;display:block;position:absolute;inset:0}.sbc-collectible-card-frame__bloom-rarity:before{background:radial-gradient(ellipse 20% 20% at var(--sbc-card-bloom-lobe-x,50%) var(--sbc-card-bloom-lobe-y,50%), color-mix(in srgb, var(--sbc-card-bloom-hot-color,#e5fbff) 88%, transparent) 0%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 72%, transparent) 22%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 28%, transparent) 48%, transparent 68%), radial-gradient(ellipse 42% 50% at var(--sbc-card-bloom-lobe-x,50%) var(--sbc-card-bloom-lobe-y,50%), color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 38%, transparent) 0 12%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 22%, transparent) 32%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 10%, transparent) 52%, transparent 72%), radial-gradient(ellipse 78% 74% at 50% 50%, color-mix(in srgb, var(--sbc-card-bloom-ambient-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 14%, transparent) 0 18%, transparent 68%);content:"";opacity:var(--sbc-card-bloom-intensity,1);transform:scale(var(--sbc-card-bloom-spread,var(--sbc-card-rarity-glow-spread,1)));transform-origin:50%;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:-28%}.sbc-collectible-card-frame__bloom-rarity:after{border:var(--sbc-card-hairline) solid color-mix(in srgb, var(--sbc-card-bloom-hot-color,#e5fbff) 52%, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)));border-radius:inherit;box-shadow:0 0 2.5cqw .1cqw color-mix(in srgb, var(--sbc-card-bloom-hot-color,#e5fbff) 32%, transparent), 0 0 6.25cqw .3cqw color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 26%, transparent), 0 0 12cqw .8cqw color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 12%, transparent);content:"";opacity:var(--sbc-card-bloom-intensity,1);pointer-events:none;position:absolute;inset:0}@supports (-webkit-mask-composite:xor) or (mask-composite:exclude){.sbc-collectible-card-frame__bloom-rarity:after{box-sizing:border-box;border-radius:calc(var(--sbc-card-bloom-radius-major) + 1.4cqw) calc(var(--sbc-card-bloom-radius-minor) + 1.4cqw) calc(var(--sbc-card-bloom-radius-major) + 1.4cqw) calc(var(--sbc-card-bloom-radius-minor) + 1.4cqw);background:conic-gradient(from var(--sbc-card-bloom-perimeter-angle,315deg), color-mix(in srgb, var(--sbc-card-bloom-hot-color,#e5fbff) 94%, transparent) 0 2%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 78%, transparent) 6%, transparent 14% 86%, color-mix(in srgb, var(--sbc-card-bloom-main-color,var(--sbc-card-rarity-glow-color,#f4f7fb)) 78%, transparent) 94%, color-mix(in srgb, var(--sbc-card-bloom-hot-color,#e5fbff) 94%, transparent) 98% 100%);-webkit-mask-composite:xor;border:0;padding:max(1px,1.8cqw);inset:-1.4cqw;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.sbc-collectible-card-frame[data-foil-motion=active] .sbc-collectible-card-frame__bloom{will-change:opacity, transform;transition:none}.sbc-collectible-card-frame[data-glow=rarity]{transform:perspective(900px) rotateX(var(--sbc-card-tilt-x,0deg)) rotateY(var(--sbc-card-tilt-y,0deg)) translateZ(0);transform-origin:50%;transform-style:flat;backface-visibility:hidden;transition:transform .19s cubic-bezier(.2,.75,.25,1)}.sbc-collectible-card-frame[data-foil-motion=active]{will-change:transform;transition:none}.sbc-collectible-card{--sbc-card-short-edge:5;--sbc-card-long-edge:7;--sbc-card-frame-dark:#06163d;--sbc-card-frame-light:#f5f8ff;--sbc-card-surface:#0b2862;--sbc-card-surface-raised:#123d83;--sbc-card-ink:#f5f8ff;--sbc-card-muted:#c9d8ee;--sbc-card-info-surface:#0c3f4c;--sbc-card-info-surface-raised:#145e68;--sbc-card-info-edge:#43e0cf;--sbc-card-info-ink:#f5fcff;--sbc-card-info-muted:#c8e4e7;--sbc-card-media-fallback:#082d38;--sbc-card-font-display:"Barlow Condensed", Impact, sans-serif;--sbc-card-font-body:Inter, system-ui, sans-serif;isolation:isolate;box-sizing:border-box;border:var(--sbc-card-rim-width) solid transparent;border-radius:var(--sbc-card-shell-radius-major) var(--sbc-card-shell-radius-minor) var(--sbc-card-shell-radius-major) var(--sbc-card-shell-radius-minor);outline:var(--sbc-card-outline-width) solid var(--sbc-card-frame-dark);outline-offset:calc(0px - var(--sbc-card-outline-width));width:100%;color:var(--sbc-card-info-ink);background:linear-gradient(145deg, #ffffff21 0 10%, transparent 10% 68%, #06163d33 68% 100%) padding-box, linear-gradient(155deg, color-mix(in srgb, var(--sbc-card-info-surface) 88%, var(--sbc-card-frame-dark)) 0 62%, color-mix(in srgb, var(--sbc-card-info-surface-raised) 46%, var(--sbc-card-info-surface)) 62% 100%) padding-box, var(--sbc-card-rim-panels), linear-gradient(145deg, var(--sbc-card-accent-bright) 0 14%, var(--sbc-card-accent) 14% 70%, var(--sbc-card-accent-deep) 70% 100%) border-box;box-shadow:1.2cqw 1.5cqw 0 var(--sbc-card-frame-dark), 0 3.1cqw 5.75cqw #020a2057;font-family:var(--sbc-card-font-body);position:relative;overflow:hidden}.sbc-collectible-card:before{z-index:0;background:linear-gradient(138deg, #ffffff1c 0 9%, transparent 9% 61%, color-mix(in srgb, var(--sbc-card-info-surface-raised) 40%, transparent) 61% 76%, transparent 76%), radial-gradient(circle at 8% 112%, color-mix(in srgb, var(--sbc-card-info-edge) 28%, transparent) 0 26%, transparent 27%);content:"";pointer-events:none;position:absolute;inset:0}.sbc-collectible-card:after{z-index:5;inset:var(--sbc-card-keyline-inset);border:var(--sbc-card-keyline-width) solid var(--sbc-card-frame-dark);border-radius:var(--sbc-card-keyline-radius-major) var(--sbc-card-keyline-radius-minor) var(--sbc-card-keyline-radius-major) var(--sbc-card-keyline-radius-minor);content:"";pointer-events:none;position:absolute}.sbc-collectible-card-frame>.sbc-collectible-card{z-index:1;max-width:none;height:100%;aspect-ratio:inherit}.sbc-collectible-card[data-glow=rarity]{box-shadow:1.2cqw 1.5cqw 0 var(--sbc-card-frame-dark), var(--sbc-card-shadow-x,0) var(--sbc-card-shadow-y,2.7cqw) 5.25cqw #020a205c;transition:box-shadow .19s ease-out}.sbc-collectible-card[data-foil-motion=active]{transition:none}.sbc-collectible-card[data-card-class=currency]{--sbc-card-info-surface:#0c3f4c;--sbc-card-info-surface-raised:#145e68;--sbc-card-info-edge:#43e0cf;--sbc-card-info-ink:#f5fcff;--sbc-card-info-muted:#c8e4e7;--sbc-card-media-fallback:#082d38}.sbc-collectible-card[data-card-class=cosmetic]{--sbc-card-info-surface:#462557;--sbc-card-info-surface-raised:#683573;--sbc-card-info-edge:#f277ca;--sbc-card-info-ink:#fff6fc;--sbc-card-info-muted:#ead5e6;--sbc-card-media-fallback:#30193e}.sbc-collectible-card[data-card-class=character_story]{--sbc-card-info-surface:#183a67;--sbc-card-info-surface-raised:#28548a;--sbc-card-info-edge:#77bfff;--sbc-card-info-ink:#f5f9ff;--sbc-card-info-muted:#cbdcf0;--sbc-card-media-fallback:#10284a}.sbc-collectible-card[data-card-class=arena_effect]{--sbc-card-info-surface:#49311a;--sbc-card-info-surface-raised:#6c4b21;--sbc-card-info-edge:#ffb547;--sbc-card-info-ink:#fff9f0;--sbc-card-info-muted:#ead7bc;--sbc-card-media-fallback:#30200f}.sbc-collectible-card[data-card-class=personality]{--sbc-card-info-surface:#572838;--sbc-card-info-surface-raised:#7c3a4d;--sbc-card-info-edge:#ff7f9c;--sbc-card-info-ink:#fff7fa;--sbc-card-info-muted:#eed4dc;--sbc-card-media-fallback:#3a1925}.sbc-collectible-card-frame[data-rarity=rare]{--sbc-card-accent:#f4f7fb;--sbc-card-accent-bright:#fff;--sbc-card-accent-deep:#8ca2be;--sbc-card-rim-width:2.2cqw;--sbc-card-rim-panels:linear-gradient(transparent, transparent) border-box}.sbc-collectible-card-frame[data-rarity=super_rare]{--sbc-card-accent:#168cff;--sbc-card-accent-bright:#8bbaff;--sbc-card-accent-deep:#1748a0;--sbc-card-rim-width:2.5cqw;--sbc-card-rim-panels:linear-gradient(315deg, var(--sbc-card-accent-bright) 0 11%, transparent 11% 100%) border-box}.sbc-collectible-card-frame[data-rarity=epic]{--sbc-card-accent:#8f47ff;--sbc-card-accent-bright:#e05dff;--sbc-card-accent-deep:#45206f;--sbc-card-rim-width:2.8cqw;--sbc-card-rim-panels:linear-gradient(135deg, var(--sbc-card-accent-bright) 0 10%, transparent 10% 100%) border-box, linear-gradient(315deg, color-mix(in srgb, var(--sbc-card-accent-bright) 72%, var(--sbc-card-accent)) 0 12%, transparent 12% 100%) border-box}.sbc-collectible-card-frame[data-rarity=mythic]{--sbc-card-accent:#ff3e62;--sbc-card-accent-bright:#ff8a66;--sbc-card-accent-deep:#8a183b;--sbc-card-rim-width:3.125cqw;--sbc-card-rim-panels:linear-gradient(112deg, transparent 0 18%, var(--sbc-card-accent-bright) 18% 25%, transparent 25% 100%) border-box, linear-gradient(292deg, transparent 0 21%, color-mix(in srgb, var(--sbc-card-accent-bright) 74%, white) 21% 28%, transparent 28% 100%) border-box, linear-gradient(24deg, transparent 0 45%, var(--sbc-card-accent-deep) 45% 51%, transparent 51% 100%) border-box}.sbc-collectible-card-frame[data-rarity=legendary]{--sbc-card-accent:#ffc52e;--sbc-card-accent-bright:#fff19a;--sbc-card-accent-deep:#9d5b00;--sbc-card-rim-width:3.45cqw;--sbc-card-rim-panels:linear-gradient(135deg, var(--sbc-card-accent-bright) 0 9%, transparent 9% 100%) border-box, linear-gradient(225deg, color-mix(in srgb, var(--sbc-card-accent-bright) 82%, white) 0 9%, transparent 9% 100%) border-box, linear-gradient(315deg, var(--sbc-card-accent-deep) 0 10%, transparent 10% 100%) border-box, linear-gradient(45deg, color-mix(in srgb, var(--sbc-card-accent) 72%, var(--sbc-card-accent-deep)) 0 10%, transparent 10% 100%) border-box, linear-gradient(110deg, transparent 0 45%, var(--sbc-card-accent-bright) 45% 55%, transparent 55% 100%) border-box}.sbc-collectible-card--front{padding:var(--sbc-card-front-padding);gap:.85cqw;display:grid}.sbc-collectible-card--landscape.sbc-collectible-card--front{grid-template:"media title""media content"minmax(0,1fr)/minmax(0,1.72fr) minmax(0,.8fr);gap:0 .85cqw}.sbc-collectible-card--portrait.sbc-collectible-card--front{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title""media""content"}.sbc-collectible-card__title-block{z-index:3;border-radius:var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor) var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor);background:var(--sbc-card-info-surface);min-width:0;box-shadow:inset 1.1cqw 0 0 var(--sbc-card-info-edge);grid-area:title;align-content:center;gap:.85cqw;padding:1.65cqw 2.2cqw;display:grid;position:relative;overflow:hidden}.sbc-collectible-card__title-block:after{aspect-ratio:1;background:var(--sbc-card-info-edge);content:"";opacity:.2;pointer-events:none;width:10cqw;position:absolute;bottom:-4.6cqw;right:-3.5cqw;transform:rotate(45deg)}.sbc-collectible-card__title-block h2{z-index:1;overflow-wrap:anywhere;color:var(--sbc-card-info-ink);font:900 3.1cqw/.92 var(--sbc-card-font-display);letter-spacing:.015em;text-shadow:.375cqw .45cqw 0 var(--sbc-card-frame-dark);text-transform:uppercase;margin:0;position:relative}.sbc-collectible-card__media{z-index:2;border:var(--sbc-card-media-border-width) solid var(--sbc-card-frame-dark);border-radius:var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor) var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor);background:var(--sbc-card-media-fallback);min-width:0;min-height:0;box-shadow:0 0 0 max(1px, .3cqw) var(--sbc-card-accent), inset 0 0 0 max(1px, .6cqw) #f5f8ff24;isolation:isolate;grid-area:media;position:relative;overflow:hidden}.sbc-collectible-card__media>img,.sbc-collectible-card__media>video,.sbc-collectible-card__media>canvas,.sbc-collectible-card__media>svg{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sbc-collectible-card__sport,.sbc-collectible-card__rarity{z-index:4;box-sizing:border-box;aspect-ratio:1;pointer-events:none;place-items:center;display:grid;position:absolute;top:1.6cqw}.sbc-collectible-card__sport{border:var(--sbc-card-outline-width) solid var(--sbc-card-frame-light);background:var(--sbc-card-frame-dark);border-radius:2.5cqw .7cqw;width:7.5cqw;left:1.6cqw;box-shadow:.55cqw .65cqw #06163ddb}.sbc-collectible-card__sport img{object-fit:contain;width:78%;height:78%;display:block}.sbc-collectible-card__rarity{border:var(--sbc-card-outline-width) solid var(--sbc-card-frame-dark);width:6.75cqw;color:var(--sbc-card-frame-dark);background:var(--sbc-card-accent-bright);box-shadow:.55cqw .65cqw 0 var(--sbc-card-frame-dark);font:900 4.1cqw/1 var(--sbc-card-font-display);text-transform:uppercase;border-radius:2.2cqw .5cqw;right:1.6cqw}.sbc-collectible-card__foil{opacity:var(--sbc-card-rarity-holo-intensity,0);pointer-events:none;position:absolute;inset:0;overflow:hidden}.sbc-collectible-card__foil-layers{border-radius:inherit;opacity:var(--sbc-card-foil-strength,.9);pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.sbc-collectible-card__foil-layers>i{pointer-events:none;transition:opacity .15s ease-out;display:block;position:absolute}.sbc-collectible-card__foil--surface{z-index:1;border-radius:var(--sbc-card-shell-inner-radius-major) var(--sbc-card-shell-inner-radius-minor) var(--sbc-card-shell-inner-radius-major) var(--sbc-card-shell-inner-radius-minor)}.sbc-collectible-card__foil--art{z-index:2;border-radius:var(--sbc-card-media-inner-radius-major) var(--sbc-card-media-inner-radius-minor) var(--sbc-card-media-inner-radius-major) var(--sbc-card-media-inner-radius-minor)}.sbc-collectible-card__foil-substrate{background-image:linear-gradient(var(--sbc-card-foil-angle,112deg), transparent 23%, #b2daff2e 42%, #ffffff6b 49%, #ffbdf029 54%, transparent 68%), url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%3e%3cfilter%20id='foil-grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.72'%20numOctaves='3'%20seed='29'%20stitchTiles='stitch'%20/%3e%3cfeColorMatrix%20type='saturate'%20values='0'%20/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncG%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncB%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncA%20type='table'%20tableValues='0%20.72'%20/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='96'%20height='96'%20fill='%23fff'%20filter='url(%23foil-grain)'%20/%3e%3c/svg%3e");background-position:var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%), var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%);background-blend-mode:screen, soft-light;mix-blend-mode:soft-light;opacity:var(--sbc-card-foil-substrate-opacity,.075);background-repeat:no-repeat,repeat;background-size:240% 240%,30cqw 30cqw;inset:0}.sbc-collectible-card__foil-edge-light{inset:var(--sbc-card-foil-edge-inset);border:var(--sbc-card-hairline) solid #ebfdff94;border-radius:var(--sbc-card-foil-edge-radius-major) var(--sbc-card-foil-edge-radius-minor) var(--sbc-card-foil-edge-radius-major) var(--sbc-card-foil-edge-radius-minor);mix-blend-mode:screen;opacity:var(--sbc-card-foil-glare-opacity,.11);box-shadow:inset 0 0 3.75cqw #8fe2ff2e,0 0 1.4cqw #ffffff29}.sbc-collectible-card__foil-caustic,.sbc-collectible-card__foil-relief,.sbc-collectible-card__foil-grain,.sbc-collectible-card__foil-specular{-webkit-mask-image:radial-gradient(ellipse var(--sbc-card-foil-lobe-width,64%) 58% at var(--sbc-card-foil-lobe-x,50%) var(--sbc-card-foil-lobe-y,50%), #000 0 12%, #000000eb 25%, #0009 43%, #00000040 58%, #0000000f 71%, transparent 82%);-webkit-mask-position:50%;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse var(--sbc-card-foil-lobe-width,64%) 58% at var(--sbc-card-foil-lobe-x,50%) var(--sbc-card-foil-lobe-y,50%), #000 0 12%, #000000eb 25%, #0009 43%, #00000040 58%, #0000000f 71%, transparent 82%);mask-image:radial-gradient(ellipse var(--sbc-card-foil-lobe-width,64%) 58% at var(--sbc-card-foil-lobe-x,50%) var(--sbc-card-foil-lobe-y,50%), #000 0 12%, #000000eb 25%, #0009 43%, #00000040 58%, #0000000f 71%, transparent 82%);inset:-32%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sbc-collectible-card[data-foil=holo] .sbc-collectible-card__foil-caustic{background-image:linear-gradient(var(--sbc-card-foil-angle,112deg), transparent 0 23%, #ff307d0a 27%, #ff307db8 32%, #ffab41db 37%, #f4ff7ed1 42%, #41ffc0d6 47%, #3bc6ffe6 52%, #7c5effd6 57%, #f548ffa8 61%, #f548ff0d 67%, transparent 73% 100%);background-position:var(--sbc-card-foil-spectrum-x,50%) var(--sbc-card-foil-spectrum-y,50%);filter:brightness(.9)contrast(1.25)saturate(1.42);mix-blend-mode:color-dodge;opacity:var(--sbc-card-foil-caustic-opacity,.018);background-repeat:no-repeat;background-size:200% 200%}.sbc-collectible-card[data-foil=holo] .sbc-collectible-card__foil-relief{background-image:repeating-linear-gradient(96deg,#0000 0 2.8%,#ffffff8f 3.05%,#070a0fb8 3.45% 4%,#0000 4.35% 14%),repeating-linear-gradient(132deg,#080b10b3 0 4%,#c2d3d673 4.3% 5%,#080b10bd 5.5% 7%,#0000 7.5% 20%);background-position:var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%), var(--sbc-card-foil-spectrum-x,50%) var(--sbc-card-foil-spectrum-y,50%);background-blend-mode:screen;mix-blend-mode:hard-light;opacity:var(--sbc-card-foil-relief-opacity,.025);background-repeat:no-repeat,no-repeat;background-size:190% 190%,230% 230%}.sbc-collectible-card__foil-grain{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%3e%3cfilter%20id='foil-grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.72'%20numOctaves='3'%20seed='29'%20stitchTiles='stitch'%20/%3e%3cfeColorMatrix%20type='saturate'%20values='0'%20/%3e%3cfeComponentTransfer%3e%3cfeFuncR%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncG%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncB%20type='gamma'%20amplitude='1.18'%20exponent='1.45'%20offset='-.08'%20/%3e%3cfeFuncA%20type='table'%20tableValues='0%20.72'%20/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='96'%20height='96'%20fill='%23fff'%20filter='url(%23foil-grain)'%20/%3e%3c/svg%3e"),repeating-linear-gradient(108deg,#0000 0 1.1cqw,#ffffff38 1.25cqw,#0000002e 1.4cqw,#0000 1.55cqw 3.1cqw);background-position:var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%), var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%);background-blend-mode:soft-light;mix-blend-mode:soft-light;opacity:var(--sbc-card-foil-grain-opacity,.025);background-repeat:repeat,no-repeat;background-size:30cqw 30cqw,100% 100%}.sbc-collectible-card__foil-specular{background-image:radial-gradient(farthest-side ellipse at var(--sbc-card-foil-lobe-x,50%) var(--sbc-card-foil-lobe-y,50%), #fffffff5 0 2%, #e0f9ff9e 7%, #fff3 20%, #ffffff0a 39%, transparent 67%), linear-gradient(var(--sbc-card-foil-angle,112deg), transparent 34%, #ffffff7a 49%, transparent 63%);background-position:center, var(--sbc-card-foil-relief-x,50%) var(--sbc-card-foil-relief-y,50%);background-blend-mode:screen;mix-blend-mode:screen;opacity:var(--sbc-card-foil-glare-opacity,.11);background-repeat:no-repeat,no-repeat;background-size:100% 100%,290% 290%}.sbc-collectible-card__content{z-index:3;border-radius:var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor) var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor);background:var(--sbc-card-info-surface);min-width:0;min-height:0;box-shadow:inset 1cqw 0 0 var(--sbc-card-info-edge);flex-direction:column;grid-area:content;gap:1.1cqw;padding:1.65cqw 2.2cqw;display:flex;position:relative;overflow:hidden}.sbc-collectible-card__content>p{overflow-wrap:anywhere;color:var(--sbc-card-info-muted);font:700 1.75cqw/1.3 var(--sbc-card-font-body);margin:0}.sbc-collectible-card__value{border:max(1px, .7cqw) solid var(--sbc-card-frame-dark);color:var(--sbc-card-info-ink);background:var(--sbc-card-info-surface-raised);box-shadow:.7cqw .85cqw 0 var(--sbc-card-frame-dark), inset .8cqw 0 0 var(--sbc-card-info-edge);border-radius:3.1cqw .7cqw;justify-content:flex-start;align-items:center;gap:1cqw;margin-top:auto;padding:1.15cqw 1.8cqw;display:flex}.sbc-collectible-card__value strong{color:inherit;font:900 7.5cqw/.72 var(--sbc-card-font-display);letter-spacing:.01em}.sbc-collectible-card__value span{color:inherit;font:900 2.7cqw/.95 var(--sbc-card-font-display);letter-spacing:.035em;text-align:left;text-transform:uppercase}.sbc-collectible-card--portrait .sbc-collectible-card__title-block{min-height:13cqw}.sbc-collectible-card--portrait .sbc-collectible-card__title-block h2{font-size:5cqw}.sbc-collectible-card--portrait .sbc-collectible-card__content{min-height:27cqw}.sbc-collectible-card--portrait .sbc-collectible-card__content>p{font-size:3.1cqw}.sbc-collectible-card--portrait .sbc-collectible-card__value strong{font-size:7.5cqw}.sbc-collectible-card--landscape .sbc-collectible-card__title-block{border-radius:var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor) 0 0}.sbc-collectible-card--landscape .sbc-collectible-card__content{border-radius:0 0 var(--sbc-card-media-radius-major) var(--sbc-card-media-radius-minor)}.sbc-collectible-card--back{background:linear-gradient(#231034,#231034) padding-box padding-box,linear-gradient(145deg,#ff9d20 0 13%,#ff5c4c 13% 20%,#7139e8 20% 68%,#f8e3c5 68% 84%,#ff9d20 84% 100%) border-box;place-items:center;padding:0;display:grid}.sbc-collectible-card--back:before{content:none}.sbc-collectible-card__back-artwork{z-index:0;position:absolute;inset:0;overflow:hidden}.sbc-collectible-card__back-artwork>img,.sbc-collectible-card__back-artwork>svg{object-fit:cover;width:100%;height:100%;display:block}.sbc-collectible-card__back-logo{z-index:2;place-items:center;width:72%;min-height:0;display:grid;position:relative;transform:translateY(-1.2cqw)}.sbc-collectible-card__back-logo>img,.sbc-collectible-card__back-logo>svg{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}@media (prefers-reduced-motion:reduce){.sbc-collectible-card-frame{--sbc-card-bloom-lobe-x:38%!important;--sbc-card-bloom-lobe-y:34%!important;--sbc-card-bloom-perimeter-angle:315deg!important;--sbc-card-bloom-offset-x:0!important;--sbc-card-bloom-offset-y:0!important;--sbc-card-bloom-scale:.985!important;--sbc-card-bloom-opacity:.18!important;transition:none!important}.sbc-collectible-card-frame[data-glow=rarity],.sbc-collectible-card-frame__bloom{transform:none!important}.sbc-collectible-card-frame__bloom-rarity:before,.sbc-collectible-card-frame__bloom-rarity:after{transition:none!important}.sbc-collectible-card,.sbc-collectible-card *{transition:none!important;animation:none!important}.sbc-collectible-card__foil-layers>i{background-position:50%!important}.sbc-collectible-card__foil-caustic,.sbc-collectible-card__foil-relief,.sbc-collectible-card__foil-grain{opacity:.018!important}.sbc-collectible-card__foil-specular,.sbc-collectible-card__foil-edge-light{opacity:.09!important}}@supports not (mix-blend-mode:color-dodge){.sbc-collectible-card__foil-caustic,.sbc-collectible-card__foil-relief,.sbc-collectible-card__foil-grain{display:none}}.sbc-collectible-card-reveal__tray{width:min(100%, var(--sbc-card-reveal-tray-max-width,42rem));grid-template-columns:repeat(var(--sbc-card-reveal-columns,5), minmax(0, 1fr));gap:clamp(.35rem,1.25vw,.75rem);margin:0;padding:0;list-style:none;display:grid}.sbc-collectible-card-reveal__tray li{min-width:0}.sbc-collectible-card-reveal__slot{aspect-ratio:5/7;width:100%;transition:transform .16s;position:relative;container-type:inline-size}.sbc-collectible-card-reveal__slot:hover{transform:translateY(-1.3%)}.sbc-collectible-card-reveal__slot[data-active=true]{opacity:0;transform:none}.sbc-collectible-card-reveal__slot-card{pointer-events:none;position:absolute;inset:0}.sbc-collectible-card-reveal__slot-card .sbc-collectible-card-frame{width:100%;max-width:none}.sbc-collectible-card-reveal__slot>button{z-index:2;color:#0000;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6.25cqw 4.375cqw;width:100%;height:100%;padding:0;position:absolute;inset:0}.sbc-collectible-card-reveal__slot[data-face=front]>button{touch-action:none}.sbc-collectible-card-reveal__slot>button:focus-visible{outline:4px solid var(--sbc-focus-ring);outline-offset:.3rem}.sbc-collectible-card-reveal__slot>button:disabled{cursor:default}.sbc-collectible-card-reveal__slot[data-foil-input=pointer]{cursor:crosshair}.sbc-collectible-card-reveal__slot[data-foil-active=true] .sbc-collectible-card-frame,.sbc-collectible-card-reveal__focus-card[data-foil-active=true] .sbc-collectible-card-reveal__rig{will-change:transform;transition:none}.sbc-collectible-card-reveal__slot[data-foil-active=true] .sbc-collectible-card,.sbc-collectible-card-reveal__focus-card[data-foil-active=true] .sbc-collectible-card{transition:none}.sbc-collectible-card-reveal__slot[data-foil-active=true] .sbc-collectible-card-frame__bloom,.sbc-collectible-card-reveal__focus-card[data-foil-active=true] .sbc-collectible-card-frame__bloom{will-change:opacity, transform;transition:none}.sbc-collectible-card-reveal__overlay{z-index:1200;perspective:1200px;isolation:isolate;touch-action:none;outline:0;position:fixed;inset:0;overflow:hidden}.sbc-collectible-card-reveal__overlay-scrim{z-index:0;opacity:1;background:radial-gradient(circle at 50% 48%,#1a3d7661,#040e2de6 64%,#02081cf7);position:absolute;inset:0}.sbc-collectible-card-reveal__overlay-scrim:after{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--sbc-card-reveal-color) 24%, transparent), transparent 62%);content:"";opacity:0;pointer-events:none;position:absolute;inset:0}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card-reveal__overlay-scrim,.sbc-collectible-card-reveal__overlay[data-phase=expanding-front] .sbc-collectible-card-reveal__overlay-scrim{animation:sbc-card-reveal-scrim-in var(--sbc-card-reveal-travel-duration) ease-out both}.sbc-collectible-card-reveal__overlay[data-phase=returning] .sbc-collectible-card-reveal__overlay-scrim{animation:sbc-card-reveal-scrim-out var(--sbc-card-reveal-travel-duration) ease-in both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__overlay-scrim:after{animation:sbc-card-reveal-colour-punch var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__focus-card{z-index:3;top:var(--sbc-card-reveal-target-top);left:var(--sbc-card-reveal-target-left);width:var(--sbc-card-reveal-target-width);height:var(--sbc-card-reveal-target-height);transform-origin:0 0;transform-style:preserve-3d;position:fixed;transform:translate(0,0)scale(1);container-type:inline-size}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card-reveal__focus-card{animation:sbc-card-reveal-expand var(--sbc-card-reveal-buildup-duration) cubic-bezier(.2, .62, .18, 1) both;will-change:transform}.sbc-collectible-card-reveal__overlay[data-phase=expanding-front] .sbc-collectible-card-reveal__focus-card{animation:sbc-card-reveal-expand var(--sbc-card-reveal-travel-duration) cubic-bezier(.2, .62, .18, 1) both;will-change:transform}.sbc-collectible-card-reveal__overlay[data-phase=returning] .sbc-collectible-card-reveal__focus-card{animation:sbc-card-reveal-return var(--sbc-card-reveal-travel-duration) cubic-bezier(.42, 0, .28, 1) both;will-change:transform}.sbc-collectible-card-reveal__rig{z-index:2;transform-origin:50%;transform-style:preserve-3d;position:absolute;inset:0;transform:translate(0,0)rotate(0)rotateY(0)scale(1)}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card-reveal__rig{animation:sbc-card-reveal-buildup var(--sbc-card-reveal-buildup-duration) cubic-bezier(.2, .72, .16, 1) both;will-change:transform}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__rig{animation:sbc-card-reveal-face-turn var(--sbc-card-reveal-face-turn-duration) cubic-bezier(.16, 1, .3, 1) both;will-change:transform}.sbc-collectible-card-reveal__overlay[data-phase=expanding-front] .sbc-collectible-card-reveal__rig,.sbc-collectible-card-reveal__overlay[data-phase=revealed] .sbc-collectible-card-reveal__rig,.sbc-collectible-card-reveal__overlay[data-phase=returning] .sbc-collectible-card-reveal__rig{transform:translate(0,0)rotateY(180deg)scale(1)}.sbc-collectible-card-reveal__overlay[data-phase=revealed] .sbc-collectible-card-reveal__focus-card[data-foil-active=true] .sbc-collectible-card-reveal__rig{transform:translate3d(0, 0, 0) rotateX(var(--sbc-card-tilt-x,0deg)) rotateY(calc(180deg + var(--sbc-card-tilt-y,0deg))) scale(1)}.sbc-collectible-card-reveal__face{backface-visibility:hidden;transform-style:preserve-3d;position:absolute;inset:0}.sbc-collectible-card-reveal__face--back-copy,.sbc-collectible-card-reveal__face--front{visibility:hidden;transform:rotateY(180deg)}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card-reveal__face--back-copy,.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__face--front,.sbc-collectible-card-reveal__overlay[data-phase=expanding-front] .sbc-collectible-card-reveal__face--front,.sbc-collectible-card-reveal__overlay[data-phase=revealed] .sbc-collectible-card-reveal__face--front,.sbc-collectible-card-reveal__overlay[data-phase=returning] .sbc-collectible-card-reveal__face--front{visibility:visible}.sbc-collectible-card-reveal__face>.sbc-collectible-card-frame{width:100%;max-width:none}.sbc-collectible-card-reveal__overlay[data-phase=revealed] .sbc-collectible-card-reveal__face--front>.sbc-collectible-card-frame[data-glow=rarity]{transform:none}.sbc-collectible-card-reveal__face--back-copy>.sbc-collectible-card-frame{transform:scaleX(-1)}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card__back-logo{animation:sbc-card-reveal-back-ink var(--sbc-card-reveal-buildup-duration) linear both}.sbc-collectible-card-reveal__focus-action{z-index:6;color:#0000;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:6.25cqw 4.375cqw;width:100%;height:100%;padding:0;position:absolute;inset:0}.sbc-collectible-card-reveal__focus-action:focus-visible{outline:5px solid var(--sbc-focus-ring);outline-offset:.55rem}.sbc-collectible-card-reveal__focus-action:disabled{cursor:default;pointer-events:none}.sbc-collectible-card-reveal__effects{top:var(--sbc-card-reveal-effect-top);left:var(--sbc-card-reveal-effect-left);width:var(--sbc-card-reveal-effect-size);height:var(--sbc-card-reveal-effect-size);pointer-events:none;position:fixed;transform:translate(-50%,-50%);container-type:inline-size}.sbc-collectible-card-reveal__aura{z-index:0;opacity:0;background:radial-gradient(circle,#ebfdff57 0 7%,#98dfff24 24%,#0000 66%);border-radius:50%;position:absolute;inset:4%;transform:scale(.64)}.sbc-collectible-card-reveal__overlay[data-phase=expanding-back] .sbc-collectible-card-reveal__aura{animation:sbc-card-reveal-buildup-aura var(--sbc-card-reveal-buildup-duration) ease-out both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__aura{background:radial-gradient(circle, color-mix(in srgb, var(--sbc-card-reveal-color) 46%, white) 0 8%, color-mix(in srgb, var(--sbc-card-reveal-color) 34%, transparent) 30%, transparent 68%);animation:sbc-card-reveal-rarity-aura var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__burst{z-index:1;position:absolute;inset:0;overflow:visible}.sbc-collectible-card-reveal__burst-rings,.sbc-collectible-card-reveal__burst-flash,.sbc-collectible-card-reveal__burst-rays,.sbc-collectible-card-reveal__burst-shards{opacity:0;position:absolute;inset:0}.sbc-collectible-card-reveal__burst-rings i{inset:var(--sbc-card-reveal-ring-inset);border:clamp(.2rem, 1cqw, .38rem) solid color-mix(in srgb, var(--sbc-card-reveal-color) 78%, white);box-shadow:0 0 1.4rem color-mix(in srgb, var(--sbc-card-reveal-color) 52%, transparent);opacity:0;border-radius:50%;display:block;position:absolute;transform:scale(.55)}.sbc-collectible-card-reveal__burst-flash{background:radial-gradient(circle, color-mix(in srgb, var(--sbc-card-reveal-color) 48%, white) 0 7%, color-mix(in srgb, var(--sbc-card-reveal-color) 26%, transparent) 22%, transparent 62%)}.sbc-collectible-card-reveal__burst-rays i{clip-path:polygon(44% 100%,56% 100%,100% 0,0 0);background:linear-gradient(0deg, color-mix(in srgb, var(--sbc-card-reveal-color) 82%, white) 0 16%, color-mix(in srgb, var(--sbc-card-reveal-color) 68%, transparent) 62%, transparent 100%);width:16%;height:58%;filter:drop-shadow(0 0 .45rem color-mix(in srgb, var(--sbc-card-reveal-color) 42%, transparent));opacity:0;transform:rotate(var(--sbc-card-reveal-ray-angle)) scaleY(.2);transform-origin:50% 100%;display:block;position:absolute;bottom:50%;left:42%}.sbc-collectible-card-reveal__burst-shards i{aspect-ratio:1;clip-path:polygon(50% 0,100% 32%,76% 100%,8% 78%,0 24%);background:color-mix(in srgb, var(--sbc-card-reveal-color) 76%, white);width:8%;box-shadow:0 0 .6rem color-mix(in srgb, var(--sbc-card-reveal-color) 48%, transparent);opacity:0;transform:rotate(var(--sbc-card-reveal-shard-angle)) translateY(-30%) rotate(24deg) scale(.25);transform-origin:50%;display:block;position:absolute;top:46%;left:46%}.sbc-collectible-card-reveal__impact{z-index:4;background:radial-gradient(circle, #fffffff0 0 3%, color-mix(in srgb, var(--sbc-card-reveal-color) 58%, white) 10%, color-mix(in srgb, var(--sbc-card-reveal-color) 24%, transparent) 28%, transparent 58%);mix-blend-mode:screen;opacity:0;border-radius:50%;position:absolute;inset:-4%;transform:scale(.72)}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-rings,.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-rays,.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-shards{opacity:1}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-rings i{animation:sbc-card-reveal-ring var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-flash{animation:sbc-card-reveal-flash var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-rays i{animation:sbc-card-reveal-ray var(--sbc-card-reveal-celebration-duration) linear var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__burst-shards i{animation:sbc-card-reveal-shard var(--sbc-card-reveal-celebration-duration) cubic-bezier(.16, 1, .3, 1) var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay[data-phase=revealing] .sbc-collectible-card-reveal__impact{animation:sbc-card-reveal-impact var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay[data-phase=revealing][data-rarity=epic] .sbc-collectible-card__foil,.sbc-collectible-card-reveal__overlay[data-phase=revealing][data-rarity=mythic] .sbc-collectible-card__foil,.sbc-collectible-card-reveal__overlay[data-phase=revealing][data-rarity=legendary] .sbc-collectible-card__foil{animation:sbc-card-reveal-holo var(--sbc-card-reveal-celebration-duration) ease-out var(--sbc-card-reveal-effect-delay) both}.sbc-collectible-card-reveal__overlay-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sbc-card-reveal-buildup{0%{transform:translate(0,0)rotate(0)rotateY(0)scale(1)}14%{transform:translateY(.2rem)rotate(-1deg)rotateY(-8deg)scale(.97)}30%{transform:translateY(.08rem)rotate(1deg)rotateY(18deg)scale(.91)}to{transform:translate3d(0,var(--sbc-card-reveal-buildup-lift),0) rotateZ(0deg) rotateY(360deg) scale(.94)}}@keyframes sbc-card-reveal-back-ink{0%,10%{opacity:1}18%,84%{opacity:0}94%,to{opacity:1}}@keyframes sbc-card-reveal-face-turn{0%{transform:translate3d(0,var(--sbc-card-reveal-buildup-lift),0) rotateZ(0deg) rotateY(360deg) scale(.94)}50%{transform:translate3d(0,var(--sbc-card-reveal-buildup-lift),0) rotateZ(0deg) rotateY(450deg) scale(.96)}72%{transform:translate3d(0,var(--sbc-card-reveal-impact-lift),0) rotateZ(var(--sbc-card-reveal-wobble)) rotateY(530deg) scale(var(--sbc-card-reveal-peak-scale))}86%{transform:translate3d(0,var(--sbc-card-reveal-settle-lift),0) rotateZ(calc(0deg - var(--sbc-card-reveal-wobble))) rotateY(545deg) scale(.99)}to{transform:translate(0,0)rotate(0)rotateY(540deg)scale(1)}}@keyframes sbc-card-reveal-expand{0%{transform:translate3d(var(--sbc-card-reveal-origin-x),var(--sbc-card-reveal-origin-y),0) scale(var(--sbc-card-reveal-origin-scale))}68%{transform:translateY(-.35rem)scale(1.025)}to{transform:translate(0,0)scale(1)}}@keyframes sbc-card-reveal-return{0%{transform:translate(0,0)scale(1)}30%{transform:translateY(-.24rem)scale(1.018)}to{transform:translate3d(var(--sbc-card-reveal-origin-x),var(--sbc-card-reveal-origin-y),0) scale(var(--sbc-card-reveal-origin-scale))}}@keyframes sbc-card-reveal-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes sbc-card-reveal-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes sbc-card-reveal-colour-punch{0%{opacity:0;transform:scale(.72)}28%{opacity:var(--sbc-card-reveal-burst-opacity);transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes sbc-card-reveal-buildup-aura{0%{opacity:0;transform:scale(.64)}44%{opacity:.22;transform:scale(.82)}to{opacity:.08;transform:scale(.96)}}@keyframes sbc-card-reveal-rarity-aura{0%{opacity:.08;transform:scale(.78)}30%{opacity:var(--sbc-card-reveal-burst-opacity);transform:scale(1)}to{opacity:0;transform:scale(1.24)}}@keyframes sbc-card-reveal-ring{0%{opacity:0;transform:scale(.55)}28%{opacity:var(--sbc-card-reveal-burst-opacity);transform:scale(var(--sbc-card-reveal-ring-scale))}to{opacity:0;transform:scale(1.5)}}@keyframes sbc-card-reveal-flash{0%{opacity:0;transform:scale(.72)}18%{opacity:var(--sbc-card-reveal-burst-opacity);transform:scale(.94)}to{opacity:0;transform:scale(1.22)}}@keyframes sbc-card-reveal-ray{0%{opacity:0;transform:rotate(var(--sbc-card-reveal-ray-angle)) scaleY(.2)}34%{opacity:var(--sbc-card-reveal-burst-opacity);transform:rotate(var(--sbc-card-reveal-ray-angle)) scaleY(1)}to{opacity:0;transform:rotate(var(--sbc-card-reveal-ray-angle)) scaleY(1.18)}}@keyframes sbc-card-reveal-shard{0%{opacity:0;transform:rotate(var(--sbc-card-reveal-shard-angle)) translateY(-30%) rotate(24deg) scale(.25)}30%{opacity:var(--sbc-card-reveal-burst-opacity)}to{opacity:0;transform:rotate(var(--sbc-card-reveal-shard-angle)) translateY(var(--sbc-card-reveal-shard-distance)) rotate(118deg) scale(1)}}@keyframes sbc-card-reveal-impact{0%{opacity:0;transform:scale(.72)}12%{opacity:var(--sbc-card-reveal-burst-opacity);transform:scale(.9)}32%{opacity:.08;transform:scale(1.02)}to{opacity:0;transform:scale(1.22)}}@keyframes sbc-card-reveal-holo{0%{filter:brightness(.9)saturate(.92)}28%{filter:brightness(1.48)saturate(1.28)}to{filter:brightness()saturate()}}@media (prefers-reduced-motion:reduce){.sbc-collectible-card-reveal__focus-card,.sbc-collectible-card-reveal__overlay-scrim,.sbc-collectible-card-reveal__overlay-scrim:after,.sbc-collectible-card-reveal__rig,.sbc-collectible-card-reveal__aura,.sbc-collectible-card-reveal__burst *,.sbc-collectible-card-reveal__impact,.sbc-collectible-card-reveal__face--front .sbc-collectible-card__foil{transition:none!important;animation:none!important}.sbc-collectible-card-reveal__overlay[data-phase=revealed] .sbc-collectible-card-reveal__rig{transform:rotateY(180deg)}}:root{color:var(--sbc-ink);background:var(--sbc-canvas);font-family:var(--sbc-font-body);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:var(--sbc-ink);--muted:var(--sbc-muted);--panel:var(--sbc-surface);--panel-light:var(--sbc-surface-raised);--line:var(--sbc-line);--lime:var(--sbc-primary);--orange:var(--sbc-danger);--cyan:var(--sbc-cyan)}*{box-sizing:border-box}html,body,#root{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{min-height:0;color:var(--sbc-ink);background:var(--sbc-canvas);font-family:var(--sbc-font-body);position:fixed;inset:0;overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img,svg,canvas{-webkit-user-drag:none}img{max-width:100%}.arena-screen{min-height:100dvh;color:var(--sbc-ink);background:linear-gradient(90deg, #06163de6, #06163d80 48%, #06163ddb), linear-gradient(0deg, #06163db8, transparent 55%), url(/assets/arena-shell-background-landscape-BJClh1sI.webp) center / cover fixed no-repeat, var(--sbc-canvas);isolation:isolate;scrollbar-color:var(--sbc-line) transparent;position:relative;overflow:auto}.arena-screen:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 16%,#12c9f30f 16.2% 16.7%,#0000 17% 100%),radial-gradient(circle at 50% 115%,#12c9f32e,#0000 42%);position:fixed;inset:0}.arena-screen>*{z-index:1}.arena-screen>.arena-bottom-action-dock{position:fixed}.section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.section-heading h2{color:var(--sbc-ink);font:900 clamp(1.45rem, 3.2vw, 2rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.arena-button{min-height:3rem}.arena-button__icon:only-child{margin:0}.arena-button:disabled .arena-button__label{opacity:.92}.arena-bottom-action-dock{padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(.65rem, env(safe-area-inset-bottom));padding-left:max(1rem, env(safe-area-inset-left))}.arena-screen--splash,.arena-screen--offline{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));place-items:center;display:grid;overflow:hidden}.arena-splash-panel,.arena-offline-panel{background:linear-gradient(115deg, #123d83fa, #0b2862f5), var(--sbc-surface);border-color:#12c9f3b3;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,2.5rem);width:min(48rem,92vw);min-height:12rem;padding:clamp(1.15rem,4vw,2.4rem);display:grid}.arena-splash-panel:after,.arena-offline-panel:after{background:linear-gradient(90deg, transparent, var(--sbc-cyan), transparent);content:"";border-radius:999px;height:.2rem;position:absolute;bottom:0;left:1.25rem;right:1.25rem}.arena-splash-brand{justify-self:center}.arena-splash-brand .arena-brand__mark--image{filter:drop-shadow(0 .6rem 1rem #00000059);width:clamp(8rem,22vw,12rem);height:clamp(8rem,22vw,12rem)}.arena-splash-brand strong{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-splash-copy h1,.arena-offline-copy h1{font:900 clamp(2.4rem, 7vw, 4.6rem)/.84 var(--sbc-font-display);letter-spacing:-.035em;text-transform:uppercase;margin:.4rem 0 .45rem}.arena-splash-copy p:last-child,.arena-offline-copy p:last-child{color:var(--sbc-muted);margin:0;font-size:1rem;line-height:1.45}.arena-splash-progress{width:min(28rem,100%);margin-top:1rem}.arena-splash-progress__labels{color:var(--sbc-muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem;font-size:.875rem;font-weight:800;display:flex}.arena-splash-progress__labels strong{color:var(--sbc-ink);font:900 1.25rem/1 var(--sbc-font-display)}.arena-splash-progress progress{appearance:none;background:#06163dd1;border:1px solid #12c9f3ad;border-radius:999px;width:100%;height:.7rem;display:block;overflow:hidden}.arena-splash-progress progress::-webkit-progress-bar{background:#06163dd1}.arena-splash-progress progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--sbc-electric-blue), var(--sbc-primary))}.arena-splash-progress progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--sbc-electric-blue), var(--sbc-primary))}.arena-splash-status{max-width:100%;margin-top:.9rem}.arena-splash-status>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-offline-panel{width:min(52rem,94vw)}.arena-offline-panel .arena-button{min-width:9rem}.arena-screen--main{height:100dvh;min-height:20rem;padding:max(.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 4.5rem max(1rem, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(12.5rem,.72fr) minmax(0,1.68fr);gap:clamp(.75rem,2vw,1.5rem);display:grid;overflow:hidden}.arena-screen--main>.arena-screen-header{grid-column:1/-1;width:min(76rem,100%);margin:0 auto;padding:.75rem 0 .45rem}.arena-screen--main .arena-screen-header h1{margin:0}.arena-screen--main .arena-screen-header__actions{align-items:center}.arena-main-hero,.arena-main-team{align-self:stretch;min-width:0;min-height:0}.arena-main-hero{flex-direction:column;justify-content:center;padding:.5rem 0 1rem;display:flex}.arena-main-hero h1{font:900 clamp(2.7rem, 6.5vw, 5.4rem)/.82 var(--sbc-font-display);letter-spacing:-.04em;text-transform:uppercase;margin:.45rem 0 .65rem}.arena-main-hero>p:last-of-type{max-width:25rem;color:var(--sbc-muted);margin:0;font-size:1rem;line-height:1.45}.arena-player-identity{background:#0b2862e6;align-items:center;gap:.7rem;margin-top:auto;padding:.65rem;display:flex}.arena-player-identity>span:first-child{border:2px solid var(--sbc-cyan);width:2.75rem;height:2.75rem;color:var(--sbc-ink-on-colour);background:var(--sbc-cyan);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.arena-player-identity>div{gap:.15rem;min-width:0;display:grid}.arena-player-identity small,.arena-team-slot small{color:var(--sbc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:800}.arena-player-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.arena-player-identity .arena-status-chip{margin-left:auto}.arena-main-team{grid-template-rows:auto minmax(0,1fr);gap:.65rem;display:grid}.arena-main-team__heading{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.arena-main-team__heading h2{font:900 clamp(1.7rem, 3.8vw, 2.8rem)/.9 var(--sbc-font-display);text-transform:uppercase;margin:.25rem 0 0}.arena-main-team__slots{perspective:60rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1.3vw,1rem);min-height:0;display:grid}.arena-team-stage{border:2px solid var(--sbc-cyan);isolation:isolate;background:radial-gradient(circle at 50% 28%,#12c9f33d,#0000 43%),linear-gradient(160deg,#123d83f0,#06163dfa);border-radius:.85rem;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 .9rem 2.5rem #00000057,inset 0 0 2rem #12c9f314}.arena-team-stage:before{z-index:2;background:linear-gradient(90deg, transparent, var(--sbc-primary), transparent);content:"";pointer-events:none;border-radius:0 0 999px 999px;height:.18rem;position:absolute;top:0;left:12%;right:12%;box-shadow:0 0 1rem #b9ee1866}.arena-team-stage__canvas{position:absolute;inset:0}.arena-team-stage__canvas canvas{display:block;width:100%!important;height:100%!important}.arena-team-stage__fallback{height:100%;color:var(--sbc-muted);place-items:center;font-size:.8rem;display:grid}.arena-team-stage__labels{z-index:3;pointer-events:none;background:linear-gradient(#0000,#06163dfa 58%);grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:2.4rem .45rem .45rem;display:grid;position:absolute;bottom:0;left:0;right:0}.arena-team-stage__labels>div{text-align:center;gap:.08rem;min-width:0;display:grid}.arena-team-stage__character-label{min-width:0;min-height:3rem;color:var(--sbc-ink);font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.45rem;gap:.08rem;padding:.25rem .2rem;display:grid}.arena-team-stage__character-label:hover,.arena-team-stage__character-label:focus-visible{border-color:var(--sbc-cyan);background:#12c9f31f}.arena-team-stage__labels small{color:var(--sbc-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.arena-team-stage__labels strong{font:900 clamp(.95rem, 2.4vw, 1.35rem)/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.arena-team-slot{background:radial-gradient(circle at 50% 38%, #12c9f333, transparent 48%), linear-gradient(160deg, var(--sbc-surface-raised), var(--sbc-surface));isolation:isolate;border-width:2px;min-height:0;position:relative;overflow:hidden}.arena-team-slot:nth-child(2){border-color:var(--sbc-primary);transform:translateY(-.3rem)}.arena-team-slot:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff0f,#0000 35%);border-top:.25rem solid #12c9f3b3;position:absolute;inset:0}.arena-team-slot img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 .75rem .8rem #0000005c);width:100%;height:calc(100% - .2rem);position:absolute;inset:.2rem 0 0}.arena-team-slot>div{z-index:2;background:linear-gradient(#0000,#06163df5 52%);gap:.16rem;padding:2.3rem .75rem .65rem;display:grid;position:absolute;bottom:0;left:0;right:0}.arena-team-slot>div strong{font:900 clamp(1.05rem, 2.6vw, 1.55rem)/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.arena-team-slot__empty{border:2px dashed var(--sbc-line);width:4rem;height:4rem;color:var(--sbc-cyan);font:900 2rem/1 var(--sbc-font-display);border-radius:50%;place-self:center;place-items:center;display:grid}.app-loading,.app-error{min-height:100dvh;color:var(--sbc-ink);background:linear-gradient(#06163dc2, #06163deb), url(/assets/arena-shell-background-landscape-BJClh1sI.webp) center / cover no-repeat, var(--sbc-canvas);text-align:center;place-content:center;justify-items:center;padding:2rem;display:grid}.app-loading>i{border:.22rem solid #12c9f333;border-top-color:var(--sbc-cyan);border-radius:50%;width:2.6rem;height:2.6rem;animation:.9s linear infinite arena-spin;display:block}.app-loading p,.app-error p{color:var(--sbc-muted);font-size:1rem}.app-error small{color:#ffd2d5;max-width:30rem;margin-bottom:1rem;line-height:1.5}.app-error button{min-width:9rem;min-height:3rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);border:0;border-radius:.6rem;font-weight:900}.global-error{z-index:80;right:max(1rem, env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));border:1px solid var(--sbc-danger);color:var(--sbc-ink);text-align:center;background:#531226f2;border-radius:.6rem;padding:.8rem 1rem;font-size:.875rem;position:fixed}@keyframes arena-spin{to{transform:rotate(1turn)}}@media (orientation:landscape){.arena-bottom-action-dock{grid-template-columns:minmax(0,1fr) minmax(14rem,24rem) minmax(0,1fr);gap:.75rem}.arena-bottom-action-dock__hint{text-align:right}}@media (orientation:landscape) and (height<=520px){.arena-brand--standard .arena-brand__mark{width:2.1rem;height:2.1rem}.arena-brand--standard strong{font-size:1.15rem}.arena-status-chip{min-height:1.8rem;padding:.25rem .55rem;font-size:.8rem}.arena-main-hero h1{margin:.3rem 0;font-size:clamp(2.25rem,6vw,3.5rem)}.arena-main-hero>p:last-of-type{font-size:.875rem}.arena-player-identity{margin-top:.6rem;padding:.45rem}.arena-player-identity>span:first-child{width:2.3rem;height:2.3rem}.arena-main-team__heading h2{font-size:1.55rem}.arena-team-slot>div{padding:1.7rem .55rem .45rem}.arena-team-slot>div strong{font-size:1rem}.arena-team-stage__labels{padding-top:1.7rem}.arena-team-stage__labels small{font-size:.58rem}.arena-team-stage__labels strong{font-size:.92rem}.arena-main-routes{gap:.45rem}.arena-team-status{padding:.65rem}.arena-bottom-action-dock{padding-top:.45rem}}@media (orientation:landscape) and (height<=520px) and (width<=760px){.arena-bottom-action-dock{padding:.45rem max(.75rem, env(safe-area-inset-right)) max(.45rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr)}.arena-bottom-action-dock__hint{display:none}.arena-bottom-action-dock__action{justify-self:center;width:min(24rem,78vw)}}@media (orientation:portrait){.arena-screen{background:linear-gradient(#06163dab, #06163de6), url(/assets/arena-shell-background-portrait-BgO2O4CI.webp) center / cover fixed no-repeat, var(--sbc-canvas)}.arena-screen--main{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;height:auto;min-height:100dvh;padding-bottom:7rem;overflow:auto}.arena-screen--main>.arena-screen-header{grid-column:1}.arena-main-hero{padding:1rem 0}.arena-main-team__slots,.arena-team-stage{min-height:20rem}.arena-main-routes{grid-template-columns:1fr 1fr;padding-bottom:1rem;display:grid}.arena-splash-panel,.arena-offline-panel{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=680px) and (orientation:landscape){.arena-screen--main{padding-right:max(.6rem, env(safe-area-inset-right));padding-left:max(.6rem, env(safe-area-inset-left));grid-template-columns:minmax(8.65rem,.62fr) minmax(0,1.5fr);gap:.55rem}.arena-screen--main .arena-screen-header__actions .arena-button__label{display:none}.arena-screen--main .arena-screen-header__actions .arena-button{width:3rem;padding:0}.arena-main-hero>p:last-of-type{display:none}.arena-player-identity{grid-template-columns:auto minmax(0,1fr);display:grid}.arena-player-identity .arena-status-chip{display:none}.arena-main-team__heading{align-items:center}.arena-main-team__heading h2{white-space:nowrap;margin:0;font-size:1.35rem}}@media (width<=680px) and (orientation:landscape) and (height<=520px){.arena-screen--main{min-height:0;padding-top:max(.15rem, env(safe-area-inset-top));grid-template-rows:2.7rem minmax(0,1fr);gap:.35rem .55rem;padding-bottom:3.9rem}.arena-screen--main>.arena-screen-header{align-items:center;min-height:0;padding:0}.arena-screen--main .arena-screen-header__copy{align-items:center;display:flex}.arena-screen--main .arena-screen-header h1{line-height:1}.arena-screen--main .arena-brand{gap:.35rem}.arena-screen--main .arena-brand__mark{width:2rem;height:2rem}.arena-screen--main .arena-brand strong{font-size:1rem}.arena-screen--main .arena-screen-header__actions{gap:.3rem}.arena-screen--main .arena-screen-header__actions .arena-status-chip{justify-content:center;min-width:2rem;padding:.25rem .45rem}.arena-screen--main .arena-screen-header__actions .arena-status-chip>span{display:none}.arena-main-hero{justify-content:flex-start;padding:.25rem 0 0}.arena-main-hero h1{margin:.2rem 0 .35rem;font-size:clamp(2rem,9vw,2.9rem)}.arena-player-identity{gap:.4rem;min-height:2.7rem;margin-top:auto;padding:.35rem}.arena-player-identity>span:first-child{width:2rem;height:2rem;font-size:.72rem}.arena-player-identity small{font-size:.58rem}.arena-player-identity strong{font-size:.78rem}.arena-main-team{gap:.3rem}.arena-main-team__heading h2{font-size:clamp(1.3rem,5vw,1.75rem)}.arena-team-stage{border-radius:.65rem}.arena-team-stage__labels{padding:1.35rem .3rem .28rem}.arena-team-stage__labels small{font-size:.48rem}.arena-team-stage__labels strong{font-size:clamp(.78rem,3vw,1rem)}}@media (prefers-reduced-motion:reduce){.app-loading>i{border-top-color:var(--sbc-cyan);animation:none}.arena-team-slot:nth-child(2){transform:none}}.arena-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arena-screen--main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.5rem;padding-bottom:4.35rem}.arena-main-chrome{align-items:center;gap:.55rem;width:min(76rem,100%);min-width:0;min-height:3.1rem;margin:0 auto;display:flex}.arena-main-chrome .arena-player-identity{min-width:0;box-shadow:none;margin:0;padding:.32rem .48rem}.arena-main-chrome .arena-player-identity>span:first-child{border-width:1px;width:2rem;height:2rem;font-size:.72rem}.arena-main-chrome .arena-player-identity small{display:none}.arena-main-chrome .arena-player-identity strong{max-width:11rem;font-size:.82rem}.arena-main-chrome__actions{align-items:center;gap:.35rem;min-width:0;margin-left:auto;display:flex}.arena-main-chrome__actions .arena-button{min-height:2.5rem}.arena-main-team{grid-template-rows:minmax(0,1fr);width:min(76rem,100%);min-height:0;margin:0 auto}.arena-main-team>.arena-team-stage,.arena-main-team>.arena-main-team__slots{height:100%;min-height:0}.arena-main-team__slots{perspective:none}.arena-main-team .arena-team-stage{box-shadow:none;background:0 0;border:0;border-radius:0}.arena-main-team .arena-team-stage:before{display:none}@media (orientation:landscape) and (height<=520px){.arena-screen--main{min-height:0;padding:max(.15rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) 3.8rem max(.5rem, env(safe-area-inset-left));grid-template-rows:2.8rem minmax(0,1fr);gap:.28rem}.arena-main-chrome{gap:.35rem;min-height:2.8rem}.arena-main-chrome .arena-brand{gap:.25rem}.arena-main-chrome .arena-brand__mark{width:2.1rem;height:2.1rem}.arena-main-chrome .arena-brand strong{display:none}.arena-main-chrome .arena-player-identity{gap:.32rem;max-width:9.75rem;padding:.24rem .36rem}.arena-main-chrome .arena-player-identity>span:first-child{width:1.8rem;height:1.8rem;font-size:.63rem}.arena-main-chrome .arena-player-identity strong{max-width:6.8rem;font-size:.72rem}.arena-main-chrome__actions{gap:.24rem}.arena-main-chrome__actions .arena-button{width:2.5rem;min-height:2.5rem;padding:0}.arena-main-chrome__actions .arena-button__label{display:none}.arena-main-chrome__actions .arena-status-chip{min-width:1.8rem;min-height:1.8rem;padding:.2rem .35rem}.arena-main-chrome__actions .arena-status-chip>span{display:none}.arena-main-team{gap:0}.arena-main-team .arena-team-stage{min-height:12.5rem}.arena-main-team .arena-team-stage__labels{padding:1.25rem .25rem .2rem}.arena-main-team .arena-team-stage__labels strong{font-size:clamp(.78rem,3.1vw,1rem)}.arena-main-team__slots{gap:.38rem}.arena-main-team__slots .arena-team-slot{box-shadow:none;border:0;border-radius:.45rem}.arena-main-team__slots .arena-team-slot:before{border-top:0}.arena-main-team__slots .arena-team-slot__empty{border-color:#12c9f39e;width:3.15rem;height:3.15rem}.arena-main-team__slots .arena-team-slot>div{text-align:center;background:0 0;padding:0 .25rem .3rem}.arena-main-team__slots .arena-team-slot>div small{color:var(--sbc-ink);font-size:.65rem}}@media (orientation:portrait){.arena-screen--main{grid-template-rows:auto minmax(20rem,1fr);height:auto;min-height:100dvh;padding-bottom:7rem;overflow:auto}.arena-main-chrome{flex-wrap:wrap}.arena-main-team{min-height:20rem}}.arena-screen--main{height:100dvh;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.arena-main-team>.arena-team-stage{width:100%;height:100%;min-height:0}.arena-main-profile{text-transform:none;letter-spacing:0;background:#06163ddb;border-color:#12c9f39e;border-radius:999px;gap:.38rem;min-width:0;max-width:min(12.5rem,42vw);min-height:2.75rem;padding:.35rem .48rem .35rem .35rem;box-shadow:0 .35rem 1rem #0000003d}.arena-main-profile .arena-button__label{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.arena-main-profile__initials{width:1.9rem;height:1.9rem;color:var(--sbc-ink-on-colour);background:var(--sbc-cyan);border-radius:50%;place-items:center;font-size:.66rem;font-weight:900;display:grid}.arena-main-logo{opacity:.88;pointer-events:none;position:absolute;top:.15rem;left:50%;transform:translate(-50%)}.arena-main-logo .arena-brand__mark--image{width:2.3rem;height:2.3rem}.arena-main-logo strong{display:none}.arena-main-chrome__actions{min-height:2.75rem;margin-left:auto;position:relative}.arena-main-leaderboard{min-height:2.75rem;color:var(--sbc-reward);text-transform:none;border-color:#ffc52ec2;gap:.3rem;padding:.35rem .55rem}.arena-main-leaderboard .arena-button__label{letter-spacing:0;font-size:.78rem;font-weight:800}.arena-main-settings{border-radius:50%;width:2.75rem;min-height:2.75rem;padding:0;box-shadow:0 .35rem 1rem #0000003d}.arena-main-settings .arena-button__label,.arena-main-edit-team .arena-button__label{display:none}.arena-main-chrome__actions .arena-status-chip{min-height:1.8rem;color:var(--sbc-reward);background:#06163ddb;padding:.22rem .45rem;position:absolute;top:3.15rem;right:0;box-shadow:0 .3rem .8rem #0000002e}.arena-main-action-dock{z-index:6;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));align-items:center;gap:.5rem;display:flex;position:absolute}.arena-main-tutorial,.arena-main-ai-action{border:1px solid #f5f8ff66;min-width:7.5rem;min-height:3.5rem;padding:.45rem .65rem;box-shadow:0 .55rem 1.3rem #00000057}.arena-main-edit-team,.arena-main-primary-action{z-index:6;box-shadow:0 .55rem 1.3rem #00000057}.arena-main-edit-team{bottom:max(.8rem, env(safe-area-inset-bottom));left:max(.65rem, env(safe-area-inset-left));background:#0b2862f0;border-radius:50%;width:3.15rem;min-height:3.15rem;padding:0}.arena-main-primary-action{min-width:10rem;min-height:3.5rem;font:900 clamp(1.2rem, 3.2vw, 1.65rem)/1 var(--sbc-font-display);letter-spacing:.045em;border:2px solid #f5f8ff73;border-radius:.75rem;margin-left:auto;padding:.6rem 1.1rem}.arena-main-primary-action .arena-button__icon{transform:scale(1.1)}.arena-main-team .arena-team-stage__labels{right:17%;bottom:max(5.3rem, calc(4.55rem + env(safe-area-inset-bottom)));background:linear-gradient(#0000,#06163dd6 72%);padding:1.15rem .25rem .15rem;left:17%}.arena-main-team .arena-team-stage__labels strong{font-size:clamp(.76rem,2vw,1rem)}.arena-main-team__slots{gap:clamp(.35rem,1.5vw,.85rem);width:auto;min-height:0;display:grid;position:absolute;inset:24% 17% 25%;height:auto!important}.arena-main-team__slots .arena-team-slot{box-shadow:none;background:radial-gradient(circle,#12c9f330,#06163d0d 64%,#0000 66%);border:0;border-radius:50%}.arena-main-team__slots .arena-team-slot:before{background:0 0;border:0}.arena-main-team__slots .arena-team-slot>div{text-align:center;background:0 0;padding:0 .2rem .2rem}.arena-main-team__slots .arena-team-slot>div small{color:var(--sbc-ink);font-size:clamp(.57rem,1.4vw,.72rem)}@media (orientation:landscape) and (height<=520px){.arena-main-chrome{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right));left:max(.75rem, env(safe-area-inset-left))}.arena-main-profile{max-width:9rem;min-height:2.45rem}.arena-main-profile__initials{width:1.65rem;height:1.65rem;font-size:.58rem}.arena-main-logo{top:.05rem}.arena-main-logo .arena-brand__mark--image{width:2rem;height:2rem}.arena-main-chrome__actions .arena-main-leaderboard{width:auto;min-height:2.45rem;padding:.3rem .45rem}.arena-main-chrome__actions .arena-main-leaderboard .arena-button__label{display:inline}.arena-main-chrome__actions .arena-main-leaderboard .arena-main-action-art{width:1.2rem;height:1.2rem}.arena-main-settings{width:2.45rem;min-height:2.45rem}.arena-main-chrome__actions .arena-status-chip{font-size:.65rem;top:2.72rem}.arena-main-action-dock{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));gap:.35rem}.arena-main-tutorial,.arena-main-ai-action{min-height:3rem;padding:.4rem .55rem}.arena-main-primary-action{min-width:8.9rem;min-height:3rem;padding:.5rem .85rem;font-size:1.2rem}.arena-main-team .arena-team-stage__labels{padding-top:.8rem;bottom:4.7rem;left:20%;right:20%}.arena-main-team .arena-team-stage__labels strong{font-size:clamp(.66rem,2.6vw,.88rem)}.arena-main-team__slots{inset:22% 14% 25%}}@media (width<=560px){.arena-main-tutorial,.arena-main-ai-action{min-width:3.15rem;padding:.3rem}.arena-main-tutorial .arena-button__label,.arena-main-ai-action .arena-button__label{display:none}.arena-main-primary-action{min-width:8.9rem}}.arena-screen--main{background:radial-gradient(ellipse 70% 58% at 50% 35%, #167de342, transparent 70%), linear-gradient(145deg, #0b2b68 0%, var(--sbc-surface) 45%, var(--sbc-canvas) 100%);isolation:isolate;width:100%;height:100dvh;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.arena-main-loading-stage{width:100%;min-height:100dvh;position:relative}.arena-main-loading-stage:not([data-ready])>.arena-screen--main{pointer-events:none}.arena-main-loading-stage__splash{z-index:20;position:absolute;inset:0}.arena-screen--main:before,.arena-screen--main:after{z-index:0;content:"";pointer-events:none;position:absolute}.arena-screen--main:before{background:linear-gradient(106deg,#0000 0 16%,#12c9f317 16.1% 16.25%,#0000 16.4% 83.6%,#12c9f312 83.75% 83.9%,#0000 84% 100%),radial-gradient(58% 24% at 50% 0,#12c9f329,#0000 72%);inset:0}.arena-screen--main:after{background:linear-gradient(#0000,#02081acc);height:34%;bottom:0;left:0;right:0}.arena-main-team{z-index:1;width:auto;height:auto;min-height:0;margin:0;display:block;position:absolute;inset:0}.arena-main-team>.arena-team-stage{width:100%;height:100%;min-height:0;box-shadow:none;isolation:isolate;background:radial-gradient(54% 62% at 50% 38%,#12c9f330,#0000 70%),linear-gradient(#09265b33,#020a1f2e);border:0;border-radius:0;overflow:hidden}.arena-main-team .arena-team-stage:before{z-index:0;height:auto;box-shadow:none;background:linear-gradient(90deg,#0000 0 8%,#12c9f30e 8.1% 8.25%,#0000 8.4% 91.6%,#12c9f30e 91.75% 91.9%,#0000 92% 100%),linear-gradient(165deg,#0000 0 35%,#12c9f30e 35.1% 35.25%,#0000 35.4% 100%);border-radius:0;display:block;inset:0}.arena-team-stage__canvas{z-index:1}.arena-team-stage__canvas canvas{filter:contrast(1.06)saturate(1.08);display:block;width:100%!important;height:100%!important}.arena-main-chrome{z-index:6;top:calc(env(safe-area-inset-top) + 1rem);right:calc(env(safe-area-inset-right) + 1rem);left:calc(env(safe-area-inset-left) + 1rem);pointer-events:none;width:auto;min-height:3rem;margin:0;display:flex;position:absolute}.arena-main-chrome>*{pointer-events:auto}.arena-main-currency-rail{flex:none;align-items:center;gap:.85rem;min-height:3.5rem;margin-left:auto;display:flex}.arena-main-header-action{min-width:0;min-height:3.5rem;color:var(--sbc-ink);background:linear-gradient(145deg,#134a96f5,#082762f5);border:1px solid #12c9f3b8;border-radius:.55rem .14rem;gap:.42rem;padding:.45rem .65rem;box-shadow:0 .45rem 1.1rem #0006,inset 0 1px #f5f8ff29}.arena-main-header-action .arena-button__label{text-align:left;min-width:0;display:grid}.arena-main-header-action .arena-button__icon{margin-left:auto}.arena-main-identity{flex:0 auto;align-items:center;gap:.55rem;min-width:0;max-width:13.5rem;display:flex}.arena-main-profile{background:linear-gradient(145deg,#134a96f5,#082762f5);border-color:#12c9f3b8;border-radius:50%;flex:0 0 3rem;gap:0;width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0;overflow:hidden;box-shadow:0 .45rem 1.1rem #0006,inset 0 1px #f5f8ff29}.arena-main-profile .arena-button__label{display:none}.arena-main-profile .arena-button__icon{border-radius:50%;flex:0 0 100%;width:100%;height:100%;margin:0;display:block;overflow:hidden}.arena-main-player-name{color:var(--sbc-ink);font:900 clamp(.78rem, 1.4vw, .95rem)/1.1 var(--sbc-font-display);letter-spacing:.025em;text-overflow:ellipsis;text-shadow:0 .15rem .45rem #000000b8;white-space:nowrap;overflow:hidden}.arena-main-logo{opacity:.92;top:.04rem}.arena-main-logo .arena-brand__mark--image{filter:drop-shadow(0 .25rem .45rem #00000061);width:2.85rem;height:2.85rem}@media (width<=1400px){.arena-main-logo{display:none}}.arena-main-chrome__actions{flex:none;gap:.75rem;min-height:3.5rem;margin-left:.75rem;display:flex}.arena-main-leaderboard,.arena-main-cards,.arena-main-install,.arena-main-settings{width:auto;min-width:7.25rem}.arena-main-leaderboard{min-width:7.3rem}.arena-main-cards{min-width:6.8rem}.arena-main-leaderboard .arena-main-action-art{width:1.45rem;height:1.45rem}.arena-main-install{min-width:7.5rem}.arena-main-install.arena-button--primary{border-color:var(--sbc-primary);color:var(--sbc-ink-on-colour);background:var(--sbc-primary);box-shadow:0 .45rem 1.1rem #0006,0 0 .8rem #b9ee1838,inset 0 1px #f5f8ff4d}.arena-main-install .arena-main-action-label strong{font-size:.82rem}.arena-main-play-cluster{z-index:7;right:calc(env(safe-area-inset-right) + 1rem);bottom:calc(env(safe-area-inset-bottom) + 1rem);width:min(42rem, calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 2rem));pointer-events:none;grid-template-columns:minmax(10rem,1.2fr) repeat(2,minmax(9rem,1fr));gap:.5rem;display:grid;position:absolute}.arena-main-play-cluster .arena-button{pointer-events:auto;border:1px solid #12c9f3b8;border-radius:.55rem .14rem;width:100%;min-width:0;min-height:3.5rem;padding:.42rem .5rem;box-shadow:0 .45rem 1.1rem #0006,inset 0 1px #f5f8ff29;position:static!important}.arena-main-play-cluster .arena-button__label{text-align:left;gap:.1rem;min-width:0;display:grid}.arena-main-play-cluster .arena-button__icon{margin-left:auto}.arena-main-action-art{object-fit:contain;filter:drop-shadow(0 .08rem .1rem #00000047)drop-shadow(0 0 .05rem #f5f8ff61);width:2.35rem;height:2.35rem;display:block}.arena-main-action-label{gap:.1rem;min-width:0;display:grid}.arena-main-action-label small{color:var(--sbc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900;line-height:1}.arena-main-action-label strong{font:900 clamp(.82rem, 2.2vw, 1.15rem)/1 var(--sbc-font-display);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.arena-main-friends-action{background:linear-gradient(145deg,#125babfa,#0a2e6ffa)}.arena-main-friends-action .arena-main-action-label small{color:var(--sbc-cyan)}.arena-main-setup-action{background:linear-gradient(145deg,#082762fa,#06163dfa);border-color:#12c9f38c!important}.arena-main-setup-action .arena-main-action-label strong{font-size:clamp(.72rem,1.6vw,.9rem)}.arena-main-primary-action{border:2px solid #f5f8ff8a!important;box-shadow:0 .28rem #436908e6,0 .7rem 1.3rem #0000006b,inset 0 1px #f5f8ff6b!important}.arena-main-primary-action .arena-main-action-label small{color:#071638bf}.arena-main-primary-action .arena-main-action-art{width:2rem;height:2rem}.arena-main-primary-action:active{transform:translateY(.16rem);box-shadow:0 .12rem #436908e6,inset 0 1px #f5f8ff4d!important}.arena-main-team .arena-team-stage__labels{right:clamp(8.5rem,17%,14rem);bottom:max(8.9rem, calc(8.1rem + env(safe-area-inset-bottom)));pointer-events:none;background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,1.4vw,.85rem);padding:0;left:clamp(8.5rem,17%,14rem)}.arena-team-stage__character-label{min-height:3.25rem;color:var(--sbc-ink);box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:999px;align-items:center;padding:0;display:grid;position:relative}.arena-team-stage__character-label[data-role=captain]{transform:translateY(.4rem)}.arena-team-stage__character-label:hover,.arena-team-stage__character-label:focus-visible{background:0 0;border-color:#0000}.arena-team-stage__character-label:hover>.player-identity-plate,.arena-team-stage__character-label:focus-visible>.player-identity-plate{filter:brightness(1.1)saturate(1.08);border-color:#f5f8ff}.arena-team-stage__character-label:focus-visible{outline:3px solid var(--sbc-primary);outline-offset:3px}.arena-main-team__slots{z-index:2;perspective:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(.55rem,2vw,1.25rem);width:auto;min-height:0;display:grid;position:absolute;inset:25% 16%;height:auto!important}.arena-main-team__slots .arena-team-slot{min-width:0;min-height:12rem;color:var(--sbc-ink);box-shadow:none;cursor:pointer;background:radial-gradient(circle,#12c9f32b,#06163d2e 62%,#0000 64%);border:1px solid #12c9f359;border-radius:50%;place-items:center;padding:1rem .5rem;display:grid}.arena-main-team__slots .arena-team-slot:nth-child(2){background:radial-gradient(circle,#b9ee182b,#06163d2e 62%,#0000 64%);border-color:#b9ee188a;transform:translateY(-.6rem)scale(1.12)}.arena-main-team__slots .arena-team-slot:focus-visible{outline:3px solid var(--sbc-primary);outline-offset:3px}.arena-main-team__slots .arena-team-slot__empty{background:#0412349e;border-color:#12c9f3b3;width:clamp(4rem,8vw,5.5rem);height:clamp(4rem,8vw,5.5rem)}.arena-main-team__slots .arena-team-slot:nth-child(2) .arena-team-slot__empty{border-color:var(--sbc-primary)}.arena-main-team__slots .arena-team-slot>div{text-align:center;background:0 0;justify-items:center;gap:.12rem;padding:.2rem;display:grid}.arena-main-team__slots .arena-team-slot>div small{color:var(--sbc-ink)}.arena-main-team__slots .arena-team-slot .medal-amount{color:var(--sbc-reward)}.arena-main-team__slots .arena-team-slot .medal-amount strong{font-size:.7rem}@media (orientation:landscape) and (height<=520px){.arena-main-chrome{top:calc(env(safe-area-inset-top) + 1rem);right:calc(env(safe-area-inset-right) + 1rem);left:calc(env(safe-area-inset-left) + 1rem)}.arena-main-profile{min-height:3rem}.arena-main-logo{display:none}.arena-main-leaderboard,.arena-main-install,.arena-main-settings{min-height:3.5rem}.arena-main-settings{width:3.5rem;min-width:3.5rem;padding:0}.arena-main-settings .arena-button__label{display:none}.arena-main-chrome__actions{gap:.25rem}.arena-main-chrome__actions .arena-main-header-action{width:3rem;min-width:3rem;min-height:3rem;padding:0}.arena-main-chrome__actions .arena-main-header-action .arena-button__label{display:none}.arena-main-chrome__actions .arena-main-header-action .arena-button__icon{margin:0}.arena-main-play-cluster{right:calc(env(safe-area-inset-right) + 1rem);bottom:calc(env(safe-area-inset-bottom) + 1rem)}.arena-main-play-cluster .arena-button{min-height:3rem}.arena-main-team .arena-team-stage__labels{right:17%;bottom:max(8.1rem, calc(7.5rem + env(safe-area-inset-bottom)));left:17%}.arena-team-stage__character-label{min-height:3rem;padding:0}}@media (orientation:landscape) and (height<=520px) and (width<=760px){.arena-main-currency-rail{flex-direction:column;justify-content:center;align-items:flex-end;gap:.1rem}.arena-main-currency-rail>.arena-main-credits,.arena-main-currency-rail>.arena-main-rizz,.arena-main-currency-rail>.arena-main-total-medals{justify-content:flex-end;min-height:0;padding:0}.arena-main-chrome__actions{margin-left:.4rem}}.arena-main-feedback{z-index:9;right:calc(env(safe-area-inset-right) + 1rem);bottom:calc(env(safe-area-inset-bottom) + 8.25rem);gap:.4rem;width:min(27rem,100% - 2rem);display:grid;position:absolute}@media (orientation:portrait){.arena-screen--main{background:radial-gradient(ellipse 110% 60% at 50% 37%, #167de34d, transparent 70%), linear-gradient(165deg, #0b2b68 0%, var(--sbc-surface) 48%, var(--sbc-canvas) 100%);height:100dvh;min-height:0;overflow:hidden}.arena-screen--main:before{background:linear-gradient(166deg,#0000 0 26%,#12c9f314 26.1% 26.3%,#0000 26.45% 100%),radial-gradient(82% 25% at 50% 0,#12c9f326,#0000 72%)}.arena-main-chrome{flex-wrap:nowrap}.arena-main-logo{display:none}.arena-main-logo .arena-brand__mark--image{width:2.7rem;height:2.7rem}.arena-main-play-cluster{right:max(.75rem, env(safe-area-inset-right));left:max(.75rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:.4rem;width:auto}.arena-main-settings{width:3.5rem;min-width:3.5rem;padding:0}.arena-main-settings .arena-button__label{display:none}.arena-main-install{width:5rem;min-width:5rem;padding:.35rem}.arena-main-install .arena-button__icon{display:none}.arena-main-install .arena-button__label{text-align:center;display:grid}.arena-main-install .arena-main-action-label small{display:none}.arena-main-install .arena-main-action-label strong{font-size:.68rem}.arena-main-play-cluster .arena-button{min-height:3.5rem;padding:.36rem .4rem}.arena-main-friends-action .arena-button__icon,.arena-main-setup-action .arena-button__icon{display:none}.arena-main-friends-action .arena-main-action-label strong{letter-spacing:.02em;font-size:clamp(.68rem,2.8vw,.88rem)}.arena-main-action-label small{font-size:.56rem}.arena-main-action-label strong{font-size:clamp(.74rem,3vw,.95rem)}.arena-main-tutorial .arena-button__icon{display:none}.arena-main-team .arena-team-stage__labels{right:4%;bottom:max(8.7rem, calc(8rem + env(safe-area-inset-bottom)));gap:.3rem;left:4%}.arena-team-stage__character-label{min-height:3.2rem;padding:0}.arena-main-team__slots{gap:.2rem;inset:24% 3%}.arena-main-team__slots .arena-team-slot{min-height:13rem;padding:.6rem .2rem}.arena-main-team__slots .arena-team-slot__empty{width:3.8rem;height:3.8rem}}@media (width<=390px) and (orientation:portrait){.arena-main-leaderboard{width:3.5rem;min-width:3.5rem;padding:0}.arena-main-leaderboard .arena-button__label{display:none}}@media (width<=900px) and (orientation:portrait){.arena-main-chrome__actions{gap:.25rem;position:absolute;top:3.25rem;right:0}.arena-main-chrome__actions .arena-main-header-action{width:3rem;min-width:3rem;min-height:3rem;padding:0}.arena-main-chrome__actions .arena-main-header-action .arena-button__label{display:none}.arena-main-chrome__actions .arena-main-header-action .arena-button__icon{margin:0;display:flex}}@media (width<=360px) and (orientation:portrait){.arena-main-chrome{right:calc(env(safe-area-inset-right) + .5rem);left:max(.5rem, env(safe-area-inset-left))}.arena-main-identity{gap:.4rem;max-width:10rem}.arena-main-player-name{max-width:6.5rem;font-size:.72rem}}@media (width>=768px) and (height>=521px){.arena-main-chrome{top:calc(env(safe-area-inset-top) + 1.25rem);right:calc(env(safe-area-inset-right) + 1.25rem);left:max(1.25rem, env(safe-area-inset-left))}.arena-main-team .arena-team-stage__labels{left:18%;right:18%}.arena-main-play-cluster{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom))}}.arena-main-daily-packs{z-index:7;right:calc(env(safe-area-inset-right) + 1rem);bottom:calc(env(safe-area-inset-bottom) + 4.75rem);width:min(10.5rem, calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 1.5rem));isolation:isolate;height:3rem;position:absolute}.arena-main-daily-packs__progress{background:linear-gradient(112deg,#ffc52e26,#0000 36%),linear-gradient(145deg,#0f377ffa,#051843fa);border:1px solid #ffc52eb8;border-left-width:3px;border-radius:.46rem .12rem;grid-template-columns:1.8rem minmax(0,1fr);align-items:center;gap:.28rem;min-width:0;padding:0 .38rem 0 .26rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;position:absolute;inset:.42rem 0;overflow:hidden;box-shadow:0 .28rem .72rem #0006,inset 0 1px #f5f8ff29}.arena-main-daily-packs__progress:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#12c9f31f,#0000);width:1.6rem;height:3.6rem;position:absolute;top:-.6rem;right:1.2rem;transform:skew(-22deg)}.arena-main-daily-packs__pack{z-index:1;object-fit:contain;filter:saturate(1.08)drop-shadow(0 .08rem .12rem #0000009e);width:1.72rem;height:1.72rem;position:relative}.arena-main-daily-packs__milestones{z-index:1;align-items:stretch;gap:.16rem;min-width:0;height:1.15rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.arena-main-daily-packs__milestones li{clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);background:#020c26d1;border:1px solid #aec3e86b;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 .12rem .2rem #000000a8}.arena-main-daily-packs__milestones li>span{opacity:0;background:linear-gradient(135deg, #f5f8ff6b, transparent 34%), linear-gradient(90deg, var(--sbc-electric-blue), var(--sbc-cyan) 58%, var(--sbc-reward));transition:opacity .16s,transform .18s ease-out;position:absolute;inset:0;transform:translateY(75%);box-shadow:inset 0 1px #f5f8ffa8,0 0 .28rem #12c9f3a3}.arena-main-daily-packs__milestones li[data-earned]{border-color:#ffd854d6}.arena-main-daily-packs__milestones li[data-earned]>span{opacity:1;transform:none}.arena-main-daily-packs[data-complete] .arena-main-daily-packs__progress{background:linear-gradient(112deg,#b9ee1829,#0000 38%),linear-gradient(145deg,#0f407efa,#051b42fa);border-color:#b9ee18d1}.arena-main-daily-packs[data-complete] .arena-main-daily-packs__milestones li>span{background:linear-gradient(90deg, var(--sbc-cyan), var(--sbc-primary))}.arena-main-daily-packs[data-has-packs] .arena-main-daily-packs__progress{border-color:#ba8bffe6;box-shadow:0 .28rem .72rem #0006,0 0 .42rem #ba8bff5c,inset 0 1px #f5f8ff29}.arena-main-daily-packs__info{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.5rem;width:100%;padding:0;position:absolute;inset:0}.arena-main-daily-packs:active .arena-main-daily-packs__progress{transform:translateY(1px)}.arena-main-daily-packs__info:focus-visible{outline:3px solid var(--sbc-cyan);outline-offset:2px}.arena-main-daily-packs__popover{z-index:4;inset:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) auto auto;width:min(42rem, calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1.5rem));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1.5rem);color:var(--sbc-ink);background:linear-gradient(135deg,#12c9f31a,#0000 42%),linear-gradient(155deg,#0e2e6cfc,#031030fc);border:1px solid #12c9f3ad;border-top-width:3px;border-radius:.16rem .62rem;gap:.5rem;padding:.62rem;animation:.12s ease-out both arena-daily-packs-popover-in;display:grid;position:fixed;overflow-y:auto;box-shadow:0 .7rem 1.4rem #0000008a,inset 0 1px #f5f8ff21}.arena-main-daily-packs__popover header{grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem;min-height:3rem;display:flex}.arena-main-daily-packs__popover header strong{color:var(--sbc-reward);font:900 1rem/1 var(--sbc-font-display);letter-spacing:.035em;text-transform:uppercase}.arena-main-daily-packs__popover p{color:var(--sbc-muted);font:700 1rem/1.3 var(--sbc-font-body);margin:.08rem 0 .5rem}.arena-main-daily-packs__close{width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0}.arena-main-daily-packs__open{width:100%;min-height:3rem}.arena-main-daily-packs__open img{object-fit:contain;width:1.8rem;height:1.8rem}@keyframes arena-daily-packs-popover-in{0%{opacity:0;transform:translateY(.24rem)scale(.98)}to{opacity:1;transform:none}}@media (hover:hover){.arena-main-daily-packs:hover .arena-main-daily-packs__progress{border-color:var(--sbc-reward);box-shadow:0 .36rem .82rem #00000075,0 0 .32rem #ffc52e3d,inset 0 1px #f5f8ff29}}@media (orientation:landscape) and (height<=520px){.arena-main-daily-packs{bottom:calc(env(safe-area-inset-bottom) + 4.25rem)}}@media (orientation:portrait){.arena-main-daily-packs{right:max(.75rem, env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 4.5rem)}}@media (width>=768px) and (height>=521px){.arena-main-daily-packs{bottom:calc(env(safe-area-inset-bottom) + 5rem)}}@media (width>=1180px) and (orientation:landscape){.arena-main-daily-packs{right:auto;bottom:calc(env(safe-area-inset-bottom) + 1rem);left:calc(env(safe-area-inset-left) + 1rem)}}@media (prefers-reduced-motion:reduce){.arena-main-daily-packs__milestones li>span,.arena-main-daily-packs__progress{transition:none}.arena-main-daily-packs__popover{animation:none}}.arena-main-daily-packs__odds{font:500 .875rem/1.35 var(--sbc-font-body);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.arena-main-daily-packs__odds li{grid-template-columns:3.5rem minmax(0,1fr);gap:.4rem;padding:.2rem;display:grid}.arena-main-daily-packs__odds li[aria-current]{color:var(--sbc-primary);border-left:3px solid}@media (width>=600px){.arena-main-daily-packs__popover{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.arena-main-daily-packs__odds{grid-area:2/2/4}.arena-main-daily-packs__open{grid-column:1;align-self:end}}.player-identity-plate{--player-plate-top:#0a2a61eb;--player-plate-bottom:#030d29fa;--player-plate-line:#12c9f3b8;--player-plate-glow:#12c9f324;border:1px solid var(--player-plate-line);border-top-color:color-mix(in srgb, var(--player-plate-line) 76%, white);color:#f5f8ff;background:linear-gradient(180deg, #ffffff17, transparent 34%), linear-gradient(145deg, var(--player-plate-top), var(--player-plate-bottom));width:100%;min-width:0;min-height:2.25rem;box-shadow:0 .34rem .85rem #00000052, 0 0 .8rem var(--player-plate-glow), inset 0 1px 0 #ffffff21;isolation:isolate;border-radius:999px;grid-template-columns:1.8rem minmax(0,1fr) 1.8rem;align-items:center;gap:.35rem;padding:.18rem .42rem .18rem .28rem;display:grid;position:relative;overflow:hidden}.player-identity-plate:after{z-index:-1;background:radial-gradient(circle, var(--player-plate-glow), transparent 68%);content:"";pointer-events:none;height:135%;position:absolute;inset:auto -18% -62% 28%}.player-identity-plate[data-level-band=rookie]{--player-plate-top:#028954f0;--player-plate-bottom:#032a23fa;--player-plate-line:#32e59b;--player-plate-glow:#32e59b33}.player-identity-plate[data-level-band=foundation]{--player-plate-top:#ae1535f0;--player-plate-bottom:#340714fa;--player-plate-line:#ff5a75;--player-plate-glow:#ff496733}.player-identity-plate[data-level-band=professional]{--player-plate-top:#125cd2f0;--player-plate-bottom:#05194efa;--player-plate-line:#66b7ff;--player-plate-glow:#3d9dff38}.player-identity-plate[data-level-band=star]{--player-plate-top:#8f5b07f5;--player-plate-bottom:#371f02fc;--player-plate-line:#ffd45a;--player-plate-glow:#ffc52e38}.player-identity-plate[data-level-band=legend]{--player-plate-top:#5b2ab5f5;--player-plate-bottom:#1f0a4cfc;--player-plate-line:#bd92ff;--player-plate-glow:#9149e73d}.player-identity-plate__level,.player-identity-plate__status{place-items:center;width:1.8rem;height:1.8rem;display:grid}.player-identity-plate__level{grid-column:1}.player-identity-plate__level .sbc-character-level-badge,.player-identity-plate__level .sbc-character-level-badge img{width:1.7rem;height:1.7rem}.player-identity-plate__identity{grid-column:2;justify-items:center;min-width:0;display:grid}.player-identity-plate__identity>.player-identity-plate__name{color:#fff;min-width:0;max-width:100%;font:900 clamp(.82rem, 2vw, 1.08rem)/1 var(--sbc-font-display);letter-spacing:.025em;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000000c2;text-transform:uppercase;white-space:nowrap;overflow:hidden}.player-identity-plate__status{grid-column:3}.player-identity-plate__status .team-role-badge,.player-identity-plate__status img{object-fit:contain;width:100%;height:100%;display:block}.player-identity-plate[data-status=captain] .player-identity-plate__status{filter:drop-shadow(0 .08rem .12rem #ffc52e6b)}@media (orientation:portrait),(orientation:landscape) and (height<=520px){.player-identity-plate{grid-template-columns:1.55rem minmax(0,1fr) 1.55rem;gap:.2rem;min-height:1.95rem;padding:.14rem .24rem .14rem .2rem}.player-identity-plate__level,.player-identity-plate__status{width:1.55rem;height:1.55rem}.player-identity-plate__level .sbc-character-level-badge,.player-identity-plate__level .sbc-character-level-badge img{width:1.5rem;height:1.5rem}.player-identity-plate__identity>.player-identity-plate__name{font-size:clamp(.7rem,3.3vw,.94rem)}}.arena-ai-difficulty-backdrop{z-index:100;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--sbc-ink);-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:#020a1fd1;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.arena-ai-difficulty-backdrop::backdrop{-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#020a1f9e}.arena-ai-difficulty-modal{background:radial-gradient(circle at 50% 0,#12c9f329,#0000 46%),linear-gradient(145deg,#123d83fc,#06163dfc);grid-template-rows:auto minmax(0,1fr);width:min(52rem,100%);max-height:calc(100dvh - 1.5rem);display:grid;overflow:hidden;box-shadow:0 1.5rem 5rem #00000085}.arena-ai-difficulty-modal>header{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:start;gap:1rem;padding:1rem;display:flex}.arena-ai-difficulty-modal h2{font:900 clamp(1.6rem, 4vw, 2.35rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.arena-ai-difficulty-modal header div>p:last-child{color:var(--sbc-muted);margin:.55rem 0 0;font-size:.9rem}.arena-ai-difficulty-close{flex:none;width:3rem;padding:0}.arena-ai-difficulty-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;min-height:0;padding:1rem;display:grid;overflow:auto}.arena-ai-difficulty-option{background:linear-gradient(155deg,#123d83f5,#06163df5);border-color:#12c9f380;min-width:0;min-height:5.5rem;padding:.75rem .45rem}.arena-ai-difficulty-option:hover:not(:disabled),.arena-ai-difficulty-option:focus-visible{border-color:var(--sbc-primary)}.arena-ai-difficulty-option .arena-button__label,.arena-ai-difficulty-option .arena-button__label>span{gap:.28rem;min-width:0;display:grid}.arena-ai-difficulty-option strong{font:900 clamp(1rem, 2vw, 1.35rem)/1 var(--sbc-font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-ai-difficulty-option small{color:var(--sbc-primary);letter-spacing:.08em;font-size:.72rem}@media (orientation:landscape) and (height<=520px){.arena-ai-difficulty-modal>header{padding:.65rem .75rem}.arena-ai-difficulty-modal h2{font-size:2rem}.arena-ai-difficulty-modal header div>p:last-child{margin-top:.35rem}.arena-ai-difficulty-options{gap:.4rem;padding:.65rem .75rem}.arena-ai-difficulty-option{min-height:4.5rem}}@media (orientation:portrait){.arena-ai-difficulty-modal{width:min(28rem,100%)}.arena-ai-difficulty-options{grid-template-columns:1fr}.arena-ai-difficulty-option{min-height:3.75rem}}.game-setup-backdrop{z-index:120;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--sbc-ink);-webkit-backdrop-filter:blur(.55rem);backdrop-filter:blur(.55rem);background:#020a1fdb;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.game-setup-backdrop::backdrop{background:#020a1fa6}.game-setup-dialog{border:1px solid var(--sbc-cyan);background:linear-gradient(145deg,#123d83fc,#06163dfc);border-radius:.85rem .2rem;gap:.75rem;width:min(48rem,100%);max-height:calc(100dvh - 1.5rem);padding:.9rem;display:grid;overflow:auto;box-shadow:0 1.5rem 5rem #0000008c}.game-setup-dialog>header,.game-setup-dialog>footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.game-setup-dialog h2{font:900 clamp(1.5rem, 4vw, 2.15rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.game-setup-dialog__close{width:3rem;padding:0}.game-setup-group{border:0;min-width:0;margin:0;padding:0}.game-setup-group legend{color:var(--sbc-cyan);letter-spacing:.1em;margin-bottom:.45rem;font-size:.875rem;font-weight:900}.game-setup-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.game-setup-options label{border:2px solid var(--sbc-line);cursor:pointer;background:#06163db8;border-radius:.65rem .14rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;min-height:4.5rem;padding:.55rem .65rem;display:grid;position:relative}.game-setup-options label:has(input:checked){border-color:var(--sbc-primary);background:color-mix(in srgb, var(--sbc-primary), var(--sbc-surface) 91%)}.game-setup-options label[data-disabled=true]{cursor:not-allowed;opacity:.58}.game-setup-options label:has(input:focus-visible){outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.game-setup-options input{opacity:0;width:1px;height:1px;position:absolute}.game-setup-options label>span:not(.game-setup-option__mark){gap:.18rem;min-width:0;display:grid}.game-setup-options strong{font:900 1.05rem/1 var(--sbc-font-display);text-transform:uppercase}.game-setup-options small{color:var(--sbc-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.game-setup-options--sizes small{white-space:normal}.game-setup-option__mark{width:2.8rem;height:2.8rem;color:var(--sbc-primary);background:#287642;border-radius:.55rem;place-items:center;display:grid}.game-setup-dialog>footer{color:var(--sbc-muted);padding-top:.15rem;font-weight:800}.game-setup-dialog>footer .arena-button{min-width:8rem}@media (orientation:landscape) and (height<=520px){.game-setup-dialog{grid-template-columns:repeat(2,minmax(0,1fr))}.game-setup-dialog>header,.game-setup-dialog>footer{grid-column:1/-1}.game-setup-dialog h2{font-size:1.8rem}.game-setup-options{grid-template-columns:1fr}.game-setup-options label{min-height:3.75rem}.game-setup-option__mark{width:2.35rem;height:2.35rem}}@media (orientation:landscape) and (height<=360px){.game-setup-backdrop{padding:.4rem}.game-setup-dialog{gap:.35rem;max-height:calc(100dvh - .8rem);padding:.55rem}.game-setup-dialog h2{margin-top:.1rem;font-size:1.45rem}.game-setup-dialog__close{width:2.6rem;min-height:2.6rem}.game-setup-group legend{margin-bottom:.2rem;font-size:.75rem}.game-setup-options{gap:.3rem}.game-setup-options label{gap:.4rem;min-height:3.2rem;padding:.3rem .45rem}.game-setup-options strong{font-size:.95rem}.game-setup-options small{font-size:.75rem;line-height:1.05}.game-setup-option__mark{width:2rem;height:2rem}.game-setup-dialog>footer{padding-top:0;font-size:.8rem}.game-setup-dialog>footer .arena-button{min-width:7rem;min-height:2.75rem}}@media (orientation:portrait){.game-setup-options{grid-template-columns:1fr}}.character-selection-shell{width:100%;height:100dvh;min-height:20rem;padding:max(.65rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(19rem,.78fr);gap:.75rem 1rem;display:grid;overflow:hidden}.character-selection-header{grid-column:1/-1;padding:0}.character-selection-header .arena-screen-header__actions{align-self:center}.character-selection-header .arena-screen-header__back{width:3rem;padding:0}.character-selection-confirm{white-space:nowrap;min-width:9.75rem}.character-grid{grid-template-columns:repeat(4,minmax(7.5rem,1fr));gap:.65rem;min-width:0;min-height:0;padding:.15rem .35rem .15rem .15rem;display:grid;overflow:auto}.character-grid__portrait{width:100%;min-width:0}.character-grid__portrait .sbc-character-portrait__frame{background:linear-gradient(155deg, var(--sbc-surface-raised), var(--sbc-surface))}.character-grid__portrait .sbc-character-portrait__frame img{object-fit:contain;object-position:center bottom}.character-grid__portrait .sbc-character-portrait__identity{background:#06163df0;min-width:0;padding:.45rem .55rem .5rem}.character-grid__portrait .sbc-character-portrait__identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coop-character-state{z-index:3;width:2rem;height:2rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);border:1px solid #f5f8ff73;border-radius:50%;place-items:center;display:grid;position:absolute;top:.45rem;right:.45rem}.character-details{min-width:0;min-height:0;overflow:auto}.character-details:not(.sbc-character-stats){border:1px solid var(--sbc-line);background:#0b2862f2;border-radius:.85rem;margin:0;padding:1rem}.character-details>p{color:var(--sbc-muted);margin:0;font-size:.9rem;line-height:1.45}.character-details.sbc-character-stats{width:100%;height:100%;margin:0}.character-details--selected{background:0 0;border:0;flex-direction:column;gap:.55rem;padding:0;display:flex}.character-details--selected .sbc-character-stats{flex:none;width:100%;height:auto;margin:0}@media (orientation:landscape) and (height<=520px){.character-selection-shell{grid-template-rows:auto minmax(0,1fr);padding-top:.35rem}.character-selection-header .arena-screen-header__description{display:none}.character-selection-header .arena-screen-header__copy h1{font-size:clamp(2rem,5vw,2.7rem)}.character-grid{grid-template-columns:repeat(4,minmax(5.9rem,1fr));grid-auto-rows:minmax(0,1fr);gap:.45rem}.character-grid__portrait{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.character-grid__portrait .sbc-character-portrait__frame{aspect-ratio:auto;height:100%;min-height:0}.character-grid__portrait .sbc-character-portrait__identity{padding:.35rem .4rem .4rem}.character-grid__portrait .sbc-character-portrait__identity strong{font-size:.875rem}.character-details:not(.sbc-character-stats){padding:.7rem}.character-details .sbc-character-stats__description{display:none}}@media (width<=700px) and (orientation:landscape){.character-selection-shell{grid-template-columns:minmax(0,1.25fr) minmax(13rem,.75fr);gap:.55rem}.character-grid{grid-template-columns:repeat(2,minmax(5.8rem,1fr))}}@media (width<=760px) and (orientation:landscape) and (height<=520px){.character-selection-shell{padding:max(.15rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));grid-template-rows:2.7rem minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:.32rem .45rem}.character-selection-header{min-height:2.7rem}.character-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.3rem;padding:0;overflow:hidden}.character-grid__portrait .sbc-character-portrait__frame{border-radius:.48rem;padding:.25rem}.character-grid__portrait .sbc-character-portrait__identity{padding:.22rem .3rem .28rem}.character-grid__portrait .sbc-character-portrait__identity strong{font-size:clamp(.75rem,2.55vw,.875rem)}.character-grid__portrait .sbc-character-portrait__state-mark{padding:.2rem .3rem;font-size:.625rem;top:.2rem;right:.2rem}.character-details:not(.sbc-character-stats){border-radius:.5rem;padding:.42rem;overflow:hidden}.character-details.sbc-character-stats{border-radius:.5rem}.character-details .sbc-character-stats__description{display:none}}@media (orientation:portrait){.character-selection-shell{height:100dvh;min-height:100dvh;padding-bottom:max(1rem, env(safe-area-inset-bottom));grid-template-rows:auto clamp(10.5rem,24dvh,12.5rem) minmax(0,1fr);grid-template-columns:1fr;overflow:hidden}.character-selection-header{grid-column:1;grid-template-columns:3rem minmax(0,1fr)}.character-selection-header .arena-screen-header__description{display:none}.character-selection-header .arena-screen-header__actions{grid-column:1/-1;width:100%}.character-selection-confirm{width:100%}.character-grid{scroll-snap-type:x proximity;gap:.55rem;max-height:none;padding:.18rem .3rem .35rem .18rem;display:flex;overflow:auto hidden}.character-grid__portrait{scroll-snap-align:start;flex:0 0 clamp(7.6rem,34vw,9rem);grid-template-rows:minmax(0,1fr) auto;width:clamp(7.6rem,34vw,9rem);height:100%;display:grid}.character-grid__portrait .sbc-character-portrait__frame{aspect-ratio:auto;height:100%;min-height:0}.character-grid__portrait .sbc-character-portrait__identity{padding:.35rem .4rem .42rem}.character-grid__portrait .sbc-character-portrait__identity strong{font-size:.875rem}.character-details{min-height:0;overflow-y:auto}}.club-credit-amount{min-width:0;color:var(--sbc-reward);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.28rem;display:inline-flex}.club-credit-amount img{object-fit:contain;filter:drop-shadow(0 .1rem .16rem #0000006b);flex:none;width:1.45rem;height:1.45rem;display:block}.club-credit-amount strong{font:900 1rem/1 var(--sbc-font-display);letter-spacing:.02em}.club-credit-amount small{color:#ffdc65c7;letter-spacing:.08em;font-size:.6rem;font-weight:900}.rizz-amount{color:#ff8a35;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.2rem;min-width:0;display:inline-flex}.rizz-amount__icon{object-fit:contain;filter:drop-shadow(0 0 .25rem #ff621aa6);flex:none;width:1.45rem;height:1.45rem;display:block}.rizz-amount strong{font:900 1rem/1 var(--sbc-font-display);letter-spacing:.02em}.medal-amount{min-width:0;color:var(--sbc-reward);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.22rem;display:inline-flex}.medal-amount__icon{object-fit:contain;filter:drop-shadow(0 .08rem .12rem #0000006b);flex:none;width:1.125rem;height:1.125rem;display:block}.medal-amount strong{font:900 .88rem/1 var(--sbc-font-display);letter-spacing:.025em}.arena-main-credits{min-height:2.75rem;padding:.25rem .2rem}.arena-main-rizz{justify-content:center;min-height:2.75rem;padding:.25rem .2rem}.arena-main-rizz .rizz-amount__icon{width:1.55rem;height:1.55rem}.arena-main-rizz strong{font-size:1.15rem}.arena-main-credits img{width:1.75rem;height:1.75rem}.arena-main-credits strong{font-size:1.15rem}.arena-main-credits small{display:none}.arena-main-total-medals{justify-content:center;min-width:0;min-height:2.75rem;padding:.25rem .2rem}.arena-main-total-medals .medal-amount__icon{width:1.55rem;height:1.55rem}.arena-main-total-medals .medal-amount strong{font-size:1.15rem}.character-progression-entry{min-width:0;color:var(--sbc-ink);background:linear-gradient(130deg,#5b3c0c61,#0000 44%),linear-gradient(150deg,#0f3670fa,#051840fa);border:1px solid #ffc52e94;border-radius:.68rem .18rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem;display:grid;box-shadow:0 .32rem .8rem #00000047,inset 0 1px #ffebab1f}.character-progression-entry>div{gap:.18rem;min-width:0;display:grid}.character-progression-entry>div>small{color:var(--sbc-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:900}.character-progression-entry>div>strong{font:900 1.08rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.character-progression-entry>div>span:not(.sbc-character-level-badge){min-width:0;color:var(--sbc-reward);align-items:center;gap:.25rem;font-size:.75rem;font-weight:800;display:flex}.character-progression-entry__level{width:fit-content;max-width:100%}.character-progression-entry__medals{flex-wrap:wrap;align-items:center;gap:.22rem .38rem;display:flex}.character-progression-entry__medals>small,.character-progression-entry__medals>em{color:var(--sbc-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:900}.character-progression-entry__medals>em{opacity:.82}.character-progression-entry .club-credit-amount img{width:1.15rem;height:1.15rem}.character-progression-entry .club-credit-amount strong{font-size:.82rem}.character-progression-entry .club-credit-amount small{display:none}.character-progression-entry .arena-button{min-height:3rem}.character-progression-entry--unavailable{border-color:var(--sbc-line)}.character-upgrade-screen{width:100%;height:100dvh;min-height:20rem;padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);gap:.55rem;display:grid;overflow:hidden}.character-upgrade-screen__header{padding:0}.character-upgrade-screen__content{grid-template-columns:minmax(9.5rem,.34fr) minmax(0,1.66fr);gap:.75rem;min-width:0;min-height:0;display:grid}.character-upgrade-overview,.character-upgrade-comparison{border:1px solid var(--sbc-line);background:#071b4af2;border-radius:.72rem .18rem;min-width:0;min-height:0;box-shadow:0 .8rem 2rem #00000038}.character-upgrade-overview{align-content:start;gap:.55rem;padding:.65rem;display:grid;overflow:auto}.character-upgrade-overview__portrait{justify-self:center;width:min(100%,10rem)}.character-upgrade-overview__portrait .sbc-character-portrait__identity{padding-top:.35rem}.character-upgrade-overview__levels{justify-content:center;align-items:center;gap:.55rem;display:flex}.character-upgrade-overview__levels>span{gap:.12rem;display:grid}.character-upgrade-overview__levels .sbc-character-level-badge{max-width:100%}.character-upgrade-overview__levels small{color:var(--sbc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:900}.character-upgrade-overview__levels strong{color:var(--sbc-reward);font:900 1.05rem/1 var(--sbc-font-display);text-transform:uppercase}.character-upgrade-overview__levels i{color:var(--sbc-cyan);font-size:1.25rem;font-style:normal}.character-upgrade-overview__levels em{color:var(--sbc-primary);text-align:center;font-size:.75rem;font-style:normal;font-weight:900}.character-upgrade-overview>p{color:var(--sbc-muted);margin:0;font-size:.75rem;line-height:1.35}.character-upgrade-purchase{border-top:1px solid #2e70c7b8;gap:.42rem;padding-top:.5rem;display:grid}.character-upgrade-purchase dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0;display:grid}.character-upgrade-purchase dl>div{min-width:0}.character-upgrade-purchase dt{color:var(--sbc-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:900}.character-upgrade-purchase dd{margin:.15rem 0 0}.character-upgrade-purchase .club-credit-amount img{width:1.25rem;height:1.25rem}.character-upgrade-purchase .club-credit-amount strong{font-size:.9rem}.character-upgrade-purchase>p{color:var(--sbc-reward);text-align:center;margin:0;font-size:.68rem;font-weight:900}.character-upgrade-purchase .arena-button{width:100%;min-height:3rem}.character-upgrade-purchase .arena-button:disabled{color:#071638f0;opacity:.78}.character-upgrade-comparison{padding:.65rem;overflow:auto}.character-upgrade-comparison>header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.character-upgrade-comparison>header h2{color:var(--sbc-reward);font:900 1.25rem/1 var(--sbc-font-display);text-transform:uppercase;margin:0}.character-upgrade-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.45rem;display:grid}.character-upgrade-table{table-layout:fixed;border-collapse:separate;border-spacing:0 .18rem;width:100%;font-size:.75rem}.character-upgrade-table caption{color:var(--sbc-cyan);font:900 .8rem/1 var(--sbc-font-display);letter-spacing:.07em;text-align:left;padding:0 0 .18rem}.character-upgrade-table th,.character-upgrade-table td{text-align:right;white-space:nowrap;padding:.25rem .34rem}.character-upgrade-table thead th{color:var(--sbc-muted);letter-spacing:.06em;font-size:.62rem}.character-upgrade-table th:first-child{text-align:left;width:42%}.character-upgrade-table th:nth-child(2){width:18%}.character-upgrade-table th:nth-child(3){width:22%}.character-upgrade-table th:nth-child(4){width:18%}.character-upgrade-table tbody tr{background:#031130a3}.character-upgrade-table tbody tr[data-changing=true]{box-shadow:inset .18rem 0 0 var(--sbc-primary);background:linear-gradient(90deg,#b9ee1821,#12c9f314)}.character-upgrade-table tbody th{max-width:8rem;color:var(--sbc-ink);text-overflow:ellipsis;overflow:hidden}.character-upgrade-table tbody td{color:var(--sbc-muted);font-variant-numeric:tabular-nums}.character-upgrade-table tbody tr[data-changing=true] td:nth-child(3){color:var(--sbc-ink);font-weight:900}.character-upgrade-table tbody td:last-child strong{min-width:2rem;min-height:1.45rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);border-radius:999px;place-items:center;display:inline-grid}.character-upgrade-screen__error{color:#ff9ca3;margin:.35rem 0 0;font-size:.8rem}.result-progression-rewards{gap:.3rem;margin-top:.38rem;display:grid}.result-club-credit-reward,.result-rizz-reward,.result-medal-reward{background:#06163dd6;border:1px solid #ffc52e94;border-radius:.45rem .12rem;align-items:center;gap:.55rem;padding:.36rem .58rem .36rem .42rem;display:flex;box-shadow:0 .3rem .8rem #00000047}.result-club-credit-reward>small,.result-rizz-reward>small,.result-medal-reward>small{color:var(--sbc-muted);letter-spacing:.1em;font-size:.58rem;font-weight:900}.result-club-credit-reward .club-credit-amount img{width:1.75rem;height:1.75rem}.result-club-credit-reward .club-credit-amount strong{font-size:1.22rem}.result-rizz-reward{border-color:#ff752799}.result-rizz-reward .rizz-amount strong{font-size:1.18rem}.result-medal-reward{border-color:#ffc52e61;align-items:start}.result-medal-reward>small{white-space:nowrap;padding-top:.2rem}.result-medal-reward ul{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.result-medal-reward li{border-left:1px solid #ffc52e3d;justify-items:center;gap:.08rem;min-width:0;padding:.14rem .2rem;display:grid}.result-medal-reward li>span{max-width:100%;color:var(--sbc-ink);font:900 .62rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.result-medal-reward .medal-amount strong{font-size:.78rem}@media (orientation:landscape) and (height<=520px){.arena-main-rizz{min-height:2.5rem;padding:.2rem .1rem}.arena-main-rizz .rizz-amount__icon{width:1.35rem;height:1.35rem}.arena-main-rizz strong{font-size:1rem}.arena-main-credits{min-height:2.5rem;padding:.2rem .1rem}.arena-main-credits img{width:1.5rem;height:1.5rem}.arena-main-credits strong{font-size:1rem}.arena-main-total-medals{min-height:2.5rem;padding:.2rem .1rem}.arena-main-total-medals .medal-amount__icon{width:1.35rem;height:1.35rem}.arena-main-total-medals .medal-amount strong{font-size:1rem}.character-progression-entry{padding:.52rem}.character-progression-entry>div>strong{font-size:1rem}.character-upgrade-screen{padding-top:max(.25rem, env(safe-area-inset-top));padding-bottom:max(.55rem, env(safe-area-inset-bottom));grid-template-rows:3rem minmax(0,1fr);gap:.38rem}.character-upgrade-screen__header{min-height:3rem}.character-upgrade-screen__header .arena-screen-header__description{display:none}.character-upgrade-screen__header .arena-screen-header__copy h1{font-size:2.25rem}.character-upgrade-screen__content{grid-template-columns:minmax(13.5rem,.42fr) minmax(0,1.58fr);gap:.55rem}.character-upgrade-overview{grid-template-columns:minmax(0,1fr);gap:.3rem;padding:.45rem;overflow:hidden}.character-upgrade-overview__portrait{width:min(100%,6.2rem)}.character-upgrade-overview__portrait .sbc-character-portrait__frame{aspect-ratio:auto;height:4.35rem}.character-upgrade-overview__portrait .sbc-character-portrait__identity{padding:.22rem .2rem 0}.character-upgrade-overview__levels{grid-template-columns:minmax(0,1fr);gap:.2rem;display:grid}.character-upgrade-overview__levels>span{justify-items:start;min-width:0}.character-upgrade-overview__levels>i{display:none}.character-upgrade-overview__levels .sbc-character-level-badge{min-width:0}.character-upgrade-overview>p{display:none}.character-upgrade-purchase{gap:.25rem;padding-top:.28rem}.character-upgrade-purchase dt{font-size:.62rem}.character-upgrade-purchase>p{font-size:.7rem}.character-upgrade-purchase .arena-button{min-height:3rem;padding:.45rem .35rem;font-size:.72rem}.character-upgrade-comparison{padding:.42rem .5rem}.character-upgrade-comparison>header h2{font-size:1.05rem}.character-upgrade-tables{gap:.4rem;margin-top:.28rem}.character-upgrade-table{border-spacing:0 .1rem;font-size:.8rem}.character-upgrade-table th,.character-upgrade-table td{padding:.18rem .25rem}.character-upgrade-table caption{font-size:.78rem}.character-upgrade-table thead th{font-size:.62rem}.character-upgrade-table tbody td:last-child strong{min-height:1.25rem}.result-progression-rewards{gap:.2rem;margin-top:.22rem}.result-club-credit-reward,.result-rizz-reward,.result-medal-reward{padding:.24rem .42rem .24rem .3rem}.result-club-credit-reward .club-credit-amount img{width:1.4rem;height:1.4rem}.result-club-credit-reward .club-credit-amount strong{font-size:1rem}.result-medal-reward>small{display:none}.result-medal-reward li>span{font-size:.56rem}}@media (orientation:portrait){.arena-main-rizz{min-height:2.75rem;padding:.25rem .2rem}.arena-main-rizz .rizz-amount__icon{width:1.4rem;height:1.4rem}.arena-main-rizz strong{font-size:1rem}.arena-main-credits{min-height:2.75rem;padding:.25rem .2rem}.arena-main-credits img{width:1.6rem;height:1.6rem}.arena-main-total-medals{padding:.25rem .2rem}.arena-main-total-medals .medal-amount__icon{width:1.4rem;height:1.4rem}.arena-main-total-medals .medal-amount strong{font-size:1rem}.character-upgrade-screen{height:100dvh;padding-bottom:max(1rem, env(safe-area-inset-bottom))}.character-upgrade-screen__header .arena-screen-header__description{display:none}.character-upgrade-screen__content{grid-template-rows:auto auto;grid-template-columns:1fr;overflow-y:auto}.character-upgrade-overview{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;overflow:visible}.character-upgrade-overview__portrait{grid-row:1/3}.character-upgrade-overview__portrait .sbc-character-portrait__frame{aspect-ratio:auto;height:7rem}.character-upgrade-overview__levels{justify-content:flex-start}.character-upgrade-overview>p{align-self:start}.character-upgrade-purchase{grid-column:1/-1}.character-upgrade-comparison{overflow:visible}.character-upgrade-comparison>header{flex-direction:column;align-items:flex-start;gap:.25rem}.character-upgrade-tables{grid-template-columns:1fr}.character-upgrade-table{font-size:.82rem}.character-upgrade-table thead th{font-size:.64rem}.character-upgrade-table th,.character-upgrade-table td{padding:.38rem .4rem}.result-progression-rewards{justify-self:center}}@media (width<=390px) and (orientation:portrait){.arena-main-rizz{min-width:0;padding:.2rem .1rem}.arena-main-rizz strong{font-size:.9rem}.arena-main-credits{justify-content:center;min-width:0;padding:.2rem .1rem}.arena-main-credits img{width:1.55rem;height:1.55rem}.arena-main-credits strong{font-size:.9rem}.arena-main-total-medals{min-width:0;padding:.2rem .1rem}.arena-main-total-medals .medal-amount strong{font-size:.9rem}}.lobby-shell,.coop-room-shell{width:100%;min-height:100dvh;padding:max(.4rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.lobby-shell{min-height:100dvh;overflow:auto}.pwa-header{border-bottom:1px solid #2e70c7bf;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;width:min(48rem,100%);min-height:3.5rem;margin:0 auto;display:grid}.lobby-header-home{align-items:center;gap:.55rem;min-width:0;display:flex}.lobby-header-home>.arena-button,.lobby-header-actions .arena-button{min-height:3rem}.lobby-header-home>.arena-button{width:3rem;padding:0}.lobby-header-home>.arena-button .arena-button__label{display:none}.lobby-header-actions{align-items:center;gap:.5rem;display:flex}.lobby-header-team{justify-content:center;gap:.3rem;min-width:0;display:flex}.lobby-content{gap:.55rem;width:min(48rem,100%);margin:.5rem auto 0;display:grid}.player-avatar{width:2.7rem;height:2.7rem;color:var(--sbc-ink-on-colour);background:var(--sbc-cyan);border:2px solid #f5f8ff73;border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:900;display:grid;overflow:hidden}.player-info small{color:var(--sbc-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.player-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.lobby-team-portrait{cursor:pointer;background:radial-gradient(circle at 50% 45%,#12c9f32e,#0000 52%),#06163d8c;border:1px solid #12c9f38c;border-radius:.6rem;width:3rem;height:3rem;padding:0;display:grid;position:relative;overflow:hidden}.lobby-team-portrait:hover,.lobby-team-portrait:focus-visible{border-color:var(--sbc-primary);outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.lobby-team-portrait img,.lobby-team-portrait .portrait-fallback{object-fit:contain;object-position:center bottom;width:100%;height:100%;min-height:0;position:absolute;inset:.15rem}.players-section{min-height:0}.players-heading{justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;display:flex}.players-heading h1{font:900 clamp(1.65rem, 6vw, 2rem)/1 var(--sbc-font-display);text-transform:uppercase;margin:0}.player-count,.player-busy-label{border:1px solid var(--sbc-line);color:var(--sbc-muted);letter-spacing:.06em;text-transform:uppercase;background:#06163db3;border-radius:.45rem;flex:none;padding:.35rem .5rem;font-size:.75rem;font-weight:900}.player-cards{gap:.55rem;padding:.1rem;display:grid}.lobby-player{background:#0b2862eb;align-items:center;gap:.75rem;min-width:0;min-height:4.2rem;padding:.65rem;display:flex}.lobby-player.available{border-color:#12c9f3b3}.lobby-player.busy{filter:saturate(.55)}.player-info{flex:1;gap:.18rem;min-width:0;display:grid}.lobby-player-actions{gap:.45rem;display:flex}.lobby-player-actions .arena-button{min-height:3rem;padding:.55rem .75rem}.empty-lobby{min-height:9rem;color:var(--sbc-muted);text-align:center;background:#0b2862bf;border-style:dashed;align-content:center;place-items:center;gap:.35rem;padding:1rem;display:grid}.empty-lobby .arena-icon{color:var(--sbc-cyan)}.empty-lobby strong{color:var(--sbc-ink)}.empty-lobby p{margin:0;font-size:.875rem}@media (orientation:landscape) and (height<=520px){.lobby-shell{padding-top:0}.pwa-header{min-height:3.2rem}.pwa-header .arena-button{min-height:2.6rem}}@media (width<=700px) and (orientation:landscape){.lobby-header-actions .arena-button__label{display:none}.pwa-header .arena-button{width:3rem;padding:0}.lobby-player-actions .arena-button{padding:.45rem;font-size:.72rem}}@media (orientation:portrait){.lobby-shell{height:auto;min-height:100dvh;overflow:auto}.lobby-header-actions .arena-button__label{display:none}.lobby-header-actions .arena-button{width:3rem;padding:0}.player-cards{max-height:none;overflow:visible}}@media (width>=768px){.pwa-header,.lobby-content{width:min(70rem,100%)}.player-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.party-shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.arena-action-error,.party-outcome-notice{border:1px solid var(--sbc-reward);color:var(--sbc-ink);background:#4a2116f5;border-radius:.55rem .14rem;margin:0;padding:.55rem .7rem;font-size:.82rem;font-weight:800;box-shadow:0 .4rem 1rem #00000059}.party-outcome-notice{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.party-outcome-notice>.arena-icon{color:var(--sbc-reward)}.party-outcome-notice .arena-button{width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0}.party-shell__feedback{z-index:20;top:calc(env(safe-area-inset-top) + 4.25rem);right:max(.75rem, env(safe-area-inset-right));width:min(30rem,100% - 1.5rem);position:fixed}.party-header{width:min(70rem,100%)}.party-header>.arena-button{min-width:3rem;min-height:3rem}.party-picker,.party-room{width:min(70rem,100%);min-height:0;margin:.65rem auto 0;display:grid;overflow:hidden}.party-picker{grid-template-rows:auto minmax(0,1fr);gap:.7rem}.party-picker__heading,.party-room>header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.party-picker__heading>div,.party-room>header>div{min-width:0}.party-picker h1,.party-room h1{font:900 clamp(1.75rem, 4.5vw, 2.8rem)/.9 var(--sbc-font-display);text-transform:uppercase;margin:0 0 .25rem}.party-picker__heading p:last-child,.party-room>header p:last-child{max-width:42rem;color:var(--sbc-muted);margin:0;font-size:.875rem}.party-setup-summary{border:1px solid var(--sbc-cyan);min-width:12rem;min-height:3.5rem;color:var(--sbc-ink);text-align:left;background:#06163ddb;border-radius:.6rem .14rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .55rem;padding:.45rem .65rem;display:grid}.party-setup-summary small{color:var(--sbc-cyan);letter-spacing:.08em;grid-column:1;font-size:.72rem;font-weight:900}.party-setup-summary strong{font:900 .95rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-column:1;overflow:hidden}.party-setup-summary .arena-icon{grid-area:1/2/span 2}.party-setup-summary:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.party-picker__content{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);gap:1rem;min-height:0;display:grid}.party-picker__content>section,.party-selection-summary{min-height:0;overflow:auto}.party-picker__content h2,.party-selection-summary h2{font:900 1.4rem/1 var(--sbc-font-display);text-transform:uppercase;margin:0 0 .5rem}.party-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.1rem .2rem .1rem .1rem;display:grid}.party-player-option{border:2px solid var(--sbc-line);min-width:0;min-height:4.35rem;color:var(--sbc-ink);text-align:left;background:#0b2862eb;border-radius:.65rem .14rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem;display:grid}.party-player-option[aria-pressed=true]{border-color:var(--sbc-primary);background:color-mix(in srgb, var(--sbc-primary), var(--sbc-surface) 91%)}.party-player-option:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.party-player-option:disabled{cursor:not-allowed;filter:saturate(.55)}.party-player-medals{color:var(--sbc-reward);font-size:.8rem;font-weight:900}.party-player-action{color:var(--sbc-cyan);letter-spacing:.06em;grid-column:2/-1;font-size:.72rem;font-weight:900}.party-player-option[aria-pressed=true] .party-player-action{color:var(--sbc-primary)}.party-empty-state{text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:.35rem;min-height:9rem;display:grid}.party-empty-state p{color:var(--sbc-muted);margin:0}.party-selection-summary{background:#06163dc2;border:1px solid #2e70c7bf;border-radius:.75rem .16rem;align-content:start;gap:.5rem;padding:.75rem;display:grid}.party-position{border:1px dashed var(--sbc-line);border-radius:.55rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .55rem;min-height:3.35rem;padding:.4rem .5rem;display:grid}.party-position[data-filled=true]{border-style:solid;border-color:#12c9f3b3}.party-position>span{width:2.35rem;height:2.35rem;color:var(--sbc-ink-on-colour);background:var(--sbc-electric-blue);border-radius:.48rem;grid-row:1/span 2;place-items:center;font-weight:900;display:grid}.party-position strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-position small{color:var(--sbc-muted);letter-spacing:.06em;font-size:.72rem;font-weight:800}.party-ai-note,.party-second-friend-note{color:var(--sbc-muted);align-items:center;gap:.4rem;margin:.15rem 0;font-size:.8rem;line-height:1.25;display:flex}.party-ai-note .arena-icon{color:var(--sbc-cyan);flex:none}.party-picker__actions{gap:.45rem;margin-top:.15rem;display:grid}.party-picker__actions .arena-button{min-height:3.35rem}.party-room{grid-template-rows:auto minmax(0,1fr) auto;gap:.8rem}.party-room__lineup{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:.65rem;min-height:0;display:grid}.party-member-card{background:#0b2862f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;min-height:5rem;padding:.65rem;display:grid}.party-member-card[data-ai=true]{border-style:dashed}.party-member-card__avatar{width:3rem;height:3rem;color:var(--sbc-ink-on-colour);background:var(--sbc-electric-blue);border-radius:.55rem;place-items:center;font-weight:900;display:grid;overflow:hidden}.party-member-card[data-ai=true] .party-member-card__avatar{color:var(--sbc-ink);background:var(--sbc-special)}.party-member-card>span:nth-child(2){gap:.08rem;min-width:0;display:grid}.party-member-card small{color:var(--sbc-cyan);letter-spacing:.07em;font-size:.72rem;font-weight:900}.party-member-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-member-card em{color:var(--sbc-reward);font-size:.75rem;font-style:normal;font-weight:900}.party-room__actions{padding-bottom:max(.2rem, env(safe-area-inset-bottom));justify-content:flex-end;display:flex}.party-room__actions .arena-button{width:min(22rem,100%);min-height:3.75rem}.party-invitation-backdrop{z-index:130;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:#020a1fdb;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.party-invitation-backdrop::backdrop{background:#020a1fa8}.party-invitation{text-align:center;justify-items:center;gap:.65rem;width:min(32rem,100%);padding:1rem;display:grid}.party-invitation__icon{width:3.5rem;height:3.5rem;color:var(--sbc-primary);background:#06163dcc;border-radius:.7rem;place-items:center;display:grid}.party-invitation h2{font:900 clamp(1.5rem, 4.5vw, 2.2rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.party-invitation p{color:var(--sbc-muted);margin:0}.party-invitation__setup{color:var(--sbc-cyan)}.party-invitation__timer{letter-spacing:.06em;font-weight:900}.party-invitation>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;display:grid}.party-invitation .arena-button{min-height:3.5rem}@media (orientation:landscape) and (height<=520px){.party-shell{padding-top:0}.party-picker,.party-room{margin-top:.35rem}.party-picker h1,.party-room h1{font-size:2rem}.party-player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.party-player-option{min-height:3.8rem}.party-selection-summary{gap:.35rem;padding:.55rem}.party-position{min-height:2.9rem}.party-position>span{width:2rem;height:2rem}.party-member-card{min-height:4.2rem;padding:.45rem .55rem}}@media (width<=700px) and (orientation:landscape){.party-header .arena-button__label{display:none}.party-picker__content{grid-template-columns:minmax(0,1.25fr) minmax(14rem,.75fr);gap:.55rem}.party-player-list{grid-template-columns:1fr}.party-picker__heading p:last-child{display:none}.party-setup-summary{min-width:10rem}.party-player-option .player-avatar{width:2.4rem;height:2.4rem}.party-member-card .arena-status-chip{font-size:.7rem}}@media (orientation:portrait){.party-shell{height:auto;min-height:100dvh;overflow:auto}.party-picker,.party-room{overflow:visible}.party-picker__heading,.party-room>header{flex-direction:column;align-items:stretch}.party-setup-summary{width:100%}.party-picker__content{grid-template-columns:1fr}.party-picker__content>section,.party-selection-summary{overflow:visible}.party-player-list,.party-room__lineup{grid-template-columns:1fr}}.tactics-preview-action{white-space:nowrap;min-height:2.2rem;padding-inline:.75rem}.tactics-preview-backdrop{border:1px solid color-mix(in srgb, var(--sbc-primary), transparent 36%);width:min(68rem,100vw - 2rem);max-width:none;height:min(43rem,100dvh - 2rem);max-height:none;color:var(--sbc-text);background:#030d27fa;border-radius:1rem;margin:auto;padding:0;overflow:hidden;box-shadow:0 1.4rem 5rem #000000ad,inset 0 0 0 1px #ffffff09}.tactics-preview-backdrop::backdrop{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#000614d1}.tactics-preview{grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;height:100%;padding:clamp(.9rem,2.2vw,1.4rem);display:grid}.tactics-preview>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tactics-preview>header h2{font:900 clamp(1.4rem, 2.6vw, 1.9rem)/.94 var(--sbc-font-display);text-transform:uppercase;margin:0 0 .3rem}.tactics-preview>header p{max-width:40rem;color:var(--sbc-muted);margin:0;font-size:.82rem}.tactics-preview__stances{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.tactics-preview__stances .arena-button{min-height:2.65rem}.tactics-preview__body{grid-template-columns:minmax(0,1fr) minmax(10rem,14rem);align-items:center;gap:1rem;min-height:0;display:grid}.tactics-pitch{width:min(100%, calc((100dvh - 13.5rem) * var(--tactics-pitch-ratio)));aspect-ratio:var(--tactics-pitch-ratio);background:linear-gradient(90deg,#0000 49.75%,#e5fff3a3 49.75% 50.25%,#0000 50.25%),repeating-linear-gradient(90deg,#6bb85326 0 12.5%,#31804512 12.5% 25%),radial-gradient(circle,#186546f5,#073030fa);border:.22rem solid #e5fff3b3;border-radius:.45rem;justify-self:center;position:relative;overflow:hidden;box-shadow:inset 0 0 2.5rem #0006,0 .8rem 2.4rem #00000059}.tactics-pitch:before,.tactics-pitch:after{content:"";border:1px solid #e5fff394;width:15%;position:absolute;top:23%;bottom:23%}.tactics-pitch:before{left:-.1rem}.tactics-pitch:after{right:-.1rem}.tactics-pitch__halfway{background:#e5fff394;width:1px;position:absolute;inset:0 auto 0 50%}.tactics-pitch__circle{aspect-ratio:1;border:1px solid #e5fff394;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tactics-pitch__goal{border:1px solid #e5fff394;width:2.2%;position:absolute;top:39%;bottom:39%}.tactics-pitch__goal--own{border-left:0;left:0}.tactics-pitch__goal--opponent{border-right:0;right:0}.tactics-pitch__assignment{z-index:2;pointer-events:none;position:absolute;inset:0}.tactics-pitch__radius{z-index:0;top:var(--tactics-top);left:var(--tactics-left);width:var(--tactics-zone-width);height:var(--tactics-zone-height);border:2px solid var(--sbc-primary);background:color-mix(in srgb, var(--sbc-primary), transparent 84%);min-width:3.5rem;min-height:3.5rem;box-shadow:0 0 1.2rem color-mix(in srgb, var(--sbc-primary), transparent 42%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.tactics-pitch__portrait.sbc-character-portrait{z-index:1;top:var(--tactics-top);left:var(--tactics-left);pointer-events:auto;width:clamp(2.7rem,6vw,4rem);min-width:0;margin:0;position:absolute;transform:translate(-50%,-50%)}.tactics-pitch__portrait .sbc-character-portrait__frame{aspect-ratio:1;background:#071431fa;border-radius:50%;box-shadow:0 .35rem .75rem #00000073}.tactics-pitch__portrait img{object-fit:cover;object-position:center 15%}.tactics-pitch__assignment[data-selected] .sbc-character-portrait__frame{border-color:var(--sbc-primary);box-shadow:0 0 0 .16rem #b9ee184d,0 .35rem .75rem #00000073}.tactics-preview__inspector{border:1px solid var(--sbc-line);background:#07163dc2;border-radius:.7rem;align-self:center;padding:1rem}.tactics-preview__inspector strong{font:900 1.25rem/1 var(--sbc-font-display);text-transform:uppercase;margin:0 0 .5rem;display:block}.tactics-preview__inspector p{color:var(--sbc-muted);margin:0 0 .7rem;font-size:.78rem;line-height:1.4}.tactics-preview__inspector small{color:var(--sbc-cyan);letter-spacing:.06em;font-size:.62rem;font-weight:900}@media (orientation:portrait),(width<=700px){.tactics-preview-backdrop{width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.tactics-preview{grid-template-rows:auto auto minmax(0,1fr);padding:.8rem}.tactics-preview>header p{font-size:.72rem}.tactics-preview__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:.6rem}.tactics-pitch{width:min(100%, calc((100dvh - 19rem) * var(--tactics-pitch-ratio)))}.tactics-preview__inspector{padding:.7rem .8rem}.tactics-preview__inspector p{margin-bottom:.35rem}}@media (orientation:landscape) and (height<=500px){.tactics-preview-backdrop{height:calc(100dvh - .5rem)}.tactics-preview{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:.55rem 1rem;padding:.65rem}.tactics-preview>header{flex-direction:column;grid-row:1/-1;justify-content:flex-start}.tactics-preview>header p{font-size:.68rem}.tactics-preview__stances{grid-column:2}.tactics-preview__stances .arena-button{min-height:2.1rem;padding-block:.3rem}.tactics-preview__body{grid-column:2;grid-template-columns:minmax(0,1fr) 9.5rem;gap:.65rem}.tactics-pitch{width:min(100%, calc((100dvh - 5.2rem) * var(--tactics-pitch-ratio)))}.tactics-preview__inspector{padding:.6rem}}.pitch-selection{align-items:center;gap:.6rem;min-width:0;display:flex}.pitch-selection__summary{min-width:0;min-height:3.5rem;color:var(--sbc-ink);text-align:left;background:linear-gradient(120deg,#0b2862f0,#06163de0);border:1px solid #2e70c7b8;border-radius:.62rem .14rem;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem .65rem;display:grid;box-shadow:inset 0 1px #f5f8ff14}button.pitch-selection__summary{font:inherit}.pitch-selection__summary--editable{cursor:pointer}.pitch-selection__summary--editable:hover{border-color:var(--sbc-cyan)}.pitch-selection__summary--editable:focus-visible{border-color:var(--sbc-cyan);outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.pitch-selection__summary--editable:disabled{cursor:wait;opacity:.72}.pitch-selection__mark,.pitch-chooser__thumbnail{color:var(--sbc-primary);background:#287642;border:1px solid #b9ee18ad;border-radius:.5rem .1rem;place-items:center;display:grid;position:relative;overflow:hidden}.pitch-selection__mark{width:2.5rem;height:2.5rem}.pitch-selection__mark i,.pitch-chooser__thumbnail i{opacity:.38;background:repeating-linear-gradient(90deg,#0000 0 22%,#f5f8ff38 22% 44%);position:absolute;inset:0;transform:skew(-10deg)scale(1.2)}.pitch-selection__mark .arena-icon,.pitch-chooser__thumbnail .arena-icon{position:relative}.pitch-selection__copy{gap:.1rem;min-width:0;display:grid}.pitch-selection__copy small{color:var(--sbc-cyan);letter-spacing:.12em;font-size:.875rem;font-weight:900}.pitch-selection__copy strong{font:900 1.1rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pitch-selection__help{color:var(--sbc-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;font-size:.875rem;line-height:1.1;overflow:hidden}.pitch-selection__change{color:var(--sbc-cyan);letter-spacing:.06em;align-items:center;gap:.3rem;font-size:.875rem;font-weight:900;display:inline-flex}.coop-room-shell>.pitch-selection{grid-column:1/-1}.pitch-selection--compact{width:fit-content;max-width:min(26rem,100%);display:block}.pitch-selection--compact .pitch-selection__summary{width:fit-content;max-width:100%;min-height:3rem;box-shadow:none;background:0 0;border:0;border-radius:.35rem;grid-template-columns:minmax(0,1fr);padding:.1rem .25rem}.pitch-selection--compact .pitch-selection__summary strong{color:var(--sbc-ink);font:900 clamp(1.2rem, 2.5vw, 1.65rem)/1 var(--sbc-font-display);letter-spacing:.015em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pitch-selection--compact .pitch-selection__summary--editable:hover strong{color:var(--sbc-cyan)}.pitch-chooser-backdrop{z-index:110;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--sbc-ink);-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:#020a1fd6;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.pitch-chooser-backdrop::backdrop{-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#020a1f9e}.pitch-chooser{border:1px solid var(--sbc-cyan);background:linear-gradient(145deg,#123d83fc,#06163dfc);border-radius:.9rem;grid-template-rows:auto minmax(0,1fr) auto;width:min(38rem,100%);max-height:calc(100dvh - 1.5rem);display:grid;overflow:hidden;box-shadow:0 1.5rem 5rem #0000008c}.pitch-chooser>header{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:start;gap:1rem;padding:.75rem .9rem;display:flex}.pitch-chooser h2{font:900 clamp(1.45rem, 4vw, 2rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.pitch-chooser__close{width:3rem;padding:0}.pitch-chooser__list{min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.pitch-chooser__list>li>button{border:0;border-bottom:1px solid var(--sbc-line);width:100%;min-height:4.25rem;color:var(--sbc-ink);font:inherit;text-align:left;background:#06163d85;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .75rem;display:grid}.pitch-chooser__list>li>button:hover{background:#123d83b8}.pitch-chooser__list>li>button:focus-visible{outline:3px solid var(--sbc-cyan);outline-offset:-4px}.pitch-chooser__list>li>button[aria-pressed=true]{background:color-mix(in srgb, var(--sbc-primary), var(--sbc-surface) 91%)}.pitch-chooser__list>li>button:disabled{cursor:wait;opacity:.65}.pitch-chooser__thumbnail{width:3rem;height:3rem}.pitch-chooser__copy{gap:.18rem;min-width:0;display:grid}.pitch-chooser__copy strong{font:900 1.08rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.pitch-chooser__copy small{color:var(--sbc-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.2;display:-webkit-box;overflow:hidden}.pitch-chooser__selected{color:var(--sbc-primary);letter-spacing:.06em;align-items:center;gap:.3rem;font-size:.875rem;font-weight:900;display:inline-flex}.pitch-chooser__note{padding:.65rem .85rem max(.65rem, env(safe-area-inset-bottom));color:var(--sbc-muted);text-align:center;background:#06163df2;margin:0;font-size:.875rem}@media (orientation:landscape) and (height<=520px){.pitch-selection{gap:.45rem}.pitch-selection__summary{gap:.15rem .45rem;min-height:3rem;padding:.2rem .48rem}.pitch-selection__mark{width:2.15rem;height:2.15rem}.pitch-selection__copy strong,.pitch-selection__change{font-size:.875rem}.pitch-chooser{grid-template-rows:1fr auto;grid-template-columns:minmax(10rem,.58fr) minmax(0,1fr);width:min(46rem,100%)}.pitch-chooser>header{border-right:1px solid var(--sbc-line);border-bottom:0;align-items:center}.pitch-chooser h2{font-size:1.8rem}.pitch-chooser__list{border-bottom:0;align-self:stretch}.pitch-chooser__list>li>button{min-height:4rem}.pitch-chooser__note{padding-block:.48rem max(.48rem, env(safe-area-inset-bottom));grid-column:1/-1}}@media (orientation:landscape) and (width<=900px) and (height<=520px){.pitch-selection__summary{grid-template-columns:minmax(0,1fr) auto}.pitch-selection__mark{display:none}.pitch-selection__help{grid-column:1/-1}.pitch-selection__summary>.arena-status-chip{min-height:1.65rem;padding:.25rem .45rem;font-size:.875rem}}@media (orientation:portrait){.coop-room-shell>.pitch-selection{margin-block:.75rem}.pitch-selection{flex-direction:column;align-items:stretch}.pitch-selection__help{font-size:.8rem}}.coop-room-shell{height:100dvh;min-height:20rem;padding-bottom:max(.65rem, env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(16rem,.32fr);gap:.5rem .8rem;display:grid;overflow:hidden}.coop-utility-rail,.coop-team-status,.coop-room-shell>.arena-action-error{grid-column:1/-1}.coop-utility-rail{justify-content:space-between;align-items:center;gap:1rem;min-width:0;min-height:3.25rem;display:flex}.coop-match-context{align-content:center;gap:.05rem;min-width:0;display:grid}.coop-switching-state{min-width:0;color:var(--sbc-muted);letter-spacing:.08em;align-items:center;gap:.3rem;font-size:.66rem;font-weight:900;line-height:1;display:inline-flex}.coop-switching-state[data-enabled=true]{color:var(--sbc-primary)}.coop-utility-actions{flex:none;align-items:center;gap:.45rem;display:flex}.coop-icon-action,.tactics-preview-action--asset{width:3.25rem;min-width:3.25rem;min-height:3.25rem;padding:.2rem}.coop-icon-action .arena-button__label,.tactics-preview-action--asset .arena-button__label{display:none}.coop-icon-action .arena-button__icon,.tactics-preview-action--asset .arena-button__icon{justify-content:center;align-items:center;width:100%;height:100%}.coop-icon-action .arena-button__icon img,.tactics-preview-action--asset .arena-button__icon img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:2.75rem;height:2.75rem}.coop-leave-action .arena-button__icon{width:auto;height:auto}.coop-leave-action .arena-icon{width:1.7rem;height:1.7rem}.coop-team-status{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.45rem;display:grid}.coop-team-status article{background:#0b2862ed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;min-width:0;min-height:4.15rem;padding:.4rem .5rem;display:grid}.coop-team-status article[data-ready=true]{border-color:var(--sbc-primary)}.coop-team-status article[data-ai=true]{border-style:dashed}.coop-role-badge{width:2.25rem;height:2.25rem;color:var(--sbc-ink-on-colour);background:var(--sbc-primary);font:900 .85rem/1 var(--sbc-font-display);border-radius:.5rem;place-items:center;display:grid}.coop-role-badge.teammate{background:var(--sbc-cyan)}.coop-role-badge.keeper{color:var(--sbc-ink);background:var(--sbc-special)}.coop-team-status article>div{gap:.06rem;min-width:0;display:grid}.coop-team-status small{color:var(--sbc-muted);letter-spacing:.06em;font-size:.68rem;font-weight:800}.coop-team-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.coop-team-status em{color:var(--sbc-reward);font-size:.68rem;font-style:normal;font-weight:900}.coop-player-lock{justify-items:end;gap:.12rem;min-width:0;display:grid}.coop-player-lock>span:first-child{max-width:8.5rem;color:var(--sbc-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.coop-ready-label{min-height:1.6rem;padding:.16rem .4rem;font-size:.65rem}.coop-unselected{color:var(--sbc-muted)!important}.coop-picker{min-width:0;min-height:0;padding:.1rem .25rem .1rem .1rem;overflow:auto}.coop-role-switch{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.coop-role-switch .arena-button{min-height:3rem;padding:.42rem .58rem;font-size:.72rem}.coop-picker .section-heading{margin-bottom:.45rem}.coop-character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.coop-character-choice{border:2px solid var(--sbc-line);min-width:0;min-height:8.25rem;color:var(--sbc-ink);background:linear-gradient(155deg, var(--sbc-surface-raised), var(--sbc-surface));text-align:left;cursor:pointer;border-radius:.65rem;grid-template-rows:minmax(0,1fr) auto;padding:0;display:grid;position:relative;overflow:hidden}.coop-character-choice:hover:not(:disabled),.coop-character-choice:focus-visible{border-color:var(--sbc-cyan);outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.coop-character-choice.selected{border-color:var(--sbc-primary)}.coop-character-choice__level{z-index:3;filter:drop-shadow(0 .08rem .18rem #0000009e);position:absolute;top:.3rem;left:.3rem}.coop-character-choice:disabled{cursor:not-allowed;filter:grayscale(.7)saturate(.4)}.coop-character-choice>img,.coop-character-choice>.portrait-fallback{object-fit:contain;object-position:center bottom;background:radial-gradient(circle,#12c9f326,#0000 60%);width:100%;height:100%;min-height:4.8rem}.coop-character-choice>span:not(.portrait-fallback):not(.coop-character-state){background:#06163df0;gap:.05rem;min-width:0;padding:.32rem .4rem;display:grid}.coop-character-choice strong{font:900 .92rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.coop-character-choice small{color:var(--sbc-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.coop-confirm-action{background:#06163dd6;border:1px solid #2e70c7b8;border-radius:.7rem .16rem;align-self:start;gap:.5rem;min-width:0;padding:.65rem;display:grid}.coop-confirm-action p{color:var(--sbc-muted);margin:0;font-size:.78rem;line-height:1.25}.coop-confirm-action .arena-button{width:100%;min-height:3.5rem}.coop-rival-dialog{gap:.65rem;width:min(46rem,100%);max-height:calc(100dvh - 1.5rem);padding:1rem;display:grid;overflow:auto}.coop-rival-dialog>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.coop-rival-dialog h2{font:900 clamp(1.5rem, 4vw, 2.15rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.coop-rival-dialog h3{color:var(--sbc-cyan);letter-spacing:.08em;margin:0;font-size:.8rem}.coop-rival-dialog__rating{flex-wrap:wrap;gap:.45rem;display:flex}.coop-rival-lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.coop-rival-lineup li{border:1px solid var(--sbc-line);background:#06163dd1;border-radius:.55rem;align-content:end;min-width:0;min-height:8rem;padding:.5rem;display:grid;position:relative;overflow:hidden}.coop-rival-lineup img,.coop-rival-lineup .portrait-fallback{object-fit:contain;object-position:center bottom;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.coop-rival-lineup li>small,.coop-rival-lineup li>strong,.coop-rival-lineup li>.sbc-character-level-badge{z-index:1;position:relative}.coop-rival-lineup li>small{color:var(--sbc-cyan);font-size:.65rem;font-weight:900}.coop-rival-lineup li>strong{font:900 1rem/1 var(--sbc-font-display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}@media (orientation:landscape) and (height<=520px){.coop-team-status article{min-height:3.7rem;padding:.28rem .42rem}.coop-ready-label{min-height:1.5rem}.coop-character-choice{min-height:6.6rem}.coop-character-choice small{display:none}.coop-confirm-action{padding:.5rem}.coop-confirm-action p{font-size:.7rem}.coop-rival-dialog{gap:.35rem;padding:.55rem}.coop-rival-dialog h2{font-size:1.6rem}.coop-rival-lineup li{min-height:5.7rem;padding:.3rem}}@media (width>=1200px) and (orientation:landscape){.coop-character-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (orientation:landscape) and (height<=620px){.coop-room-shell{overscroll-behavior-y:contain;grid-template-rows:auto auto auto;align-content:start;height:100dvh;min-height:100dvh;overflow-y:auto}.coop-utility-rail{min-height:3rem}.coop-picker{overflow:visible}.coop-confirm-action{align-self:start}}@media (width<=700px) and (orientation:landscape){.coop-room-shell{grid-template-columns:minmax(0,1fr) minmax(13rem,.42fr)}.coop-team-status article{grid-template-columns:auto minmax(0,1fr)}.coop-player-lock{grid-column:2;justify-items:start}.coop-ready-label{display:none}.coop-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coop-role-switch .arena-button{min-height:2.7rem;padding:.35rem}}@media (orientation:portrait){.coop-room-shell{height:100dvh;min-height:100dvh;padding-bottom:max(1rem, env(safe-area-inset-bottom));display:block;overflow:auto}.coop-utility-rail{z-index:10;background:color-mix(in srgb, var(--sbc-canvas) 92%, transparent);padding-block:.25rem;position:sticky;top:0}.coop-team-status{grid-template-columns:1fr;margin:.55rem 0}.coop-picker{margin-top:.7rem;overflow:visible}.coop-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coop-confirm-action{margin-top:.75rem}}.game-menu-backdrop{z-index:100;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--sbc-ink);-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:#020a1fd1;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.game-menu-backdrop::backdrop{-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#020a1f9e}.game-menu-modal{border:1px solid var(--sbc-cyan);width:min(52rem,100%);max-height:calc(100dvh - 1.5rem);color:var(--sbc-ink);background:linear-gradient(145deg, #123d83fc, #06163dfc), var(--sbc-surface);border-radius:.9rem;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 1.5rem 5rem #00000085}.game-menu-modal>header{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:start;gap:1rem;padding:.85rem 1rem;display:flex}.game-menu-modal h2{font:900 clamp(1.6rem, 4vw, 2.25rem)/.92 var(--sbc-font-display);text-transform:uppercase;margin:0}.game-menu-close{width:3rem;padding:0}.game-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:auto}.game-menu-footer{padding:.7rem 1rem max(.7rem, env(safe-area-inset-bottom));border-top:1px solid var(--sbc-line);background:#06163df2;grid-template-columns:minmax(0,1fr) minmax(9rem,15rem);align-items:center;gap:1rem;display:grid}.game-menu-note{color:var(--sbc-muted);margin:0;font-size:.82rem}.game-menu-footer .arena-button{width:100%}@media (orientation:landscape) and (height<=520px){.game-menu-modal>header{padding:.55rem .75rem}.game-menu-modal h2{font-size:1.9rem}.game-menu-footer{padding-top:.45rem;padding-bottom:max(.45rem, env(safe-area-inset-bottom))}}@media (width<=620px),(orientation:portrait){.game-menu-list{grid-template-columns:1fr}}@media (width<=380px){.game-menu-footer{grid-template-columns:1fr}.game-menu-note{display:none}}.game-setting-toggle>span,.game-setting-action>span{gap:.25rem;display:grid}.game-setting-toggle strong,.game-setting-action strong{font-size:.95rem}.game-setting-toggle small,.game-setting-action small{color:var(--sbc-muted);font-size:.82rem;line-height:1.35}.game-setting-toggle{border-bottom:1px solid var(--sbc-line);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5.3rem;padding:.75rem 1rem;display:grid;position:relative}.game-setting-toggle+.game-setting-toggle{border-left:1px solid var(--sbc-line)}.game-setting-toggle input{opacity:0;width:1px;height:1px;position:absolute}.game-setting-toggle>i{border:2px solid var(--sbc-line);background:var(--sbc-canvas);border-radius:999px;width:3.5rem;height:2rem;transition:border-color .15s,background .15s;display:block;position:relative}.game-setting-toggle>i:after{background:var(--sbc-muted);content:"";border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .15s,background .15s;position:absolute;top:.22rem;left:.22rem}.game-setting-toggle input:checked+i{border-color:var(--sbc-primary);background:#b9ee1847}.game-setting-toggle input:checked+i:after{background:var(--sbc-primary);transform:translate(1.45rem)}.game-setting-toggle input:focus-visible+i{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.game-setting-action{border-bottom:1px solid var(--sbc-line);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(12rem,auto);align-items:center;gap:1rem;min-height:5.3rem;padding:.75rem 1rem;display:grid}.game-setting-action .arena-button{width:100%}@media (orientation:landscape) and (height<=520px){.game-setting-toggle,.game-setting-action{min-height:4.2rem;padding:.55rem .75rem}}@media (width<=620px),(orientation:portrait){.game-setting-toggle+.game-setting-toggle{border-left:0}.game-setting-action{grid-template-columns:1fr}}.game-profile-name{border-bottom:1px solid var(--sbc-line);grid-column:1/-1;grid-template-columns:minmax(12rem,.9fr) minmax(15rem,1.1fr);align-items:center;gap:.45rem 1rem;padding:.8rem 1rem;display:grid}.game-profile-name>span{gap:.25rem;display:grid}.game-profile-name strong{font-size:.95rem}.game-profile-name small{color:var(--sbc-muted);font-size:.82rem;line-height:1.35}.game-profile-name input{border:1px solid var(--sbc-line);width:100%;min-height:3rem;color:var(--sbc-ink);background:var(--sbc-canvas);border-radius:.55rem;padding:0 .75rem;font-size:1rem}.game-profile-name>small{grid-column:2}.game-profile-name [role=alert]{color:#ffd2d5}.game-profile-name input:focus-visible{border-color:var(--sbc-cyan);outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.game-profile-name input[aria-invalid=true]{border-color:var(--sbc-danger)}.profile-icon-setting{border-bottom:1px solid var(--sbc-line);grid-column:1/-1;gap:.75rem;padding:.8rem 1rem 1rem;display:grid}.profile-icon-setting__heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.profile-icon-setting__heading>span{gap:.25rem;display:grid}.profile-icon-setting__heading>.profile-icon-setting__rizz{text-align:right;justify-items:end}.profile-icon-setting__heading strong{font-size:.95rem}.profile-icon-setting__heading small{color:var(--sbc-muted);font-size:.82rem;line-height:1.35}.profile-icon-picker{grid-template-columns:repeat(8,minmax(3rem,1fr));gap:.45rem;display:grid}.profile-icon-picker__option{aspect-ratio:1;background:var(--sbc-canvas);cursor:pointer;border:2px solid #9aceff80;border-radius:.7rem;justify-self:center;width:100%;max-width:4.75rem;padding:0;position:relative;overflow:hidden;box-shadow:0 .25rem .75rem #00000038}.profile-icon-picker__option:hover:not(:disabled){border-color:var(--sbc-cyan);transform:translateY(-1px)}.profile-icon-picker__option:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:3px}.profile-icon-picker__option[data-selected]{border-color:var(--sbc-primary);box-shadow:0 0 0 2px #b9ee1859,0 .3rem 1rem #0000004d}.profile-icon-picker__option[data-pending]{border-color:#ff8a35;box-shadow:0 0 0 2px #ff752747,0 .3rem 1rem #0000004d}.profile-icon-picker__option:disabled{cursor:not-allowed}.profile-icon-picker__option[data-locked] .player-profile-icon{filter:grayscale(.8)brightness(.48)saturate(.5)}.profile-icon-picker__selected{width:1.35rem;height:1.35rem;color:var(--sbc-canvas);background:var(--sbc-primary);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.18rem;right:.18rem;box-shadow:0 1px 4px #00000073}.profile-icon-picker__lock{background:#020a1fe0;border:2px solid #fff;border-radius:.25rem;width:1.55rem;height:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-33%);box-shadow:0 .15rem .45rem #0000008c}.profile-icon-picker__lock:before{content:"";border:2px solid #fff;border-bottom:0;border-radius:.6rem .6rem 0 0;width:.8rem;height:.7rem;position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%)}.profile-icon-picker__cost{color:#fff;font:900 .62rem/1 var(--sbc-font-display);background:#4b1404e6;border-radius:.25rem;align-items:center;gap:.08rem;padding:.12rem .2rem;display:inline-flex;position:absolute;bottom:.12rem;right:.12rem}.profile-icon-picker__cost img{object-fit:contain;width:.85rem;height:.85rem}.profile-icon-unlock{background:#2b0f076b;border:1px solid #ff75278c;border-radius:.65rem;grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;gap:.55rem;padding:.55rem;display:grid}.profile-icon-unlock>.player-profile-icon{width:3rem;height:3rem}.profile-icon-unlock>span{gap:.15rem;display:grid}.profile-icon-unlock>span small{color:var(--sbc-muted);font-size:.72rem}.profile-icon-unlock .profile-icon-unlock__error{color:#ffd2d5}.player-profile-icon{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}@media (orientation:landscape) and (height<=520px){.game-profile-name,.profile-icon-setting{padding:.55rem .75rem}.profile-icon-picker{grid-template-columns:repeat(8,minmax(3rem,1fr))}.profile-icon-picker__option{width:3rem}}@media (width<=620px),(orientation:portrait){.game-profile-name{grid-template-columns:1fr}.game-profile-name>small{grid-column:1}.profile-icon-setting__heading{flex-direction:column;align-items:start;gap:.3rem}.profile-icon-setting__heading>.profile-icon-setting__rizz{text-align:left;justify-items:start}.profile-icon-picker{grid-template-columns:repeat(4,minmax(3rem,1fr))}.profile-icon-unlock{grid-template-columns:3rem minmax(0,1fr)}.profile-icon-unlock .arena-button{min-height:2.8rem}}.pwa-install-nudge{z-index:7;top:max(4.3rem, calc(env(safe-area-inset-top) + 4rem));-webkit-backdrop-filter:blur(.55rem);backdrop-filter:blur(.55rem);background:linear-gradient(110deg,#041234f5,#0b2862f0);border:1px solid #12c9f394;border-radius:.65rem .18rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;width:min(34rem,100vw - 2rem);padding:.55rem;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .55rem 1.5rem #00000059,inset 0 1px #f5f8ff14}.pwa-install-nudge__icon{width:2.35rem;height:2.35rem;color:var(--sbc-canvas);background:var(--sbc-cyan);border-radius:.45rem;place-items:center;display:grid}.pwa-install-nudge p{gap:.1rem;min-width:0;margin:0;display:grid}.pwa-install-nudge strong{font:900 1rem/1 var(--sbc-font-display);letter-spacing:.035em;text-transform:uppercase}.pwa-install-nudge small{color:var(--sbc-muted);font-size:.78rem;line-height:1.25}.pwa-install-nudge__actions{align-items:center;gap:.35rem;display:flex}.pwa-install-nudge .arena-button{min-height:2.75rem;padding:.45rem .65rem;font-size:.7rem}.pwa-install-later.arena-button{width:3rem;min-width:3rem;min-height:3rem;color:var(--sbc-muted);box-shadow:none;background:0 0;border-color:#0000;padding:0;font-size:.875rem}.pwa-install-later.arena-button:hover,.pwa-install-later.arena-button:focus-visible{color:var(--sbc-ink);background:#123d838c}.pwa-install-backdrop{z-index:120;width:100%;max-width:none;height:100%;max-height:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:var(--sbc-ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#020a1f73;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0}.pwa-install-backdrop::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#020a1f57}.pwa-install-modal{border:1px solid var(--sbc-cyan);width:min(34rem,100%);max-height:calc(100dvh - 1.5rem);color:var(--sbc-ink);background:linear-gradient(145deg,#123d83fc,#06163dfc);border-radius:.9rem;display:grid;overflow:auto;box-shadow:0 1.5rem 5rem #00000085}.pwa-mobile-install-modal{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem}.pwa-mobile-install-modal .pwa-install-modal__app-icon{grid-row:span 2;width:3rem;height:3rem}.pwa-mobile-install-modal h2,.pwa-mobile-install-modal .pwa-install-benefit{grid-column:2;padding:0}.pwa-mobile-install-modal h2{margin:0}.pwa-mobile-install-actions{grid-column:1/-1;justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.pwa-mobile-install-actions .arena-button{min-height:3rem}.pwa-mobile-install-actions .pwa-mobile-install-later{min-width:5.5rem}.pwa-install-modal>header{border-bottom:1px solid var(--sbc-line);justify-content:flex-start;align-items:center;gap:.6rem;padding:.35rem .65rem .35rem .75rem;display:flex}.pwa-install-modal h2{min-width:0;font:900 clamp(1.2rem, 4.4vw, 1.65rem)/1 var(--sbc-font-display);text-transform:uppercase;flex:1;margin:0}.pwa-install-modal__app-icon{object-fit:contain;background:#06163d;border:1px solid #f5f8ff2e;border-radius:.65rem;flex:none;width:2.5rem;height:2.5rem;padding:.15rem;box-shadow:0 .25rem .7rem #00000047}.pwa-install-close.arena-button{flex:none;width:3rem;min-height:3rem;padding:0}.pwa-install-benefit{color:var(--sbc-muted);margin:0;padding:1rem 1rem .25rem;line-height:1.45}.pwa-install-guide-heading{align-items:center;min-height:2.5rem;margin:.75rem 1rem .65rem;display:flex}.pwa-install-guide-heading h3{color:var(--sbc-ink);font:800 1.15rem/1.1 var(--sbc-font-display);letter-spacing:.025em;text-transform:uppercase;margin:0}.pwa-install-visual-guide{gap:.65rem;margin:0 1rem;padding:0;list-style:none;display:grid}.pwa-install-visual-guide>li{grid-template-columns:minmax(8.75rem,.95fr) minmax(0,1.05fr);align-items:center;gap:.75rem;min-width:0;display:grid}.pwa-install-visual-guide>li>p{color:var(--sbc-ink);grid-template-columns:1.85rem minmax(0,1fr);align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:800;line-height:1.3;display:grid}.pwa-install-visual-guide>li>p>span{width:1.85rem;height:1.85rem;color:var(--sbc-canvas);background:var(--sbc-cyan);border-radius:50%;place-items:center;font-weight:900;display:grid}.pwa-install-guide-notes{color:var(--sbc-muted);background:#123d836b;border-radius:.35rem;gap:.25rem;margin:.7rem 1rem .75rem;padding:.55rem .65rem .55rem 1.65rem;font-size:.875rem;line-height:1.35;display:grid}.pwa-ios-mock{color:#16171a;background:#f2f2f7;border:1px solid #e5e8efe0;border-radius:.72rem;min-width:0;height:6.4rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;position:relative;overflow:hidden;box-shadow:0 .3rem .75rem #00000038}.pwa-ios-browser{background:#f5f6f8;flex-direction:column;display:flex}.pwa-ios-page{background:linear-gradient(160deg,#fff,#e8eef7);flex:1;align-content:center;gap:.35rem;padding:.65rem 1rem;display:grid}.pwa-ios-page span{background:#d4dce8;border-radius:2rem;height:.35rem}.pwa-ios-page span:first-child{background:#8da5c4;width:54%;height:.55rem}.pwa-ios-page span:nth-child(2){width:86%}.pwa-ios-page span:nth-child(3){width:72%}.pwa-ios-toolbar{z-index:1;color:#087aff;background:#ebecf1fa;grid-template-columns:1.9rem minmax(0,1fr) 2.25rem;align-items:center;gap:.3rem;min-height:2.75rem;padding:.22rem .35rem;display:grid}.pwa-ios-toolbar--top{border-bottom:1px solid #d1d2d8}.pwa-ios-toolbar--bottom{border-top:1px solid #d1d2d8}.pwa-ios-address{color:#5a5b60;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:.55rem;min-width:0;padding:.38rem .45rem;font-size:.58rem;font-weight:600;overflow:hidden}.pwa-ios-target{background:#fff;border:2px solid #087aff;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:grid;box-shadow:0 0 0 2px #ffffffd9,0 0 0 4px #087aff4d}.pwa-ios-sheet-handle{background:#b1b2b8;border-radius:2rem;width:2.25rem;height:.22rem;margin:.25rem auto .2rem;display:block}.pwa-ios-more-menu,.pwa-ios-share-sheet{padding:0 .38rem .35rem}.pwa-ios-share-sheet__app,.pwa-ios-add-screen__app{align-items:center;gap:.4rem;min-width:0;display:flex}.pwa-ios-share-sheet__app{padding:.12rem .25rem .3rem}.pwa-ios-share-sheet__app>span:last-child,.pwa-ios-add-screen__app>span:last-child{min-width:0;line-height:1.05;display:grid}.pwa-ios-share-sheet__app strong,.pwa-ios-add-screen__app strong{font-size:.6rem}.pwa-ios-share-sheet__app small,.pwa-ios-add-screen__app small{color:#6c6d73;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.pwa-ios-app-tile{object-fit:contain;background:#06163d;border-radius:.38rem;flex:none;width:1.65rem;height:1.65rem;padding:.08rem;box-shadow:inset 0 0 0 1px #ffffff59}.pwa-ios-menu-row{background:#fffffff5;border-radius:.42rem;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.35rem;min-height:1.8rem;padding:.12rem .35rem;display:grid}.pwa-ios-menu-row--muted{opacity:.58;margin-bottom:.22rem}.pwa-ios-menu-row--muted span{background:#b8bbc3;border-radius:.25rem;width:1.15rem;height:1.15rem}.pwa-ios-menu-row--muted i{background:#c5c7cd;border-radius:1rem;width:62%;height:.3rem}.pwa-ios-menu-row--target{color:#087aff;background:#fff;border:2px solid #087aff;box-shadow:0 0 0 2px #087aff2e}.pwa-ios-menu-row--target strong{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.pwa-ios-add-screen{background:#fff;padding:.35rem .45rem}.pwa-ios-add-screen__bar{border-bottom:1px solid #dddde2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;padding-bottom:.35rem;font-size:.55rem;font-weight:700;display:grid}.pwa-ios-add-screen__bar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pwa-ios-add-target{color:#087aff;background:#eef6ff;border:2px solid #087aff;border-radius:.4rem;padding:.24rem .4rem;box-shadow:0 0 0 2px #087aff2e}.pwa-ios-add-screen__app{padding:.5rem .15rem .35rem}.pwa-ios-toggle-row{background:#f2f2f7;border-radius:.4rem;justify-content:space-between;align-items:center;gap:.35rem;min-height:1.55rem;padding:.2rem .3rem;font-size:.5rem;font-weight:700;display:flex}.pwa-ios-toggle-row i{background:#34c759;border-radius:1rem;flex:none;width:1.7rem;height:.95rem;position:relative}.pwa-ios-toggle-row i:after{content:"";background:#fff;border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.1rem;right:.1rem;box-shadow:0 1px 2px #00000047}@media (orientation:landscape) and (height<=520px){.pwa-install-nudge{top:max(.38rem, env(safe-area-inset-top));width:min(31rem,100vw - 19rem)}.pwa-install-nudge__icon,.pwa-install-nudge small{display:none}.pwa-install-nudge{grid-template-columns:minmax(0,1fr) auto}.pwa-install-modal{grid-template-columns:minmax(14rem,.9fr) minmax(18rem,1.1fr);width:min(46rem,100%)}.pwa-install-modal>header{grid-column:1/-1;padding:.2rem .55rem .2rem .65rem}.pwa-install-modal h2{font-size:1.25rem}.pwa-install-modal__app-icon{border-radius:.5rem;width:2.25rem;height:2.25rem}.pwa-install-benefit{align-self:center;padding:1rem}.pwa-install-guide-heading,.pwa-install-visual-guide,.pwa-install-guide-notes{grid-column:1/-1}.pwa-install-guide-heading{min-height:2.25rem;margin:.4rem 1rem .35rem}.pwa-install-guide-heading--landscape{min-height:1.5rem}.pwa-install-visual-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.pwa-install-visual-guide>li{display:block}.pwa-install-visual-guide>li>p{grid-template-columns:1.55rem minmax(0,1fr);gap:.35rem;margin-top:.35rem;font-size:.875rem;line-height:1.2}.pwa-install-visual-guide>li>p>span{width:1.55rem;height:1.55rem}.pwa-ios-mock{height:5.2rem}.pwa-ios-toolbar{min-height:2.4rem}.pwa-ios-share-sheet__app{padding-bottom:.12rem}.pwa-ios-menu-row--muted{display:none}.pwa-ios-menu-row--target{min-height:1.9rem}.pwa-ios-add-screen{padding:.22rem .35rem}.pwa-ios-add-screen__bar{padding-bottom:.2rem}.pwa-ios-add-screen__app{padding:.22rem .1rem .12rem}.pwa-ios-add-screen__app .pwa-ios-app-tile{width:1.35rem;height:1.35rem;font-size:.7rem}.pwa-ios-toggle-row{min-height:1.3rem;padding:.1rem .25rem}.pwa-install-guide-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.45rem 1rem .6rem;padding:.38rem .55rem .38rem 1.45rem;font-size:.875rem;line-height:1.25}}@media (orientation:landscape) and (height<=520px) and (width<=760px){.pwa-install-nudge{top:max(3.65rem, calc(env(safe-area-inset-top) + 3.35rem));width:calc(100vw - 1rem)}}@media (width<=520px) and (orientation:portrait){.pwa-install-nudge{top:max(4.2rem, calc(env(safe-area-inset-top) + 3.9rem));width:calc(100vw - 1.5rem)}.pwa-install-nudge__icon{display:none}.pwa-install-nudge{grid-template-columns:minmax(0,1fr) auto}.pwa-install-nudge small{max-width:12rem}.pwa-install-nudge__actions{display:grid}.pwa-install-guide-heading{min-height:2.25rem;margin:.5rem .75rem .4rem}.pwa-install-visual-guide{gap:.4rem;margin-inline:.75rem}.pwa-install-visual-guide>li{grid-template-columns:minmax(7.25rem,.85fr) minmax(0,1.15fr);gap:.55rem}.pwa-install-visual-guide>li>p{grid-template-columns:1.65rem minmax(0,1fr);gap:.4rem;font-size:.875rem;line-height:1.2}.pwa-install-visual-guide>li>p>span{width:1.65rem;height:1.65rem}.pwa-ios-mock{height:4.7rem}.pwa-ios-toolbar{min-height:2.2rem}.pwa-ios-page{gap:.25rem;padding:.35rem .65rem}.pwa-install-visual-guide--portrait .pwa-ios-menu-row--muted{display:none}.pwa-ios-add-screen{padding:.22rem .35rem}.pwa-ios-add-screen__bar{padding-bottom:.2rem}.pwa-ios-add-screen__app{padding:.22rem .1rem .12rem}.pwa-ios-toggle-row{min-height:1.3rem;padding:.1rem .25rem}.pwa-install-guide-notes{gap:.15rem;margin:.45rem .75rem .5rem;padding:.4rem .5rem .4rem 1.45rem;font-size:.875rem;line-height:1.3}}@media (width<=350px) and (orientation:portrait){.pwa-install-visual-guide>li{grid-template-columns:1fr;gap:.35rem}.pwa-install-visual-guide>li>p{min-height:2rem}.pwa-ios-mock{height:5.5rem}.pwa-install-guide-heading,.pwa-install-visual-guide,.pwa-install-guide-notes{margin-inline:.65rem}}.pwa-install-modal.pwa-mobile-install-modal{grid-template-columns:3rem minmax(0,1fr)}.arena-screen--result{background:var(--sbc-canvas)}.result-shell{isolation:isolate;width:100%;height:100dvh;min-height:100dvh;display:block;position:relative;overflow:hidden}.result-shell:before,.result-shell:after{z-index:0;content:"";pointer-events:none;position:absolute}.result-shell:before{background:radial-gradient(ellipse 70% 48% at 29% 32%, #12c9f32e, transparent 68%), linear-gradient(145deg, var(--sbc-surface) 0%, var(--sbc-canvas) 58%, #020817 100%);inset:0}.result-shell:after{filter:blur(5rem);background:#f149521f;border-radius:50%;width:55%;height:70%;bottom:-24%;right:-8%}.result-summary{z-index:5;top:max(1rem, env(safe-area-inset-top));left:max(1.35rem, env(safe-area-inset-left));text-align:left;pointer-events:none;justify-items:start;gap:.18rem;width:clamp(16rem,29vw,23rem);display:grid;position:absolute}.result-shell h1{color:var(--sbc-primary);font:900 clamp(3rem, 6.2vw, 6.4rem)/.8 var(--sbc-font-display);letter-spacing:.015em;text-shadow:0 .18rem #040d26eb,0 .5rem 1.2rem #0000007a;text-transform:uppercase;margin:0;padding-top:.1em;position:relative}.result-shell h1:after{content:"";opacity:.74;background:linear-gradient(90deg,currentColor,#0000 92%);height:.12rem;position:absolute;bottom:-.14rem;left:0;right:2%;box-shadow:0 0 .8rem}.result-shell[data-outcome=defeat] h1,.result-shell[data-outcome=final] h1{color:var(--sbc-ink)}.result-shell[data-outcome=draw] h1{color:var(--sbc-reward)}.final-score{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"score score""leader rival";align-items:center;column-gap:.75rem;width:100%;padding-top:.36rem;display:grid}.result-score__value{color:var(--sbc-ink);font:900 clamp(4.8rem, 10.5vw, 9.8rem)/.82 var(--sbc-font-display);letter-spacing:-.045em;text-shadow:0 .2rem #040d26e6,0 .5rem 1rem #0000006b;grid-area:score;justify-content:flex-start;align-items:center;gap:.22em;display:flex}.result-score__value [data-winning-score=true]{color:var(--sbc-primary)}.result-score__value i{color:var(--sbc-cyan);opacity:.85;text-shadow:0 0 .8rem #12c9f38c;font-size:.48em;font-style:normal;font-weight:700}.result-score__team{min-width:0;color:var(--sbc-muted);letter-spacing:.075em;text-transform:uppercase;align-items:center;gap:.42rem;font-size:clamp(.68rem,1.25vw,.92rem);font-weight:900;line-height:1;display:flex}.result-score__team[data-result-position=leader]{grid-area:leader}.result-score__team[data-result-position=rival]{text-align:right;grid-area:rival;justify-content:flex-end}.result-score__team[data-winning-team=true]{color:var(--sbc-ink)}.result-score__team>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.result-score__team em{letter-spacing:.1em;border:1px solid;border-radius:.16rem;padding:.14rem .3rem .12rem;font-size:.56rem;font-style:normal}.result-tableau{z-index:1;width:100%;height:100%;position:absolute;inset:0}.result-teams-scene{background:linear-gradient(180deg, var(--sbc-surface), var(--sbc-canvas));isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.result-teams-scene:before,.result-teams-scene:after{z-index:0;content:"";pointer-events:none;position:absolute;inset:0}.result-teams-scene:before{clip-path:polygon(0 0,71% 0,59% 100%,0 100%);background:radial-gradient(76% 78% at 35% 34%,#12c9f347,#0000 67%),linear-gradient(135deg,#167de3ad,#07265bd1 76%)}.result-teams-scene:after{clip-path:polygon(71% 0,100% 0,100% 100%,59% 100%);background:radial-gradient(82% 58% at 82% 51%,#f1495224,#0000 62%),linear-gradient(155deg,#18274ce6,#040b1ff5);border-left:2px solid #12c9f357}.result-shell[data-winning-side=draw] .result-teams-scene:before{clip-path:polygon(0 0,53% 0,48% 100%,0 100%)}.result-shell[data-winning-side=draw] .result-teams-scene:after{clip-path:polygon(53% 0,100% 0,100% 100%,48% 100%);background:radial-gradient(82% 58% at 74% 45%,#12c9f321,#0000 64%),linear-gradient(155deg,#153569e0,#040e27f5)}.result-teams-scene canvas{z-index:1;filter:contrast(1.07)saturate(1.08);display:block;position:relative;width:100%!important;height:100%!important}.arena-bottom-action-dock.result-action-dock{z-index:20;right:max(.9rem, env(safe-area-inset-right));bottom:max(.9rem, env(safe-area-inset-bottom));width:min(11.25rem,100vw - 1.8rem);min-height:0;box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);padding:0;display:grid;position:fixed;left:auto}.result-action-dock .return-main{border-color:color-mix(in srgb, var(--sbc-primary) 72%, var(--sbc-ink));letter-spacing:.065em;border-radius:.46rem .12rem;min-height:3.15rem;padding:.5rem .7rem;font-size:.7rem;box-shadow:0 .3rem #436908e0,0 .68rem 1.15rem #0006,inset 0 1px #f5f8ff6b}.result-action-dock .return-main>span{white-space:nowrap}.result-action__prompt{letter-spacing:.08em;opacity:.7;border:1px solid;border-radius:.16rem;margin-left:.35rem;padding:.14rem .22rem .12rem;font-size:.48rem}.result-action-dock .return-main:active{transform:translateY(.15rem);box-shadow:0 .15rem #436908e0,inset 0 1px #f5f8ff47}.result-action-dock .return-main:focus-visible{outline:3px solid var(--sbc-ink);outline-offset:3px}.result-shell--pending{place-content:center;min-height:100dvh;display:grid}.result-shell--pending h1{color:var(--sbc-ink);font-size:clamp(3rem,12vw,6rem);position:relative;top:auto;left:auto}@media (orientation:landscape) and (height<=520px){.result-summary{top:max(.7rem, env(safe-area-inset-top));left:max(1.1rem, env(safe-area-inset-left));width:clamp(13.75rem,28vw,15.5rem)}.result-shell h1{font-size:clamp(2.05rem,4.6vw,2.85rem)}.result-score__value{font-size:clamp(4rem,8.6vw,5.15rem)}.result-score__team{font-size:clamp(.58rem,1.3vw,.72rem)}.result-score__team em{display:none}.arena-bottom-action-dock.result-action-dock{width:11.75rem}.result-action-dock .return-main{min-height:2.8rem;font-size:.64rem}}@media (orientation:portrait){.result-summary{top:max(1.2rem, env(safe-area-inset-top));right:max(.9rem, env(safe-area-inset-right));left:max(.9rem, env(safe-area-inset-left));text-align:center;justify-items:center;width:auto}.result-shell h1{font-size:clamp(3.2rem,15vw,5rem)}.result-shell h1:after{background:linear-gradient(90deg,#0000,currentColor,#0000);left:14%;right:14%}.final-score{width:min(22rem,100%)}.result-score__value{justify-content:center;font-size:clamp(4.9rem,24vw,7.4rem)}.result-score__team{font-size:clamp(.66rem,3vw,.82rem)}.result-teams-scene:before{clip-path:polygon(0 0,100% 0,100% 63%,0 72%);background:radial-gradient(92% 66% at 50% 36%,#12c9f347,#0000 70%),linear-gradient(165deg,#167de3ad,#07265bd1 76%)}.result-teams-scene:after{clip-path:polygon(0 72%,100% 63%,100% 100%,0 100%);background:radial-gradient(90% 52% at 50% 78%,#f1495226,#0000 65%),linear-gradient(#142246e8,#040b1ff7);border-top:2px solid #12c9f34d;border-left:0}.result-shell[data-winning-side=draw] .result-teams-scene:before{clip-path:polygon(0 0,100% 0,100% 51%,0 56%)}.result-shell[data-winning-side=draw] .result-teams-scene:after{clip-path:polygon(0 56%,100% 51%,100% 100%,0 100%)}.arena-bottom-action-dock.result-action-dock{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));width:min(10.75rem,100vw - 1.5rem)}}@media (width>=768px) and (height>=521px){.result-summary{top:max(1.5rem, env(safe-area-inset-top));left:max(2rem, env(safe-area-inset-left))}.arena-bottom-action-dock.result-action-dock{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));width:12.5rem}}@media (prefers-reduced-motion:no-preference){.result-summary{animation:.34s cubic-bezier(.16,1,.3,1) 30ms both arena-result-rise}.result-tableau{animation:.46s cubic-bezier(.16,1,.3,1) 80ms both arena-result-rise}.result-action-dock{animation:.34s cubic-bezier(.16,1,.3,1) .13s both arena-result-dock}}@media (prefers-reduced-motion:reduce){.result-summary,.result-tableau,.result-action-dock{animation:none!important}}@keyframes arena-result-rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes arena-result-dock{0%{opacity:0;transform:translateY(125%)}to{opacity:1;transform:translateY(0)}}.player-match-shell{z-index:1;color:var(--sbc-ink);background:var(--sbc-canvas);position:fixed;inset:0;overflow:hidden}.player-match-shell .scene-frame{width:100vw;height:100dvh;padding:0;display:block;position:fixed;inset:0}.player-match-shell .device-screen{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.player-match-shell .scene-label,.player-match-shell .direct-control-status{display:none}.player-match-hud{z-index:6;pointer-events:none;position:absolute;inset:0}.match-hud{top:max(.5rem, env(safe-area-inset-top));right:max(.65rem, env(safe-area-inset-right));left:max(.65rem, env(safe-area-inset-left));pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.35rem,1.4vw,1rem);display:grid;position:absolute}.match-team-column{align-self:start;justify-items:start;gap:.25rem;min-width:0;display:grid}.match-team-column[data-team=away]{justify-items:end}.match-team-portraits{align-items:flex-start;gap:clamp(.18rem,.65vw,.42rem);min-width:0;margin:0;padding:0;list-style:none;display:flex}.match-team-portraits[data-team=away]{justify-content:flex-end}.tactical-posture-control{pointer-events:auto;width:min(100%,9rem);min-width:min(7.5rem,100%);height:2.25rem;position:relative}.tactical-posture-control[data-current=defense]{--tactical-posture-accent:#3bd680;--tactical-posture-glow:#3bd6803d}.tactical-posture-control[data-current=balanced]{--tactical-posture-accent:#45a8ff;--tactical-posture-glow:#45a8ff42}.tactical-posture-control[data-current=attack]{--tactical-posture-accent:#ff5c65;--tactical-posture-glow:#ff5c6540}.tactical-posture-control__input{z-index:2;opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:3rem;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tactical-posture-control__input:active{cursor:grabbing}.tactical-posture-control__input:disabled{cursor:not-allowed}.tactical-posture-control__label{border:1px solid color-mix(in srgb, var(--tactical-posture-accent) 78%, white 8%);width:100%;min-width:0;height:100%;color:var(--tactical-posture-accent);background:linear-gradient(115deg, var(--tactical-posture-glow), transparent 48%), #06163deb;box-shadow:0 .18rem .5rem #00000052, inset .2rem 0 0 var(--tactical-posture-accent), inset 0 1px 0 #f5f8ff1a;border-radius:.45rem .12rem;grid-template-columns:1.25rem minmax(0,1fr) 1.5rem;align-items:center;gap:.25rem;padding:.25rem .4rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.tactical-posture-control__symbol,.tactical-posture-control__feedback{place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:900;line-height:1;display:grid}.tactical-posture-control__symbol{text-shadow:0 0 .45rem var(--tactical-posture-glow)}.tactical-posture-control__label>strong{color:var(--sbc-ink);font:900 .875rem/1 var(--sbc-font-display);letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.tactical-posture-control__feedback{color:var(--sbc-muted);border:1px solid #0000;border-radius:50%;justify-self:end}.tactical-posture-control__feedback[data-posture=defense]{color:#3bd680}.tactical-posture-control__feedback[data-posture=balanced]{color:#45a8ff}.tactical-posture-control__feedback[data-posture=attack]{color:#ff5c65}.tactical-posture-control__feedback[data-feedback=pending]{border-color:var(--sbc-reward)}.tactical-posture-control__feedback[data-feedback=rejected]{border-color:var(--sbc-danger);color:#ffb9be}.tactical-posture-control[data-dragging] .tactical-posture-control__label{border-color:var(--tactical-posture-accent);box-shadow:0 .12rem .35rem #00000061, 0 0 .55rem var(--tactical-posture-glow), inset .2rem 0 0 var(--tactical-posture-accent);transform:scale(.98)}.tactical-posture-control[data-pending] .tactical-posture-control__label{border-bottom-color:var(--sbc-reward)}.tactical-posture-control[data-rejected] .tactical-posture-control__label{border-bottom-color:var(--sbc-danger)}.tactical-posture-control__input:focus-visible+.tactical-posture-control__label{outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.tactical-posture-control__input:disabled+.tactical-posture-control__label{filter:saturate(.45);opacity:.62}.match-player-portrait{aspect-ratio:1;background:0 0;border:0;border-radius:.5rem .14rem;flex:0 auto;width:clamp(2.6rem,6.3vw,4.45rem);position:relative;overflow:visible}.match-player-portrait__art{border-radius:inherit;background:radial-gradient(circle at 50% 115%,#12c9f38c,#0000 62%),linear-gradient(155deg,#104084f5,#030f2bf5);border:2px solid #42aeffeb;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 .2rem .62rem #00000061,inset 0 1px #f5f8ff2e}.match-player-portrait[data-team=away] .match-player-portrait__art{background:radial-gradient(circle at 50% 115%,#f0445280,#0000 62%),linear-gradient(155deg,#6f1e3af5,#030f2bf5);border-color:#ff5c62eb}.match-player-portrait__art>img{object-fit:contain;object-position:center bottom;filter:saturate(1.08)contrast(1.04);width:100%;height:100%;display:block}.match-player-portrait__art>span:first-child{width:100%;height:100%;font:900 1rem/1 var(--sbc-font-display);place-items:center;display:grid}.match-player-portrait__role{z-index:7;background:#06163df5;border:1px solid #f5f8ffdb;border-radius:50%;place-items:center;width:clamp(1.05rem,2.5vw,1.45rem);height:clamp(1.05rem,2.5vw,1.45rem);padding:.08rem;display:grid;position:absolute;top:-.15rem;left:-.12rem;box-shadow:0 .08rem .24rem #000000b8}.match-player-portrait__role img{object-fit:contain;width:100%;height:100%;display:block}.match-player-portrait__level{z-index:7;filter:drop-shadow(0 .08rem .2rem #000000b8);position:absolute;top:-.3rem;right:-.28rem}.match-player-portrait__cards{z-index:4;gap:.12rem;display:flex;position:absolute;bottom:.18rem;left:.18rem}.match-player-portrait__cards i,.match-player-portrait__out i{background:var(--sbc-reward);border:1px solid #06163da6;border-radius:.08rem;width:clamp(.34rem,.85vw,.48rem);height:clamp(.52rem,1.25vw,.72rem);display:block;transform:rotate(-5deg);box-shadow:0 0 .28rem #ffc52eb3}.match-player-portrait__foul{z-index:4;color:#fff;background:#c92733eb;border:1px solid #ffc4c6bf;border-radius:50%;place-items:center;width:clamp(1.05rem,2.4vw,1.4rem);height:clamp(1.05rem,2.4vw,1.4rem);display:grid;position:absolute;bottom:.12rem;right:.12rem}.match-player-portrait[data-foul] .match-player-portrait__art{border-color:var(--sbc-danger)}.match-player-portrait__out{z-index:5;color:#fff;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:linear-gradient(145deg,#680616b3,#140410e0);justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.match-player-portrait__out i{background:var(--sbc-danger);width:.48rem;height:.72rem;box-shadow:0 0 .35rem #f04452b8}.match-player-portrait__out strong{font:900 clamp(.85rem, 2.25vw, 1.2rem)/1 var(--sbc-font-display)}.match-score-lockup{grid-template-columns:clamp(2rem,4.6vw,3rem) auto clamp(2rem,4.6vw,3rem);align-items:center;gap:clamp(.2rem,.7vw,.4rem);display:grid}.match-score-value{min-height:clamp(2.25rem,5.2vw,3.25rem);color:var(--sbc-ink);font:900 clamp(1.35rem, 3.5vw, 2rem)/1 var(--sbc-font-display);text-shadow:0 .08rem .18rem #000000b8;background:#06163de0;border:1px solid #12c9f3c2;border-radius:.45rem .1rem;place-items:center;display:grid;box-shadow:0 .22rem .65rem #0000005c,inset 0 1px #f5f8ff1f}.match-score-value[data-team=away]{border-color:#f04452c2}.match-clock{aspect-ratio:1;width:clamp(3.4rem,7.2vw,4.8rem);color:var(--sbc-primary);background:conic-gradient(from 0turn, var(--sbc-primary) 0 var(--match-time-progress), #4e67926b var(--match-time-progress) 1turn);filter:drop-shadow(0 .24rem .5rem #0000007a);border-radius:50%;place-items:center;display:grid;position:relative}.match-clock:before{content:"";background:#06163df0;border:1px solid #12c9f361;border-radius:50%;position:absolute;inset:.28rem}.match-clock span{z-index:1;font:900 clamp(.78rem, 2vw, 1.15rem)/1 var(--sbc-font-display);letter-spacing:-.02em;position:relative}.match-clock[data-unknown]{background:#4e679280}.debug-match-exit{top:max(8rem, calc(env(safe-area-inset-top) + 7.5rem));left:max(.65rem, env(safe-area-inset-left));border:1px solid var(--sbc-line);min-height:3rem;color:var(--sbc-muted);letter-spacing:.06em;pointer-events:auto;cursor:pointer;background:#06163de6;border-radius:.55rem;padding:0 .75rem;font-size:.75rem;font-weight:800;position:absolute}.debug-match-exit:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.match-reconnect-banner{z-index:9;border:2px solid var(--sbc-reward);width:min(26rem,100% - 2rem);min-height:5.5rem;color:var(--sbc-reward);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);pointer-events:none;background:#06163df0;border-radius:.65rem;align-items:center;gap:.65rem;padding:.9rem 1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .4rem 1.5rem #0000006b}.match-reconnect-banner.offline{border-color:var(--sbc-danger);color:#ffb9be}.match-reconnect-banner>span{gap:.1rem;display:grid}.match-reconnect-banner strong{letter-spacing:.06em;font-size:.78rem}.match-reconnect-banner small{color:var(--sbc-muted);font-size:.72rem}.match-connection-warning{top:max(5.25rem, calc(env(safe-area-inset-top) + 4.75rem));z-index:7;border:1px solid var(--sbc-reward);width:max-content;max-width:calc(100% - 2rem);min-height:2.5rem;color:var(--sbc-reward);pointer-events:none;background:#06163de6;border-radius:.55rem;align-items:center;gap:.45rem;padding:.4rem .7rem;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .3rem 1rem #00000059}.match-connection-warning>span{gap:.05rem;display:grid}.match-connection-warning strong{letter-spacing:.07em;font-size:.72rem}.match-connection-warning small{color:var(--sbc-muted);font-size:.68rem}.match-event-notice{z-index:8;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);pointer-events:none;background:#06163df0;border:2px solid;border-radius:.75rem;align-items:center;gap:.65rem;width:min(18rem,100% - 2rem);min-height:4rem;padding:.4rem .8rem .4rem .45rem;animation:.18s ease-out both match-event-notice-in;display:flex;position:absolute;top:max(6.5rem,24%);left:50%;transform:translate(-50%);box-shadow:0 .6rem 1.8rem #0000008c}.match-event-notice--goal{border-color:var(--sbc-primary)}.match-event-notice--yellow_card,.match-event-notice--red_card{border-width:3px;border-radius:1rem;justify-content:center;gap:1rem;width:min(26rem,100% - 2rem);min-height:10rem;padding:.75rem 1rem;top:max(4.75rem,15%);box-shadow:0 .8rem 2.2rem #000000a3,inset 0 0 0 1px #f5f8ff29}.match-event-notice--yellow_card{border-color:var(--sbc-reward)}.match-event-notice--red_card{border-color:var(--sbc-danger)}.match-event-notice__portrait{border:2px solid var(--sbc-cyan);background:var(--sbc-surface);border-radius:.55rem;flex:none;width:3rem;height:3rem;overflow:hidden}.match-event-notice--goal .match-event-notice__portrait{border-color:var(--sbc-primary)}.match-event-notice--yellow_card .match-event-notice__portrait,.match-event-notice--red_card .match-event-notice__portrait{border-width:3px;border-radius:.9rem;width:clamp(6rem,20vw,8rem);height:clamp(6rem,20vw,8rem)}.match-event-notice--yellow_card .match-event-notice__portrait{border-color:var(--sbc-reward)}.match-event-notice--red_card .match-event-notice__portrait{border-color:var(--sbc-danger)}.match-event-notice__portrait img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.match-event-notice__portrait span{place-items:center;width:100%;height:100%;font-weight:900;display:grid}.match-event-notice__copy{gap:.12rem;min-width:0;display:grid}.match-event-notice__copy strong{color:var(--sbc-ink);letter-spacing:.1em;font-size:.8rem}.match-event-notice--goal .match-event-notice__copy strong{color:var(--sbc-primary)}.match-event-notice--yellow_card .match-event-notice__copy strong,.match-event-notice--red_card .match-event-notice__copy strong{font:900 clamp(1.45rem, 5vw, 2.3rem)/.9 var(--sbc-font-display);letter-spacing:.075em}.match-event-notice--yellow_card .match-event-notice__copy strong{color:var(--sbc-reward)}.match-event-notice--red_card .match-event-notice__copy strong{color:var(--sbc-danger)}.match-event-notice__copy span{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:900;overflow:hidden}.match-event-notice--yellow_card .match-event-notice__copy span,.match-event-notice--red_card .match-event-notice__copy span{font-size:clamp(1rem,3vw,1.3rem)}.match-event-notice__card{aspect-ratio:5/7;border:2px solid #071638;border-radius:.22rem;flex:none;width:clamp(2rem,7vw,3.1rem);transform:rotate(8deg);box-shadow:.28rem .35rem #00000052}.match-event-notice--yellow_card .match-event-notice__card{background:var(--sbc-reward)}.match-event-notice--red_card .match-event-notice__card{background:var(--sbc-danger)}.match-start-presentation,.overtime-announcement{z-index:12;pointer-events:none;position:absolute}.match-start-presentation{text-align:center;place-items:center;display:grid;inset:0}.match-start-presentation:before{z-index:-1;content:"";background:radial-gradient(#06163dc7 0 24%,#06163d52 50%,#0000 74%);border-radius:50%;width:min(18rem,46vw);height:min(10rem,42vh);position:absolute}.match-start-presentation--coin{align-content:center;justify-items:center;gap:.45rem}.match-start-coin{aspect-ratio:1;border:clamp(.16rem, .5vmin, .24rem) solid var(--sbc-reward);color:#071638;background:radial-gradient(circle at 34% 26%, #fff5bf, transparent 23%), linear-gradient(135deg, #ffe888, var(--sbc-reward) 48%, #c88215);width:clamp(2.75rem,10vmin,4.25rem);font:900 clamp(.7rem, 2vmin, .95rem)/1 var(--sbc-font-display);letter-spacing:.08em;border-radius:50%;place-items:center;animation:.4s cubic-bezier(.2,.75,.25,1) both match-start-coin-flip;display:grid;box-shadow:0 0 0 .14rem #ffc52e33,0 .35rem .9rem #00000085}.match-start-presentation__copy{text-align:center;justify-items:center;gap:.2rem;display:grid}.match-start-presentation__copy>span,.match-start-presentation__eyebrow,.match-start-presentation__prompt,.overtime-announcement>span,.overtime-announcement small{color:var(--sbc-cyan);letter-spacing:.13em;text-transform:uppercase;font-size:clamp(.68rem,1.5vmin,.82rem);font-weight:900}.match-start-presentation__copy strong{color:var(--sbc-ink);font:900 clamp(1.1rem, 4vmin, 1.75rem)/.92 var(--sbc-font-display);letter-spacing:-.02em;text-shadow:0 .18rem .4rem #000c}.match-start-presentation--countdown{align-content:center;gap:0}.match-start-presentation__eyebrow{color:var(--sbc-primary);margin-bottom:-.15rem}.match-start-presentation__count{color:var(--sbc-ink);font:900 clamp(4rem, 22vmin, 6rem)/.8 var(--sbc-font-display);letter-spacing:-.08em;text-shadow:.14rem .24rem 0 var(--sbc-electric-blue), 0 .35rem .7rem #000000b8;animation:.22s ease-out both match-start-count-in}.match-start-presentation__prompt{color:var(--sbc-muted);margin-top:.25rem}.match-start-presentation--kickoff span{border-top:.1em solid var(--sbc-primary);border-bottom:.1em solid var(--sbc-primary);color:var(--sbc-primary);font:900 clamp(2.25rem, 9vmin, 4.25rem)/.86 var(--sbc-font-display);letter-spacing:-.04em;text-shadow:0 .22rem .5rem #000000d1;padding:.2em .36em;animation:.5s ease-in-out infinite alternate match-kickoff-pulse;display:block}.overtime-announcement{top:max(4.75rem, calc(env(safe-area-inset-top) + 4.25rem));border:1px solid var(--sbc-special);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#0b2862e6;border-radius:.5rem .12rem;align-items:baseline;gap:clamp(.3rem,1vw,.55rem);width:max-content;max-width:calc(100% - 2rem);padding:.35rem .75rem;animation:.26s ease-out both overtime-announcement-in;display:flex;left:50%;transform:translate(-50%);box-shadow:0 .25rem .8rem #00000061}.overtime-announcement>span{color:var(--sbc-reward)}.overtime-announcement strong{color:var(--sbc-ink);font:900 clamp(1.15rem, 4vmin, 1.65rem)/1 var(--sbc-font-display);letter-spacing:-.03em;text-shadow:.06rem .09rem 0 var(--sbc-special), 0 .16rem .3rem #000000b3}.overtime-announcement small{color:var(--sbc-muted)}.player-match-shell .movement-pad{bottom:max(1.8rem, calc(env(safe-area-inset-bottom) + 1.55rem));left:max(1.8rem, calc(env(safe-area-inset-left) + 1.55rem))}.player-match-shell .direct-control-overlay{--control-edge-offset:20px}@media (width<=620px) and (orientation:landscape){.match-reconnect-banner small{display:none}.match-connection-warning{top:max(4.4rem, calc(env(safe-area-inset-top) + 4rem))}.match-connection-warning small{display:none}.match-hud{right:max(.4rem, env(safe-area-inset-right));left:max(.4rem, env(safe-area-inset-left));gap:.25rem}.match-team-portraits,.match-score-lockup{gap:.12rem}.match-reconnect-banner{min-height:4.5rem;padding:.65rem .8rem}}@media (width<=430px) and (orientation:portrait){.match-player-portrait{width:clamp(2.1rem,10vw,2.65rem)}.match-team-portraits{gap:.08rem}.match-score-value{min-height:2.15rem}}@media (width>=800px){.match-hud{top:max(.85rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left))}}:fullscreen .player-match-shell .scene-frame{height:100vh}@keyframes match-event-notice-in{0%{opacity:0;transform:translate(-50%,-.55rem)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes match-start-coin-flip{0%{opacity:0;transform:rotateY(0)scale(.72)}55%{transform:rotateY(540deg)scale(1.1)}78%{transform:rotateY(660deg)scale(.96)}to{opacity:1;transform:rotateY(720deg)scale(1)}}@keyframes match-start-count-in{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes match-kickoff-pulse{0%{filter:brightness(.92);transform:scale(.96)}to{filter:brightness(1.2);transform:scale(1.03)}}@keyframes overtime-announcement-in{0%{opacity:0;transform:translate(-50%,-.35rem)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.tactical-posture-control__label,.match-event-notice,.match-start-coin,.match-start-presentation__count,.match-start-presentation--kickoff span,.overtime-announcement{animation:none}}.debug-menu-shell{overscroll-behavior-y:contain;width:min(100%,50rem);height:100dvh;min-height:0;padding:0 max(1.1rem, env(safe-area-inset-right)) max(3rem, env(safe-area-inset-bottom)) max(1.1rem, env(safe-area-inset-left));scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch;margin:0 auto;overflow-y:auto}.debug-header{z-index:4;border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--sbc-canvas) 75%, #06163df0);align-items:center;gap:.8rem;min-height:4.5rem;display:flex;position:sticky;top:0}.debug-header>button,.debug-render-status>button{border:1px solid var(--line);width:2.4rem;height:2.4rem;color:var(--ink);cursor:pointer;background:#0e1a17e8;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid}.debug-header strong,.debug-header h1{letter-spacing:.1em;margin:0;font:800 1rem/1 Barlow Condensed,sans-serif}.debug-menu-intro{padding:3.2rem 0 2rem}.debug-menu-intro--compact{padding:1.25rem 0 1rem}.debug-menu-intro h1{letter-spacing:-.035em;text-transform:uppercase;margin:0 0 1rem;font:900 clamp(2.5rem,12vw,4.25rem)/.84 Barlow Condensed,sans-serif}.debug-menu-intro>p:last-child{max-width:31rem;color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.debug-option-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.debug-option-list button{width:100%;min-height:5.5rem;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(105deg,#182823,#0d1916);border:1px solid #32453e;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.debug-option-list button:hover,.debug-option-list button:focus-visible{border-color:var(--lime);outline:none}.debug-option-number{color:var(--lime);letter-spacing:.1em;font:800 .65rem/1 Inter,sans-serif}.debug-option-list button>span:nth-child(2){gap:.35rem;display:grid}.debug-option-list strong{text-transform:uppercase;font:800 1.4rem/1 Barlow Condensed,sans-serif}.debug-option-list small{color:var(--muted);font-size:.62rem}.debug-option-list i{color:var(--lime);font-size:1.3rem;font-style:normal}.debug-random-match-tweaks{gap:.65rem;display:grid}.debug-random-match-tweak{background:#0d1916;border:1px solid #32453e;border-radius:.8rem;grid-template-columns:minmax(0,1fr) minmax(8rem,.65fr);align-items:center;gap:.45rem .8rem;padding:1rem;display:grid}.debug-random-match-tweak>span{gap:.3rem;display:grid}.debug-random-match-tweak strong{text-transform:uppercase;font:800 1.2rem/1 Barlow Condensed,sans-serif}.debug-random-match-tweak small{color:var(--muted);font-size:.62rem;line-height:1.35}.debug-random-match-tweak select{min-height:3rem;color:var(--ink);background:#14231f;border:1px solid #425650;border-radius:.55rem;padding:0 .7rem;font:700 .7rem/1 Inter,sans-serif}.debug-random-match-tweak select:focus-visible{border-color:var(--lime);outline:2px solid var(--lime);outline-offset:1px}.debug-random-match-tweak__selection{grid-column:2}.debug-random-match-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.debug-random-match-actions p{max-width:27rem;color:var(--muted);margin:0;font-size:.65rem;line-height:1.45}.debug-random-match-actions button{border:1px solid var(--lime);color:#07110f;background:var(--lime);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:.6rem;min-height:3rem;padding:0 1rem;font:800 .75rem/1 Barlow Condensed,sans-serif}.debug-random-match-actions button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.debug-random-match-actions button:disabled{cursor:wait;opacity:.65}.debug-picker-panel{gap:1rem;display:grid}.debug-picker-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.debug-picker-heading h2{letter-spacing:.08em;margin:0;font:800 1rem/1 Barlow Condensed,sans-serif}.debug-picker-heading span{color:var(--muted);letter-spacing:.1em;font-size:.58rem}.debug-character-list,.debug-scenario-list{gap:.65rem;display:grid}.debug-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-character-list button,.debug-scenario-list button{min-height:4.4rem;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(105deg,#182823,#0d1916);border:1px solid #32453e;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 1rem;display:grid}.debug-character-list button:hover,.debug-character-list button:focus-visible,.debug-scenario-list button:hover,.debug-scenario-list button:focus-visible{border-color:var(--lime);outline:none}.debug-character-list button:disabled,.debug-scenario-list button:disabled{cursor:wait;opacity:.65}.debug-character-list button>span:nth-child(2),.debug-scenario-list button>span:nth-child(2){gap:.3rem;display:grid}.debug-character-list strong,.debug-scenario-list strong{text-transform:uppercase;font:800 1.1rem/1 Barlow Condensed,sans-serif}.debug-character-list small,.debug-scenario-list small{color:var(--muted);font-size:.62rem;line-height:1.35}.debug-scenario-list i{color:var(--lime);white-space:nowrap;font-size:.65rem;font-style:normal}.debug-load-status,.debug-start-error{color:var(--muted);margin:1rem 0 0;font-size:.72rem;line-height:1.5}.debug-start-error{color:#ff9b79}.debug-render-status{top:max(.55rem, env(safe-area-inset-top));right:max(.55rem, env(safe-area-inset-right));left:max(.55rem, env(safe-area-inset-left));z-index:8;pointer-events:none;align-items:center;gap:.55rem;display:flex;position:absolute}.debug-render-status>button{pointer-events:auto;flex:none;width:3rem;height:3rem}.debug-render-status>span{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#07110fd9;border:1px solid #edf5ef2b;border-radius:.55rem;gap:.15rem;min-width:0;padding:.45rem .7rem;display:grid}.debug-render-status strong{letter-spacing:.09em;font:800 .72rem/1 Barlow Condensed,sans-serif}.debug-render-status small{color:var(--lime);letter-spacing:.08em;font-size:.47rem}.debug-render-status dl{align-items:center;gap:.2rem;margin:0 0 0 auto;display:flex}.debug-render-status dl>div{text-align:center;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#07110fd9;border:1px solid #edf5ef2b;border-radius:.45rem;gap:.1rem;min-width:2.5rem;padding:.35rem .45rem;display:grid}.debug-render-status dt{color:var(--muted);letter-spacing:.08em;font-size:.42rem}.debug-render-status dd{color:var(--ink);margin:0;font:800 .62rem/1 Barlow Condensed,sans-serif}.debug-render-controls{right:max(.7rem, env(safe-area-inset-right));bottom:max(.7rem, env(safe-area-inset-bottom));left:max(.7rem, env(safe-area-inset-left));z-index:8;width:min(100% - 1.4rem,58rem);max-height:calc(100% - 5rem - env(safe-area-inset-top));-webkit-backdrop-filter:blur(.55rem);backdrop-filter:blur(.55rem);pointer-events:auto;background:#07110fe8;border:1px solid #edf5ef2b;border-radius:.75rem;margin:0 auto;position:absolute;overflow-y:auto;box-shadow:0 .5rem 2rem #0008}.debug-render-controls summary{min-height:3rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;list-style:none;display:flex}.debug-render-controls summary::-webkit-details-marker{display:none}.debug-render-controls summary:before{content:"▴";color:var(--lime);font-size:.72rem}.debug-render-controls:not([open]) summary:before{content:"▾"}.debug-render-controls summary span{letter-spacing:.1em;margin-right:auto;font:800 .72rem/1 Barlow Condensed,sans-serif}.debug-render-controls summary small{color:var(--muted);letter-spacing:.08em;font-size:.48rem}.debug-render-controls[open] summary{border-bottom:1px solid #edf5ef1f}.debug-render-controls__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.55rem;padding:.65rem;display:grid}.debug-render-controls fieldset{border:1px solid #edf5ef21;border-radius:.55rem;min-width:0;margin:0;padding:.35rem .45rem .45rem}.debug-render-controls legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 .25rem;font:700 .48rem/1 Inter,sans-serif}.debug-render-controls button,.debug-render-controls select,.debug-render-controls__telemetry label{min-height:3rem}.debug-render-controls button,.debug-render-controls select{color:var(--ink);cursor:pointer;background:#14231f;border:1px solid #425650;border-radius:.42rem;font:700 .65rem/1 Inter,sans-serif}.debug-render-controls button:hover,.debug-render-controls button:focus-visible,.debug-render-controls select:focus-visible,.debug-render-controls input:focus-visible{border-color:var(--lime);outline:2px solid var(--lime);outline-offset:1px}.debug-render-controls button[aria-pressed=true]{border-color:var(--lime);color:#07110f;background:var(--lime)}.debug-render-controls button:disabled{opacity:.35;cursor:default}.debug-render-controls__telemetry{grid-column:span 2}.debug-render-controls__telemetry label{color:var(--ink);cursor:pointer;align-items:center;gap:.45rem;font-size:.62rem;font-weight:700;display:flex}.debug-render-controls__telemetry input{width:1.05rem;height:1.05rem;accent-color:var(--lime);margin:0}.debug-render-controls__style{grid-column:span 2}.debug-render-controls__style>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.debug-render-controls__simplification{grid-column:span 3}.debug-render-controls__simplification label{grid-template-columns:minmax(0,1fr) minmax(7rem,auto);align-items:center;gap:.45rem;display:grid}.debug-render-controls__simplification label>span{color:var(--muted);font-size:.54rem}.debug-render-controls__simplification select{width:100%;padding:0 .5rem}.debug-render-controls__outline{grid-column:span 2}.debug-render-controls__outline-thickness{align-content:center;gap:.25rem;min-height:3rem;display:grid}.debug-render-controls__outline-thickness>span{color:var(--muted);text-align:center;text-transform:uppercase;font-size:.5rem}.debug-render-controls__outline label strong{color:var(--lime);font-size:.72rem}.debug-render-controls__outline-thickness input{width:100%;accent-color:var(--lime);margin:0}.debug-render-controls__outline-circles{min-height:3rem;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;font-size:.56rem;font-weight:700;display:flex}.debug-render-controls__outline-circles input{width:1.05rem;height:1.05rem;accent-color:var(--lime);margin:0}.debug-render-controls__figures{grid-column:span 3}.debug-render-controls__figures>div{grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;gap:.45rem;display:grid}.debug-render-controls__figures button{padding:0;font-size:1.1rem}.debug-render-controls__figures label{gap:.25rem;min-width:0;display:grid}.debug-render-controls__figures label>span{color:var(--muted);letter-spacing:.08em;text-align:center;font-size:.48rem;font-weight:800}.debug-render-controls__figures label strong{color:var(--lime);font-size:.75rem}.debug-render-controls__figures input{width:100%;accent-color:var(--lime);margin:0}@media (width<=580px){.debug-character-list,.debug-random-match-tweak{grid-template-columns:1fr}.debug-random-match-tweak__selection{grid-column:auto}.debug-random-match-actions{flex-direction:column;align-items:stretch}.debug-render-metric--frame-time,.debug-render-metric--draw-calls{display:none!important}.debug-render-controls__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debug-render-controls__grid>fieldset{grid-column:auto}.debug-render-controls__simplification,.debug-render-controls__figures{grid-column:1/-1!important}}@media (width<=400px){.debug-render-status>span{display:none}.debug-render-controls__grid{grid-template-columns:1fr}.debug-render-controls__grid>fieldset{grid-column:auto!important}}.arena-screen--tutorial-select{height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overflow:auto}.arena-screen--tutorial-select>.arena-screen-header,.tutorial-lesson-grid,.tutorial-select-hero{width:min(74rem,100%);margin-inline:auto}.tutorial-select-hero{background:linear-gradient(90deg,#123d83eb,#06163d5c 72%,#0000);grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:1rem;min-height:7rem;margin-block:.4rem 1rem;display:grid;overflow:hidden}.tutorial-select-hero img{object-fit:cover;object-position:top center;width:7rem;height:7rem}.tutorial-select-hero__fallback{background:var(--sbc-cyan);width:7rem;height:7rem;font:900 3rem/1 var(--sbc-font-display);place-items:center;display:grid;color:#071638!important}.tutorial-select-hero div{gap:.1rem;padding-right:1rem;display:grid}.tutorial-select-hero span{color:var(--sbc-cyan);letter-spacing:.12em;font-size:.72rem;font-weight:900}.tutorial-select-hero strong{font:900 2.1rem/.9 var(--sbc-font-display)}.tutorial-select-hero p{color:var(--sbc-muted);margin:.25rem 0 0}.tutorial-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding-bottom:4.5rem;display:grid}.tutorial-lesson-tile{min-height:5.6rem;color:var(--sbc-ink);text-align:left;background:linear-gradient(135deg,#123d83f0,#081e4df5);border:1px solid #2e70c7e6;border-top-color:#12c9f3db;border-radius:.55rem .12rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem;display:grid;box-shadow:0 .45rem 1rem #0000003b}.tutorial-lesson-tile:hover,.tutorial-lesson-tile:focus-visible{border-color:var(--sbc-primary);transform:translateY(-.08rem)}.tutorial-lesson-tile:focus-visible{outline:3px solid var(--sbc-primary);outline-offset:2px}.tutorial-lesson-tile[data-complete=true]{border-top-color:var(--sbc-primary)}.tutorial-lesson-tile__number{color:var(--sbc-cyan);font:900 1.2rem/1 var(--sbc-font-display)}.tutorial-lesson-tile__copy{gap:.2rem;min-width:0;display:grid}.tutorial-lesson-tile__copy strong{font:900 1.25rem/1 var(--sbc-font-display);text-transform:uppercase}.tutorial-lesson-tile__copy small{color:var(--sbc-muted);font-size:.82rem}.tutorial-lesson-tile__state{color:#071638;background:var(--sbc-primary);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid}.tutorial-select-back{z-index:4;bottom:max(.75rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));position:fixed}.tutorial-match-hud{z-index:8;top:max(10px, env(safe-area-inset-top));border:1px solid #12c9f3b8;border-top-color:var(--sbc-primary);width:min(34rem,100vw - 12rem);min-width:0;min-height:4.5rem;color:var(--sbc-ink);pointer-events:none;background:linear-gradient(135deg,#0b2862f7,#06163df7);border-radius:.5rem .12rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action""progress action";align-items:center;gap:.75rem;padding:.55rem .8rem;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .45rem 1.1rem #00000059}.tutorial-match-hud__title{text-align:center;grid-area:title;gap:.2rem;min-width:0;display:grid}.tutorial-match-hud__context{letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:.45rem;min-width:0;font-size:.875rem;font-weight:900;line-height:1;display:flex}.tutorial-match-hud__label{color:var(--sbc-primary)}.tutorial-match-hud__lesson{color:var(--sbc-cyan);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tutorial-match-hud__title>strong{font:900 clamp(1rem, 2vw, 1.25rem)/1.12 var(--sbc-font-display);letter-spacing:.01em;text-wrap:balance}.tutorial-progress-dots{grid-area:progress;justify-content:center;gap:.25rem;display:flex}.tutorial-progress-dots i{border:1px solid var(--sbc-muted);border-radius:50%;width:.42rem;height:.42rem}.tutorial-progress-dots i[data-complete=true]{border-color:var(--sbc-primary);background:var(--sbc-primary)}.tutorial-match-hud .arena-button{pointer-events:auto;grid-area:action;min-height:3rem;padding:.4rem .7rem}.tutorial-match-exit{z-index:9;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));min-width:3.8rem;min-height:2.6rem;color:var(--sbc-ink);background:#06163de6;border:1px solid #12c9f399;border-radius:.4rem;position:absolute}.tutorial-start-error{gap:1rem}@media (width<=767px){.tutorial-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-match-hud{gap:.5rem;width:min(32rem,100vw - 13rem);min-height:4rem;padding:.4rem .6rem}.tutorial-match-hud__title>strong{font-size:1rem}.tutorial-match-hud .arena-button{min-height:2.75rem;font-size:.75rem}}@media (width<=479px) and (orientation:portrait){.tutorial-select-hero{grid-template-columns:5.5rem minmax(0,1fr);min-height:5.5rem}.tutorial-select-hero img,.tutorial-select-hero__fallback{width:5.5rem;height:5.5rem}.tutorial-lesson-grid{grid-template-columns:1fr}.tutorial-match-hud{top:max(4.25rem, calc(env(safe-area-inset-top) + 4.25rem));width:calc(100vw - 2rem)}}@media (prefers-reduced-motion:reduce){.tutorial-lesson-tile{transition:none}}.arena-screen--leaderboard{height:100dvh;min-height:0;padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overflow:hidden}.arena-screen--leaderboard>.arena-screen-header{width:min(72rem,100%);margin:0 auto;padding:.5rem 0 .75rem}.arena-screen--leaderboard .arena-screen-header h1{font-size:clamp(1.9rem,5vw,3rem)}.leaderboard-board{border-top-color:var(--sbc-cyan);background:linear-gradient(135deg, #123d83f5, #06163dfa), var(--sbc-surface);grid-template-rows:auto minmax(0,1fr);width:min(72rem,100%);height:calc(100% - 6.8rem);min-height:0;margin:0 auto;display:grid;overflow:hidden}.leaderboard-board__title{min-height:3.7rem;color:var(--sbc-reward);border-bottom:1px solid #2e70c7bf;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.leaderboard-board__title>div{gap:.1rem;display:grid}.leaderboard-board__title span{color:var(--sbc-muted);letter-spacing:.12em;font-size:.72rem;font-weight:800}.leaderboard-board__title strong{color:var(--sbc-ink);font:900 1.35rem/1 var(--sbc-font-display);letter-spacing:.05em}.leaderboard-table-wrap{scrollbar-gutter:stable;min-height:0;overflow:hidden auto}.leaderboard-table{border-collapse:collapse;table-layout:fixed;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid #2e70c773;height:3.3rem;padding:.55rem .75rem}.leaderboard-table thead{z-index:2;background:#06163dfa;position:sticky;top:0}.leaderboard-table thead th{color:var(--sbc-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:.875rem;font-weight:800}.leaderboard-table thead th:first-child{width:5rem}.leaderboard-table thead th:nth-child(2){text-align:left;width:min(34vw,24rem)}.leaderboard-table abbr{text-decoration:none}.leaderboard-table tbody tr{background:#06163d5c}.leaderboard-table tbody tr:nth-child(2n){background:#0b28628c}.leaderboard-table tbody tr[data-current-player]{box-shadow:inset .22rem 0 0 var(--sbc-primary);background:linear-gradient(90deg,#b9ee182b,#123d83bf)}.leaderboard-table tbody tr[data-podium] .leaderboard-rank span{border-color:var(--sbc-reward);color:var(--sbc-reward)}.leaderboard-rank{text-align:center}.leaderboard-rank span{border:1px solid var(--sbc-line);width:2rem;height:2rem;font:900 1.1rem/1 var(--sbc-font-display);border-radius:50%;place-items:center;display:inline-grid}.leaderboard-player{text-align:left;font-size:1rem;overflow:hidden}.leaderboard-player span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.leaderboard-player small{color:var(--sbc-primary);letter-spacing:.1em;margin-left:.45rem;font-size:.68rem}.leaderboard-metric{color:var(--sbc-ink);font-variant-numeric:tabular-nums;text-align:center;font-size:1rem;font-weight:800}.leaderboard-state{min-height:0;color:var(--sbc-muted);text-align:center;place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid}.leaderboard-state p{max-width:30rem;margin:0;line-height:1.45}.leaderboard-state>i{border:.2rem solid #12c9f340;border-top-color:var(--sbc-cyan);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite leaderboard-spin}.leaderboard-state--error{color:var(--sbc-ink)}@keyframes leaderboard-spin{to{transform:rotate(360deg)}}@media (orientation:portrait),(width<=600px){.arena-screen--leaderboard{padding-right:max(.6rem, env(safe-area-inset-right));padding-left:max(.6rem, env(safe-area-inset-left))}.arena-screen--leaderboard>.arena-screen-header{padding-bottom:.5rem}.arena-screen--leaderboard .arena-screen-header__description{display:none}.arena-screen--leaderboard .arena-screen-header__actions .arena-button{width:3rem;padding:0}.arena-screen--leaderboard .arena-screen-header__actions .arena-button__label{display:none}.leaderboard-board{height:calc(100% - 5rem)}.leaderboard-board__title{min-height:3.3rem;padding:.5rem .7rem}.leaderboard-table thead{position:static}.leaderboard-table thead th{display:none}.leaderboard-table tbody tr{grid-template-columns:2.8rem repeat(5,minmax(0,1fr));align-items:stretch;min-height:5.1rem;display:grid}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid #2e70c780;height:auto;padding:.35rem .2rem}.leaderboard-rank,.leaderboard-player{align-content:center;display:grid}.leaderboard-rank{grid-row:1/3;min-height:5.1rem}.leaderboard-player{grid-column:2/-1;min-height:2.25rem;border-bottom:0!important;padding:.42rem .35rem .15rem!important}.leaderboard-player small{margin:.18rem 0 0;display:block}.leaderboard-metric{align-content:center;gap:.18rem;min-height:2.85rem;font-size:.9rem;display:grid}.leaderboard-metric:before{color:var(--sbc-muted);content:attr(data-label);letter-spacing:.02em;font-size:.875rem;line-height:1}.leaderboard-rank span{width:1.8rem;height:1.8rem;font-size:1rem}}@media (orientation:landscape) and (height<=520px){.arena-screen--leaderboard>.arena-screen-header{padding:.2rem 0 .45rem}.arena-screen--leaderboard .arena-screen-header h1{font-size:2.1rem}.arena-screen--leaderboard .arena-screen-header__description{display:none}.leaderboard-board{height:calc(100% - 4.3rem)}.leaderboard-board__title{display:none}.leaderboard-table th,.leaderboard-table td{height:3rem;padding-top:.4rem;padding-bottom:.4rem}}@media (width<=360px){.arena-screen--leaderboard .arena-screen-header__actions{display:none}.arena-screen--leaderboard .arena-screen-header h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){.leaderboard-state>i{border-color:var(--sbc-cyan);animation:none}}.result-booster-pack{pointer-events:auto;background:#120835d6;border:1px solid #9149e7bd;border-radius:.48rem .12rem;gap:.3rem;width:min(100%,13rem);margin-top:.4rem;padding:.42rem;display:grid;box-shadow:0 .3rem .8rem #00000047}.result-booster-pack>small{color:#d9baff;letter-spacing:.09em;font-size:.58rem;font-weight:900}.result-booster-pack .arena-button{min-height:3rem;font-size:.68rem}.booster-pack-flow{width:100%;max-width:100vw;height:100dvh;min-height:0;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(52% 68% at 50% 42%,#9149e752,#0000 70%),linear-gradient(145deg,#123d83eb,#040f2efa);place-items:center;display:grid;position:relative;overflow:hidden}.booster-pack-flow__energy{z-index:-1;background:repeating-conic-gradient(from 20deg, transparent 0 13deg, #12c9f321 14deg 16deg, transparent 17deg 31deg), radial-gradient(circle, #b9ee1821, transparent 58%);position:absolute;inset:0}.booster-pack-flow__opening,.booster-pack-flow__reveal{place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.booster-pack-flow__opening{align-content:center;justify-items:center;gap:1rem}.booster-pack-flow__opening>img{object-fit:contain;filter:drop-shadow(0 1.2rem 1.4rem #00000080);width:min(54vmin,22rem);max-width:100%;max-height:62dvh}.booster-pack-flow__error{text-align:center;justify-items:center;gap:.75rem;width:min(100%,28rem);display:grid}.booster-pack-flow__error>p{color:#ffd2d5;margin:0;font-size:.95rem;line-height:1.4}.booster-pack-flow__error>div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.booster-pack-flow__error .arena-button{min-width:8rem;min-height:3rem}.booster-pack-flow__board{justify-content:center;gap:clamp(.5rem,1.25vw,.75rem);max-width:min(100%,42rem)}.booster-pack-flow__board:has(>li:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}@media (orientation:portrait){.booster-pack-flow__board:has(>li:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}}.booster-pack-reward-card__artwork{background:radial-gradient(circle at 50% 42%,#6cf1e038,#0000 50%),linear-gradient(145deg,#164b62,#082d38);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.booster-pack-reward-card__artwork:after{border-radius:inherit;content:"";border:max(1px,.45cqw) solid #e2fffa2e;position:absolute;inset:8%}.booster-pack-reward-card__artwork img,.booster-pack-reward-card__artwork .player-profile-icon{z-index:1;object-fit:contain;filter:drop-shadow(0 1.25cqw 1.5cqw #020a2057);width:64%;height:64%;display:block;position:relative}.booster-pack-reward-card__artwork--profile-icon{background:radial-gradient(circle at 50% 42%,#f277ca4d,#0000 48%),linear-gradient(145deg,#5a2f67,#2c173c)}.booster-pack-reward-card__artwork>.arena-icon{z-index:1;color:var(--sbc-reward);filter:drop-shadow(0 1.25cqw 1.5cqw #020a2057);position:relative}@media (orientation:landscape) and (height<=520px){.result-booster-pack{margin-top:.25rem;padding:.32rem}.result-booster-pack .arena-button{min-height:2.7rem}.booster-pack-flow{padding-top:max(.4rem, env(safe-area-inset-top));padding-bottom:max(.4rem, env(safe-area-inset-bottom))}.booster-pack-flow__opening>img{width:min(42vmin,11rem);max-height:58dvh}.booster-pack-flow__board{max-width:min(100%,30rem)}}@media (prefers-reduced-motion:no-preference){.booster-pack-flow__opening>img{animation:1.2s ease-in-out infinite alternate booster-pack-opening}}@keyframes booster-pack-opening{0%{transform:translateY(.18rem)rotate(-1.5deg)scale(.985)}to{transform:translateY(-.28rem)rotate(1.5deg)scale(1.015)}}.arena-screen--cards{height:100dvh;min-height:0;padding:max(.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(ellipse 60% 45% at 50% 0%, #12c9f333, transparent 72%), linear-gradient(145deg, #0b2b68, var(--sbc-surface) 48%, var(--sbc-canvas));overflow:hidden}.arena-screen--cards>.arena-screen-header{width:min(82rem,100%);margin:0 auto;padding:.4rem 0 .65rem}.arena-screen--cards .arena-screen-header h1{font-size:clamp(1.8rem,4vw,2.7rem)}.cards-collection__tools{align-items:center;gap:.7rem;display:flex}.cards-collection__tools>strong{color:var(--sbc-reward);font:900 .76rem/1 var(--sbc-font-display);letter-spacing:.08em;white-space:nowrap}.cards-collection__tools .arena-button{min-height:3rem}.cards-collection{overscroll-behavior:contain;scrollbar-gutter:stable;width:min(82rem,100%);height:calc(100% - 6rem);min-height:0;margin:0 auto;overflow:hidden auto}.cards-collection__grid{grid-template-columns:repeat(auto-fill,minmax(9.25rem,1fr));gap:clamp(.75rem,2vw,1.25rem);margin:0;padding:.8rem .7rem 1.5rem;list-style:none;display:grid}.cards-collection__grid>li{min-width:0}.cards-collection__item{width:100%;min-width:0;color:var(--sbc-ink);background:0 0;border:0;justify-items:center;gap:.38rem;margin:0;padding:0;display:grid}.cards-collection__item>.sbc-collectible-card-frame{width:100%}.cards-collection__item--unlocked{cursor:pointer}.cards-collection__item--unlocked>.sbc-collectible-card-frame{transition:filter .14s,transform .14s}.cards-collection__item--unlocked:hover>.sbc-collectible-card-frame,.cards-collection__item--unlocked:focus-visible>.sbc-collectible-card-frame{filter:brightness(1.08)saturate(1.08);transform:translateY(-.18rem)}.cards-collection__item--unlocked:focus-visible{outline:3px solid var(--sbc-primary);outline-offset:.3rem}.cards-collection__item--locked>.sbc-collectible-card-frame{filter:grayscale(.55)brightness(.55)}.cards-collection__item--locked>strong{color:var(--sbc-muted);font:900 .82rem/1 var(--sbc-font-display);letter-spacing:.08em;margin-top:-.15rem}.cards-collection__item--locked>span{color:var(--sbc-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.2rem;font-size:.68rem;font-weight:900;display:flex}.cards-collection__empty{height:100%;color:var(--sbc-muted);text-align:center;place-content:center;justify-items:center;gap:.8rem;display:grid}.cards-collection__empty p{max-width:28rem;margin:0}.cards-collection-detail{z-index:100;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:#010614e0;place-items:center;display:grid;position:fixed;inset:0}.cards-collection-detail__panel{width:min(24rem,71.4286dvh - 1.78571rem,100vw - 2rem);position:relative}.cards-collection-detail__motion-host{cursor:crosshair;touch-action:none;width:100%}.cards-collection-detail__motion-host>.sbc-collectible-card-frame{width:100%}.cards-collection-detail__motion-host[data-foil-active=true] .sbc-collectible-card-frame{will-change:transform;transition:none}.cards-collection-detail__motion-host[data-foil-active=true] .sbc-collectible-card{transition:none}.cards-collection-detail__motion-host[data-foil-active=true] .sbc-collectible-card-frame__bloom{will-change:opacity, transform;transition:none}.cards-collection-detail__panel>.arena-button{border-radius:50%;width:3rem;min-width:3rem;min-height:3rem;padding:0;position:absolute;top:-.65rem;right:-.65rem;box-shadow:0 .55rem 1.2rem #0000008c}@media (orientation:landscape) and (height<=520px){.arena-screen--cards>.arena-screen-header{padding:.15rem 0 .4rem}.arena-screen--cards .arena-screen-header__description{display:none}.arena-screen--cards .arena-screen-header h1{font-size:2rem}.cards-collection{height:calc(100% - 4.3rem)}.cards-collection__grid{grid-template-columns:repeat(auto-fill,minmax(7.7rem,1fr));padding-top:.5rem}}@media (orientation:portrait),(width<=620px){.arena-screen--cards{padding-right:max(.6rem, env(safe-area-inset-right));padding-left:max(.6rem, env(safe-area-inset-left))}.arena-screen--cards .arena-screen-header__description,.cards-collection__tools>strong{display:none}.cards-collection__tools .arena-button{width:3rem;min-width:3rem;padding:0}.cards-collection__tools .arena-button__label{display:none}.cards-collection{height:calc(100% - 5rem)}.cards-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.65rem .25rem 1.25rem}}@media (prefers-reduced-motion:reduce){.cards-collection__item--unlocked>.sbc-collectible-card-frame{transition:none}.cards-collection-detail__motion-host{cursor:default}}.debug-card-layout{width:min(100%,78rem)}.debug-card-layout__controls{border-bottom:1px solid var(--sbc-line);flex-wrap:wrap;gap:.75rem;padding:1rem 0;display:flex}.debug-card-layout__controls fieldset{border:0;min-width:max-content;margin:0;padding:0}.debug-card-layout__controls legend{color:var(--sbc-muted);font:800 .7rem/1 var(--sbc-font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem}.debug-card-layout__controls fieldset>div{gap:.35rem;display:flex}.debug-card-layout__controls button,.debug-card-layout__controls select{border:1px solid var(--sbc-line);min-height:3rem;color:var(--sbc-ink);background:var(--sbc-surface);cursor:pointer;border-radius:.5rem;padding:.65rem .85rem;font-size:.78rem;font-weight:800}.debug-card-layout__controls button[aria-pressed=true]{border-color:var(--sbc-primary);color:var(--sbc-ink-on-colour);background:var(--sbc-primary)}.debug-card-layout__controls button:focus-visible,.debug-card-layout__controls select:focus-visible,.debug-card-layout__controls input:focus-visible{outline:3px solid var(--sbc-focus-ring);outline-offset:2px}.debug-card-layout__controls button:disabled,.debug-card-layout__controls fieldset:disabled select{cursor:default;filter:saturate(.35);opacity:.46}.debug-card-layout__input-status{border:1px solid color-mix(in srgb, var(--sbc-line) 72%, transparent);width:min(18rem,52vw);min-height:3rem;color:var(--sbc-muted);background:color-mix(in srgb, var(--sbc-surface) 78%, transparent);border-radius:.5rem;align-items:center;padding:.55rem .7rem;font-size:.7rem;font-weight:700;line-height:1.25;display:inline-flex}.debug-card-layout__color>div{align-items:center;gap:.35rem;display:flex}.debug-card-layout__color input[type=color]{border:1px solid var(--sbc-line);background:var(--sbc-surface);cursor:pointer;border-radius:.5rem;width:3rem;height:3rem;padding:.2rem}.debug-card-layout__color input[type=text]{border:1px solid var(--sbc-line);width:6.4rem;min-height:3rem;color:var(--sbc-ink);background:var(--sbc-surface);font:800 .78rem/1 var(--sbc-font-body);letter-spacing:.04em;text-transform:uppercase;border-radius:.5rem;padding:.65rem .7rem}.debug-card-layout__color input[type=text][aria-invalid=true]{border-color:var(--sbc-danger)}.debug-card-layout__range>label{border:1px solid var(--sbc-line);background:var(--sbc-surface);border-radius:.5rem;align-items:center;gap:.55rem;min-height:3rem;padding:.35rem .7rem;display:flex}.debug-card-layout__range input{width:7.5rem;min-height:2.25rem;accent-color:var(--sbc-primary);cursor:pointer}.debug-card-layout__range output{min-width:2.7rem;color:var(--sbc-ink);text-align:right;font-size:.72rem;font-weight:800}.debug-card-layout__stage{min-height:calc(100dvh - 12rem);padding:clamp(1rem, 3vw, 2rem) 0 max(3rem, env(safe-area-inset-bottom));gap:1rem;display:grid}.debug-card-layout__measurements{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.debug-card-layout__measurements span{border:1px solid color-mix(in srgb, var(--sbc-line) 72%, transparent);min-height:2rem;color:var(--sbc-muted);background:color-mix(in srgb, var(--sbc-surface) 78%, transparent);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.72rem;display:inline-flex}.debug-card-layout__measurements strong{color:var(--sbc-ink);font-weight:800}.debug-card-layout__specimen{touch-action:pan-y;justify-content:center;align-items:center;min-width:0;display:flex}.debug-card-layout__specimen[data-foil-input=pointer]{cursor:crosshair}.debug-card-layout__specimen[data-foil-active=true] .sbc-collectible-card-frame,.debug-card-layout__specimen[data-foil-active=true] .sbc-collectible-card,.debug-card-layout__specimen[data-foil-active=true] .sbc-collectible-card-frame__bloom{will-change:transform;transition:none}.debug-card-layout__placeholder-art{box-sizing:border-box;filter:drop-shadow(1.2cqw 1.5cqw #06163d66);padding:7%;object-fit:contain!important}.debug-menu-shell.debug-card-reveal{width:min(100%,78rem);height:100dvh;padding-bottom:max(.5rem, env(safe-area-inset-bottom));overscroll-behavior:none;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.debug-card-reveal .debug-header{position:relative}.debug-card-reveal__tray-stage{align-content:center;justify-items:center;gap:clamp(.45rem,1.8vh,1rem);height:100%;min-height:0;padding:clamp(.45rem,1.8vh,1rem) 0;display:grid;overflow:hidden}.debug-card-reveal__intro{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,42rem);display:flex}.debug-card-reveal__intro p{max-width:34rem;color:var(--sbc-muted);margin:0;font-size:clamp(.72rem,1.8vw,.9rem);font-weight:700;line-height:1.4}.debug-card-reveal__intro button,.debug-card-reveal__motion button{border:1px solid var(--sbc-line);min-height:3rem;color:var(--sbc-ink);background:var(--sbc-surface);cursor:pointer;border-radius:.5rem;padding:.62rem .78rem;font-size:.7rem;font-weight:800}.debug-card-reveal__intro button{border-color:var(--sbc-primary);color:var(--sbc-ink-on-colour);background:var(--sbc-primary);font-family:var(--sbc-font-display)}.debug-card-reveal__intro button:disabled,.debug-card-reveal__motion button:disabled{cursor:default;filter:saturate(.35);opacity:.46}.debug-card-reveal__motion{flex-wrap:wrap;align-items:center;gap:.4rem;width:min(100%,42rem);min-width:0;display:flex}.debug-card-reveal__motion>strong{color:var(--sbc-muted);font:900 .66rem/1 var(--sbc-font-display);letter-spacing:.08em;text-transform:uppercase;margin-right:.15rem}.debug-card-reveal__motion button[aria-pressed=true]{border-color:var(--sbc-primary);color:var(--sbc-ink-on-colour);background:var(--sbc-primary)}.debug-card-reveal__motion output{min-width:min(100%,14rem);color:var(--sbc-muted);flex:16rem;font-size:.68rem;font-weight:700;line-height:1.3}.debug-card-reveal__status{min-height:1.35rem;color:var(--sbc-ink);font:900 .84rem/1.25 var(--sbc-font-display);letter-spacing:.035em;text-align:center;text-transform:uppercase;margin:0}.debug-card-reveal__notice{max-width:32rem;color:var(--sbc-muted);text-align:center;margin:0;font-size:.68rem;line-height:1.35}.debug-menu-shell.debug-card-gallery{width:min(100%,108rem)}.debug-card-gallery__intro{border-bottom:1px solid var(--sbc-line);justify-content:space-between;align-items:end;gap:1rem;padding:1.25rem 0 1rem;display:flex}.debug-card-gallery__intro h2,.debug-card-gallery__class h2{font-family:var(--sbc-font-display);text-transform:uppercase;margin:0}.debug-card-gallery__intro p,.debug-card-gallery__class p{color:var(--sbc-muted);margin:.35rem 0 0;font-size:.76rem;line-height:1.45}.debug-card-gallery__classes{gap:1.75rem;padding:1.5rem 0 4rem;display:grid}.debug-card-gallery__row-scroll{padding:.35rem .35rem 1.1rem;overflow-x:auto}.debug-card-gallery__row{grid-template-columns:repeat(5,12rem);gap:.95rem;width:max-content;margin:0;padding:0;list-style:none;display:grid}.debug-card-gallery__row>li{min-width:0}.debug-card-gallery__row .sbc-collectible-card-frame{width:100%}.debug-card-gallery__sample-label{color:var(--sbc-muted);font:800 .58rem/1.2 var(--sbc-font-body);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-top:.55rem;display:block}.debug-card-gallery__art{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.debug-card-gallery__art>img{object-fit:contain;filter:drop-shadow(1.2cqw 1.6cqw #06163d6b);width:88%;height:88%}.debug-card-gallery__art[data-art-family=rizz]{background:radial-gradient(circle at 48% 40%,#ffcf3f 0 7%,#0000 30%),linear-gradient(145deg,#d82e78,#4b1f75 72%)}.debug-card-gallery__art[data-art-family=club-credits]{background:radial-gradient(circle at 48% 42%,#ffe777 0 7%,#0000 31%),linear-gradient(145deg,#3978f6,#0a2e72 72%)}.debug-card-gallery__art[data-art-family=profile-icon]{background:#30193e}.debug-card-gallery__art[data-art-family=profile-icon]>img{object-fit:cover;filter:none;width:100%;height:100%}@media (width<=720px){.debug-card-gallery__intro,.debug-card-reveal__intro{flex-direction:column;align-items:stretch}.debug-card-reveal__intro button{align-self:start}}@media (orientation:landscape) and (height<=620px){.debug-card-reveal .debug-header{min-height:3rem}.debug-card-reveal__tray-stage{grid-template-columns:minmax(0,1.15fr) minmax(14rem,.85fr);grid-template-areas:"board intro""board motion""board status";align-content:center;align-items:center;gap:.4rem 1rem;padding:.35rem 0}.debug-card-reveal__intro{flex-direction:column;grid-area:intro;align-items:flex-start;gap:.35rem}.debug-card-reveal__intro p{font-size:.66rem;line-height:1.25}.debug-card-reveal__intro button,.debug-card-reveal__motion button{min-height:3rem;padding:.5rem .62rem;font-size:.64rem}.debug-card-reveal__motion{grid-area:motion;gap:.3rem}.debug-card-reveal__motion output{flex-basis:100%;min-width:0;font-size:.6rem}.debug-card-reveal__board{grid-area:board;align-self:center}.debug-card-reveal__status{grid-area:status;min-height:0;font-size:.68rem}.debug-card-reveal__notice{display:none}}