.map-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#8a9296}.map-view canvas{position:absolute;left:0;top:0;width:100%;height:100%;touch-action:none}.map-view.is-grab canvas{cursor:grab}.map-view.is-pan canvas{cursor:grabbing}.map-view.is-own canvas{cursor:pointer}.map-view.is-target canvas{cursor:crosshair}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-plate{position:absolute;left:0;top:0;will-change:transform}.hud-unit{position:absolute;left:0;bottom:0;transform:translate(-50%);box-sizing:border-box;display:flex;align-items:stretch;background:#171716;border:2px solid #6b706a;box-shadow:2px 2px #0d0f0e;white-space:nowrap}.hud-info{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:2px 4px;min-width:48px;color:#d8cfae}.hud-r1{display:flex;align-items:center;justify-content:space-between;gap:4px;height:18px}.hud-pw{font-family:var(--f-px);font-size:18px;line-height:18px;white-space:nowrap}.hud-pips{display:flex;gap:2px}.hud-pip{width:5px;height:5px;display:inline-block}.hud-bar{display:block;height:4px;background:#2b2f2c}.hud-bar>span{display:block;height:4px}.hud-comp{display:flex;align-items:flex-end;gap:6px;height:22px}.hud-ci{display:flex;align-items:flex-end;gap:2px;font-size:12px;font-weight:700;line-height:13px;color:#c9cbc2;white-space:nowrap}.hud-more{font-size:12px;font-weight:700;line-height:13px;color:#9a9e96}.hud-up{position:absolute;left:100%;top:-2px;bottom:-2px;box-sizing:border-box;width:50px;margin:0;padding:0 6px;border:0;border-left:2px solid #0d0f0e;background:#4a1a14;color:#f2c14e;box-shadow:inset 0 0 0 1px #e0782e,2px 2px #0d0f0e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:auto}.hud-up:hover{background:#6a2418}.hud-up.is-off{background:#2b2f2c;color:#9a9e96;box-shadow:inset 0 0 0 1px #454a45,2px 2px #0d0f0e;cursor:not-allowed}.hud-up-cost{font-size:18px;line-height:14px}.hud-arr{position:absolute;left:0;top:0;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:4px 6px;background:#171716f0;border:1px solid #0d0f0e;box-shadow:inset 0 0 0 1px #f2c14e,2px 2px #0d0f0e;pointer-events:none;will-change:transform}.hud-arow{display:flex;align-items:center;gap:6px;height:20px;font-size:12px;color:#d8cfae;white-space:nowrap}.hud-grid{display:grid;grid-template-columns:minmax(0,1fr) 34px 40px 36px 40px;column-gap:4px;align-items:center}.hud-grid>span{text-align:right;white-space:nowrap}.hud-grid>span:first-child{text-align:left}.hud-chip{position:absolute;left:0;top:0;box-sizing:border-box;padding:1px 5px;background:#171716;border:1px solid #0d0f0e;box-shadow:inset 0 0 0 1px #454a45;font-size:12px;line-height:16px;color:#d8cfae;white-space:nowrap;pointer-events:none}.hud-share{min-width:56px;padding:0 6px;font-family:var(--f-px)}.hud-slotbtn{padding:0;border:0;background:none;position:relative}.hud-ability{position:relative;width:64px;height:64px;padding:0;background:#0d0f0e;border:2px solid #454a45;display:flex;align-items:center;justify-content:center}.hud-ability.is-ready{border-color:#f2c14e}.hud-ability.is-armed{border-color:#f2c14e;box-shadow:0 0 0 2px #e0782e}.hud-ability.is-active{border-color:#7fa7a0;box-shadow:0 0 0 2px #7fa7a0}.hud-panel-row{display:flex;align-items:center;gap:6px;height:40px;border-bottom:1px solid #2b2f2c}.hud-err{color:#e0782e}.z-relic{position:relative;box-sizing:border-box;width:159px;height:218px;padding:0;border:0;background:url(/assets/ui/card_relic_1.png) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;color:#c9cbc2;text-align:center;transition:transform .12s steps(2),filter .12s;flex-shrink:0}.z-relic-2{width:162px;background-image:url(/assets/ui/card_relic_2.png)}.z-relic:hover{filter:brightness(1.18);transform:translateY(-6px)}.z-relic-icon{position:absolute;left:59px;top:32px;width:40px;height:40px;object-fit:contain}.z-relic-2 .z-relic-icon{left:61px}.z-relic-text{position:absolute;left:18px;top:84px;width:122px;height:104px;display:flex;flex-direction:column;align-items:center;gap:4px;overflow:hidden}.z-relic-2 .z-relic-text{left:19px;width:124px}.z-relic-name{font-family:var(--f-px);font-size:18px;line-height:1.1;color:#d8cfae;-webkit-hyphens:auto;hyphens:auto}.z-relic-eff{font-family:var(--f-text);font-size:12px;line-height:1.25;color:#c9cbc2}.z-relic-key{position:absolute;left:66px;bottom:-12px;width:26px;height:26px;box-sizing:border-box;background:#0d0f0e;border:2px solid #a89c78;display:flex;align-items:center;justify-content:center;font-family:var(--f-px);font-size:18px;color:#f2c14e}.z-relic-2 .z-relic-key{left:68px}.z-rise{animation:zRise .36s steps(6) both}@keyframes zRise{0%{transform:translateY(110%)}to{transform:none}}.z-min{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px}.z-min:hover{filter:brightness(1.2)}.tut-pulse{outline:3px solid #f2c14e;outline-offset:2px;animation:tutpulse 1.2s steps(2) infinite}@keyframes tutpulse{50%{outline-color:#e0782e}}.fan-card{position:absolute;top:190px;perspective:1000px;transition:transform .55s ease-out,opacity .35s}.fan-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s ease-in-out}.fan-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}:root{--c-bg: #0d0f0e;--c-bg-2: #171716;--c-cell: #1a1d1b;--c-line: #2b2f2c;--c-line-2: #454a45;--c-dim-text: #6b706a;--c-muted: #9a9e96;--c-text: #c9cbc2;--c-title: #d8cfae;--c-gold: #f2c14e;--c-gold-hover: #ffd978;--c-ember: #e0782e;--c-ember-dark: #7a2e1a;--c-sand: #a89c78;--c-ok: #7fa7a0;--c-bronze: #b08a5e;--c-dim: rgba(13, 15, 14, .78);--c-crimson: #d8433a;--c-azure: #3d8be3;--c-amber: #e2a433;--c-emerald: #3cb46c;--f-px: "Pixeloid Sans", monospace;--f-text: "PT Sans", sans-serif}@font-face{font-family:Pixeloid Sans;src:url(/fonts/PixeloidSans.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pixeloid Sans;src:url(/fonts/PixeloidSans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--c-bg);font-family:var(--f-text);color:var(--c-text);-webkit-user-select:none;user-select:none}button{font-family:var(--f-px);cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}a{color:var(--c-gold)}a:hover{color:var(--c-gold-hover)}img,canvas{image-rendering:pixelated}input{-webkit-user-select:text;user-select:text}.px{font-family:var(--f-px)}.z-panel{box-sizing:border-box;border:18px solid transparent;border-image-source:url(/assets/ui/frame_panel.png);border-image-slice:64 fill;border-image-width:32px;border-image-repeat:stretch;image-rendering:pixelated;padding:10px;color:var(--c-text)}.z-btn,.z-btn-primary{box-sizing:border-box;border:9px solid transparent;border-image-slice:32 fill;border-image-width:16px;border-image-repeat:stretch;image-rendering:pixelated;background:none;min-height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-px);font-size:18px;text-decoration:none;cursor:pointer}.z-btn{border-image-source:url(/assets/ui/frame_button.png);color:var(--c-text)}.z-btn-primary{border-image-source:url(/assets/ui/frame_button_primary.png);color:var(--c-gold);font-weight:700}.z-btn:hover,.z-btn-primary:hover{filter:brightness(1.2);color:var(--c-gold)}.z-btn.is-on{filter:brightness(1.35) sepia(.35);color:var(--c-gold)}.z-btn[disabled],.z-btn-primary[disabled],.is-disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.z-btn[disabled]:hover{color:var(--c-text)}.z-btn-primary[disabled]:hover{color:var(--c-gold)}.z-tip{box-sizing:border-box;border:8px solid transparent;border-image-source:url(/assets/ui/frame_tooltip.png);border-image-slice:24 fill;border-image-width:12px;image-rendering:pixelated;padding:6px 8px;color:var(--c-title);font-size:14px}.z-timer{box-sizing:border-box;height:50px;border-style:solid;border-color:transparent;border-width:0 26px 0 28px;border-image-source:url(/assets/ui/frame_timer.png);border-image-slice:0 52 0 56 fill;border-image-width:0 26px 0 28px;image-rendering:pixelated;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-px);font-size:27px;color:var(--c-title);min-width:128px}.z-slot{box-sizing:border-box;width:62px;height:60px;background:url(/assets/ui/frame_slot.png) center/100% 100% no-repeat;image-rendering:pixelated;display:inline-flex;align-items:center;justify-content:center}.z-input{box-sizing:border-box;height:44px;padding:0 12px;background:var(--c-bg-2);color:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-line-2);font-family:var(--f-px);font-size:18px}.z-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--c-ember)}.z-input[disabled]{filter:brightness(.7);cursor:not-allowed}.z-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-dim)}.z-h1{font-family:var(--f-px);font-size:27px;color:var(--c-title);margin:0;font-weight:400}.z-sub{font-family:var(--f-px);font-size:18px;color:var(--c-title);margin:0;font-weight:400}.z-muted{color:var(--c-muted);font-size:13px}.z-lbl{font-size:13px;color:var(--c-muted)}.z-num{font-family:var(--f-px);font-size:18px;color:var(--c-text)}.z-cell{box-sizing:border-box;background:var(--c-cell);box-shadow:inset 0 0 0 1px var(--c-line)}.z-sep{height:2px;background:var(--c-line);box-shadow:0 1px 0 var(--c-bg)}.z-stub{box-sizing:border-box;border:2px dashed var(--c-line-2);color:var(--c-dim-text);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--f-px);font-size:18px;padding:6px}.z-close{width:48px;height:48px;min-height:48px;padding:0}.z-close img{width:30px;height:30px;object-fit:contain}.z-close-float{position:absolute;right:12px;top:12px;width:44px;padding:0}.z-close-float img{width:24px;height:24px;object-fit:contain}.z-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:var(--c-bg);box-shadow:inset 0 0 0 2px var(--c-line-2);margin:0;cursor:pointer}.z-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:24px;background:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset -3px -3px 0 var(--c-sand);border-radius:0}.z-range::-moz-range-thumb{width:14px;height:24px;background:var(--c-title);border:2px solid var(--c-bg);box-shadow:inset -3px -3px 0 var(--c-sand);border-radius:0}.z-notice{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px;font-size:16px;color:var(--c-title);white-space:nowrap}.z-notice img{height:24px;width:auto}.z-notice b{font-weight:700}.z-badge{font-family:var(--f-px);padding:1px 6px;background:var(--c-gold);color:var(--c-bg);font-size:18px;font-weight:700;box-shadow:2px 2px 0 var(--c-bg)}.z-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font-size:18px;color:var(--c-gold);text-decoration:underline}.z-link:hover{color:var(--c-gold-hover)}.z-progress{box-sizing:border-box;height:32px;padding:4px;background:var(--c-bg-2);border:2px solid var(--c-bg);box-shadow:inset 0 0 0 2px var(--c-line-2),4px 4px 0 var(--c-bg);display:grid;gap:3px}.z-progress>span{background:var(--c-line);box-shadow:inset 0 -2px #1a1d1b}.z-progress>span.is-on{background:var(--c-ember);box-shadow:inset 0 -3px 0 var(--c-ember-dark),inset 0 2px 0 var(--c-gold)}.z-tip-wrap{position:relative;display:inline-flex}.z-tip-pop{position:absolute;z-index:50;pointer-events:none;width:max-content;max-width:320px}.z-tip-pop.top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.z-tip-pop.bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.z-tip-pop.left{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.z-tip-pop.right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.z-stage-host{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--c-bg)}.z-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}.z-frame{position:absolute;left:50%;top:50%;width:1440px;height:900px;margin:-450px 0 0 -720px}.z-layer{position:absolute;top:0;right:0;bottom:0;left:0}.z-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.z-center>*{pointer-events:auto}