:root{--font-interface-primary: "Oxanium Variable", "Cascadia Mono", Consolas, monospace;--font-interface-copy: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-interface-primary);--control-font-weight: 650;--control-letter-spacing: .045em;--holo-primary-button-slice: 24 48 24 48 fill;--holo-primary-button-cap: 14px;--holo-command-button-gold: url(/asset-rev/a12a4b3f1406/Buttons/command/command-gold.webp);--holo-command-button-red: url(/asset-rev/a12a4b3f1406/Buttons/command/command-red.webp);--game-width: 1540px;--stage-card-height: clamp(430px, 29vw, 560px);--cyber-bg: #031011;--cyber-bg-2: #041818;--cyber-panel: #062220;--cyber-panel-raised: #082d2a;--cyber-core: #031011;--cyber-core-2: #041819;--cyber-line: #9f803a;--cyber-line-dim: #483d1f;--cyber-gold: #ffd269;--cyber-brass: #cda24e;--cyber-cyan: #45d3e6;--cyber-cyan-dim: #237580;--cyber-bio: #67eec1;--cyber-bio-dim: #3da286;--cyber-ember: #ff844c;--cyber-danger: #ff4f65;--cyber-violet: #8b64e6;--cyber-magenta: #cd40d2;--cyber-text: #f1faf4;--cyber-soft: #d3e7dd;--cyber-muted: #a6bdb3;--surface-frame-hero-opacity: 1;--surface-frame-page-opacity: 1;--surface-frame-section-opacity: 1;--surface-frame-card-opacity: 1;--surface-line-page: rgba(104, 225, 235, .32);--surface-line-section: rgba(93, 219, 218, .24);--surface-line-card: rgba(93, 219, 218, .18);--stage-divider-rail-color: rgba(81, 220, 228, .34);--stage-divider-rail-glow: rgba(81, 220, 228, .22);--stage-divider-edge-glow: rgba(81, 220, 228, .66);--stage-divider-flare-color: #62edf2;--stage-divider-flare-glow: rgba(98, 237, 242, .48);--stage-divider-opacity: 1;--stage-divider-frame-inset: -5px;--stage-divider-frame-trail-color: #7efbfa;--stage-divider-frame-head-color: #e5ffff;--stage-divider-frame-stroke-width: 2;--stage-divider-filter-horizontal: saturate(1.15) brightness(1.08) drop-shadow(0 0 2px rgba(217, 255, 255, .88)) drop-shadow(0 0 7px rgba(98, 237, 242, .82)) drop-shadow(0 -8px 14px rgba(48, 222, 255, .46)) drop-shadow(0 8px 14px rgba(48, 222, 255, .46));--stage-divider-filter-vertical: saturate(1.15) brightness(1.08) drop-shadow(0 0 2px rgba(217, 255, 255, .88)) drop-shadow(0 0 7px rgba(98, 237, 242, .82)) drop-shadow(-8px 0 14px rgba(48, 222, 255, .46)) drop-shadow(8px 0 14px rgba(48, 222, 255, .46));--stage-divider-filter-frame: saturate(1.15) brightness(1.08) drop-shadow(0 0 2px rgba(217, 255, 255, .88)) drop-shadow(0 0 7px rgba(98, 237, 242, .82)) drop-shadow(0 0 18px rgba(98, 237, 242, .42)) drop-shadow(0 0 36px rgba(48, 222, 255, .22));--stage-divider-clip-horizontal-left: polygon(0 50%, 8% 0, 100% 0, 100% 100%, 8% 100%);--stage-divider-clip-horizontal-right: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%);--stage-divider-clip-upper: polygon(50% 0, 100% 8%, 100% 100%, 0 100%, 0 8%);--stage-divider-clip-lower: polygon(0 0, 100% 0, 100% 92%, 50% 100%, 0 92%);--surface-page-top: rgba(5, 43, 47, .42);--surface-page-deep: rgba(1, 12, 16, .68);--surface-section-top: rgba(4, 31, 35, .78);--surface-section-deep: rgba(1, 13, 17, .9);--surface-card-top: rgba(4, 25, 29, .92);--surface-card-deep: rgba(1, 10, 14, .97);--css-control-surface-opacity: .8;--holo-glass: url(/asset-rev/a12a4b3f1406/stages/hologram-ps03-stage.webp);--holo-content-opacity: .8;--control-line: rgba(69, 211, 230, .42);--control-line-strong: rgba(105, 235, 242, .72);--control-surface-top: rgba(22, 60, 80, calc(.35 * var(--css-control-surface-opacity)));--control-surface-deep: rgba(9, 40, 55, calc(.19 * var(--css-control-surface-opacity)));--control-hover-top: rgba(53, 129, 156, calc(.42 * var(--css-control-surface-opacity)));--control-active-line: rgba(255, 209, 102, .82);--control-active-top: rgba(65, 53, 24, calc(.35 * var(--css-control-surface-opacity)));--control-active-deep: rgba(20, 18, 10, calc(.25 * var(--css-control-surface-opacity)));--control-disabled-line: rgba(151, 183, 182, .26);--control-css-button-surface: linear-gradient(90deg, rgba(69, 211, 230, calc(.08 * var(--css-control-surface-opacity))), transparent 44%), linear-gradient(180deg, var(--control-surface-top), var(--control-surface-deep));--control-css-button-hover-surface: linear-gradient(90deg, rgba(69, 211, 230, calc(.13 * var(--css-control-surface-opacity))), transparent 50%), linear-gradient(180deg, var(--control-hover-top), var(--control-surface-deep));--control-css-button-active-surface: linear-gradient(90deg, rgba(255, 209, 102, calc(.16 * var(--css-control-surface-opacity))), transparent 52%), linear-gradient(180deg, var(--control-active-top), var(--control-active-deep));--control-css-button-disabled-surface: linear-gradient(180deg, rgba(37, 55, 56, .32), rgba(10, 20, 22, .4));--control-cut: polygon( 7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px) , calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px) , 0 7px );--field-line: rgba(69, 211, 230, .38);--field-line-strong: rgba(105, 235, 242, .7);--field-line-focus: rgba(255, 209, 102, .84);--field-surface-top: rgba(5, 35, 40, .96);--field-surface-deep: rgba(1, 11, 16, .99);--field-placeholder: rgba(166, 189, 179, .58);--field-cut: polygon( 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px) , calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px) , 0 6px );--status-surface-top: rgba(5, 31, 35, .94);--status-surface-deep: rgba(1, 10, 14, .98);--status-cut: polygon( 4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px) , calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px) , 0 4px );--info-line: rgba(69, 211, 230, .24);--info-line-strong: rgba(105, 235, 242, .46);--info-surface-top: rgba(4, 27, 31, .9);--info-surface-deep: rgba(1, 10, 14, .97);--info-row-even: rgba(8, 39, 42, .28);--info-empty-line: rgba(255, 209, 102, .5);--info-cut: polygon( 5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px) , calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px) , 0 5px );--container-large-glass-opacity-back: var(--surface-frame-page-opacity);--container-large-glass-opacity-front: var(--surface-frame-section-opacity);--container-frame-layer-1: var(--resolved-container-layer-1-frame, none);--container-frame-layer-2-square: var(--resolved-container-layer-2-square-frame, none);--container-frame-layer-2-mission-menu: var( --resolved-container-layer-2-mission-menu-frame, var(--container-frame-layer-2-square) );--container-frame-layer-2-stage-right: var( --resolved-container-layer-2-stage-right-frame, var(--container-frame-layer-2-square) );--container-frame-layer-2-stage-right-defense: var( --resolved-container-layer-2-stage-right-defense-frame, var(--container-frame-layer-2-stage-right) );--container-frame-layer-2-stage-right-mission: var( --resolved-container-layer-2-stage-right-mission-frame, var(--container-frame-layer-2-stage-right) );--container-frame-layer-2-horizontal: var( --resolved-container-layer-2-horizontal-frame, var(--container-frame-layer-2-square) );--container-frame-layer-2: var(--container-frame-layer-2-square);--container-frame-layer-3: none;--container-layer-3-native-opacity: 1;--container-layer-3-native-cut: polygon( 10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px) , 0 10px );--container-layer-3-native-surface: var(--holo-glass) center / cover no-repeat;--container-layer-3-native-accents: linear-gradient(90deg, #77fbf4 0 18%, transparent 18% 78%, rgba(255, 209, 102, .76) 78% 92%, transparent 92%) top / 100% 1px no-repeat, linear-gradient(90deg, rgba(68, 255, 242, .32), transparent 38%) bottom / 100% 1px no-repeat;--container-layer-3-native-shadow: inset 0 0 0 1px rgba(110, 247, 248, .82), inset 0 0 0 4px rgba(45, 194, 203, .14), inset 0 0 22px rgba(68, 255, 242, .075), 0 0 12px rgba(48, 222, 255, .08);--container-layer-1-backdrop-size: 145% 145%;--container-layer-1-backdrop-position: 50% 50%;--container-layer-1-backdrop-opacity: .44;--container-frame-layer-1-render-slice: 184;--container-frame-layer-2-render-slice: 184;--container-frame-layer-2-stage-defense-render-slice: 256;--container-frame-layer-2-horizontal-render-slice: 256;--container-frame-layer-3-render-slice: 184;--container-frame-layer-1-render-rail: clamp(70px, 4.8vw, 80px);--container-frame-layer-2-render-rail: clamp(50px, 3.7vw, 62px);--container-frame-layer-2-horizontal-render-rail: clamp(70px, 5.15vw, 86px);--container-frame-layer-3-render-rail: clamp(22px, 1.7vw, 28px);--container-frame-layer-1-render-inset: -56px;--container-frame-layer-2-render-inset: -23px;--container-frame-layer-2-stage-defense-render-inset: calc( var(--container-frame-layer-2-render-inset) + clamp(5.8px, .595vw, 10px) );--container-frame-layer-2-horizontal-render-inset: -23px;--container-frame-layer-3-render-inset: -8px;--container-frame-layer-3-slice: 184;--primary-button-opacity: 1;--cyber-cut: polygon( 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px) , calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px) , 0 12px );--cyber-cut-sm: polygon( 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px) , 0 8px );--cyber-cut-md: polygon( 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px) , 0 14px );--cyber-shadow-hard: 9px 10px 0 rgba(0, 0, 0, .52);--cyber-shadow-hard-sm: 5px 6px 0 rgba(0, 0, 0, .44);--cyber-inset-line: inset 0 0 0 1px rgba(69, 211, 230, .08);--cyber-top-light: inset 0 1px 0 rgba(103, 238, 193, .1);--bg: var(--cyber-bg);--panel: var(--cyber-panel);--panel-2: var(--cyber-panel-raised);--panel-3: var(--cyber-core-2);--line: rgba(159, 128, 58, .62);--line-strong: rgba(69, 211, 230, .58);--text-soft: var(--cyber-soft);--mint: var(--cyber-bio);--aqua: var(--cyber-cyan);--gold: var(--cyber-gold);--danger: var(--cyber-danger);--violet: var(--cyber-violet);--ui-surface: rgba(5, 28, 27, .98);--ui-surface-soft: rgba(7, 38, 36, .96);--ui-surface-deep: rgba(2, 11, 12, .96);--ui-border: rgba(159, 128, 58, .72);--ui-border-soft: rgba(159, 128, 58, .42);--ui-border-mint: rgba(69, 211, 230, .58);--ui-title: var(--cyber-gold);--ui-value: var(--cyber-text);--ui-label: var(--cyber-gold);--ui-copy: var(--cyber-soft);--ui-muted: var(--cyber-muted);--ui-radius: 0;--archive-bg: var(--cyber-core);--archive-core: var(--cyber-core);--archive-panel: var(--cyber-panel);--archive-line: var(--cyber-line);--archive-gold: var(--cyber-gold);--archive-signal: var(--cyber-bio);--archive-signal-strong: var(--cyber-bio);--archive-signal-muted: var(--cyber-muted);--archive-danger: var(--cyber-danger);--archive-muted: var(--cyber-muted);--archive-text: var(--cyber-text);--depth-green-soft: rgba(103, 238, 193, .105);--depth-green-faint: rgba(103, 238, 193, .055);--depth-cyan-faint: rgba(69, 211, 230, .052);--depth-surface-top: rgba(7, 43, 38, .94);--depth-surface-mid: rgba(4, 25, 24, .97);--depth-surface-deep: rgba(2, 10, 12, .98);--depth-inner-light: inset 0 1px 0 rgba(210, 255, 236, .105), inset 0 0 34px rgba(103, 238, 193, .035);--bastion-shell-backdrop: url(/asset-rev/a12a4b3f1406/Backdrops/bd1.webp);--bastion-menu-card-surface: rgba(2, 11, 12, .9);--bastion-menu-card-raised: rgba(5, 28, 27, .9);--bastion-menu-card-deep: rgba(1, 8, 10, .9);--bastion-menu-frame-inset-y: clamp(24px, 2.15vw, 34px);--bastion-menu-frame-inset-x: clamp(24px, 2vw, 32px);--bastion-menu-corner-cut-x: 25px;--bastion-menu-corner-cut-y: 43px;--bastion-menu-edge-glow: rgba(126, 230, 94, .78);--bastion-menu-edge-glow-soft: rgba(82, 153, 58, .56);--bastion-menu-edge-glow-wide: rgba(52, 96, 34, .34);--holo-corner-stroke: rgba(93, 219, 218, .56);--holo-corner-stroke-soft: rgba(93, 219, 218, .22);--holo-glass-bg-top: rgba(31, 139, 133, .24);--holo-glass-bg-mid: rgba(5, 40, 41, .24);--holo-glass-bg-deep: rgba(1, 11, 13, .34);--holo-glass-border: rgba(93, 219, 218, .46);--holo-glass-border-soft: rgba(93, 219, 218, .26);--holo-glass-highlight: rgba(199, 255, 238, .1);--holo-glass-glow: rgba(93, 219, 218, .11);--holo-glass-cut-x: 16px;--holo-glass-cut-y: 16px;--holo-glass-inner-inset: 8px;--holo-glass-corner-size: 14px;--holo-glass-corner-offset: 1px;--holo-glass-corner-opacity: .9;--bastion-container-base-level: url(/asset-rev/a12a4b3f1406/Container/cropped/base-level.webp);--bastion-container-rank: url(/asset-rev/a12a4b3f1406/Container/cropped/rank.webp);--bastion-container-destruction: url(/asset-rev/a12a4b3f1406/Container/cropped/destruction.webp);--bastion-container-credits: url(/asset-rev/a12a4b3f1406/Container/cropped/credits.webp);--bastion-container-biomass: url(/asset-rev/a12a4b3f1406/Container/cropped/biomass.webp);--bastion-container-iron: url(/asset-rev/a12a4b3f1406/Container/cropped/iron.webp);--bastion-container-stone: url(/asset-rev/a12a4b3f1406/Container/cropped/stone.webp);--bastion-container-stone-large: url(/asset-rev/a12a4b3f1406/Container/cropped/stoneLarge.webp);--holo-operation-activity-header: url(/asset-rev/a12a4b3f1406/Container/generated/operation-activity-header-v1.webp);--bastion-container-titan: url(/asset-rev/a12a4b3f1406/Container/cropped/titan.webp);--bastion-container-storage-scan: url(/asset-rev/a12a4b3f1406/Container/cropped/storage-scan.webp);--holo-primary-button-new: url(/asset-rev/a12a4b3f1406/Buttons/command/command-cyan.webp);--holo-historical-background-button: url(/asset-rev/a12a4b3f1406/Container/camp-build-template/06_info_button.webp);--holo-camp-build-time: url(/asset-rev/a12a4b3f1406/Buttons/cropped/Bauzeit2.webp);--holo-camp-ready-time: url(/asset-rev/a12a4b3f1406/Buttons/cropped/Bauzeit.webp);--holo-lagefunk-container-long: url(/asset-rev/a12a4b3f1406/Buttons/cropped/PrimaryNew4.webp);--holo-lagefunk-container-long-red: url(/asset-rev/a12a4b3f1406/Buttons/cropped/PrimaryNew4_Red.webp);--holo-incoming-report-frame: var(--resolved-incoming-enemy-report-frame, none);--holo-incoming-base-attack-frame: var(--resolved-incoming-base-attack-frame, none);--holo-primary-button-long: var(--holo-lagefunk-container-long);--holo-cali-section-long: url(/asset-rev/a12a4b3f1406/Buttons/cropped/PrimaryNew3.webp);--holo-lagefunk-container-normal: url(/asset-rev/a12a4b3f1406/Container/cropped/containerLagefunkNormal.webp);--holo-primary-button-normal: var(--holo-primary-button-new);--holo-primary-button-hover-active: var(--holo-primary-button-new);--holo-primary-button-active-v3: var(--holo-primary-button-new);--bastion-menu-outer-cut: polygon( var(--bastion-menu-corner-cut-x) 0, calc(100% - var(--bastion-menu-corner-cut-x)) 0, 100% var(--bastion-menu-corner-cut-y), 100% calc(100% - var(--bastion-menu-corner-cut-y)), calc(100% - var(--bastion-menu-corner-cut-x)) 100%, var(--bastion-menu-corner-cut-x) 100%, 0 calc(100% - var(--bastion-menu-corner-cut-y)), 0 var(--bastion-menu-corner-cut-y) ) }:root{color:#f3fff8;background:#071315;font-family:var(--font-interface-copy);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{font-size:clamp(17px,.5vw + 11px,20px)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:8px;padding:0 14px;color:#081416;background:var(--mint);font-weight:900;cursor:pointer;line-height:1.05;text-align:center;-webkit-user-select:none;user-select:none;transition:none}button:disabled{color:#ffffff80;background:#344246;cursor:not-allowed;position:relative}button:disabled[data-disabled-reason]:hover:after{content:attr(data-disabled-reason);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:2147483000;width:max-content;max-width:min(420px,82vw);padding:8px 10px;border:1px solid rgba(255,132,76,.82);color:#fff7e6;background:#030d0efa;box-shadow:0 0 0 1px #ff844c2e,0 8px 24px #0000008c;transform:translate(-50%);white-space:normal;pointer-events:none;text-align:left;font-size:.78rem;line-height:1.28;text-transform:none;letter-spacing:0;clip-path:none}button:disabled[data-disabled-reason]:hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);z-index:2147482999;width:10px;height:10px;border-right:1px solid rgba(255,132,76,.82);border-bottom:1px solid rgba(255,132,76,.82);background:#030d0efa;transform:translate(-50%) rotate(45deg);pointer-events:none}button:not(:disabled):hover{filter:none;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #7ceac82e}button:not(:disabled):active,button.is-pending{transform:translateY(1px) scale(.99);filter:none}button.is-pending{cursor:wait;box-shadow:inset 0 0 0 2px #ffd16657,0 0 18px #ffd1661f}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,209,102,.9);outline-offset:3px}#app{min-height:100vh;display:grid;justify-items:center;align-items:start;padding:clamp(12px,1vw,20px)}.is-hidden{display:none!important}.account-screen{width:min(460px,100%);align-self:center}.account-card{display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#102124f5;box-shadow:0 24px 70px #0000005c}.account-card h1{margin:0;font-size:2rem;letter-spacing:0}.account-message{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.35}.account-message.is-error{color:#ff9aa5}.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-field-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;align-items:stretch}.account-generate-button{min-height:42px;font-size:.76rem}.stage-divider-frame>svg{display:block;width:100%;height:100%;overflow:visible}.stage-divider-frame :is(.stage-divider-frame__trail,.stage-divider-frame__head){fill:none;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;stroke-linecap:butt;stroke-linejoin:bevel}.stage-divider-frame__trail{stroke:var(--stage-divider-frame-trail-color);stroke-width:var(--stage-divider-frame-stroke-width)}.stage-divider-frame__head{stroke:var(--stage-divider-frame-head-color);stroke-width:var(--stage-divider-frame-stroke-width);opacity:0}.stage-divider-frame__head.is-active{opacity:1}.stage-divider-frame :is(.stage-divider-frame__trail--3,.stage-divider-frame__head--3){stroke-width:1;shape-rendering:crispEdges}.stage-divider-frame__trail--3{stroke:#7efbfac7}.stage-divider-frame.is-stage-divider-route-traveling :is(.stage-divider-frame__trail,.stage-divider-frame__head){will-change:stroke-dasharray,stroke-dashoffset}@media(prefers-reduced-motion:reduce){.stage-divider-frame__head{display:none}}.legal-page{max-width:860px;margin:0 auto;padding:32px 24px 56px;color:var(--cyber-text, #edf5f5);line-height:1.65}.legal-page h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2}.legal-page h2{margin-top:2em;font-size:1.18rem}.legal-page a{color:#91d5d8;text-underline-offset:3px}.legal-page address{font-style:normal}.legal-page nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.85rem}.legal-page footer{margin-top:40px;border-top:1px solid #294448;padding-top:20px}.legal-page form{display:grid;gap:18px;margin:24px 0}.legal-page label{display:grid;gap:6px}.legal-page input:not([type=checkbox]),.legal-page textarea{width:100%;min-height:44px;padding:10px;border:1px solid #64838a;border-radius:4px;background:#0e2327;color:#edf5f5;font:inherit}.legal-page textarea{min-height:170px;resize:vertical}.legal-page button{justify-self:start;min-height:44px;line-height:1.3}.legal-page .choice{display:flex;align-items:start;gap:12px}.legal-page input[type=checkbox]{width:20px;height:20px;margin-top:5px;flex-shrink:0;accent-color:#91d5d8}.legal-page .hint{font-size:.85rem;color:#b3c5c7}.legal-page [role=status]{min-height:1.65em;overflow-wrap:anywhere}.legal-page .is-error{color:#ffafad}.legal-page :focus-visible{outline:2px solid #b0f4e9;outline-offset:4px}.legal-page .contact-trap{display:none}.legal-page [hidden]{display:none!important}@media(max-width:480px){.legal-page{padding:24px 18px 40px}}