@font-face{font-family:'Bebas Neue';src:url('/assets/fonts/BebasNeue.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/assets/fonts/RobotoCondensed.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-synthesis:none;color:#fff8df;background:#10203e;-webkit-font-smoothing:antialiased;color-scheme:dark;--gold:#ffd52a;--ink:#10203e;--green:#14783c;--muted:#aab7cb;--display:'Bebas Neue',Impact,sans-serif}
*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button[hidden],[hidden]{display:none!important}svg{width:24px;height:24px;vertical-align:middle;flex:none}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--gold)}
.game-shell{height:100svh;height:100dvh;min-height:500px;display:grid;grid-template-rows:82px minmax(0,1fr) 90px;max-width:1920px;margin:auto;background:var(--ink);overflow:hidden}.game-shell>*{min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#10203e;border-bottom:4px solid var(--gold);z-index:3;position:relative}.topbar:after{content:'';position:absolute;bottom:-4px;left:0;width:34%;height:4px;background:#218848}.brand{display:flex;gap:12px;align-items:center;font:400 26px/.86 var(--display);letter-spacing:1.1px}.brand>span:last-child>span{display:block;color:var(--gold)}.brand-mark{display:grid;place-items:center;width:39px;height:46px;border:2px solid var(--gold);font:400 36px/1 var(--display);color:var(--gold);transform:skew(-5deg)}.topbar-right{display:flex;align-items:center;gap:23px}.wallet{display:flex;align-items:center;gap:9px;min-width:106px}.coin-symbol{color:var(--gold)}.coin-symbol svg{width:30px;height:30px}.wallet small{display:block;font-size:10px;line-height:1;letter-spacing:1.6px;font-weight:700;color:#b9c7dc}.wallet strong{display:block;font:400 29px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.6px;margin-top:3px}.topbar-divider{height:30px;width:1px;background:#ffffff29}.shop-trigger{display:flex;align-items:center;gap:9px;border:0;border-radius:3px;min-height:42px;padding:9px 16px;background:var(--gold);color:var(--ink);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 3px 0 #9e7810;transition:filter .18s,transform .18s}.shop-trigger:hover:enabled{filter:brightness(1.1);transform:translateY(-1px)}.shop-trigger svg{width:23px;height:23px}.collection-badge{padding:3px 6px;border-left:1px solid #10203e50;font-size:11px;font-weight:800}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff42;border-radius:3px;background:#10203e;color:#fff8df;transition:background .18s}.icon-button:hover{background:#243a5e}.icon-button svg{width:20px;height:20px}.shop-trigger:disabled,.equipped-gear:disabled{opacity:.5;box-shadow:none}
.arena{position:relative;isolation:isolate;overflow:hidden;background:#226839}.arena>canvas{width:100%;height:100%;display:block}.target-layer{position:absolute;inset:0;z-index:2}.target{position:absolute;border:0;margin:0;padding:0;background:transparent;cursor:crosshair}.target:focus-visible{outline:0;background:#ffd52a35}.target:disabled{pointer-events:none}.target-marker{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:25px;height:25px;border:1px solid #fff7dba6;border-radius:50%;transform:translate(-50%,-50%);background:#10203e69;box-shadow:0 2px 8px #0004;color:#fff8df;font-size:11px;font-weight:800;transition:transform .16s,background .16s}.target:focus-visible .target-marker{transform:translate(-50%,-50%) scale(1.25);background:var(--gold);color:var(--ink)}@media (hover:hover){.target:hover .target-marker{transform:translate(-50%,-50%) scale(1.25);background:var(--gold);color:var(--ink)}}.target:disabled .target-marker,.target-layer:not([data-phase=idle]) .target-marker{opacity:0}.scene-caption{position:absolute;top:14px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:3;width:max-content;max-width:90%;text-shadow:0 2px 7px #06182fcc}.scene-caption h1{font:400 34px/1 var(--display);letter-spacing:1.2px;color:#fff8df}.scene-caption p{font-size:12px;line-height:1.4;color:#fff8df;margin-top:3px}.scene-caption p:empty{display:none}.arena-tip{display:none}
.game-footer{background:#10203e;border-top:3px solid #218848;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:28px;z-index:3}.equipped-gear{padding:0;display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;min-width:280px;--gear-color:#fff8df}.equipped-image{display:block;width:84px;height:58px;background:#09152d;border-bottom:2px solid var(--gold)}.equipped-image canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 7px 4px #0007)}.equipped-copy small{display:block;font-size:9px;letter-spacing:1.2px;color:#aab9d0;margin-bottom:3px;font-weight:700}.equipped-copy strong{font:400 24px/1 var(--display);letter-spacing:.5px}.equipped-multiplier{font:400 30px/1 var(--display);color:var(--gold);margin-left:9px}.gear-arrow{color:var(--gold);display:grid;place-items:center;margin-left:8px}.gear-arrow svg{width:19px;height:19px;transition:transform .2s}.equipped-gear:hover .gear-arrow svg{transform:translateX(4px)}.match-stats{display:flex;gap:27px;align-items:center;justify-content:center}.match-stats>span{display:flex;align-items:baseline;gap:7px}.match-stats svg{width:19px;height:19px;align-self:center;margin-right:2px;color:#bdcbe0}.match-stats strong{font:400 32px/1 var(--display);font-variant-numeric:tabular-nums}.match-stats small{font-size:11px;color:#b8c6dc;text-transform:uppercase;font-weight:600;letter-spacing:.7px}.help-button{display:flex;align-items:center;gap:8px;background:transparent;border:0;font-size:12px;font-weight:600;color:#bfcee2;padding:10px}.help-button svg{width:20px;height:20px}.help-button:hover{color:#fff8df}
.round-result{position:absolute;top:47%;left:56%;min-width:280px;text-align:center;z-index:4;pointer-events:none;transform:translate(-50%,-44%) scale(.86);opacity:0;transition:opacity .18s,transform .25s cubic-bezier(.2,.85,.2,1.2);filter:drop-shadow(0 8px 22px #07182fc0)}.round-result:before{content:'';position:absolute;z-index:-1;inset:-35px -60px;background:radial-gradient(ellipse,#07182fe8,transparent 70%)}.round-result.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.result-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#fff8df}.result-title{display:block;font:400 100px/.95 var(--display);letter-spacing:1px;font-style:italic;color:var(--gold);text-shadow:0 4px 0 #10203e;margin:6px 0}.result-coins{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff8df}.result-coins svg{width:28px;height:28px;color:var(--gold)}.result-coins span{font:400 40px/1 var(--display);letter-spacing:1px}.result-coins small{font-size:13px;padding-top:8px}.result-detail{margin-top:8px;font-size:13px;color:#e3ecf8}.is-saved .result-title{color:#fff8df;font-size:80px}.is-saved .result-coins span{font-size:26px}.is-saved .result-coins svg{color:#fff8df;width:22px;height:22px}.streak-pill{position:absolute;right:25px;top:20px;display:flex;align-items:center;gap:7px;background:#10203edb;border-left:3px solid var(--gold);padding:8px 12px;color:var(--gold);font-size:12px;font-weight:700;z-index:3}.streak-pill svg{width:17px;height:17px}.coin-pop{animation:coin-pop .55s ease}@keyframes coin-pop{25%{color:var(--gold);transform:translateY(-2px) scale(1.08)}100%{color:inherit;transform:none}}
.loading-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(#07182fba,#07182fee),url('/assets/environment/stadium-clean.png') center/cover;opacity:1;visibility:visible;transition:opacity .5s,visibility .5s}.loading-screen.is-done{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;width:min(340px,90vw);position:relative}.loading-number{display:block;font:400 74px/1 var(--display);color:#ffffff24;letter-spacing:5px;margin:0 auto 9px}.loading-content h2{font:400 108px/.83 var(--display);letter-spacing:2px;margin:0 0 30px;transform:skew(-5deg);text-shadow:0 6px 0 #08152e}.loading-content p{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.8px;color:#d9e3f1;max-width:290px;margin:auto}.loading-track{height:5px;background:#ffffff25;width:220px;overflow:hidden;margin:22px auto 9px}.loading-track span{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.loading-progress{font:400 20px/1 var(--display);letter-spacing:1px;color:#d5e1f2;font-variant-numeric:tabular-nums}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:800;color:#aabbd4}.retry-load{margin:22px auto 0}
dialog{color:#fff8df;border:1px solid #62708b;padding:0;max-height:calc(100dvh - 32px);background:#10203e;box-shadow:0 28px 90px #0009;overscroll-behavior:contain}dialog::backdrop{background:#020817d9;backdrop-filter:blur(5px)}.shop-dialog{width:min(1280px,calc(100vw - 40px));border:1px solid #61708a;border-radius:4px;overflow-x:hidden;overflow-y:auto;position:fixed;max-height:calc(100dvh - 28px)}.shop-header{display:flex;align-items:center;gap:22px;padding:13px 22px 12px;background:#10203e;border-bottom:3px solid var(--gold);position:relative;z-index:5}.shop-header>div:first-child{flex:1}.shop-header .eyebrow{font-size:9px;letter-spacing:2px;color:#c6d1e4}.shop-header h2{font:400 35px/.95 var(--display);letter-spacing:1.5px;margin-top:3px}.shop-wallet{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1px}.shop-wallet svg{color:var(--gold);width:24px;height:24px}.shop-wallet strong{font:400 29px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.5px}.close-shop{flex-shrink:0}.locker-viewport{width:100%;overflow-x:auto;overflow-y:hidden;aspect-ratio:1672/635;scrollbar-color:#ffd52a #10203e;scrollbar-width:thin;background:#091224;position:relative}.locker-room{position:relative;width:100%;min-width:900px;aspect-ratio:1672/941;isolation:isolate}.locker-background{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:fill;user-select:none;pointer-events:none;z-index:-1}.locker-slots{position:absolute;inset:0}.boot-card{position:absolute;top:18%;width:11.7%;height:24.7%;transform:translateX(-50%);background:transparent;padding:0;border:0;border-radius:0;color:#fff8df;isolation:isolate}.slot-shadow{position:absolute;inset:0 -1% -1%;border-radius:12% 12% 9% 9%;background:linear-gradient(#03070a66,#03070ac9);box-shadow:inset 0 -12px 24px #000a;z-index:-1;transition:opacity .3s}.boot-card canvas{position:absolute;bottom:1.5%;left:0;display:block;width:100%;height:auto;filter:brightness(0) drop-shadow(0 10px 6px #000b);transition:filter .3s,transform .25s;transform-origin:50% 90%}.boot-card.is-owned canvas{filter:drop-shadow(0 8px 5px #000a)}.boot-card.is-owned .slot-shadow{opacity:.16}.boot-card:hover canvas,.boot-card:focus-visible canvas{transform:translateY(-4px)}.slot-lock{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);display:grid;place-items:center;width:29px;height:31px;background:#0a1224ca;border:1px solid #ad95636b;border-radius:3px;color:#d3be86}.slot-lock svg{width:17px;height:17px}.boot-card.is-owned .slot-lock{display:none}.slot-plaque{position:absolute;top:108%;left:-2%;right:-2%;display:grid;gap:4px;text-align:center;text-shadow:0 1px 3px #0009;line-height:1;pointer-events:none;background:#0c1934ed;border-bottom:2px solid #ffd52a70;padding:6px 2px 7px}.slot-plaque strong{font:400 clamp(17px,1.65vw,24px)/1 var(--display);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.slot-number{display:none}.slot-state{font-size:clamp(9px,.8vw,11px);font-weight:800;letter-spacing:.4px;color:#d3dced}.slot-state svg{width:11px;height:11px;color:var(--gold);margin-right:2px}.boot-card.is-selected:after{content:'';position:absolute;top:-1%;bottom:-2%;left:-3%;right:-3%;border:2px solid var(--gold);border-radius:13% 13% 9% 9%;box-shadow:0 0 13px #ffd52a55,inset 0 0 15px #ffd52a17;pointer-events:none}.boot-card.is-selected .slot-plaque strong{color:var(--gold)}.locker-caption{position:absolute;left:0;right:0;top:65%;text-align:center;font:400 20px/1 var(--display);letter-spacing:2px;color:#fff5d4;text-shadow:0 2px 8px #000c;pointer-events:none}.locker-scroll-hint{display:none}.locker-details{display:grid;grid-template-columns:1fr .85fr 1fr;align-items:center;gap:25px;padding:18px 28px;background:#10203e;border-top:2px solid #218848;min-height:135px}.rarity-label{display:block;text-transform:uppercase;color:var(--rarity,#ffd52a);font-size:10px;font-weight:800;letter-spacing:1.8px}.locker-identity h3{font:400 39px/1 var(--display);letter-spacing:.7px;margin:4px 0}.locker-identity p{font-size:12px;color:#aebed5;line-height:1.35}.locker-reward{padding-left:25px;border-left:1px solid #ffffff25;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.locker-reward>strong{grid-row:1/3;font:400 61px/.9 var(--display);color:var(--gold);letter-spacing:1px}.locker-reward>span{font-size:10px;letter-spacing:.9px;font-weight:800}.locker-reward>small{font-size:12px;color:#afc0d9;align-self:start}.locker-purchase{text-align:center;position:relative}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;background:var(--gold);color:#10203e;border:0;border-radius:3px;font-size:14px;font-weight:900;letter-spacing:.7px;padding:11px 20px;box-shadow:0 3px 0 #a37c11;transition:filter .15s,transform .15s}.primary-button:enabled:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-button svg{width:19px;height:19px}.primary-button:disabled{background:#253956;color:#aebdd4;box-shadow:none;border:1px solid #53647d}.boot-action{width:100%;min-width:180px;white-space:nowrap}.boot-action>span{border-left:1px solid #10203e40;padding-left:10px;margin-left:3px;font-size:12px}.locker-purchase>p{color:#aebed5;font-size:11px;line-height:1.25;margin-top:8px}.inspect-boot,.reveal-back{background:transparent;border:0;border-bottom:1px solid #ffd52a70;padding:3px 1px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.4px;margin-top:8px}.inspect-boot:hover,.reveal-back:hover{color:#fff8df;border-color:#fff8df}
.boot-reveal{position:absolute;inset:0;min-height:100%;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;padding:40px 24px 20px;background:#08152e;isolation:isolate}.shop-dialog.has-reveal{overflow:hidden;min-height:min(760px,calc(100dvh - 28px))}.has-reveal>.shop-header{visibility:hidden;pointer-events:none}.has-reveal>.shop-header .close-shop{visibility:visible;pointer-events:auto;position:absolute;right:22px;top:17px;background:#10203e;z-index:6}.has-reveal>.locker-viewport,.has-reveal>.locker-scroll-hint,.has-reveal>.locker-details{visibility:hidden;pointer-events:none}.reveal-lights{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#274a775e,transparent 57%),linear-gradient(115deg,transparent 20%,#ffd52a1c 31%,transparent 42%),linear-gradient(245deg,transparent 20%,#67b3ec18 31%,transparent 42%),linear-gradient(#08152e,#10203e)}.reveal-lights:after{content:'';position:absolute;left:12%;right:12%;top:46%;height:30%;border-radius:50%;background:var(--rarity);opacity:.12;filter:blur(70px)}.reveal-kicker{font-size:11px;font-weight:900;letter-spacing:3.6px;color:var(--gold);position:relative;z-index:1}.reveal-name{font:400 clamp(47px,5.7vw,82px)/.95 var(--display);text-transform:uppercase;letter-spacing:2px;margin-top:11px;color:#fff8df;position:relative;z-index:1}.reveal-edition{font-size:12px;color:#b9c9de;letter-spacing:.5px;margin-top:5px;position:relative;z-index:1}.reveal-stage{width:min(720px,100%);height:clamp(210px,33vh,350px);flex:1 1 230px;min-height:180px;position:relative;margin:-8px auto -11px}.reveal-stage canvas{display:block;width:100%;height:100%;filter:brightness(0);opacity:.8;position:absolute;inset:0}.reveal-bonus{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;column-gap:10px;position:relative;z-index:1}.reveal-bonus>.rarity-label{grid-column:1/4;font-size:10px;letter-spacing:3px;margin-bottom:3px}.reveal-bonus>strong{font:400 60px/1 var(--display);color:var(--gold);grid-column:1/3;justify-self:end}.reveal-bonus>span:not(.rarity-label){font-size:12px;letter-spacing:1px;font-weight:800;justify-self:start}.reveal-bonus p{grid-column:1/4;font-size:12px;color:#b9c9de;margin:1px 0 15px}.reveal-enter{min-width:235px;position:relative;z-index:1}.reveal-back{margin-top:14px;position:relative;z-index:1}.is-revealing .reveal-stage canvas{animation:boot-unlock 1.7s cubic-bezier(.2,.7,.2,1) forwards}.is-revealing .reveal-kicker,.is-revealing .reveal-name,.is-revealing .reveal-edition{animation:reveal-title 1s both}.is-revealing .reveal-bonus,.is-revealing .reveal-enter,.is-revealing .reveal-back{animation:reveal-details .6s .95s both}.is-revealing .reveal-lights:before{content:'';position:absolute;inset:0;background:#fff8df;animation:reveal-flash 1.35s both;pointer-events:none}@keyframes boot-unlock{0%,35%{filter:brightness(0);opacity:.8;transform:scale(.8)}50%{filter:brightness(2.1);opacity:1}100%{filter:brightness(1);opacity:1;transform:scale(1)}}@keyframes reveal-title{0%,30%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}@keyframes reveal-details{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes reveal-flash{0%,36%{opacity:0}44%{opacity:.8}67%,100%{opacity:0}}
.toast{position:fixed;z-index:40;bottom:106px;left:50%;transform:translate(-50%,12px);max-width:calc(100vw - 32px);width:max-content;text-align:center;background:#fff8df;color:#10203e;padding:12px 20px;font-size:13px;font-weight:700;border-left:5px solid var(--gold);border-radius:2px;box-shadow:0 10px 30px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.help-dialog{width:min(480px,calc(100vw - 30px));border-radius:4px;padding:32px}.help-dialog>.icon-button{position:absolute;right:17px;top:17px}.help-dialog>.eyebrow{margin-top:14px}.help-dialog h2{font:400 44px/1 var(--display);letter-spacing:1px;margin:10px 0 25px}.help-dialog ol{list-style:none;padding:0;margin:0;display:grid;gap:19px}.help-dialog li{display:flex;gap:15px;align-items:flex-start}.help-dialog li>span{color:var(--gold);font:400 30px/1 var(--display)}.help-dialog li p{font-size:14px;line-height:1.5;color:#c4d0e1}.help-dialog strong{color:#fff8df}.help-note{font-size:11px;line-height:1.6;color:#9eb1cb;border-top:1px solid #ffffff25;margin-top:23px;padding-top:17px}.help-dialog>.primary-button{width:100%;margin-top:22px}
@media(min-width:1600px){.topbar,.game-footer{padding-left:48px;padding-right:48px}.scene-caption h1{font-size:38px}}
@media(max-width:900px){.game-shell{grid-template-rows:72px minmax(0,1fr) 84px}.topbar{padding:0 20px}.topbar-right{gap:15px}.brand{font-size:24px;gap:9px}.brand-mark{width:34px;height:40px;font-size:31px}.wallet{min-width:94px}.wallet strong{font-size:26px}.shop-trigger{padding:9px 12px}.collection-badge{display:none}.game-footer{padding:0 20px;gap:15px}.equipped-gear{min-width:0;gap:9px}.equipped-image{width:70px;height:52px}.equipped-copy strong{font-size:21px}.equipped-copy small{font-size:8px;letter-spacing:.7px}.equipped-multiplier{font-size:27px;margin-left:3px}.gear-arrow{display:none}.match-stats{gap:17px}.match-stats strong{font-size:29px}.help-button>span{display:none}.round-result{left:58%}.result-title{font-size:88px}.shop-dialog{width:calc(100vw - 24px)}.locker-viewport{aspect-ratio:auto;height:360px}.locker-scroll-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#b6c7de;padding:7px 10px;border-top:1px solid #364965}.locker-scroll-hint svg{width:15px;height:15px;color:var(--gold)}.locker-details{padding:17px 22px;gap:18px;grid-template-columns:1fr .9fr 1.1fr}.locker-identity h3{font-size:31px}.locker-reward{padding-left:16px;grid-template-columns:1fr;text-align:center;gap:4px}.locker-reward>strong{grid-row:auto;font-size:49px}.locker-reward>span{font-size:9px}.locker-reward>small{font-size:10px}.slot-plaque strong{font-size:20px}.slot-state{font-size:9px}.locker-caption{font-size:23px}}
@media(max-width:600px){.game-shell{grid-template-rows:66px minmax(0,1fr) 98px;min-height:500px}.topbar{padding:0 12px}.topbar-right{gap:10px}.topbar-divider{display:none}.brand{font-size:21px;gap:7px;letter-spacing:.6px}.brand-mark{width:28px;height:34px;font-size:27px}.wallet{min-width:64px;gap:5px}.wallet small{font-size:8px;letter-spacing:.8px}.wallet strong{font-size:25px}.coin-symbol svg{width:23px;height:23px}.shop-trigger{padding:8px;min-height:35px}.shop-trigger>span{display:none}.shop-trigger>svg{width:21px;height:21px}.sound-toggle{width:33px;height:35px}.sound-toggle svg{width:17px;height:17px}.scene-caption{top:15px}.scene-caption h1{font-size:30px;letter-spacing:.9px}.scene-caption p{font-size:11px;margin-top:3px}.game-footer{padding:0 12px;gap:10px;flex-wrap:wrap;align-content:center;position:relative}.equipped-gear{width:calc(100% - 38px);height:53px;gap:9px}.equipped-image{width:66px;height:48px}.equipped-copy{flex:1}.equipped-copy strong{font-size:22px}.equipped-copy small{font-size:8px}.equipped-multiplier{font-size:29px;padding:0 7px}.help-button{padding:7px;position:absolute;right:10px;top:15px}.match-stats{position:absolute;right:14px;bottom:8px;gap:14px}.match-stats>span{gap:4px}.match-stats strong{font-size:17px}.match-stats small{font-size:8px;letter-spacing:.3px}.match-stats svg{width:13px;height:13px;margin:0}.round-result{top:45%;left:50%;min-width:230px}.result-title{font-size:88px}.is-saved .result-title{font-size:72px}.result-coins span{font-size:36px}.result-coins small{font-size:12px}.result-kicker{font-size:9px}.result-detail{font-size:12px}.streak-pill{top:auto;right:12px;bottom:15px;font-size:10px;padding:6px 8px}.streak-pill svg{width:13px;height:13px}.shop-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.shop-header{padding:12px 14px 10px;gap:12px;position:sticky;top:0}.shop-header h2{font-size:30px}.shop-header .eyebrow{font-size:8px}.shop-wallet{gap:5px}.shop-wallet strong{font-size:25px}.shop-wallet svg{width:20px;height:20px}.shop-wallet>span{display:none}.shop-header .icon-button{width:34px;height:34px}.locker-viewport{height:325px}.locker-room{min-width:900px}.locker-details{grid-template-columns:1fr auto;padding:17px 17px 18px;gap:13px 15px;min-height:210px;position:relative}.locker-identity h3{font-size:32px;margin-top:5px}.locker-identity p{font-size:11px}.rarity-label{font-size:9px}.locker-reward{border:0;padding:0;gap:2px}.locker-reward>strong{font-size:47px}.locker-reward>small{display:none}.locker-purchase{grid-column:1/3;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}.boot-action{min-height:44px;font-size:14px;grid-column:1/3}.locker-purchase>p{text-align:left;font-size:10px;margin-top:8px;grid-column:1/2}.inspect-boot{font-size:9px;white-space:nowrap;margin-top:8px}.boot-action>span{font-size:11px}.has-reveal>.shop-header .close-shop{right:14px;top:14px}.shop-dialog.has-reveal{min-height:min(690px,calc(100dvh - 16px))}.boot-reveal{padding:44px 15px 19px}.reveal-kicker{font-size:9px;letter-spacing:2px}.reveal-name{font-size:52px;margin-top:12px;letter-spacing:1px}.reveal-edition{font-size:11px}.reveal-stage{margin:0 auto -6px;min-height:190px;flex-basis:230px}.reveal-bonus>strong{font-size:55px}.reveal-bonus p{font-size:11px;margin-bottom:17px}.reveal-enter{width:235px;min-height:46px}.reveal-back{font-size:9px;margin-top:16px}.toast{bottom:109px;font-size:12px;width:calc(100vw - 32px);padding:11px 13px}.help-dialog{padding:29px 23px}.help-dialog h2{font-size:39px}.help-dialog li p{font-size:13px}.loading-content h2{font-size:99px}}
@media(max-height:600px) and (min-width:600px){.game-shell{min-height:340px;grid-template-rows:58px minmax(0,1fr) 64px}.topbar,.game-footer{padding-left:23px;padding-right:23px}.brand{font-size:20px}.brand-mark{height:34px;width:29px;font-size:27px}.wallet strong{font-size:23px}.wallet small{font-size:8px}.coin-symbol svg{width:26px;height:26px}.shop-trigger{min-height:35px;padding:7px 12px}.sound-toggle{height:35px;width:35px}.equipped-image{height:45px;width:65px}.equipped-copy strong{font-size:22px}.equipped-multiplier{font-size:28px}.scene-caption{top:7px}.scene-caption h1{font-size:25px}.scene-caption p{font-size:10px}.round-result{top:49%}.result-title{font-size:67px}.is-saved .result-title{font-size:60px}.result-kicker{font-size:9px}.result-coins span{font-size:29px}.result-detail{font-size:10px}.shop-header{position:sticky;top:0}.shop-dialog{max-height:calc(100dvh - 16px)}.locker-viewport{height:320px}.locker-details{min-height:120px}.shop-dialog.has-reveal{height:calc(100dvh - 16px);min-height:0}.boot-reveal{padding:16px 20px 13px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr auto auto;align-items:center;column-gap:10px}.reveal-kicker,.reveal-name,.reveal-edition{grid-column:2;justify-self:center}.reveal-kicker{font-size:9px;letter-spacing:2px}.reveal-name{font-size:43px;margin-top:5px}.reveal-edition{font-size:10px}.reveal-stage{grid-column:1;grid-row:1/7;width:100%;height:100%;margin:0;min-height:0}.reveal-bonus{grid-column:2;align-self:center}.reveal-bonus>strong{font-size:45px}.reveal-bonus p{margin-bottom:8px;font-size:10px}.reveal-enter{grid-column:2;justify-self:center;min-width:210px;min-height:38px;font-size:12px}.reveal-back{grid-column:2;justify-self:center;margin-top:11px;font-size:9px}.has-reveal>.shop-header .close-shop{top:9px;right:12px;width:30px;height:30px}}
html,body,#app{width:100%;height:100%;overflow:hidden}
.game-shell{position:fixed;inset:0;width:100%;height:100svh;height:100dvh;min-height:0;max-width:none;display:block;margin:0}
.game-shell>.arena{position:absolute;inset:0;width:100%;height:100%}
.game-shell>.topbar,.game-shell>.game-footer{position:absolute;left:0;right:0;z-index:6;border:0;pointer-events:none;text-shadow:0 2px 7px #021008b3}
.game-shell .topbar button,.game-shell .game-footer button{pointer-events:auto}
.target-layer{pointer-events:none}.target{pointer-events:auto}.streak-pill{pointer-events:none}
.game-shell>.topbar{top:0;height:calc(84px + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 18px max(28px,env(safe-area-inset-left));background:linear-gradient(180deg,#03110b75,#03110b2b 70%,transparent)}
.game-shell>.topbar:after{display:none}
.game-shell>.game-footer{bottom:0;height:calc(104px + env(safe-area-inset-bottom));padding:22px max(28px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:linear-gradient(0deg,#03110b8a,#03110b35 70%,transparent)}
.game-shell .brand-mark{box-shadow:0 3px 10px #0210083d;background:#07182f26}
.game-shell .wallet{filter:drop-shadow(0 2px 4px #02100880)}
.game-shell .sound-toggle,.game-shell .help-button{background:#07182f70;border:1px solid #ffffff38;border-radius:4px;box-shadow:0 3px 12px #02100826}
.game-shell .equipped-gear{padding:4px 10px 4px 4px;background:#07182f4f;border:1px solid #ffffff26;border-radius:4px;box-shadow:0 4px 14px #02100826}
.game-shell .equipped-image{background:#07182f35}
.game-shell .match-stats{padding:8px 12px;border-radius:4px;background:#07182f4f;box-shadow:0 3px 12px #02100826}
.game-shell .scene-caption{top:calc(22px + env(safe-area-inset-top));text-shadow:0 2px 7px #021008b3}
.game-shell .streak-pill{top:calc(98px + env(safe-area-inset-top));background:#07182f6b;border-left-width:2px;box-shadow:0 3px 12px #02100826}
@media(max-width:900px){.game-shell>.topbar{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.game-shell>.game-footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
@media(max-width:600px){.game-shell>.topbar{height:calc(72px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left))}.game-shell>.game-footer{height:calc(116px + env(safe-area-inset-bottom));padding:24px max(12px,env(safe-area-inset-right)) calc(29px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:8px;align-content:start;align-items:center}.game-shell .equipped-gear{height:53px}.game-shell .help-button{top:29px;right:max(12px,env(safe-area-inset-right));padding:7px}.game-shell .match-stats{right:max(12px,env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));padding:3px 8px;gap:14px;background:#07182f35}.game-shell .scene-caption{top:calc(78px + env(safe-area-inset-top))}.game-shell .streak-pill{top:auto;bottom:calc(120px + env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}}
@media(max-height:600px) and (min-width:600px){.game-shell>.topbar{height:calc(62px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left))}.game-shell>.game-footer{height:calc(76px + env(safe-area-inset-bottom));padding:16px max(20px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.game-shell .equipped-gear{padding-top:2px;padding-bottom:2px}.game-shell .scene-caption{top:calc(12px + env(safe-area-inset-top))}.game-shell .scene-caption p{font-size:10px}.game-shell .streak-pill{top:calc(69px + env(safe-area-inset-top));font-size:10px;padding:5px 8px}.game-shell .match-stats{padding:5px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.boot-card:hover canvas{transform:none}.reveal-stage canvas{filter:brightness(1);opacity:1}.reveal-kicker,.reveal-name,.reveal-edition,.reveal-bonus,.reveal-enter,.reveal-back{opacity:1;transform:none}}
@media(min-width:900px) and (hover:hover){body{background:radial-gradient(ellipse at 50% 15%,#21433c,#09182b 75%)}.game-shell{width:min(1280px,calc(100dvh * 1.65));max-width:100%;margin-inline:auto;box-shadow:0 0 70px #0005}}
@media(min-width:601px) and (max-width:1100px) and (min-height:601px){.game-shell .scene-caption{top:calc(78px + env(safe-area-inset-top))}.game-shell .scene-caption h1{font-size:28px}}
@media(max-height:600px) and (min-width:600px){.game-shell .topbar-right{gap:12px}.game-shell .topbar-divider{display:none}.game-shell .shop-trigger{min-height:36px;padding:6px 9px}.game-shell .shop-trigger>span{display:none}.game-shell .wallet{min-width:80px}.game-shell .scene-caption h1{font-size:26px}}