@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--void:#030812;--navy:#07111f;--panel:#0d1d2f;--panel-2:#132a40;--steel:#273d50;--line:#416078;--ice:#ecfaff;--muted:#9bb6c8;--cyan:#32e6ff;--cyan-soft:#b8f7ff;--lime:#adff48;--yellow:#ffd742;--orange:#ff822e;--red:#ff3f5f;--purple:#b951ff;--pink:#ff4edb;--display:"Pixelify Sans", monospace;--body:"Atkinson Hyperlegible", sans-serif;color-scheme:dark;font-synthesis:none}*,:before,:after{box-sizing:border-box}html,body{background:var(--void);min-width:320px;min-height:100%;color:var(--ice);font-family:var(--body);margin:0}body{overflow-x:hidden}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}[hidden]{display:none!important}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.robot-game{isolation:isolate;background:radial-gradient(circle at 78% 16%, #32e6ff29, transparent 27rem), radial-gradient(circle at 12% 85%, #b951ff21, transparent 27rem), linear-gradient(145deg, var(--navy), var(--void));min-height:100svh;position:relative;overflow:hidden}.scanlines,.circuit-sky{z-index:-1;pointer-events:none;position:fixed;inset:0}.scanlines{opacity:.09;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#8cf7ff 4px)}.circuit-sky{opacity:.28;background-image:linear-gradient(#32e6ff26 1px,#0000 1px),linear-gradient(90deg,#32e6ff26 1px,#0000 1px);background-size:4rem 4rem;mask-image:linear-gradient(#000,#0000 86%)}.circuit-sky i{aspect-ratio:1;background:var(--cyan);width:.55rem;box-shadow:0 0 1.2rem var(--cyan);border-radius:50%;animation:7s linear infinite circuit-run;position:absolute}.circuit-sky i:first-child{top:16%;left:0}.circuit-sky i:nth-child(2){animation-delay:-2s;top:42%;left:20%}.circuit-sky i:nth-child(3){animation-delay:-4s;top:68%;left:44%}.circuit-sky i:nth-child(4){animation-delay:-5.5s;top:26%;left:76%}@keyframes circuit-run{0%{translate:-2rem}45%{translate:9rem}55%{translate:9rem 8rem}to{translate:22rem 8rem}}.robot-topbar{inset:max(.65rem, env(safe-area-inset-top)) max(.7rem, env(safe-area-inset-right)) auto max(.7rem, env(safe-area-inset-left));z-index:30;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.8rem;display:grid;position:absolute}.metal-button,.topbar-title,.diamond-wallet{border:2px solid var(--line);clip-path:polygon(.55rem 0,100% 0,100% calc(100% - .55rem),calc(100% - .55rem) 100%,0 100%,0 .55rem);min-height:2.8rem;font-family:var(--display);background:#07111ff0;box-shadow:inset 0 0 0 1px #ecfaff0f,0 .45rem 1rem #00000052}.metal-button{color:var(--ice);cursor:pointer;pointer-events:auto;justify-self:start;padding:.65rem .85rem;text-decoration:none}.metal-button:hover{border-color:var(--cyan);color:var(--cyan)}.metal-button--small{font-size:.82rem}.topbar-title{border-color:var(--cyan);letter-spacing:.07em;align-items:center;gap:.6rem;padding:.38rem .8rem;display:flex}.topbar-title span{aspect-ratio:1;border:2px solid var(--cyan);background:var(--cyan);width:1.8rem;color:var(--void);place-items:center;display:grid}.diamond-wallet{border-color:var(--purple);pointer-events:auto;grid-template-columns:auto auto;justify-self:end;align-items:center;gap:0 .45rem;min-width:7.6rem;padding:.35rem .7rem;display:grid}.diamond-wallet i{color:var(--purple);text-shadow:0 0 .8rem var(--purple);grid-row:1/3;font-size:1.4rem;font-style:normal}.diamond-wallet strong{font-size:1.2rem;line-height:1}.diamond-wallet span{color:var(--muted);font:700 .57rem/1 var(--body);letter-spacing:.1em}.robot-view{z-index:2;min-height:100svh;padding:max(5.5rem, calc(env(safe-area-inset-top) + 5.2rem)) clamp(1rem, 3vw, 3rem) max(2.2rem, calc(env(safe-area-inset-bottom) + 1.5rem));position:relative}.hangar-view{grid-template-columns:minmax(18rem,.82fr) minmax(25rem,1.18fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);width:min(100%,88rem);margin-inline:auto;display:grid}.eyebrow,.radar-machine>p:first-of-type,.result-machine>p:first-of-type,.factory-stage>p:first-of-type,.roster-panel header p{color:var(--cyan);font-family:var(--display);letter-spacing:.14em;margin:0 0 .65rem;font-size:.78rem}.hangar-copy h1,.radar-machine h2,.result-machine h2,.factory-stage h2,.roster-panel h2,.name-dialog h2{font-family:var(--display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(4rem,8.5vw,8rem);line-height:.74}.hangar-copy h1 span,.radar-machine h2 span,.result-machine h2 span,.factory-stage h2 span,.name-dialog h2 span{color:var(--cyan)}.hangar-intro{max-width:45ch;color:var(--muted);margin:1.6rem 0;font-size:clamp(1rem,1.5vw,1.2rem)}.hangar-actions{gap:.7rem;width:min(100%,32rem);display:grid}.primary-button,.secondary-button,.dialog-close,.quit-button{border:2px solid var(--cyan);clip-path:polygon(.65rem 0,100% 0,100% calc(100% - .65rem),calc(100% - .65rem) 100%,0 100%,0 .65rem);background:var(--cyan);min-height:3.5rem;color:var(--void);font-family:var(--display);cursor:pointer;padding:.75rem 1rem;font-size:1rem;transition:translate .13s,filter .13s,background .13s;position:relative}.primary-button:hover,.secondary-button:hover{filter:brightness(1.14);translate:0 -.12rem}.primary-button:active,.secondary-button:active{translate:0 .1rem}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;filter:grayscale();opacity:.5;translate:none}.secondary-button{border-color:var(--line);color:var(--ice);background:#0d1d2feb}.secondary-button small{color:var(--purple);font:700 .63rem/1 var(--body);letter-spacing:.08em;margin-top:.08rem;display:block}.career-strip{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1.25rem;display:grid}.career-strip span{background:#07111ff2;gap:.15rem;min-width:0;padding:.6rem;display:grid}.career-strip small{color:var(--muted);letter-spacing:.1em;font-size:.62rem;font-weight:700}.career-strip strong{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.career-strip b{font-weight:inherit}.robot-pod{isolation:isolate;border:3px solid var(--line);clip-path:polygon(1.2rem 0,100% 0,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,0 100%,0 1.2rem);background:radial-gradient(circle at 50% 37%, color-mix(in srgb, var(--robot-light,var(--cyan)) 24%, transparent), transparent 18rem), linear-gradient(155deg, #132a40f5, #040a12fa);justify-self:end;width:min(100%,43rem);position:relative;overflow:hidden;box-shadow:1.1rem 1.1rem #00000040,inset 0 0 4rem #32e6ff0d}.robot-pod:before,.robot-pod:after{z-index:-1;background:linear-gradient(transparent, var(--robot-light,var(--cyan)), transparent);width:2px;box-shadow:2rem 0 0 #41607880, 32rem 0 0 #41607880, 34rem 0 0 var(--robot-light,var(--cyan));content:"";position:absolute;inset:8% auto 14% 5%}.robot-pod:after{background:repeating-linear-gradient(90deg, var(--robot-light,var(--cyan)) 0 1.5rem, transparent 1.5rem 2rem);width:auto;height:.65rem;box-shadow:none;opacity:.28;inset:auto 8% 7%}.pod-lights{gap:.35rem;padding:.75rem .9rem 0;display:flex}.pod-lights i{aspect-ratio:1;background:var(--line);border-radius:50%;width:.5rem}.pod-lights i:first-child{background:var(--red);box-shadow:0 0 .6rem var(--red)}.pod-lights i:nth-child(2){background:var(--yellow)}.pod-lights i:nth-child(3){background:var(--lime)}.pod-heading{font-family:var(--display);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.pod-heading>span{color:var(--muted);letter-spacing:.1em;font-size:.72rem}.rarity-badge{border:1px solid var(--rarity,var(--muted));background:color-mix(in srgb, var(--rarity,var(--muted)) 12%, transparent);min-height:1.8rem;color:var(--rarity,var(--muted));font-family:var(--display);letter-spacing:.08em;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.72rem;display:inline-flex}[data-rarity=common]{--rarity:#c8d6dd}[data-rarity=rare]{--rarity:#58a9ff}[data-rarity=legendary]{--rarity:#ffbd35}[data-rarity=mythical]{--rarity:#cf5cff}[data-rarity=secret]{--rarity:#ff43bc}#hangarCanvas{width:100%;height:clamp(18rem,42vw,31rem);display:block}.robot-ident{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#040a12cc;grid-template-columns:1fr auto auto;align-items:end;gap:.8rem;padding:.8rem 1rem;display:grid}.robot-ident small{color:var(--muted);letter-spacing:.1em;font-size:.6rem;font-weight:700}.robot-ident h2{color:var(--robot-light,var(--cyan));font-family:var(--display);margin:.12rem 0 0;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:.9}.robot-stat{text-align:right;min-width:4rem}.robot-stat strong{font-family:var(--display);font-size:1.15rem;display:block}.robot-pod>p{color:var(--muted);margin:0;padding:.75rem 1rem}.attack-preview{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.attack-preview span{background:#07111ffa;gap:.1rem;padding:.65rem;display:grid}.attack-preview small{color:var(--robot-light,var(--cyan));letter-spacing:.08em;font-size:.58rem;font-weight:700}.attack-preview strong{font-family:var(--display);font-size:.78rem}.queue-view,.result-view{place-items:center;display:grid}.queue-cancel{top:max(5.2rem, calc(env(safe-area-inset-top) + 4.9rem));left:max(.8rem, env(safe-area-inset-left));position:absolute}.radar-machine,.result-machine{border:3px solid var(--line);clip-path:polygon(1.25rem 0,100% 0,100% calc(100% - 1.25rem),calc(100% - 1.25rem) 100%,0 100%,0 1.25rem);text-align:center;background:#07111ff2;width:min(100%,48rem);padding:clamp(1.4rem,4vw,3.5rem);box-shadow:1.2rem 1.2rem #00000047}.radar-screen{aspect-ratio:1;border:3px solid var(--cyan);background:repeating-radial-gradient(circle,#0000 0 2.7rem,#32e6ff40 2.75rem 2.85rem),linear-gradient(#32e6ff29 1px,#0000 1px) 0 0/2.4rem 2.4rem,linear-gradient(90deg,#32e6ff29 1px,#0000 1px) 0 0/2.4rem 2.4rem,#061826;border-radius:50%;width:min(58vw,18rem);margin:0 auto 1.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 2.5rem #32e6ff26,0 0 2rem #32e6ff2e}.radar-screen i{transform-origin:100%;background:linear-gradient(90deg, transparent, var(--cyan));width:49%;height:2px;animation:1.6s linear infinite radar-sweep;position:absolute;inset:50% 50% auto auto}.radar-screen i:after{transform-origin:100% 100%;content:"";background:linear-gradient(14deg,#0000 20%,#32e6ff29);width:100%;height:5rem;position:absolute;bottom:0;right:0}.radar-screen span,.radar-screen b,.radar-screen em{aspect-ratio:1;background:var(--lime);width:.55rem;box-shadow:0 0 .8rem var(--lime);border-radius:50%;animation:1.2s steps(2,end) infinite radar-blip;position:absolute}.radar-screen span{top:27%;left:34%}.radar-screen b{animation-delay:-.35s;top:58%;right:24%}.radar-screen em{animation-delay:-.7s;bottom:18%;left:42%}@keyframes radar-sweep{to{rotate:360deg}}@keyframes radar-blip{50%{opacity:.2}}.radar-machine h2{font-size:clamp(2.8rem,7vw,5rem)}.radar-machine>strong{color:var(--yellow);font-family:var(--display);margin:1rem 0;font-size:clamp(2.2rem,6vw,4rem);display:block}.radar-machine>p:last-of-type{max-width:48ch;color:var(--muted);margin:.5rem auto 0}.queue-pips{justify-content:center;gap:.45rem;margin-top:1.2rem;display:flex}.queue-pips i{aspect-ratio:1;background:var(--cyan);width:.7rem;animation:1s steps(2,end) infinite queue-pip}.queue-pips i:nth-child(2){animation-delay:-.2s}.queue-pips i:nth-child(3){animation-delay:-.4s}.queue-pips i:nth-child(4){animation-delay:-.6s}.queue-pips i:nth-child(5){animation-delay:-.8s}@keyframes queue-pip{50%{opacity:.15;translate:0 -.25rem}}.battle-view{grid-template-rows:auto minmax(17rem,1fr) auto auto;align-content:stretch;gap:clamp(.6rem,1.5vh,1rem);height:100svh;display:grid;overflow:hidden}.battle-scoreboard{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:clamp(.55rem,1.5vw,1rem);width:min(100%,78rem);margin-inline:auto;display:grid}.fighter-panel{border:2px solid var(--cyan);clip-path:polygon(.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%,0 .7rem);background:#07111ff0;grid-template-columns:1fr auto;align-content:center;gap:.15rem .7rem;min-width:0;padding:.6rem .8rem;display:grid}.fighter-panel--enemy{border-color:var(--red);text-align:right}.fighter-panel>span{color:var(--muted);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.68rem;font-weight:700;overflow:hidden}.fighter-panel>span b{color:var(--ice)}.fighter-panel>span em{color:var(--red);font-style:normal}.fighter-panel>strong{color:var(--cyan);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,2.5vw,1.4rem);overflow:hidden}.fighter-panel--enemy>strong{color:var(--red)}.fighter-panel>small{font-family:var(--display)}.health-track{border:1px solid var(--line);background:#02060c;grid-column:1/-1;height:.72rem;position:relative;overflow:hidden}.health-track i{width:var(--health,100%);background:linear-gradient(90deg, var(--lime), var(--cyan));box-shadow:0 0 .7rem var(--cyan);transition:width .24s;position:absolute;inset:0 auto 0 0}.fighter-panel--enemy .health-track i{background:linear-gradient(90deg, var(--orange), var(--red));box-shadow:0 0 .7rem var(--red);inset:0 0 0 auto}.versus-badge{border:2px solid var(--yellow);background:var(--void);min-width:6rem;font-family:var(--display);align-content:center;place-items:center;display:grid}.versus-badge small{color:var(--yellow);letter-spacing:.08em;font-size:.58rem}.versus-badge strong{font-size:2.1rem;line-height:.85}.versus-badge span{color:var(--muted);font-size:.66rem}.arena-shell{border:3px solid var(--line);clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);background:#06111d;width:min(100%,78rem);min-height:0;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 3rem #32e6ff14}#arenaCanvas{width:100%;height:100%;min-height:17rem;display:block}.battle-callout{max-width:80%;color:var(--yellow);font-family:var(--display);text-align:center;text-shadow:.18rem .18rem #571932,0 0 1rem #ffd7428c;opacity:0;pointer-events:none;font-size:clamp(1.4rem,5vw,3.5rem);line-height:.9;position:absolute;top:12%;left:50%;translate:-50% -1rem}.battle-callout.is-visible{animation:.95s both battle-callout}@keyframes battle-callout{0%{opacity:0;scale:1.5}16%,70%{opacity:1;translate:-50%;scale:1}to{opacity:0;scale:.86}}.damage-number{z-index:4;color:var(--yellow);font-family:var(--display);text-shadow:.2rem .2rem 0 var(--red);opacity:0;pointer-events:none;font-size:clamp(2rem,6vw,4.5rem);position:absolute;top:35%}.damage-number--you{left:25%}.damage-number--enemy{right:25%}.damage-number.is-visible{animation:.76s both damage-pop}@keyframes damage-pop{0%{opacity:0;translate:0 1rem;scale:.5}20%,68%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -4rem;scale:1.1}}.attack-controls{grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1.3vw,.85rem);width:min(100%,78rem);margin-inline:auto;display:grid}.attack-button{isolation:isolate;border:3px solid var(--cyan);clip-path:polygon(.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%,0 .7rem);min-height:clamp(4.6rem,10vh,6.3rem);color:var(--ice);cursor:pointer;background:#081826fa;padding:0;position:relative;overflow:hidden}.attack-button--power{border-color:var(--orange)}.attack-button--ultimate{border-color:var(--purple)}.attack-button>span{z-index:3;align-content:center;gap:.06rem;height:100%;padding:.55rem .7rem;display:grid;position:relative}.attack-button small{color:var(--cyan);letter-spacing:.09em;font-size:.62rem;font-weight:700}.attack-button--power small{color:var(--orange)}.attack-button--ultimate small{color:var(--purple)}.attack-button strong{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.84rem,2vw,1.15rem);overflow:hidden}.attack-button em{color:var(--muted);letter-spacing:.08em;font-size:.57rem;font-style:normal;font-weight:700}.attack-button .cooldown-fill{z-index:1;width:var(--cooldown,0%);background:#000000a8;transition:width 80ms linear;position:absolute;inset:0 0 0 auto}.attack-button .cooldown-time{z-index:4;background:var(--cyan);color:var(--void);font-family:var(--display);letter-spacing:.08em;padding:.16rem;font-size:.62rem;position:absolute;inset:auto 0 0}.attack-button--power .cooldown-time{background:var(--orange)}.attack-button--ultimate .cooldown-time{background:var(--purple)}.attack-button:disabled{cursor:not-allowed;filter:saturate(.45)}.attack-button:not(:disabled):hover{filter:brightness(1.2)}.attack-button:not(:disabled):active{scale:.98}.attack-button.is-firing{animation:.3s attack-fire}@keyframes attack-fire{50%{filter:brightness(1.7);translate:0 -.25rem}}.quit-button{min-height:auto;color:var(--muted);background:0 0;border-color:#0000;justify-self:center;padding:.25rem .8rem;font-size:.7rem}.result-machine{isolation:isolate;position:relative;overflow:hidden}.result-burst{z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #32e6ff33 0 8deg, transparent 8deg 18deg);width:44rem;animation:20s linear infinite result-spin;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;mask-image:radial-gradient(circle,#0000 0 15%,#000 17% 60%,#0000 63%)}@keyframes result-spin{to{rotate:360deg}}.result-machine h2{font-size:clamp(4rem,10vw,7rem)}.result-machine.is-loss h2 span{color:var(--red)}.diamond-reward{border:2px solid var(--purple);background:#b951ff1f;grid-template-columns:auto auto;align-items:center;gap:0 .6rem;margin:1.5rem 0 .8rem;padding:.65rem 1rem;display:inline-grid}.diamond-reward i{color:var(--purple);grid-row:1/3;font-size:2.3rem;font-style:normal}.diamond-reward strong{font-family:var(--display);font-size:2rem;line-height:.8}.diamond-reward span{color:var(--muted);letter-spacing:.1em;font-size:.65rem;font-weight:700}.result-machine>p:not(:first-of-type){color:var(--muted)}.result-machine .primary-button,.result-machine .secondary-button{width:min(100%,25rem);margin:.35rem auto}.robot-dialog{border:3px solid var(--cyan);clip-path:polygon(1.2rem 0,100% 0,100% calc(100% - 1.2rem),calc(100% - 1.2rem) 100%,0 100%,0 1.2rem);background:linear-gradient(145deg, var(--panel-2), var(--void));width:min(100% - 1.4rem,46rem);max-height:calc(100svh - 1.4rem);color:var(--ice);padding:0;overflow:auto;box-shadow:1rem 1rem #00000052}.robot-dialog::backdrop{backdrop-filter:blur(6px);background:#000308d6}.name-dialog form,.factory-stage,.roster-panel{padding:clamp(1.4rem,5vw,3rem)}.name-dialog p:first-child{color:var(--cyan);font-family:var(--display);letter-spacing:.12em;margin:0 0 .6rem;font-size:.75rem}.name-dialog h2{font-size:clamp(2.6rem,8vw,5rem)}.name-dialog label{color:var(--muted);letter-spacing:.1em;margin:1.6rem 0 .4rem;font-size:.7rem;font-weight:700;display:block}.name-dialog input{border:2px solid var(--line);background:var(--void);width:100%;color:var(--ice);font-family:var(--display);text-transform:uppercase;padding:.8rem;font-size:clamp(1.2rem,4vw,1.8rem)}.name-dialog input:focus{border-color:var(--cyan)}.dialog-help{color:var(--muted)}.name-dialog .primary-button{width:100%}.factory-dialog{border-color:var(--purple)}.factory-stage{text-align:center}.factory-stage h2{font-size:clamp(2.7rem,8vw,5rem)}.factory-chamber{border:2px solid var(--line);background:radial-gradient(circle at 50% 55%,#b951ff40,#0000 15rem),#06111d;height:min(42vh,23rem);margin:1rem 0;position:relative;overflow:hidden}#factoryCanvas{opacity:0;width:100%;height:100%;transition:opacity .4s,scale .5s cubic-bezier(.16,1,.3,1);display:block;scale:.6}.factory-chamber.is-open #factoryCanvas{opacity:1;scale:1}.factory-question{color:var(--purple);font-family:var(--display);text-shadow:0 0 2rem var(--purple);font-size:8rem;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.factory-chamber.is-opening .factory-question{animation:1s steps(2,end) infinite factory-flash}.factory-chamber.is-open .factory-question{display:none}@keyframes factory-flash{50%{color:var(--ice);scale:1.2}}.factory-result{justify-items:center;gap:.2rem;display:grid}.factory-result>strong{color:var(--rarity,var(--cyan));font-family:var(--display);font-size:clamp(1.8rem,6vw,3.5rem)}.factory-result>small{color:var(--muted);font-weight:700}#factoryMessage{max-width:52ch;color:var(--muted);margin-inline:auto}.factory-stage .factory-odds{color:var(--purple);font-family:var(--display);letter-spacing:.04em;font-size:.68rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.roster-dialog{width:min(100% - 1.4rem,70rem)}.roster-panel header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.roster-panel h2{font-size:clamp(2.6rem,7vw,5rem)}.roster-panel>p{color:var(--muted)}.dialog-close{width:3rem;min-height:3rem;padding:0;font-size:1.8rem}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.roster-card{border:2px solid var(--line);background:#040a12c2;min-height:10rem;padding:.65rem;position:relative;overflow:hidden}.roster-card[data-rarity=rare],.roster-card[data-rarity=legendary],.roster-card[data-rarity=mythical],.roster-card[data-rarity=secret]{border-color:var(--rarity)}.roster-card canvas{width:100%;height:6rem;display:block}.roster-card strong{color:var(--rarity,var(--ice));font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-card small{color:var(--muted);letter-spacing:.07em;font-size:.62rem;font-weight:700}.roster-card.is-locked canvas{filter:brightness(0);opacity:.35}.roster-card.is-locked strong{color:var(--muted)}.roster-card.is-current:after{background:var(--lime);color:var(--void);font:700 .58rem/1 var(--display);content:"CURRENT";padding:.15rem .35rem;position:absolute;top:.45rem;right:.45rem}.robot-toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:100;border:2px solid var(--cyan);max-width:calc(100% - 2rem);color:var(--ice);font-family:var(--display);text-align:center;opacity:0;pointer-events:none;background:#07111ff7;padding:.65rem .9rem;transition:opacity .15s,translate .15s;position:fixed;translate:-50% 1rem}.robot-toast.is-visible{opacity:1;translate:-50%}.creator-credit{right:max(.8rem, env(safe-area-inset-right));bottom:max(.45rem, env(safe-area-inset-bottom));z-index:6;color:var(--muted);letter-spacing:.07em;margin:0;font-size:.62rem;position:absolute}.creator-credit strong{color:var(--cyan)}@media (width<=900px){.hangar-view{grid-template-columns:1fr;padding-top:6.6rem}.hangar-copy{text-align:center}.hangar-copy h1{font-size:clamp(4rem,17vw,7rem)}.hangar-intro,.hangar-actions{margin-inline:auto}.robot-pod{justify-self:center}.career-strip{width:min(100%,38rem);margin-inline:auto}.creator-credit{z-index:2;text-align:center;padding:0 1rem .8rem;position:relative;bottom:auto;right:auto}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.robot-topbar{grid-template-columns:auto 1fr auto;gap:.35rem}.topbar-title{justify-self:center;padding-inline:.45rem}.topbar-title strong{display:none}.metal-button--small{padding-inline:.55rem;font-size:.7rem}.diamond-wallet{min-width:6.2rem;padding-inline:.45rem}.diamond-wallet span{font-size:.5rem}.robot-view{padding-inline:.65rem}.hangar-view{gap:1.3rem}.career-strip{grid-template-columns:repeat(2,1fr)}#hangarCanvas{height:19rem}.robot-ident{grid-template-columns:1fr auto}.robot-ident>div:first-child{grid-column:1/-1}.robot-stat{text-align:left}.robot-stat:last-child{text-align:right}.attack-preview{grid-template-columns:1fr}.battle-view{padding-top:4.8rem;padding-bottom:max(.35rem, env(safe-area-inset-bottom));grid-template-rows:auto minmax(15rem,1fr) auto auto}.battle-scoreboard{grid-template-columns:1fr 3.9rem 1fr;gap:.25rem}.fighter-panel{padding:.4rem}.fighter-panel>span{font-size:.52rem}.fighter-panel>strong{font-size:.76rem}.fighter-panel>small{font-size:.62rem}.versus-badge{min-width:0}.versus-badge small{display:none}.versus-badge strong{font-size:1.45rem}.versus-badge span{font-size:.5rem}.attack-controls{gap:.28rem}.attack-button{border-width:2px;min-height:5.3rem}.attack-button>span{padding:.4rem .28rem .7rem}.attack-button small{font-size:.48rem}.attack-button strong{white-space:normal;font-size:.68rem}.attack-button em{display:none}.attack-button .cooldown-time{font-size:.53rem}.queue-cancel{top:4.8rem}.radar-machine{padding-inline:1rem}.dialog-actions{grid-template-columns:1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-card{min-height:9rem}}@media (height<=720px) and (width>=681px){.battle-view{padding-top:4.6rem}.battle-scoreboard{max-height:5.5rem}.attack-button{min-height:4.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}