:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#03060c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#03060c;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.axis-breakout-app{--axis-cyan:#42e8ff;--axis-cyan-soft:#99f4ff;--axis-ink:#f7f7ef;--axis-night:#03060c;--axis-panel:#070d1ae0;--axis-red:#ff5147;--axis-yellow:#ecff4d;--axis-violet:#a952ff;isolation:isolate;touch-action:manipulation;width:100%;height:100dvh;min-height:0;color:var(--axis-ink);-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#03060cf0,#03060c29 64%),url(/playables/axis-breakout/assets/key-art-a.png) 50%/cover no-repeat,#03060c;position:relative;overflow:hidden}.axis-breakout-app:after{z-index:3;pointer-events:none;content:"";opacity:.18;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff14 6px),radial-gradient(circle at 22% 36%,#42e8ff4d,#0000 26%);position:absolute;inset:0}.axis-breakout-app.is-playing{touch-action:none;background-image:none}.axis-breakout-app:not(.is-playing) .axis-canvas{visibility:hidden;opacity:0}.axis-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.axis-view{z-index:5;position:absolute;inset:0}.axis-screen{animation:.32s cubic-bezier(.2,.8,.2,1) both axis-screen-in;position:absolute;inset:0;overflow:hidden}.axis-kicker{color:var(--axis-cyan-soft);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:clamp(.65rem,1.6vw,.78rem);font-weight:850;line-height:1.1}.axis-menu{padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr) auto auto;align-content:end;gap:clamp(.65rem,2.4vh,1.4rem);display:grid}.axis-menu-vignette{z-index:-1;background:linear-gradient(0deg,#03060cf5 0,#03060c5c 49%,#03060c1f),linear-gradient(90deg,#03060cd1,#0000 72%);position:absolute;inset:0}.axis-menu-copy{align-self:end;max-width:min(37rem,78vw)}.axis-menu-copy h1{color:#fff;letter-spacing:-.08em;max-width:8ch;text-shadow:.035em 0 var(--axis-red), -.035em 0 var(--axis-cyan);text-transform:uppercase;margin:.22rem 0 0;font-size:clamp(3rem,11vw,7.8rem);font-weight:950;line-height:.78}.axis-tagline{color:#f7f7efdb;letter-spacing:.04em;margin:.8rem 0 0;font-size:clamp(.92rem,2.4vw,1.24rem);font-weight:720}.axis-menu-actions{align-items:stretch;gap:.75rem;display:flex}.axis-button,.axis-icon-button,.axis-mobile-controls button,.axis-dialog-close{min-height:48px;color:var(--axis-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #f7f7ef4d;border-radius:4px}.axis-button{letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:.85rem;padding:.72rem 1rem;font-size:.78rem;font-weight:880;line-height:1;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.axis-button--play{color:#061018;background:var(--axis-cyan);border-color:var(--axis-cyan);min-width:min(17rem,46vw);box-shadow:7px 7px 0 var(--axis-red), 0 0 32px #42e8ff40}.axis-button--quiet{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060d1ab3}.axis-button:hover,.axis-button:focus-visible,.axis-icon-button:hover,.axis-icon-button:focus-visible,.axis-mobile-controls button:focus-visible{outline-offset:3px;outline:2px solid #fff;transform:translateY(-2px)}.axis-button:active,.axis-icon-button:active,.axis-mobile-controls button:active{transform:translateY(2px)}.axis-menu-links{gap:.5rem;display:flex}.axis-icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060d1ac2;place-items:center;width:48px;min-width:48px;padding:0;font-size:1.25rem;font-weight:900;display:grid}.axis-menu-stats{gap:.5rem;margin:0;display:flex}.axis-menu-stats div{border-left:3px solid var(--axis-yellow);background:#03060cb8;justify-content:space-between;align-items:baseline;min-width:6.2rem;padding:.46rem .68rem;display:flex}.axis-menu-stats dt,.axis-hud span,.axis-results span,.axis-results-grid span{color:#f7f7ef9e;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:800}.axis-menu-stats dd{margin:0 0 0 1rem;font-weight:900}.axis-overlay{z-index:20;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#02050cc7;place-items:center;animation:.18s both axis-overlay-in;display:grid;position:absolute;inset:0;overflow:hidden}.axis-dialog{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;width:min(36rem,100%);max-height:min(92dvh,45rem);color:var(--axis-ink);scrollbar-width:thin;background:linear-gradient(135deg,#081121f7,#130d22f5),url(/playables/axis-breakout/assets/result-plate.png) 50%/cover;border:1px solid #42e8ff75;border-radius:6px;padding:clamp(1.15rem,4vw,2rem);position:relative;overflow-y:auto;box-shadow:10px 10px #ff5147b8,0 25px 80px #000000b3}.axis-dialog h2,.axis-results h2{letter-spacing:-.055em;text-transform:uppercase;margin:.3rem 0 1rem;font-size:clamp(2.1rem,8vw,4.6rem);font-weight:950;line-height:.9}.axis-dialog-close{background:#ff514729;width:48px;padding:0;font-size:1.5rem;position:absolute;top:.7rem;right:.7rem}.axis-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.axis-dialog-grid article{border-left:3px solid var(--axis-cyan);background:#ffffff0f;align-content:center;gap:.25rem;min-height:4.2rem;padding:.75rem;display:grid}.axis-dialog-grid strong,.axis-case-list h3{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem}.axis-dialog-grid span,.axis-dialog-note,.axis-case-list p{color:#f7f7efb8;font-size:.78rem;line-height:1.45}.axis-dialog-note{margin:0 0 1.2rem}.axis-profile-progress>div:first-child{justify-content:space-between;font-size:.7rem;font-weight:800;display:flex}.axis-progress-track{background:#ffffff21;height:8px;margin-top:.4rem;overflow:hidden}.axis-progress-track i{background:linear-gradient(90deg, var(--axis-cyan), var(--axis-yellow));height:100%;display:block}.axis-profile-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.axis-profile-stats div{background:#ffffff0f;padding:.65rem}.axis-profile-stats dt{color:#f7f7ef8c;text-transform:uppercase;font-size:.58rem}.axis-profile-stats dd{text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.8rem;font-weight:850;overflow:hidden}.axis-case-list{background:#a952ff14;border:1px solid #a952ff52;margin-bottom:1rem;padding:.8rem}.axis-case-list h3,.axis-case-list p{margin:0}.axis-case-list p+h3{margin-top:.7rem}.axis-loadout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin:-.35rem 0 1rem;display:grid}.axis-loadout button{min-height:48px;color:var(--axis-ink);cursor:pointer;background:#42e8ff0f;border:1px solid #42e8ff40;border-radius:3px;justify-content:space-between;align-items:center;padding:.55rem .62rem;display:flex}.axis-loadout button[aria-pressed=true]{border-color:var(--axis-yellow);box-shadow:inset 4px 0 0 var(--axis-yellow);background:#ecff4d1a}.axis-loadout button:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.8)}.axis-loadout span,.axis-loadout small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.axis-loadout span{font-size:.68rem;font-weight:850}.axis-loadout small{color:var(--axis-cyan-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.54rem}.axis-profile>.axis-button{width:100%;margin-top:.45rem}.axis-breakout-app[data-frame=case-cracker] .axis-dialog,.axis-breakout-app[data-frame=case-cracker] .axis-results{outline:3px double var(--axis-cyan);outline-offset:-8px}.axis-breakout-app[data-frame=carbon-integrity] .axis-integrity,.axis-breakout-app[data-frame=carbon-integrity] .axis-results-score{border-color:#f7f7efb8;box-shadow:inset 0 0 0 2px #03060ceb,0 0 0 2px #f7f7ef47}.axis-breakout-app[data-frame=prism-lock] .axis-lock-meter{border-color:var(--axis-violet);box-shadow:0 0 24px #a952ff7a,inset 0 0 16px #42e8ff1f}.axis-breakout-app[data-frame=classified-frame] .axis-dialog,.axis-breakout-app[data-frame=classified-frame] .axis-results{border:2px solid var(--axis-yellow);box-shadow:12px 12px #ff5147d1,-6px -6px #42e8ffb3,0 26px 90px #000c}.axis-game-ui{z-index:8;pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.axis-hud{grid-template-columns:minmax(11rem,1fr) auto auto;align-items:start;gap:.55rem;display:grid}.axis-integrity,.axis-hud-readouts,.axis-phase-ribbon,.axis-power-chip,.axis-lock-meter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060cba;border:1px solid #f7f7ef33}.axis-integrity{max-width:25rem;padding:.48rem .58rem .54rem}.axis-hud-label{justify-content:space-between;align-items:baseline;display:flex}.axis-hud-label strong{color:#fff;font-size:.85rem}.axis-integrity-track{background:#ffffff1f;grid-template-columns:repeat(4,1fr);gap:3px;height:11px;margin-top:.32rem;display:grid;position:relative;overflow:hidden}.axis-integrity-track i{background:linear-gradient(90deg, var(--axis-red), var(--axis-yellow) 42%, var(--axis-cyan));width:100%;transition:width .18s;position:absolute;inset:0 auto 0 0}.axis-integrity-track b{z-index:1;border-right:3px solid #03060cb8}.axis-integrity.is-low{border-color:var(--axis-red);animation:.74s ease-in-out infinite alternate axis-low-health}.axis-integrity[data-feedback=damage]{animation:.22s axis-damage}.axis-integrity[data-feedback=restore]{animation:.32s axis-restore}.axis-hud-readouts{display:flex}.axis-hud-readouts div{text-align:right;min-width:4.5rem;padding:.42rem .55rem;display:grid}.axis-hud-readouts strong{color:#fff;margin-top:.1rem;font-size:.82rem}.axis-hud-actions{pointer-events:auto;gap:.35rem;display:flex}.axis-phase-ribbon{top:max(72px, calc(env(safe-area-inset-top) + 64px));letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:1rem;padding:.34rem .65rem;font-size:.62rem;font-weight:850;display:flex;position:absolute;left:50%;transform:translate(-50%)}.axis-phase-ribbon strong{color:var(--axis-yellow)}.axis-event-banner{color:#fff;letter-spacing:.14em;text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#0000,#ff5147e0,#0000);min-width:min(21rem,82vw);padding:.55rem 1rem;font-size:clamp(.72rem,2.5vw,1rem);font-weight:950;position:absolute;top:22%;left:50%;transform:translate(-50%)skew(-8deg)}.axis-event-banner:empty,.axis-power-chip:empty{display:none}.axis-power-chip{color:var(--axis-cyan-soft);letter-spacing:.12em;text-transform:uppercase;padding:.28rem .6rem;font-size:.6rem;font-weight:820;position:absolute;top:29%;left:50%;transform:translate(-50%)}.axis-lock-meter{right:max(12px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));text-align:right;width:7.5rem;padding:.42rem;position:absolute}.axis-lock-meter span{color:var(--axis-cyan-soft);letter-spacing:.14em;font-size:.58rem;font-weight:900}.axis-lock-meter b{color:#fff;margin-left:.25rem;font-size:.64rem}.axis-lock-meter.is-active{border-color:#fff;box-shadow:0 0 26px #42e8ff8f}.axis-lock-meter i{background:linear-gradient(90deg, var(--axis-cyan) 0 var(--axis-lock,0%), #ffffff21 var(--axis-lock,0%));height:5px;margin-top:.3rem;display:block}.axis-mobile-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));pointer-events:auto;justify-content:space-between;display:none;position:absolute}.axis-mobile-cluster{align-items:end;gap:.38rem;display:flex}.axis-mobile-controls button{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#060d1ac7;width:clamp(52px,15vw,68px);height:clamp(52px,15vw,68px);padding:0;font-size:1.4rem;font-weight:950}.axis-mobile-controls .axis-lock-button{color:#061018;letter-spacing:.08em;background:var(--axis-cyan);border-color:var(--axis-cyan);width:clamp(62px,18vw,82px);font-size:.64rem}.axis-live-region{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.axis-countdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#03060c57}.axis-countdown p{color:var(--axis-cyan-soft);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:850;position:absolute;top:33%}.axis-countdown strong{color:#fff;letter-spacing:-.08em;text-shadow:8px 8px 0 var(--axis-red), -5px -5px 0 var(--axis-cyan);font-size:clamp(6rem,26vw,13rem);font-weight:950;line-height:1;animation:.42s both axis-count}.axis-pause{text-align:center;width:min(24rem,100%)}.axis-pause .axis-button{width:100%;margin-top:.55rem}.axis-results{max-width:44rem;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(90deg,#03060cfa,#03060cc2),url(/playables/axis-breakout/assets/result-plate.png) 50%/cover;align-content:center;margin:auto;display:grid;overflow-y:auto}.axis-results h2{margin-bottom:.6rem}.axis-results-score{border-left:5px solid var(--axis-cyan);background:#42e8ff14;align-items:baseline;gap:.8rem;padding:.65rem .8rem;display:flex}.axis-results-score strong{color:#fff;letter-spacing:-.06em;font-size:clamp(2.1rem,8vw,4.6rem);font-weight:950}.axis-results-score em{color:var(--axis-yellow);margin-left:auto;font-size:clamp(1.4rem,5vw,2.8rem);font-style:normal;font-weight:950}.axis-results-score small{color:var(--axis-cyan-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:900}.axis-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.55rem;display:grid}.axis-results-grid div,.axis-unlock{background:#ffffff0e;gap:.16rem;padding:.62rem;display:grid}.axis-unlock--mark{background:#a952ff21;border-color:#a952ff94}.axis-results-board{background:#03060c9e;border:1px solid #42e8ff47;margin-top:.55rem;padding:.58rem .68rem}.axis-results-board header,.axis-results-board li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.axis-results-board header{color:var(--axis-cyan-soft);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;font-size:.62rem}.axis-results-board ol{gap:.25rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.axis-results-board li{min-height:1.4rem;font-size:.68rem}.axis-results-board li i{color:var(--axis-yellow);font-style:normal}.axis-results-board li span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.axis-results-board p{color:#f7f7efa6;margin:.45rem 0 0;font-size:.68rem}.axis-results-grid strong,.axis-unlock strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.axis-unlock{background:#ecff4d14;border:1px solid #ecff4d6b;margin-top:.55rem}.axis-unlock span{color:var(--axis-yellow)}.axis-result-detail{color:#f7f7ef99;margin:.55rem 0;font-size:.68rem}.axis-results-actions{gap:.55rem;display:flex}.axis-results-actions .axis-button{flex:1}.axis-loading{text-align:center;background:#03060c;place-content:center;gap:.7rem;display:grid;position:absolute;inset:0}.axis-loading strong{letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(2rem,8vw,4rem);font-weight:950}.axis-loading i{background:#ffffff24;width:min(14rem,60vw);height:5px;display:block;overflow:hidden}.axis-loading i:after{content:"";background:var(--axis-cyan);width:42%;height:100%;animation:.9s ease-in-out infinite alternate axis-load;display:block}@media (pointer:coarse),(width<=740px){.axis-mobile-controls{display:flex}.axis-lock-meter{right:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 76px));transform:translate(50%)}}@media (width<=640px){.axis-menu{grid-template-rows:minmax(0,1fr) auto auto;gap:.62rem}.axis-menu-copy{max-width:92vw}.axis-menu-copy h1{font-size:clamp(2.9rem,17vw,5.2rem)}.axis-menu-actions{display:grid}.axis-button--play{width:100%;min-width:0}.axis-menu-links{grid-template-columns:1fr 1fr 48px;display:grid}.axis-menu-stats{justify-content:center}.axis-hud{grid-template-columns:minmax(8.5rem,1fr) auto}.axis-hud-readouts{grid-area:2/1/auto/-1;width:max-content}.axis-hud-readouts div{text-align:left;min-width:4rem;padding:.3rem .48rem}.axis-hud-actions{grid-area:1/2}.axis-phase-ribbon{top:max(108px, calc(env(safe-area-inset-top) + 100px))}}@media (width<=390px){.axis-menu{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.axis-tagline{margin-top:.48rem;font-size:.84rem}.axis-menu-links{gap:.35rem}.axis-button{padding-inline:.55rem;font-size:.68rem}.axis-menu-stats div{min-width:5.5rem}.axis-dialog{padding:1rem}.axis-dialog-grid{gap:.35rem}.axis-dialog-grid article{min-height:3.7rem;padding:.55rem}}@media (height<=640px){.axis-menu-copy h1{font-size:clamp(2.5rem,12vh,4.8rem)}.axis-menu-copy .axis-kicker{display:none}.axis-tagline{margin-top:.4rem}.axis-menu-actions{gap:.42rem}}@media (height<=568px){.axis-menu{gap:.42rem}.axis-menu-copy h1{font-size:clamp(2.35rem,11vh,3.65rem)}.axis-menu-stats{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));gap:.3rem;position:absolute}.axis-menu-stats div{min-width:5rem;padding:.3rem .45rem}.axis-button{min-height:48px}.axis-dialog{max-height:calc(100dvh - 20px)}.axis-results{align-content:start;padding-block:10px}.axis-results h2{font-size:2.2rem}.axis-results-board{padding-block:.4rem}}@media (orientation:landscape) and (height<=520px){.axis-menu{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr);align-items:end}.axis-menu-copy{grid-row:1/-1}.axis-menu-copy h1{font-size:clamp(3rem,16vh,5.5rem)}.axis-menu-actions{grid-column:2;display:grid}.axis-menu-stats{grid-column:2}.axis-mobile-controls button{width:52px;height:52px}.axis-lock-meter{bottom:66px}.axis-results{grid-template-columns:1fr 1fr;gap:.45rem .8rem}.axis-results .axis-kicker,.axis-results h2{grid-column:1}.axis-results-score,.axis-results-grid,.axis-unlock,.axis-result-detail,.axis-results-actions{grid-column:2}.axis-results-score{grid-row:1/3}}@media (prefers-reduced-motion:reduce){.axis-breakout-app *,.axis-breakout-app :before,.axis-breakout-app :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes axis-screen-in{0%{opacity:0;transform:scale(1.015)}}@keyframes axis-overlay-in{0%{opacity:0}}@keyframes axis-count{0%{opacity:0;transform:scale(1.4)rotate(-6deg)}}@keyframes axis-low-health{to{box-shadow:0 0 24px #ff514773}}@keyframes axis-damage{50%{filter:saturate(1.8);transform:translate(-6px)}}@keyframes axis-restore{50%{box-shadow:0 0 28px #ecff4d8c}}@keyframes axis-load{0%{transform:translate(-60%)}to{transform:translate(190%)}}
