:root{--p: var(--green);--dark: #021006;--panel-bg: rgba(2, 10, 6, .78);--p8: color-mix(in srgb, var(--p) 8%, transparent);--p16: color-mix(in srgb, var(--p) 16%, transparent);--p25: color-mix(in srgb, var(--p) 25%, transparent);--p28: color-mix(in srgb, var(--p) 28%, transparent);--p30: color-mix(in srgb, var(--p) 30%, transparent);--p40: color-mix(in srgb, var(--p) 40%, transparent);--p45: color-mix(in srgb, var(--p) 45%, transparent);--p55: color-mix(in srgb, var(--p) 55%, transparent);--p65: color-mix(in srgb, var(--p) 65%, transparent);--p80: color-mix(in srgb, var(--p) 80%, transparent);--glow: calc(6px * var(--bloom, 1));--ls-label: .18em;--ls-text: .06em}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(hover:none){.ui-key{display:none}}body:has(.dlg,.smap,.game-popup,.go,.shp,.svr) :is(.status-hud,.sh-foes,.sys-panel,.foe-status,.fight-hud,.chip){visibility:hidden}html.embedded .menu{display:none}.amber{--p: var(--amber)}.red{--p: var(--red)}.ui-glow,.ui-btn,.ui-hd,.ui-title{text-shadow:0 0 var(--glow) var(--p65)}.ui-title{margin:0;font:400 var(--fs-l) var(--font);letter-spacing:var(--ls-label);color:var(--p);text-transform:uppercase}.ui-label{font-size:var(--fs-s);letter-spacing:var(--ls-label);color:var(--p80);text-transform:uppercase}.ui-text{font-size:var(--fs-m);letter-spacing:var(--ls-text);line-height:1.4;color:var(--p)}.ui-small{font-size:var(--fs-s);letter-spacing:var(--ls-text);color:var(--p80)}.ui-num{font-variant-numeric:tabular-nums}.ui-panel{position:relative;isolation:isolate;box-sizing:border-box;color:var(--p);font-family:var(--font);border:1px solid var(--p28);background:var(--panel-bg);padding:18px 20px;--br: 14px}.ui-panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:6;background:linear-gradient(var(--p),var(--p)) left top / var(--br) 2px no-repeat,linear-gradient(var(--p),var(--p)) left top / 2px var(--br) no-repeat,linear-gradient(var(--p),var(--p)) right bottom / var(--br) 2px no-repeat,linear-gradient(var(--p),var(--p)) right bottom / 2px var(--br) no-repeat}.ui-panel:after,.ui-glassy:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:var(--ui-scan);box-shadow:inset 0 0 var(--ui-edge, 22px) #0000008c,inset 0 0 calc(10px * var(--bloom, 1)) var(--p8)}html.glass-on .ui-panel:after,html.glass-on .ui-glassy:after{background:var(--ui-glare),var(--ui-grain),var(--ui-scan)}html.glass-on .ui-panel.solid:after{background:var(--ui-roll),var(--ui-glare),var(--ui-grain),var(--ui-scan);background-size:100% 300%,auto,160px 160px,auto;background-repeat:no-repeat,no-repeat,repeat,repeat;animation:ui-roll 7s linear infinite}.ui-panel.tight{padding:4px 8px;--br: 8px;--ui-edge: 12px}.ui-panel.solid{background:#020805f0;box-shadow:0 0 calc(24px * var(--bloom, 1)) var(--p16);--ui-edge: 60px}.ui-glassy{position:relative;isolation:isolate;--ui-edge: 10px}.ui-panel .ui-glassy:after{display:none}:root{--ui-scan: repeating-linear-gradient(0deg, rgba(0, 0, 0, .24) 0 1px, transparent 1px 3px);--ui-glare: linear-gradient(118deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 22%, transparent 40%);--ui-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.6  0 0 0 0 1  0 0 0 0 0.75  0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ui-roll: linear-gradient(180deg, transparent 0%, transparent 40%, color-mix(in srgb, var(--p) 5%, transparent) 47%, rgba(255, 255, 255, .035) 50%, color-mix(in srgb, var(--p) 4%, transparent) 53%, transparent 60%, transparent 100%)}@keyframes ui-roll{0%{background-position:0 100%,0 0,0 0,0 0}to{background-position:0 0%,0 0,0 0,0 0}}.ui-hd{display:flex;align-items:center;gap:10px;min-height:24px;margin:0;color:var(--p);font:400 var(--fs-m) var(--font);letter-spacing:.2em;white-space:nowrap;text-transform:uppercase}.ui-hd:after{content:"";flex:1 1 0;min-width:16px;height:1px;background:var(--p30)}.ui-hd .x{order:2;font-size:var(--fs-s);opacity:.7;letter-spacing:.1em}.ui-hd svg,.ui-ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;filter:drop-shadow(0 0 calc(3px * var(--bloom, 1)) var(--p55))}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:48px;padding:0 18px;margin:0;border-radius:0;cursor:pointer;text-decoration:none;text-align:center;font:400 var(--fs-m) var(--font);letter-spacing:var(--ls-label);text-transform:uppercase;line-height:1.15;color:var(--p);background:var(--panel-bg);border:3px solid var(--p45);-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;isolation:isolate;--ui-edge: 10px}.ui-btn:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:var(--ui-scan);box-shadow:inset 0 0 var(--ui-edge) #00000073}html.glass-on .ui-btn:after{background:var(--ui-glare),var(--ui-scan)}.ui-panel .ui-btn:after{display:none}.ui-btn.s{font-size:var(--fs-s);padding:0 12px}.ui-btn.act{min-height:56px;padding:0 26px}.ui-btn.wide{display:flex;width:100%}.ui-btn.left{justify-content:flex-start;text-align:left}@media(hover:hover){.ui-btn:hover:not(.locked):not(:disabled):not(.dis){border-color:var(--p);box-shadow:0 0 calc(12px * var(--bloom, 1)) var(--p30)}}.ui-btn:active:not(.locked):not(:disabled):not(.dis){background:var(--p16)}.ui-btn:focus{outline:none}.ui-btn:focus-visible{outline:1px dashed var(--p);outline-offset:3px}.ui-btn.primary{border-color:var(--p);background:var(--p);color:var(--dark);text-shadow:none;box-shadow:0 0 calc(24px * var(--bloom, 1)) var(--p45)}.ui-btn.primary:active{filter:brightness(1.3)}.ui-btn.sel{border-color:var(--p);background:var(--p);color:var(--dark);text-shadow:none;box-shadow:0 0 calc(16px * var(--bloom, 1)) var(--p45)}.ui-btn.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 16%,#020a06);box-shadow:0 0 calc(14px * var(--bloom, 1)) var(--p30)}.ui-btn.locked,.ui-btn.dis,.ui-btn:disabled{border-style:dashed;border-color:var(--p25);background:transparent;color:var(--p40);text-shadow:none;box-shadow:none;cursor:not-allowed}.ui-sq{width:48px;min-width:48px;padding:0}.ui-sq svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.ui-key{opacity:.65}.ui-in{box-sizing:border-box;height:48px;min-width:0;padding:0 14px;border-radius:0;outline:none;border:3px solid var(--p40);background:#000603b3;color:var(--p);font:400 var(--fs-m) var(--font);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 var(--glow) var(--p65);-webkit-user-select:text;user-select:text}.ui-in::placeholder{color:color-mix(in srgb,var(--p) 38%,transparent);text-shadow:none}.ui-in:focus{border-color:var(--p);box-shadow:0 0 calc(12px * var(--bloom, 1)) var(--p30)}.ui-info{margin:0;padding:6px 12px;border-left:2px solid var(--p);color:var(--p);display:flex;flex-direction:column;justify-content:center;gap:4px;letter-spacing:var(--ls-text);font-size:var(--fs-m);background:linear-gradient(90deg,var(--p8),transparent 70%)}.ui-info .t2{font-size:var(--fs-s);opacity:.75}.ui-info.dim{border-left-color:var(--p30);background:none}.ui-info.bad{--p: var(--red);animation:ui-glitch .3s steps(2) 3}.ui-pips{display:inline-flex;gap:2px}.ui-pips i{width:6px;height:14px;box-sizing:border-box;border:1px solid var(--p30)}.ui-pips i.on{background:var(--p);border-color:var(--p);box-shadow:0 0 calc(4px * var(--bloom, 1)) var(--p55)}.ui-pips i.dmg{background:var(--red);border-color:var(--red)}.ui-meter{height:4px;background:var(--p16)}.ui-meter>i{display:block;height:100%;background:var(--p);box-shadow:0 0 calc(4px * var(--bloom, 1)) var(--p55)}.ui-tag{display:inline-block;padding:2px 8px;border:1px solid var(--p40);font-size:var(--fs-s);letter-spacing:.12em;color:var(--p)}.ui-err{--p: var(--red);border-color:var(--red)!important;border-style:solid!important;color:var(--red)!important;box-shadow:0 0 calc(18px * var(--bloom, 1)) #ff4a3a73!important;animation:ui-shake .45s ease-in-out,ui-errfl .7s steps(1) forwards}.ui-errscreen{position:fixed;inset:0;pointer-events:none;z-index:90;display:none;background-image:repeating-linear-gradient(0deg,rgba(255,74,58,.06) 0 2px,transparent 2px 5px)}.ui-errscreen.on{display:block;animation:ui-escr .6s steps(1) forwards}.ui-denied{position:fixed;left:50%;top:calc(max(8px,env(safe-area-inset-top)) + 64px);z-index:91;pointer-events:none;transform:translate(-50%);max-width:calc(100% - 32px);box-sizing:border-box;--p: var(--red);background:#0a0202eb;font-family:var(--font);text-transform:uppercase}.ui-denied[hidden]{display:none}.ui-crton{animation:ui-crton .5s linear both}.ui-crtoff{animation:ui-crtoff .5s ease-in forwards;pointer-events:none}.ui-gin{animation:ui-gin .34s linear both}.ui-glass{position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.6) 100%);box-shadow:inset 0 0 120px #00000080,inset 0 0 calc(24px * var(--bloom, 1)) var(--p8)}.ui-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.015) 18%,transparent 34%)}html:not(.glass-on) .ui-glass:after{display:none}.ui-scrim{position:fixed;inset:0;background:#010403b8}@keyframes ui-shake{0%,to{transform:translate(0)}12%{transform:translate(-8px)}26%{transform:translate(7px)}40%{transform:translate(-6px)}54%{transform:translate(4px)}68%{transform:translate(-2px)}82%{transform:translate(1px)}}@keyframes ui-errfl{0%,30%,60%{background-color:#ff4a3a52}15%,45%,to{background-color:#ff4a3a0f}}@keyframes ui-escr{0%{background-color:#ff281e24}10%{background-color:transparent}20%{background-color:#ff281e1a}35%,to{background-color:transparent}}@keyframes ui-glitch{20%{transform:translate(-4px,1px);clip-path:inset(10% 0 45% 0)}40%{transform:translate(4px,-1px);clip-path:inset(55% 0 5% 0)}60%{transform:translate(-2px);clip-path:inset(0 0 60% 0)}80%{transform:translate(2px,1px);clip-path:inset(30% 0 20% 0)}}@keyframes ui-crton{0%{transform:scaleY(.004) scaleX(.6);filter:brightness(4)}12%{transform:scaleY(.004) scaleX(1);filter:brightness(3)}26%{transform:scaleY(1) scaleX(1);filter:brightness(.3)}38%{filter:brightness(1.7)}52%{filter:brightness(.6)}68%{filter:brightness(1.3)}84%{filter:brightness(.9)}to{transform:none;filter:brightness(1)}}@keyframes ui-crtoff{0%{transform:none;filter:brightness(1)}14%{filter:brightness(2.4)}46%{transform:scaleY(.006) scaleX(1);filter:brightness(3.5)}78%{transform:scaleY(.006) scaleX(.015);filter:brightness(5)}to{transform:scaleY(.004) scaleX(0);filter:brightness(0);opacity:0}}@keyframes ui-gin{0%{opacity:0;transform:translate(-10px);clip-path:inset(45% 0 40% 0)}12%{opacity:1;transform:translate(7px);clip-path:inset(0 0 65% 0)}22%{opacity:.1}34%{opacity:1;transform:translate(-4px) skew(-6deg);clip-path:inset(30% 0 10% 0)}46%{opacity:.35;transform:translate(3px)}60%{opacity:1;transform:translate(-1px);clip-path:inset(0 0 25% 0)}74%{opacity:.6;clip-path:inset(0)}to{opacity:1;transform:none;clip-path:none}}@media(prefers-reduced-motion:reduce){.ui-err,.ui-info.bad,.ui-gin{animation:none}}
