:root{
  --bg:#000000;
  --panel:#0f1518;
  --panel-2:#141c20;
  --panel-3:#182126;
  --ink:#dbe1de;
  --muted:#8f9da1;
  --line:#536166;
  --line-soft:rgba(219,225,222,.12);
  --accent:#78cad7;
  --accent-2:#b7edf1;
  --warning:#d7a158;
  --danger:#d56a64;
  --ok:#89b985;
  --shadow:0 28px 80px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}
body{
  font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;
  letter-spacing:.035em;
}
button,input{font:inherit}
button{color:inherit}
button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.accent{color:var(--accent)!important}
.warning{color:var(--warning)!important}
.muted{color:var(--muted)}
.hidden{display:none!important}

#app{position:relative;width:100vw;height:100vh;min-width:980px;min-height:560px;overflow:hidden;background:#000}
.world{
  display:block;position:absolute;inset:0;z-index:0;overflow:hidden;
  background:#10161a url("assets/preview-color-test.png") center/cover no-repeat;
  filter:saturate(.96) contrast(1.03);
}
.world>*{display:none!important}
.world::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 34%,transparent 72%,rgba(0,0,0,.10)),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,rgba(0,0,0,.10));
}
.world-grid{position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 90px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 70px)}
.world-ceiling{
  position:absolute;left:-5%;right:-5%;top:-11%;height:34%;
  background:
    linear-gradient(90deg,transparent 11%,#20282c 11% 12%,transparent 12% 24%,#20282c 24% 25%,transparent 25% 75%,#20282c 75% 76%,transparent 76% 88%,#20282c 88% 89%,transparent 89%),
    linear-gradient(#070b0d,#1b2327);
  transform:perspective(620px) rotateX(-12deg);
  box-shadow:0 20px 40px rgba(0,0,0,.62)
}
.world-light{
  position:absolute;left:50%;top:-1%;transform:translateX(-50%);width:29vw;min-width:320px;height:9vh;min-height:54px;
  border-radius:0 0 48% 48%;background:linear-gradient(#242c30 0 22%,#d3d3bd 24% 61%,#242b2f 63%);
  box-shadow:0 18px 70px rgba(255,238,189,.13)
}
.world-light::after{
  content:"";position:absolute;left:16%;right:16%;top:58%;height:48vh;
  background:linear-gradient(rgba(246,238,201,.11),transparent 76%);
  clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)
}
.world-rack{
  position:absolute;top:16%;bottom:20%;width:18%;border:1px solid #26343a;
  background:
    repeating-linear-gradient(0deg,#172126 0 8%,#0d1418 8% 10%),
    linear-gradient(90deg,#12191d,#1c262b);
  box-shadow:inset 0 0 45px rgba(0,0,0,.7),0 20px 48px rgba(0,0,0,.5)
}
.world-rack.left{left:-3%}.world-rack.right{right:-3%}
.world-rack::after{
  content:"";position:absolute;inset:8% 12%;
  background:
    radial-gradient(circle at 20% 15%,var(--accent) 0 2px,transparent 3px),
    radial-gradient(circle at 68% 32%,var(--warning) 0 2px,transparent 3px),
    radial-gradient(circle at 26% 61%,var(--accent) 0 2px,transparent 3px),
    radial-gradient(circle at 74% 74%,var(--ok) 0 2px,transparent 3px);
  opacity:.7
}
.world-floor{
  position:absolute;left:7%;right:7%;bottom:-12%;height:60%;
  transform:perspective(560px) rotateX(60deg);transform-origin:bottom center;
  background:
    linear-gradient(90deg,transparent 9.8%,rgba(120,202,215,.34) 10%,transparent 10.2%,transparent 89.8%,rgba(120,202,215,.34) 90%,transparent 90.2%),
    repeating-linear-gradient(90deg,#131b1f 0 1px,transparent 1px 11%),
    repeating-linear-gradient(0deg,#263238 0 1px,transparent 1px 18%),
    linear-gradient(#20292d,#0b1114);
  border:1px solid #3a474b;box-shadow:0 0 70px rgba(120,202,215,.07)
}
.world-core{
  position:absolute;left:50%;top:49%;width:52px;height:52px;transform:translate(-50%,-50%);
  border:1px solid rgba(120,202,215,.45);border-radius:50%;
  box-shadow:0 0 0 12px rgba(120,202,215,.025),0 0 34px rgba(120,202,215,.14)
}
.world-core::before{
  content:"";position:absolute;inset:17px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 18px rgba(120,202,215,.5)
}

.fx{position:absolute;inset:0;pointer-events:none;z-index:50}
.scanlines{
  opacity:.19;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen
}
.vignette{background:radial-gradient(circle at center,transparent 46%,rgba(0,0,0,.66) 100%)}

.scanlines,.vignette{display:none}
.transition{
  position:absolute;inset:0;z-index:90;pointer-events:none;opacity:0;
  background:
    linear-gradient(90deg,transparent,rgba(120,202,215,.15),transparent),
    #071012;
  transform:scaleY(0);transform-origin:center;transition:transform .12s ease,opacity .12s ease
}
.transition.on{opacity:.94;transform:scaleY(1)}

.screen{position:absolute;inset:0;z-index:10;display:none;animation:screenIn .26s ease both}
.screen.active{display:block}
@keyframes screenIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.eyebrow{font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.page-title{font-size:27px;font-weight:560;letter-spacing:.07em;margin-top:4px}
.appbar{
  position:absolute;left:5.5%;right:5.5%;top:4%;height:78px;display:flex;justify-content:space-between;align-items:flex-start;
  border-top:1px solid rgba(219,225,222,.34);padding-top:17px
}
.appbar::before{content:"";position:absolute;left:0;top:-1px;width:150px;height:3px;background:var(--accent)}
.appbar-right{display:flex;gap:22px;font-size:12px;color:var(--muted)}
.appbar-right strong{font-size:18px;margin-left:8px}

.footerbar{
  position:absolute;left:5.5%;right:5.5%;bottom:3.5%;height:28px;display:flex;justify-content:space-between;align-items:flex-end;
  border-bottom:1px solid rgba(219,225,222,.18);padding-bottom:8px;color:var(--muted);font-size:10px;letter-spacing:.12em
}

.title-layout{position:absolute;inset:0;padding:8vh 10vw}
.title-brand{position:absolute;left:10vw;top:13vh}
.title-brand .kicker{font:11px ui-monospace,monospace;color:var(--accent);letter-spacing:.24em}
.title-brand h1{font:800 clamp(64px,8vw,132px)/.78 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;margin:22px 0 0}
.brand-rule{width:380px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin:30px 0 14px}
.title-brand p{color:#aeb9bc;font-size:14px;letter-spacing:.1em}
.title-menu{position:absolute;right:11vw;top:37vh;width:390px}
.nav-line{
  width:100%;display:grid;grid-template-columns:46px 1fr 30px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(219,225,222,.14);
  background:transparent;padding:15px 10px;cursor:pointer;font-size:18px;transition:.14s
}
.nav-line .idx{font:11px ui-monospace,monospace;color:var(--muted)}
.nav-line .arr{opacity:0;transform:translateX(-8px);transition:.14s;color:var(--accent)}
.nav-line.active{background:rgba(219,225,222,.06);box-shadow:inset 2px 0 var(--accent)}
.nav-line:hover{
  background:linear-gradient(90deg,rgba(8,14,17,.94),rgba(8,14,17,.84));
  box-shadow:inset 2px 0 var(--accent),0 12px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(10px) saturate(.78);
  text-shadow:0 1px 2px rgba(0,0,0,.9)
}
.nav-line:hover .arr,.nav-line.active .arr{opacity:1;transform:none}
.title-meta{position:absolute;left:10vw;bottom:8vh;display:flex;gap:26px;color:var(--muted);font-size:10px;letter-spacing:.12em}

.system-grid{
  position:absolute;left:5.5%;right:5.5%;top:15%;bottom:8%;display:grid;grid-template-columns:220px 1fr;gap:34px
}
.rail{border-right:1px solid rgba(219,225,222,.14);padding-right:16px;position:relative}
.rail-item{
  width:100%;border:0;background:transparent;display:grid;grid-template-columns:38px 1fr;text-align:left;padding:12px 10px;
  cursor:pointer;border-bottom:1px solid rgba(219,225,222,.08);font-size:14px
}
.rail-item span{font:10px ui-monospace,monospace;color:var(--muted)}
.rail-item.active{background:rgba(219,225,222,.055);box-shadow:inset 2px 0 var(--accent)}
.rail-item:hover{
  background:rgba(8,14,17,.92);box-shadow:inset 2px 0 var(--accent),0 8px 26px rgba(0,0,0,.14);
  backdrop-filter:blur(8px) saturate(.8);text-shadow:0 1px 2px rgba(0,0,0,.9)
}
.rail-item.active span{color:var(--accent)}
.rail-foot{position:absolute;left:10px;right:16px;bottom:14px;font-size:9px;line-height:1.7;color:#708084;letter-spacing:.12em}

.panel-stack{min-width:0;min-height:0}
.panel-view{display:none;height:100%}
.panel-view.active{display:block}
.shop-layout{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 220px;gap:16px}
.shop-columns{min-height:0;display:grid;grid-template-columns:minmax(420px,.94fr) minmax(380px,1.06fr);gap:28px}
.catalog,.detail-pane{min-height:0}
.catalog{display:flex;flex-direction:column}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:14px}
.section-head h2{font-size:22px;font-weight:540;margin:5px 0 0}
.shop-head-controls{display:grid;justify-items:end;align-items:end;gap:6px}
.shop-head-controls .filters{flex-wrap:nowrap!important;width:max-content}
.filters{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end}
.chip{
  border:1px solid rgba(219,225,222,.16);background:rgba(219,225,222,.02);padding:7px 9px;cursor:pointer;
  font:10px ui-monospace,monospace;color:var(--muted)
}
.chip.active{border-color:var(--accent);color:var(--accent);background:rgba(120,202,215,.06)}
.chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(8,14,17,.92);box-shadow:0 0 0 1px rgba(120,202,215,.06);backdrop-filter:blur(8px)}
.shop-offer-note{font-size:10px;color:var(--accent);letter-spacing:.12em;white-space:nowrap}
.list{flex:1 1 auto;height:auto;min-height:0;overflow:auto;border-top:1px solid rgba(219,225,222,.14)}
.list-row{
  width:100%;display:grid;grid-template-columns:38px 34px 1fr 96px 70px;align-items:center;border:0;border-bottom:1px solid rgba(219,225,222,.09);
  background:transparent;text-align:left;padding:10px 10px;cursor:pointer
}
.list-row.active{background:rgba(219,225,222,.055)}
.list-row:hover{background:rgba(8,14,17,.92);backdrop-filter:blur(8px) saturate(.8);text-shadow:0 1px 2px rgba(0,0,0,.9)}
.list-row.active{box-shadow:inset 2px 0 var(--accent)}
.list-row .no{font:10px ui-monospace,monospace;color:var(--muted)}
.list-row .name{font-size:13px}
.list-row .type{font:9px ui-monospace,monospace;color:var(--muted)}
.list-row .cost{text-align:right;font:11px ui-monospace,monospace;color:var(--warning)}
.shop-empty-state{padding:22px 10px;color:var(--muted);font-size:10px;letter-spacing:.12em;border-bottom:1px solid rgba(219,225,222,.09)}
.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;margin-top:12px;border-top:1px solid rgba(219,225,222,.10)}
.catalog-foot-note{font-size:9px;color:#708084;letter-spacing:.12em}
.shop-refresh-btn{display:inline-flex;align-items:center;gap:14px;padding:10px 14px}
.shop-refresh-cost{display:inline-flex;align-items:center;gap:8px}
.shop-refresh-cost strong{font-size:13px;color:var(--ink)}
.detail-pane{border-left:1px solid rgba(219,225,222,.13);padding-left:28px;position:relative;overflow:auto}
.detail-top h2{font-size:29px;font-weight:520;margin:8px 0 5px;letter-spacing:.05em}
.ability-glyph{
  width:168px;height:112px;margin:26px 0 20px;border:1px solid rgba(120,202,215,.3);position:relative;
  background:
    repeating-linear-gradient(90deg,rgba(120,202,215,.05) 0 1px,transparent 1px 18px),
    repeating-linear-gradient(0deg,rgba(120,202,215,.05) 0 1px,transparent 1px 18px)
}
.glyph-ring{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:50%}
.glyph-core{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%) rotate(45deg);background:var(--accent);box-shadow:0 0 18px var(--accent)}
.glyph-cross::before,.glyph-cross::after{content:"";position:absolute;left:50%;top:50%;background:rgba(120,202,215,.35)}
.glyph-cross::before{width:110px;height:1px;transform:translate(-50%,-50%)}
.glyph-cross::after{width:1px;height:82px;transform:translate(-50%,-50%)}
.detail-copy{color:#abb8bb;font-size:13px;line-height:1.85;max-width:620px}
.stats-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(219,225,222,.12);margin-top:20px}
.stats-table>div{display:flex;justify-content:space-between;padding:10px 12px;background:rgba(8,12,14,.9);font-size:11px}
.stats-table span{color:var(--muted)}
.purchase-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.price{font-size:11px;color:var(--muted)}
.price strong{font-size:19px;color:var(--warning);margin:0 4px}
.primary,.secondary,.small-action,.text-btn{
  cursor:pointer;border:1px solid rgba(219,225,222,.27);padding:11px 20px;background:var(--ink);color:#101719;font-weight:700;letter-spacing:.08em
}
.primary:hover{background:var(--accent-2)}
.primary:disabled{opacity:.34;cursor:not-allowed}
.secondary{background:transparent;color:var(--ink)}
.secondary:hover{border-color:var(--accent);color:var(--accent);background:rgba(8,14,17,.92);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.text-btn{background:transparent;color:var(--muted);border:0;padding:6px 0}
.text-btn:hover{color:var(--accent)}
.small-action{background:rgba(8,14,17,.6);color:var(--ink);padding:8px 16px;font-size:12px}
.small-action:hover{border-color:var(--accent);color:var(--accent);background:rgba(8,14,17,.92);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.shop-bottom-strip{height:220px;display:grid;grid-template-columns:2.2fr .55fr .65fr;gap:14px;align-items:stretch}
.shop-support-card{
  min-height:0;height:100%;overflow:hidden;background:linear-gradient(135deg,rgba(5,9,11,.40),rgba(5,9,11,.18));
  border:1px solid rgba(219,225,222,.10);padding:10px 12px 10px;
  -webkit-backdrop-filter:blur(10px) saturate(.72);backdrop-filter:blur(10px) saturate(.72);
  box-shadow:0 14px 42px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.012);
}
.shop-support-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid rgba(219,225,222,.10)}
.shop-support-head strong{font-size:12px;font-weight:560;letter-spacing:.02em}
.shop-support-meta{font-size:10px;color:var(--accent);letter-spacing:.12em;white-space:nowrap}
.shop-embedded-hud{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none!important}
.shop-embedded-hud .bottom-row{justify-content:flex-start;align-items:flex-end;overflow:visible;padding:0}
.shop-embedded-hud .hp-block{flex:0 0 152px}
.shop-embedded-hud .combat-slot,.shop-embedded-hud .native-slot{pointer-events:none;flex:0 0 108px}
.shop-status-quick{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(219,225,222,.10)}
.shop-status-item{display:flex;justify-content:space-between;gap:10px;background:rgba(3,6,8,.38);padding:7px 8px;font-size:9px}
.shop-status-item span{color:var(--muted);letter-spacing:.08em}
.shop-status-item strong{text-align:right}
.shop-management-owned{display:grid;gap:6px;max-height:158px;overflow:auto}
.shop-management-item{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:7px 8px;border:1px solid rgba(219,225,222,.10);background:rgba(3,6,8,.32)}
.shop-management-icon{width:30px;height:30px;display:grid;place-items:center;opacity:.96}
.shop-management-copy strong{display:block;font-size:10px;line-height:1.35}
.shop-management-copy small{display:block;margin-top:2px;font-size:7px;color:var(--muted);letter-spacing:.06em}
.shop-management-copy p{margin:3px 0 0;color:#96a4a8;font-size:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-management-empty{padding:12px;border:1px dashed rgba(219,225,222,.14);color:var(--muted);font-size:10px;letter-spacing:.1em}

.inventory-inspector{height:100%;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(450px,1.08fr);gap:28px}
.inventory-catalog{min-height:0;display:flex;flex-direction:column}
.inventory-count{font-size:10px;color:var(--accent);letter-spacing:.12em}
.inventory-item-list{flex:1;min-height:0;overflow:auto;border-top:1px solid rgba(219,225,222,.14)}
.inventory-item-row{
  width:100%;position:relative;display:grid;grid-template-columns:38px 34px minmax(0,1fr) 100px 62px;align-items:center;
  min-height:68px;padding:10px;border:0;border-bottom:1px solid rgba(219,225,222,.09);background:transparent;text-align:left;cursor:pointer;overflow:hidden
}
.inventory-item-row.active{background:rgba(219,225,222,.055);box-shadow:inset 2px 0 var(--accent)}
.inventory-item-row:hover{background:rgba(8,14,17,.92);backdrop-filter:blur(8px) saturate(.8)}
.inventory-item-icon{width:32px;height:32px;display:grid;place-items:center}
.inventory-item-index{font-size:9px;color:var(--muted)}
.inventory-item-name{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-item-name small{display:block;margin-top:4px;font-size:8px;color:var(--muted);letter-spacing:.06em}
.inventory-item-category{font-size:8px;color:var(--muted);text-align:right}
.inventory-item-owned{font-size:9px;color:var(--accent);text-align:right}
.inventory-item-hover-desc{
  position:absolute;left:82px;right:10px;bottom:5px;font-size:9px;color:#8ea1a5;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;transform:translateY(3px);transition:opacity .14s ease,transform .14s ease;pointer-events:none
}
.inventory-item-row:hover .inventory-item-hover-desc{opacity:.78;transform:none}
.inventory-detail-pane{min-height:0;border-left:1px solid rgba(219,225,222,.13);padding-left:28px;overflow:auto}
.inventory-detail-pane .detail-top h2{font-size:29px;font-weight:520;margin:8px 0 5px;letter-spacing:.05em}
.inventory-detail-stats{margin-top:18px}
.inventory-readonly{margin-top:16px;padding-top:12px;border-top:1px solid rgba(219,225,222,.10);font-size:9px;color:#708084;letter-spacing:.12em}

.content-wrap{position:absolute;left:8%;right:8%;top:17%;bottom:10%}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}
.status-hero{padding-right:28px;border-right:1px solid rgba(219,225,222,.13)}
.status-hero h2{font-size:24px;font-weight:520;margin:7px 0 22px}
.big-number{font-size:70px;font-weight:300;letter-spacing:.03em}
.big-number span{font-size:24px;color:var(--muted);margin-left:8px}
.health-line{height:7px;background:rgba(219,225,222,.09);margin:8px 0 24px}
.health-line i{display:block;height:100%;background:linear-gradient(90deg,var(--ink),var(--accent-2))}
.status-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(219,225,222,.1)}
.status-meta div{padding:11px;background:rgba(8,12,14,.88)}
.status-meta span{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}
.status-meta strong{font-size:12px}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;align-content:start;align-self:start;gap:1px;background:rgba(219,225,222,.1)}
.diagnostic-grid div{display:flex;justify-content:space-between;background:rgba(8,12,14,.9);padding:12px;font-size:11px}
.diagnostic-grid span{color:var(--muted)}

.archive-layout{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(430px,1.1fr);gap:30px;height:100%}
.entity-list{overflow:auto;border-top:1px solid rgba(219,225,222,.13)}
.entity-row{
  display:grid;grid-template-columns:50px 1fr 72px;padding:12px 10px;border-bottom:1px solid rgba(219,225,222,.09);cursor:pointer;font-size:13px
}
.entity-row.active{background:rgba(219,225,222,.05)}
.entity-row:hover{background:rgba(8,14,17,.92);backdrop-filter:blur(8px) saturate(.8);text-shadow:0 1px 2px rgba(0,0,0,.9)}
.entity-row.active{box-shadow:inset 2px 0 var(--accent)}
.entity-row .num,.entity-row .kills{font:10px ui-monospace,monospace;color:var(--muted)}
.entity-row .kills{text-align:right}
.entity-detail{border-left:1px solid rgba(219,225,222,.13);padding-left:28px}
.entity-detail h2{font-size:28px;font-weight:520;margin:8px 0 5px}
.scanner{width:190px;height:190px;border:1px solid rgba(120,202,215,.28);position:relative;margin:24px 0;overflow:hidden}
.scanner-grid{position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,rgba(120,202,215,.05) 0 1px,transparent 1px 18px),
  repeating-linear-gradient(0deg,rgba(120,202,215,.05) 0 1px,transparent 1px 18px)}
.scanner-target{position:absolute;left:50%;top:50%;width:78px;height:78px;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 0 15px rgba(120,202,215,.03)}
.scanner-beam{position:absolute;left:14px;right:14px;height:1px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:beam 2.4s linear infinite}
@keyframes beam{from{top:14px}to{top:176px}}

.tabbar{display:flex;gap:6px;margin-bottom:22px}
.tab{border:1px solid rgba(219,225,222,.17);background:transparent;padding:9px 18px;cursor:pointer}
.tab.active{border-color:var(--accent);color:var(--accent);background:rgba(120,202,215,.05)}
.tab:hover{border-color:var(--accent);color:var(--accent);background:rgba(8,14,17,.92);box-shadow:0 0 0 1px rgba(120,202,215,.05);backdrop-filter:blur(8px)}
.config-board{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.config-row{display:grid;grid-template-columns:1fr 190px;align-items:center;border-bottom:1px solid rgba(219,225,222,.09);padding:13px 0;font-size:13px}
.config-row strong{font:11px ui-monospace,monospace;text-align:center;border:1px solid rgba(219,225,222,.15);padding:8px}
.slider-row input{width:190px;accent-color:var(--accent)}
.action-row{display:flex;gap:10px;margin-top:28px}

.combat-overlay{position:absolute;inset:0}
.combat-top-left{position:absolute;left:34px;top:30px}
.combat-objective{font-size:12px;color:#aab6ba;margin-top:6px}
.combat-top-right{position:absolute;right:30px;top:28px;display:flex;gap:8px}
.combat-top-center{position:absolute;left:50%;top:28px;transform:translateX(-50%);display:flex;align-items:baseline;gap:12px;font-size:11px;letter-spacing:.08em}
.combat-top-center span{color:var(--muted)}
.combat-top-center strong{font-size:18px;color:var(--ink)}
.combat-bottom-left{position:absolute;left:36px;bottom:32px;display:flex;align-items:center;gap:24px;font-size:11px}
.combat-resource{display:flex;align-items:center;gap:12px}
.combat-resource>span:not(.silver-coin){color:var(--muted)}
.special-currency{gap:9px}
.special-currency strong{color:#dce3e6}
.silver-coin{width:16px;height:16px;display:inline-block;flex:0 0 16px;border-radius:50%;border:1px solid #d8e0e3;background:radial-gradient(circle at 34% 30%,#f3f6f7 0 10%,#b9c2c6 28%,#707b80 67%,#d7dfe2 100%);box-shadow:inset 0 0 0 2px rgba(12,17,20,.38),0 0 0 1px rgba(255,255,255,.08)}
.silver-coin::after{content:"";display:block;width:6px;height:6px;margin:4px;border-radius:50%;border:1px solid rgba(25,32,35,.55)}
.combat-hud{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(860px,68vw)}
.hp-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}
.hp-label span{color:var(--muted)}
.hp-label strong{font-size:14px}
.hpbar{height:6px;background:rgba(219,225,222,.09);border:1px solid rgba(219,225,222,.1)}
.hpbar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--ink),var(--accent-2));transition:width .3s}
.skill-area{display:flex;align-items:flex-end;justify-content:center;gap:13px;margin-top:13px}
.skill-group{position:relative}
.group-label{font-size:8px;color:var(--muted);letter-spacing:.13em;margin:0 0 6px 3px}
.combat-slots{display:flex;gap:7px}
.combat-slot{
  width:91px;height:66px;border:1px solid rgba(219,225,222,.18);background:rgba(7,12,15,.64);cursor:pointer;position:relative;overflow:hidden
}
.combat-slot.active{border-color:var(--accent);background:rgba(120,202,215,.07);transform:translateY(-1px)}
.combat-slot:hover{border-color:var(--accent);background:rgba(8,14,17,.94);box-shadow:0 10px 28px rgba(0,0,0,.22);backdrop-filter:blur(8px);transform:translateY(-1px)}
.combat-slot .key{position:absolute;left:7px;top:6px;font:10px ui-monospace,monospace;color:var(--muted)}
.skill-glyph{position:absolute;left:50%;top:42%;width:20px;height:20px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--accent)}
.skill-title{position:absolute;left:6px;right:6px;bottom:7px;font:8px ui-monospace,monospace;color:#aeb9bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.cooldown{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left}
.combat-slot.cooling::after{content:attr(data-cd);position:absolute;inset:0;display:grid;place-items:center;background:rgba(4,8,10,.76);font:600 14px ui-monospace,monospace}
.native-separator{width:1px;height:55px;background:linear-gradient(transparent,var(--accent),transparent);margin:0 5px 3px}
.native-slot{width:108px;border-color:rgba(120,202,215,.38)}
.native-glyph{border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(120,202,215,.04),0 0 18px rgba(120,202,215,.18)}
.combat-help{position:absolute;right:28px;bottom:28px;width:245px;text-align:right;color:#6e7d81;font-size:9px;line-height:1.7}

.modal-layer{position:absolute;inset:0;z-index:70;display:none;background:rgba(4,8,10,.72);backdrop-filter:blur(8px) saturate(.65)}
.modal-layer.show{display:block;animation:screenIn .18s ease both}
.pause-layout{position:absolute;inset:8% 9%;border-top:1px solid rgba(219,225,222,.35);border-bottom:1px solid rgba(219,225,222,.16)}
.pause-layout::before{content:"";position:absolute;left:0;top:-1px;width:155px;height:3px;background:var(--accent)}
.pause-title{position:absolute;left:0;top:24px}
.pause-title h2{font-size:30px;font-weight:540;margin:6px 0}
.pause-menu{position:absolute;left:0;top:22%;width:390px}
.pause-stats{position:absolute;right:0;bottom:13%;width:330px;display:grid;gap:1px;background:rgba(219,225,222,.1)}
.pause-stats>div{display:flex;justify-content:space-between;padding:14px;background:rgba(7,12,14,.9);font-size:10px}
.pause-stats span{color:var(--muted)}
.dialogue-panel{
  position:absolute;left:7%;right:7%;bottom:7%;min-height:205px;padding:26px 34px 20px;
  border-top:1px solid rgba(219,225,222,.4);border-bottom:1px solid rgba(219,225,222,.16);
  background:linear-gradient(90deg,rgba(8,12,14,.96),rgba(12,17,19,.86) 72%,rgba(8,12,14,.72));box-shadow:var(--shadow)
}
.dialogue-panel::before{content:"";position:absolute;left:0;top:-1px;width:150px;height:3px;background:var(--accent)}
.speaker{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted)}
.speaker strong{font:600 18px "Yu Gothic UI",sans-serif;color:var(--ink)}
.dialogue-text{font-size:18px;line-height:1.9;margin-top:18px;min-height:70px;max-width:1100px}
.dialogue-foot{display:flex;justify-content:space-between;margin-top:16px;font-size:9px;color:var(--muted)}
.dialogue-choices{position:absolute;right:0;bottom:100%;width:320px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}
.dialogue-choices button{border:0;border-left:1px solid rgba(219,225,222,.3);background:rgba(8,13,16,.95);padding:12px 14px;text-align:left;cursor:pointer}
.dialogue-choices button:hover{border-left:3px solid var(--accent);background:rgba(7,13,16,.96);box-shadow:0 10px 30px rgba(0,0,0,.25)}

.toast{
  position:absolute;right:28px;top:28px;z-index:100;min-width:310px;padding:13px 14px;
  border-left:2px solid var(--accent);background:rgba(8,13,16,.96);box-shadow:var(--shadow);
  font-size:10px;letter-spacing:.1em;opacity:0;transform:translateX(18px);pointer-events:none;transition:.22s
}
.toast.show{opacity:1;transform:none}

@media(max-width:1480px){
  .shop-bottom-strip{grid-template-columns:1fr 1fr}
  .shop-bottom-hud-card{grid-column:1 / -1}
}

@media(max-width:1320px){
  .inventory-inspector{grid-template-columns:1fr}
  .inventory-detail-pane{border-left:0;border-top:1px solid rgba(219,225,222,.13);padding-left:0;padding-top:16px}

  .shop-columns{grid-template-columns:1fr}
  .detail-pane{border-left:0;padding-left:0;padding-top:8px;border-top:1px solid rgba(219,225,222,.13)}
  .shop-bottom-strip{grid-template-columns:1fr}
}

@media(max-width:1180px){
  .system-grid{grid-template-columns:185px 1fr;gap:22px}
  .shop-columns{grid-template-columns:1fr 1fr}
  .combat-help{display:none}
  .combat-hud{width:740px}
}

body{font-size:16px}
.eyebrow{font-size:12px}
.page-title{font-size:30px}
.rail-item{font-size:16px;padding:14px 10px}
.section-head h2{font-size:24px}
.detail-top h2{font-size:31px}
.detail-copy{font-size:15px;line-height:1.9}
.stats-table>div{font-size:13px;padding:11px 13px}
.nav-line{font-size:20px;padding:16px 10px}
.config-row{font-size:15px}
.config-row strong{font-size:13px}
.dialogue-text{font-size:20px;line-height:1.85}

.combat-preview-link{
  margin-top:10px;
  border-top:1px solid rgba(120,202,215,.16);
}
.combat-preview-link .idx{color:var(--accent)}
.combat-entry{
  margin-top:12px;
  border-top:1px solid rgba(120,202,215,.16);
  color:#cfe8ea;
}
.combat-entry span{color:var(--accent)!important}

.combat-top-left{left:38px;top:34px}
.combat-top-left .eyebrow{font-size:13px}
.combat-objective{font-size:16px;margin-top:8px;color:#b3bec1}

.combat-top-right{right:34px;top:30px;gap:10px}
.small-action{font-size:14px;padding:10px 18px}

.combat-top-center{top:31px;gap:13px;font-size:14px}
.combat-top-center strong{font-size:20px}

.combat-bottom-left{
  left:38px;
  bottom:34px;
  gap:24px;
  font-size:14px;
}
.combat-resource{gap:12px}
.combat-bottom-left strong{font-size:18px}
.special-currency{gap:9px}
.silver-coin{width:18px;height:18px;flex-basis:18px}
.silver-coin::after{width:7px;height:7px;margin:4.5px}

.combat-hud{
  bottom:26px;
  width:min(900px,72vw);
}

.hp-label{
  font-size:15px;
  margin-bottom:8px;
}
.hp-label span{
  color:#aab7ba;
  letter-spacing:.08em;
}
.hp-label strong{
  font-size:24px;
  font-weight:650;
}
.hpbar{
  height:11px;
  border:1px solid rgba(219,225,222,.16);
  background:rgba(219,225,222,.08);
}
.hpbar i{
  background:linear-gradient(90deg,#d7ddda 0%,#c8edf0 78%,#efffff 100%);
  box-shadow:0 0 10px rgba(120,202,215,.08);
}

.skill-area{
  margin-top:15px;
  gap:18px;
  align-items:center;
}
.skill-group{position:relative}
.group-label{display:none!important}
.combat-slots{
  gap:9px;
}
.combat-slot{
  width:108px;
  height:80px;
  border:2px solid rgba(219,225,222,.16);
  background:rgba(7,12,15,.70);
  border-radius:0;
  transition:.14s ease;
}
.combat-slot.active{
  border-color:rgba(120,202,215,.62);
  background:rgba(120,202,215,.075);
  transform:translateY(-2px);
}
.combat-slot:hover{
  border-color:rgba(120,202,215,.62);
  background:rgba(8,14,17,.94);
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(120,202,215,.06);
  backdrop-filter:blur(8px);
  transform:translateY(-2px);
}
.combat-slot .key{
  left:9px;
  top:8px;
  font-size:16px;
  font-weight:700;
  color:#d4dcda;
}
.skill-glyph{
  top:43%;
  width:28px;
  height:28px;
  border:2px solid var(--accent);
}
.skill-title{
  left:8px;
  right:8px;
  bottom:8px;
  font-size:11px;
  font-weight:600;
  color:#d2dcdd;
  letter-spacing:.02em;
}
.cooldown{height:3px}
.combat-slot.cooling::after{font-size:18px}

.native-separator{
  width:1px;
  height:56px;
  margin:0 7px;
  background:linear-gradient(transparent,rgba(215,161,88,.45),transparent);
}
.native-slot{
  width:122px;
  height:84px;
  border:2px solid rgba(215,161,88,.44);
  clip-path: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);
}
.native-slot::before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:0;
  height:2px;
  background:var(--warning);
}
.native-slot .key{color:var(--warning)}
.native-glyph{
  width:30px;
  height:30px;
  border-radius:50%;
  border-color:#dde5e2;
  box-shadow:none;
}
.native-slot .skill-title{font-size:11px;color:#eef2ef}

.combat-help{
  right:30px;
  bottom:30px;
  width:auto;
  font-size:11px;
  color:#819095;
  line-height:1.5;
}

@media(max-width:1180px){
  .combat-hud{width:min(820px,78vw)}
  .combat-slot{width:98px;height:76px}
  .native-slot{width:112px;height:80px}
  .combat-help{display:none}
}

.combat-hud.combat-hud-inline{
  width:auto;
  bottom:26px;
}
.combat-hud-inline .bottom-row{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
}

.hp-block{
  width:152px;
  height:82px;
  padding:12px 14px 10px;
  background:rgba(8,13,16,.74);
  border:2px solid rgba(219,225,222,.16);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.hp-block-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.hp-block-label{
  font-size:12px;
  color:#9eacaf;
  letter-spacing:.10em;
  padding-top:2px;
}
.hp-block strong{
  font:700 26px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#eef2ef;
  letter-spacing:-.03em;
}
.hp-block strong small{
  font-size:12px;
  color:#859397;
  margin-left:2px;
  font-weight:500;
}
.hp-block-bar{
  height:10px;
  background:rgba(219,225,222,.08);
  border:1px solid rgba(219,225,222,.14);
}
.hp-block-bar i{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#d9e0dd 0%,#c8edf0 78%,#efffff 100%);
  box-shadow:0 0 10px rgba(120,202,215,.08);
}

.combat-hud-inline .combat-slots{
  display:flex;
  gap:9px;
}
.combat-hud-inline .combat-slot{
  width:108px;
  height:82px;
  border:2px solid rgba(219,225,222,.16);
  background:rgba(7,12,15,.70);
  border-radius:0;
  transition:.14s ease;
}
.combat-hud-inline .combat-slot.active{
  border-color:rgba(120,202,215,.62);
  background:rgba(120,202,215,.075);
  transform:translateY(-2px);
}
.combat-hud-inline .combat-slot:hover{
  border-color:rgba(120,202,215,.62);
  background:rgba(8,14,17,.94);
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(120,202,215,.06);
  backdrop-filter:blur(8px);
  transform:translateY(-2px);
}
.combat-hud-inline .combat-slot .key{
  left:9px;
  top:8px;
  font-size:16px;
  font-weight:700;
  color:#d4dcda;
}
.combat-hud-inline .skill-glyph{
  top:43%;
  width:28px;
  height:28px;
  border:2px solid var(--accent);
}
.combat-hud-inline .skill-title{
  left:8px;
  right:8px;
  bottom:8px;
  font-size:11px;
  font-weight:600;
  color:#d2dcdd;
  letter-spacing:.02em;
}
.combat-hud-inline .cooldown{height:3px}
.combat-hud-inline .combat-slot.cooling::after{font-size:18px}

.character-skill-slot{
  width:116px!important;
  height:82px!important;
  margin:0 0 0 6px!important;
  border:2px solid rgba(215,161,88,.44)!important;
  clip-path: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);
}
.character-skill-slot::before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:0;
  height:2px;
  background:var(--warning);
}
.character-skill-slot .key{color:var(--warning)}
.character-skill-slot .native-glyph{
  width:30px;
  height:30px;
  border-radius:50%;
  border-color:#dde5e2;
  box-shadow:none;
}
.character-skill-slot .skill-title{
  font-size:11px;
  color:#eef2ef;
}

.combat-hud-inline .native-separator{display:none!important}

.combat-help{
  right:30px;
  bottom:30px;
  width:auto;
  font-size:11px;
  color:#819095;
  line-height:1.5;
}

@media(max-width:1180px){
  .combat-hud-inline .bottom-row{gap:10px}
  .hp-block{width:138px;height:78px;padding:10px 12px 9px}
  .hp-block strong{font-size:24px}
  .combat-hud-inline .combat-slot{width:98px;height:78px}
  .character-skill-slot{width:108px!important;height:78px!important}
}

.combat-hud-inline .native-group-separator{
  display:block!important;
  width:1px;
  height:58px;
  margin:0 6px 0 2px;
  align-self:center;
  background:linear-gradient(
    to bottom,
    transparent 0%,
    rgba(215,161,88,0.18) 10%,
    rgba(215,161,88,0.52) 35%,
    rgba(215,161,88,0.52) 65%,
    rgba(215,161,88,0.18) 90%,
    transparent 100%
  );
  box-shadow:0 0 6px rgba(215,161,88,0.08);
}

.character-skill-slot{
  margin-left:0!important;
}

@media(max-width:1180px){
  .combat-hud-inline .native-group-separator{
    height:54px;
    margin:0 5px 0 1px;
  }
}

.combat-hud-inline .hud-separator{
  display:block!important;
  width:1px;
  height:58px;
  margin:0 6px 0 2px;
  align-self:center;
  background:linear-gradient(
    to bottom,
    transparent 0%,
    rgba(120,202,215,0.14) 10%,
    rgba(120,202,215,0.46) 35%,
    rgba(120,202,215,0.46) 65%,
    rgba(120,202,215,0.14) 90%,
    transparent 100%
  );
  box-shadow:0 0 6px rgba(120,202,215,0.06);
}

.combat-hud-inline .bottom-row{
  gap:10px;
}
.combat-hud-inline .native-group-separator{
  margin:0 5px 0 1px;
}
.combat-hud-inline .combat-slots{
  gap:9px;
}

@media(max-width:1180px){
  .combat-hud-inline .hud-separator{
    height:54px;
    margin:0 5px 0 1px;
  }
  .combat-hud-inline .bottom-row{
    gap:9px;
  }
}

.security-icon-svg{
  --icon-color:#9eeaf2;
  --icon-bright:#efffff;
  --icon-soft:rgba(120,202,215,.16);
  --icon-glow:rgba(120,202,215,.36);
  width:100%;height:100%;display:block;overflow:visible;
  color:var(--icon-color);
  fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
  shape-rendering:geometricPrecision;
  filter:drop-shadow(0 0 2.5px var(--icon-glow));
}
.security-icon-svg .icon-secondary{opacity:.42;stroke-width:1.05}
.security-icon-svg .icon-grid{opacity:.16;stroke-width:.7}
.security-icon-svg .icon-bright{stroke:var(--icon-bright);opacity:.92;stroke-width:1.9}
.security-icon-svg .icon-node,
.security-icon-svg .packet{fill:currentColor;stroke:none}
.security-icon-svg .fill-soft{fill:var(--icon-soft);stroke:currentColor}
.security-icon-svg .no-stroke{stroke:none}
.security-icon-svg .icon-dashed{stroke-dasharray:3 4}
.security-icon-svg .icon-signal{stroke:var(--icon-bright);stroke-width:1.55;stroke-dasharray:6 5}
.security-icon-svg .scan-band{fill:var(--icon-soft);stroke:none;opacity:.7}
.security-icon-svg .threat-dot{fill:var(--icon-bright);stroke:currentColor;stroke-width:1}
.security-icon-svg .scanner-ring{stroke:var(--icon-bright);opacity:.38}

.icon-clear_screen{--icon-color:#72dff1;--icon-bright:#e9fdff;--icon-soft:rgba(114,223,241,.16);--icon-glow:rgba(82,208,232,.34)}
.icon-honey_pot{--icon-color:#f0a84d;--icon-bright:#ffe7b2;--icon-soft:rgba(240,168,77,.17);--icon-glow:rgba(240,168,77,.34)}
.icon-ids{--icon-color:#58d9c1;--icon-bright:#dffff7;--icon-soft:rgba(88,217,193,.15);--icon-glow:rgba(88,217,193,.32)}
.icon-orbit_scanner{--icon-color:#67b8f2;--icon-bright:#e4f5ff;--icon-soft:rgba(103,184,242,.15);--icon-glow:rgba(103,184,242,.32)}
.icon-testcase{--icon-color:#d9bd58;--icon-bright:#fff3b5;--icon-soft:rgba(217,189,88,.15);--icon-glow:rgba(217,189,88,.30)}
.icon-timestamp{--icon-color:#aa82df;--icon-bright:#f1e7ff;--icon-soft:rgba(170,130,223,.16);--icon-glow:rgba(170,130,223,.32)}

.security-icon-svg .anim-rotate-slow,
.security-icon-svg .anim-rotate-medium,
.security-icon-svg .anim-rotate-reverse,
.security-icon-svg .anim-pulse,
.security-icon-svg .anim-pulse-ring,
.security-icon-svg .anim-beacon,
.security-icon-svg .anim-blink,
.security-icon-svg .anim-scan-y{
  transform-box:fill-box;transform-origin:center;
}
.anim-rotate-slow{animation:dsIconRotate 8s linear infinite}
.anim-rotate-medium{animation:dsIconRotate 4.5s linear infinite}
.anim-rotate-reverse{animation:dsIconRotateReverse 10s linear infinite}
.anim-dash{animation:dsIconDash 3.4s linear infinite}
.anim-pulse{animation:dsIconPulse 1.8s ease-in-out infinite}
.anim-pulse-ring{animation:dsIconRing 2.4s ease-out infinite}
.anim-beacon{animation:dsIconBeacon 1.5s ease-in-out infinite}
.anim-blink{animation:dsIconBlink 2.3s ease-in-out infinite}
.anim-scan-y{animation:dsIconScanY 2.8s ease-in-out infinite}
.delay-1{animation-delay:-.55s}.delay-2{animation-delay:-1.1s}.delay-3{animation-delay:-1.65s}

@keyframes dsIconRotate{to{transform:rotate(360deg)}}
@keyframes dsIconRotateReverse{to{transform:rotate(-360deg)}}
@keyframes dsIconDash{to{stroke-dashoffset:-44}}
@keyframes dsIconPulse{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.18)}}
@keyframes dsIconRing{0%{opacity:.48;transform:scale(.82)}75%,100%{opacity:0;transform:scale(1.18)}}
@keyframes dsIconBeacon{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes dsIconBlink{0%,62%,100%{opacity:.34}68%,78%{opacity:1}}
@keyframes dsIconScanY{0%{transform:translateY(-11px);opacity:0}18%{opacity:.55}82%{opacity:.45}100%{transform:translateY(13px);opacity:0}}

.shop-row-icon{
  width:34px;height:34px;display:grid;place-items:center;
  opacity:.86;transition:transform .14s ease,opacity .14s ease;
}
.list-row:hover .shop-row-icon,
.list-row.active .shop-row-icon{opacity:1;transform:scale(1.08)}
.list-row .no{font-size:9px}

.ability-glyph{
  width:190px;height:138px;margin:22px 0 18px;position:relative;
  border:0;background:none;display:grid;place-items:center;
}
.ability-glyph::before,
.ability-glyph::after{
  content:"";position:absolute;width:42px;height:28px;pointer-events:none;
}
.ability-glyph::before{
  left:0;top:0;border-left:1px solid rgba(120,202,215,.48);border-top:1px solid rgba(120,202,215,.48)
}
.ability-glyph::after{
  right:0;bottom:0;border-right:1px solid rgba(120,202,215,.24);border-bottom:1px solid rgba(120,202,215,.24)
}
.ability-glyph .detail-security-icon{width:112px;height:112px}
.ability-glyph .detail-security-icon{filter:drop-shadow(0 0 5px var(--icon-glow))}

.combat-hud-inline .combat-skill-icon{
  position:absolute;left:50%;top:44%;width:42px;height:42px;
  transform:translate(-50%,-50%);opacity:.96;
  transition:transform .14s ease,opacity .14s ease;pointer-events:none;
}
.combat-hud-inline .combat-slot:hover .combat-skill-icon,
.combat-hud-inline .combat-slot.active .combat-skill-icon{
  opacity:1;transform:translate(-50%,-50%) scale(1.06)
}
.combat-hud-inline .combat-slot:disabled .combat-skill-icon{opacity:.22}
.combat-hud-inline #combatSlots .skill-glyph{display:none!important}

.security-icon-svg .anim-rotate-slow,
.security-icon-svg .anim-rotate-medium,
.security-icon-svg .anim-rotate-reverse,
.security-icon-svg .anim-dash,
.security-icon-svg .anim-pulse,
.security-icon-svg .anim-pulse-ring,
.security-icon-svg .anim-beacon,
.security-icon-svg .anim-blink,
.security-icon-svg .anim-scan-y,
.item-icon-svg .anim-flow,
.item-icon-svg .anim-shift-x,
.item-icon-svg .anim-shift-y{
  animation-play-state:running!important;
  will-change:transform,opacity,stroke-dashoffset;
}
.security-icon-svg .anim-rotate-slow,
.security-icon-svg .anim-rotate-medium,
.security-icon-svg .anim-rotate-reverse,
.security-icon-svg .anim-pulse,
.security-icon-svg .anim-pulse-ring,
.security-icon-svg .anim-scan-y,
.item-icon-svg .anim-shift-x,
.item-icon-svg .anim-shift-y{
  transform-origin:center center;
  transform-box:fill-box;
}

.icon-base_shot{--icon-color:#88d9ff;--icon-bright:#effbff;--icon-soft:rgba(136,217,255,.16);--icon-glow:rgba(136,217,255,.34)}
.icon-base_scratch{--icon-color:#ff8f82;--icon-bright:#fff0ed;--icon-soft:rgba(255,143,130,.15);--icon-glow:rgba(255,143,130,.30)}
.icon-base_orb{--icon-color:#a797ff;--icon-bright:#f2efff;--icon-soft:rgba(167,151,255,.15);--icon-glow:rgba(167,151,255,.32)}
.icon-base_aura{--icon-color:#70dfbd;--icon-bright:#eafff8;--icon-soft:rgba(112,223,189,.15);--icon-glow:rgba(112,223,189,.30)}
.icon-security_clear_screen{--icon-color:#72dff1;--icon-bright:#e9fdff;--icon-soft:rgba(114,223,241,.16);--icon-glow:rgba(82,208,232,.34)}
.icon-security_honey_pot{--icon-color:#f0a84d;--icon-bright:#ffe7b2;--icon-soft:rgba(240,168,77,.17);--icon-glow:rgba(240,168,77,.34)}
.icon-security_ids{--icon-color:#58d9c1;--icon-bright:#dffff7;--icon-soft:rgba(88,217,193,.15);--icon-glow:rgba(88,217,193,.32)}
.icon-security_orbit_scanner{--icon-color:#67b8f2;--icon-bright:#e4f5ff;--icon-soft:rgba(103,184,242,.15);--icon-glow:rgba(103,184,242,.32)}
.icon-security_testcase{--icon-color:#d9bd58;--icon-bright:#fff3b5;--icon-soft:rgba(217,189,88,.15);--icon-glow:rgba(217,189,88,.30)}
.icon-security_timestamp{--icon-color:#aa82df;--icon-bright:#f1e7ff;--icon-soft:rgba(170,130,223,.16);--icon-glow:rgba(170,130,223,.32)}
.icon-security_one_time_password{--icon-color:#ef83b8;--icon-bright:#ffe5f2;--icon-soft:rgba(239,131,184,.16);--icon-glow:rgba(239,131,184,.32)}
.icon-security_common_key_cryptography{--icon-color:#6ba9ef;--icon-bright:#fff0ba;--icon-soft:rgba(107,169,239,.15);--icon-glow:rgba(107,169,239,.32)}
.icon-management_001{--icon-color:#7ccdf2;--icon-bright:#eaf9ff;--icon-soft:rgba(124,205,242,.14);--icon-glow:rgba(124,205,242,.28)}
.icon-management_002{--icon-color:#69d3ad;--icon-bright:#eafff7;--icon-soft:rgba(105,211,173,.14);--icon-glow:rgba(105,211,173,.28)}
.icon-management_003{--icon-color:#d7c45f;--icon-bright:#fff9cc;--icon-soft:rgba(215,196,95,.14);--icon-glow:rgba(215,196,95,.28)}
.icon-management_004{--icon-color:#72d5b8;--icon-bright:#effff9;--icon-soft:rgba(114,213,184,.14);--icon-glow:rgba(114,213,184,.28)}
.icon-management_005{--icon-color:#eda66a;--icon-bright:#fff0df;--icon-soft:rgba(237,166,106,.14);--icon-glow:rgba(237,166,106,.28)}
.icon-management_006{--icon-color:#e3c65f;--icon-bright:#fff7c8;--icon-soft:rgba(227,198,95,.14);--icon-glow:rgba(227,198,95,.28)}
.icon-management_007{--icon-color:#78abd9;--icon-bright:#ecf7ff;--icon-soft:rgba(120,171,217,.14);--icon-glow:rgba(120,171,217,.28)}
.icon-management_008{--icon-color:#62cf8c;--icon-bright:#ebfff2;--icon-soft:rgba(98,207,140,.14);--icon-glow:rgba(98,207,140,.28)}
.icon-management_009{--icon-color:#b58ade;--icon-bright:#f6edff;--icon-soft:rgba(181,138,222,.14);--icon-glow:rgba(181,138,222,.28)}
.icon-management_010{--icon-color:#e58fba;--icon-bright:#fff0f8;--icon-soft:rgba(229,143,186,.14);--icon-glow:rgba(229,143,186,.28)}
.icon-management_continuous_integration{--icon-color:#5fcfca;--icon-bright:#eaffff;--icon-soft:rgba(95,207,202,.14);--icon-glow:rgba(95,207,202,.28)}
.icon-management_continuous_delivery{--icon-color:#83cf74;--icon-bright:#f0ffeb;--icon-soft:rgba(131,207,116,.14);--icon-glow:rgba(131,207,116,.28)}
.icon-technology_interlock{--icon-color:#ee9867;--icon-bright:#fff0e7;--icon-soft:rgba(238,152,103,.15);--icon-glow:rgba(238,152,103,.30)}
.icon-technology_anti_passback{--icon-color:#dd779b;--icon-bright:#ffedf4;--icon-soft:rgba(221,119,155,.15);--icon-glow:rgba(221,119,155,.30)}
.item-icon-svg{vector-effect:non-scaling-stroke}
.filters{flex-wrap:wrap;justify-content:flex-end}
.filters .chip{white-space:nowrap}
.list-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row .type{font-size:9px;letter-spacing:.08em}
.stats-table strong{max-width:62%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.item-icon-svg .anim-flow{animation:dsIconDash 2.4s linear infinite}
.item-icon-svg .anim-shift-x{animation:dsShiftX 2.2s ease-in-out infinite}
.item-icon-svg .anim-shift-y{animation:dsShiftY 2.2s ease-in-out infinite}
@keyframes dsShiftX{0%,100%{transform:translateX(-2px);opacity:.45}50%{transform:translateX(3px);opacity:1}}
@keyframes dsShiftY{0%,100%{transform:translateY(-2px);opacity:.45}50%{transform:translateY(3px);opacity:1}}

.item-icon-svg[class*="icon-base_"]{stroke-width:1.75}
.item-icon-svg[class*="icon-management_"]{stroke-width:1.55}
.item-icon-svg[class*="icon-technology_"]{stroke-width:1.7}

:root{
  --surface-rest:rgba(7,12,15,.74);
  --surface-hover:rgba(5,10,13,.96);
  --surface-selected:rgba(5,10,13,.94);
  --surface-border:rgba(219,225,222,.20);
  --surface-border-active:rgba(120,202,215,.72);
  --surface-blur:blur(12px) saturate(.76);
  --surface-shadow:0 20px 54px rgba(0,0,0,.32);
}

.adaptive-panel{
  background:linear-gradient(135deg,rgba(5,10,13,.95),rgba(8,14,17,.91));
  border:1px solid var(--surface-border);
  box-shadow:var(--surface-shadow),inset 0 0 0 1px rgba(255,255,255,.018);
  backdrop-filter:var(--surface-blur);
}

.adaptive-card{
  position:relative;color:var(--ink);
  background:linear-gradient(135deg,rgba(6,11,14,.78),rgba(8,14,17,.70));
  border:1px solid var(--surface-border);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
  backdrop-filter:blur(7px) saturate(.82);
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.adaptive-card.active{
  background:linear-gradient(135deg,rgba(5,10,13,.92),rgba(7,13,16,.88));
  border-color:var(--surface-border-active);
  box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 0 0 1px rgba(120,202,215,.05)
}
.adaptive-card:hover,.adaptive-card:focus-visible{
  background:linear-gradient(135deg,rgba(3,7,10,.98),rgba(7,13,16,.96));
  border-color:var(--surface-border-active);
  box-shadow:var(--surface-shadow),0 0 0 1px rgba(120,202,215,.05),inset 0 0 0 1px rgba(120,202,215,.08);
  backdrop-filter:blur(14px) saturate(.68);
  text-shadow:0 1px 3px rgba(0,0,0,.96);
}
.adaptive-card:hover{transform:translateY(-2px)}
.adaptive-card .card-accent{position:absolute;left:-1px;top:-1px;width:94px;height:2px;background:var(--accent);opacity:.50;transition:.14s ease}
.adaptive-card:hover .card-accent,.adaptive-card.active .card-accent{opacity:1;width:150px;box-shadow:0 0 12px rgba(120,202,215,.28)}
.adaptive-card *{opacity:1}

.scene-screen{background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 44%)}
.scene-appbar{
  position:absolute;left:5.5%;right:5.5%;top:4%;height:104px;display:flex;justify-content:space-between;align-items:flex-start;
  border-top:1px solid rgba(219,225,222,.34);padding-top:17px
}
.scene-appbar::before{content:"";position:absolute;left:0;top:-1px;width:150px;height:3px;background:var(--accent)}
.scene-lead{margin:15px 0 0;color:#b8c3c5;font-size:13px;letter-spacing:.06em;text-shadow:0 1px 4px rgba(0,0,0,.98)}
.scene-back{font-size:13px;color:#aeb9bc;text-shadow:0 1px 4px rgba(0,0,0,.98)}
.scene-back:hover{background:rgba(4,9,12,.94);color:#f0f4f2;padding:7px 10px;margin:-1px -10px 0 0;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.2)}

.mission-deck{
  position:absolute;left:5.5%;right:5.5%;top:22%;bottom:10%;display:grid;
  grid-template-columns:1.22fr repeat(4,.88fr);gap:14px;align-items:stretch
}
.mission-card{min-width:0;padding:24px 22px 20px;display:flex;flex-direction:column;text-align:left;cursor:pointer;overflow:hidden}
.mission-card.active{transform:translateY(-2px)}
.mission-index{font-size:18px;color:var(--accent);letter-spacing:.12em}
.mission-status{position:absolute;right:20px;top:24px;font-size:9px;color:#a9dce3;letter-spacing:.14em}
.mission-sector{margin-top:54px;color:#809095;font-size:9px;letter-spacing:.14em}
.mission-name{display:block;margin-top:12px;font-size:24px;line-height:1.45;letter-spacing:.045em;color:#eff3f1;font-weight:620}
.mission-divider{width:42px;height:1px;background:var(--accent);margin:24px 0 20px;opacity:.72}
.mission-copy{font-size:13px;line-height:1.75;color:#b4c0c2}
.mission-info{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(219,225,222,.09);padding-top:11px;margin-top:auto;font-size:9px;color:#7e8d91}
.mission-info+.mission-info{margin-top:8px}
.mission-info strong{font-size:13px;color:#dce4e2}
.mission-action{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid rgba(120,202,215,.18);color:var(--accent);font-size:9px;letter-spacing:.13em}
.mission-action b{font-size:16px}
.mission-card.locked{cursor:not-allowed;background:linear-gradient(135deg,rgba(5,9,12,.78),rgba(8,12,15,.72));border-color:rgba(219,225,222,.11);filter:saturate(.45)}
.mission-card.locked .mission-index,.mission-card.locked .mission-status{color:#69777b}
.mission-card.locked .mission-name{color:#a9b2b3}
.mission-card.locked .mission-copy{color:#69777b;font:9px ui-monospace,monospace;letter-spacing:.10em}
.mission-lock{margin-top:auto;padding-top:18px;border-top:1px solid rgba(219,225,222,.08);font-size:8px;color:#5f6b6e;letter-spacing:.13em}

.operator-deck{
  position:absolute;left:10%;right:10%;top:22%;bottom:9.5%;display:grid;
  grid-template-columns:repeat(2,minmax(370px,470px));gap:22px;justify-content:start;align-items:stretch
}
.operator-card{padding:24px 26px 20px;display:grid;grid-template-columns:184px 1fr;grid-template-rows:auto 1fr auto;column-gap:26px;text-align:left;cursor:pointer;overflow:hidden}
.operator-head{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;color:var(--accent);font-size:10px;letter-spacing:.12em}
.operator-head strong{font-weight:600;color:#a9dce3}
.operator-portrait{
  grid-column:1;grid-row:2;width:184px;height:230px;margin-top:25px;border:1px solid rgba(120,202,215,.30);display:grid;place-items:center;align-content:center;position:relative;
  background:radial-gradient(circle at 50% 42%,rgba(120,202,215,.12),transparent 60%),linear-gradient(180deg,rgba(3,8,10,.76),rgba(4,10,13,.92));overflow:hidden
}
.operator-portrait::before{content:"";position:absolute;inset:18px;background:linear-gradient(90deg,transparent 49.5%,rgba(120,202,215,.08) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(120,202,215,.08) 50%,transparent 50.5%)}
.operator-portrait::after{content:"";position:absolute;width:94px;height:94px;border:1px solid rgba(120,202,215,.28);transform:rotate(45deg);box-shadow:0 0 0 16px rgba(120,202,215,.025)}
.operator-portrait i{font:700 44px ui-monospace,monospace;color:#d8f5f7;font-style:normal;z-index:2;text-shadow:0 0 18px rgba(120,202,215,.25)}
.operator-portrait b{position:absolute;left:12px;right:12px;bottom:12px;font:9px ui-monospace,monospace;letter-spacing:.16em;color:#688084;text-align:center;z-index:2}
.operator-body{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-self:center;min-width:0}
.operator-name{font-size:31px;font-weight:650;color:#f0f4f2;letter-spacing:.04em}
.operator-role{margin-top:10px;font-size:9px;letter-spacing:.13em;color:var(--accent)}
.operator-copy{margin-top:22px;color:#b5c0c2;font-size:14px;line-height:1.8;max-width:240px}
.operator-traits{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.operator-traits i{font-style:normal;border:1px solid rgba(120,202,215,.24);padding:5px 7px;font-size:8px;letter-spacing:.11em;color:#91a3a7;background:rgba(3,8,10,.5)}
.operator-action{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid rgba(219,225,222,.10);color:#829195;font-size:9px;letter-spacing:.14em}
.operator-action b{font-size:16px}
.operator-card:hover .operator-action,.operator-card.active .operator-action{color:var(--accent)}
.operator-card:hover .operator-portrait,.operator-card.active .operator-portrait{border-color:rgba(120,202,215,.66);box-shadow:0 0 28px rgba(120,202,215,.10)}

.story-screen{background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.15))}
.story-screen::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.14) 16%,rgba(0,0,0,.46) 100%)}
.story-screen-actions{position:absolute;left:5.5%;right:5.5%;top:4%;z-index:3;display:flex;justify-content:space-between}
.glass-action{border:1px solid rgba(219,225,222,.22);background:rgba(5,10,13,.72);color:#bcc6c8;padding:10px 14px;cursor:pointer;font-size:12px;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.95);backdrop-filter:blur(7px)}
.glass-action:hover{background:rgba(3,8,11,.96);border-color:rgba(120,202,215,.62);color:#eef3f1;box-shadow:0 8px 28px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.story-channel{position:absolute;left:6.8%;bottom:31%;z-index:4;width:120px;color:#6f8387;display:grid;gap:7px;font-size:8px;letter-spacing:.13em}
.story-channel strong{font-size:30px;color:var(--accent);font-weight:300;letter-spacing:.04em}
.story-channel i{display:block;width:82px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.story-channel small{font-size:7px;color:#607277}
.story-dialogue{position:absolute;z-index:4;left:6.8%;right:6.8%;bottom:6.5%;min-height:220px;padding:0;cursor:pointer;display:grid;grid-template-columns:210px 1fr;overflow:hidden}
.story-dialogue::before{content:"";position:absolute;left:0;top:-1px;width:170px;height:3px;background:var(--accent)}
.story-identity{padding:28px 24px;border-right:1px solid rgba(219,225,222,.10);background:rgba(4,9,12,.38);display:flex;flex-direction:column;justify-content:center}
.story-call-sign{font-size:8px;color:#6d8084;letter-spacing:.13em}
.story-identity strong{margin-top:14px;font-size:20px;color:#edf2ef}
.story-signal{margin-top:30px;font-size:8px;color:#6f9d9f;letter-spacing:.12em}
.story-message{padding:28px 34px 22px;display:flex;flex-direction:column;min-width:0}
.story-text{font-size:21px;line-height:1.85;min-height:86px;max-width:1120px;color:#f0f3f1;text-shadow:0 1px 3px rgba(0,0,0,.96)}
.story-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:9px;color:#728286;border-top:1px solid rgba(219,225,222,.08)}
.story-next{color:var(--accent);letter-spacing:.14em}.story-next b{font-size:18px;margin-left:8px}

.result-screen{background:rgba(0,0,0,.22);backdrop-filter:blur(1px)}
.result-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,76vw);padding:30px 34px 28px;border-color:rgba(213,106,100,.28)}
.result-panel::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--danger),transparent);opacity:.8}
.result-header{display:grid;grid-template-columns:54px 1fr auto;gap:20px;align-items:center}
.result-alert{width:46px;height:46px;border:1px solid rgba(213,106,100,.65);display:grid;place-items:center;color:var(--danger);transform:rotate(45deg)}
.result-alert::after{content:"!";font:700 26px ui-monospace,monospace;transform:rotate(-45deg)}
.result-state{font:9px ui-monospace,monospace;letter-spacing:.18em}
.result-panel h1{font-size:36px;letter-spacing:.055em;margin:8px 0 0;font-weight:680}
.result-code{text-align:right;font-size:8px;color:#718085;line-height:1.8;letter-spacing:.12em}.result-code span{color:#925e5a}
.result-rule{height:1px;background:linear-gradient(90deg,rgba(213,106,100,.62),rgba(219,225,222,.10),transparent);margin:22px 0 22px}
.result-summary{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}
.result-primary-stat{border:1px solid rgba(219,225,222,.10);background:rgba(4,9,12,.78);padding:20px;display:flex;flex-direction:column;justify-content:center}
.result-primary-stat strong{font-size:19px;line-height:1.55;margin-top:8px;color:#edf2ef}.result-primary-stat small{margin-top:24px;font-size:10px;letter-spacing:.12em}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(219,225,222,.10);border:1px solid rgba(219,225,222,.10)}
.result-grid>div{display:flex;justify-content:space-between;gap:18px;padding:14px;background:rgba(4,9,12,.92);font-size:9px;min-width:0}
.result-grid span{color:#7f8e92}.result-grid strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e7ecea}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.result-actions button{width:100%}
.danger-action{background:#e0e5e3;color:#101719}.danger-action:hover{background:#eef1ef;box-shadow:0 0 0 1px rgba(213,106,100,.45),0 12px 32px rgba(0,0,0,.30)}

@media(max-width:1180px){
  .mission-deck{left:4.5%;right:4.5%;grid-template-columns:1.2fr repeat(4,.82fr);gap:10px}
  .mission-card{padding:20px 16px}.mission-name{font-size:20px}
  .operator-deck{left:6%;right:6%;grid-template-columns:repeat(2,minmax(330px,1fr));gap:16px}
  .operator-card{grid-template-columns:150px 1fr;padding:20px}.operator-portrait{width:150px;height:210px}.operator-name{font-size:28px}
  .story-dialogue{left:5%;right:5%;grid-template-columns:180px 1fr}.story-text{font-size:18px}.story-channel{display:none}
  .result-panel{width:min(820px,86vw)}
}

:root{
  --glass-screen:rgba(7,10,12,.48);
  --glass-screen-strong:rgba(5,8,10,.62);
  --glass-panel:rgba(8,12,15,.58);
  --glass-panel-strong:rgba(7,11,14,.74);
  --glass-control:rgba(7,10,12,.72);
  --glass-control-active:rgba(9,13,16,.82);
  --glass-control-hover:rgba(72,78,82,.74);
  --glass-edge:rgba(219,225,222,.16);
  --glass-edge-bright:rgba(219,225,222,.34);
  --glass-accent:rgba(120,202,215,.70);
  --glass-shadow:0 24px 68px rgba(0,0,0,.42);
  --glass-shadow-strong:0 34px 92px rgba(0,0,0,.58);
}

.world{
  transition:filter .28s cubic-bezier(.2,.7,.2,1),transform .28s cubic-bezier(.2,.7,.2,1);
  transform:scale(1.015);
  transform-origin:center;
}
#app:has(.screen.active[data-screen="title"]) .world{
  filter:blur(8px) brightness(.46) saturate(.62) contrast(1.03);
  transform:scale(1.035);
}
#app:has(.screen.active[data-screen="hub"]) .world,
#app:has(.screen.active[data-screen="status"]) .world,
#app:has(.screen.active[data-screen="archive"]) .world,
#app:has(.screen.active[data-screen="config"]) .world{
  filter:blur(14px) brightness(.34) saturate(.50) contrast(1.02);
  transform:scale(1.055);
}
#app:has(.screen.active[data-screen="level"]) .world,
#app:has(.screen.active[data-screen="character"]) .world{
  filter:blur(4px) brightness(.58) saturate(.72) contrast(1.02);
  transform:scale(1.025);
}
#app:has(.screen.active[data-screen="story"]) .world{
  filter:blur(2px) brightness(.72) saturate(.82);
  transform:scale(1.018);
}
#app:has(.screen.active[data-screen="result"]) .world{
  filter:blur(8px) brightness(.40) saturate(.58) contrast(1.04);
  transform:scale(1.04);
}
#app:has(.screen.active[data-screen="combat"]) .world{
  filter:none;
  transform:scale(1);
}
#app:has(#pauseOverlay.show) .world,
#app:has(#dialogueOverlay.show) .world{
  filter:blur(14px) brightness(.30) saturate(.48) contrast(1.03);
  transform:scale(1.05);
}

.screen{isolation:isolate}
.screen:not([data-screen="combat"])::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(18,22,24,.50),rgba(7,9,11,.36) 52%,rgba(14,17,19,.44));
}
.screen[data-screen="title"]::before{
  background:linear-gradient(104deg,rgba(8,11,13,.58) 0%,rgba(12,15,17,.40) 46%,rgba(6,8,10,.50) 100%);
}
.screen[data-screen="hub"]::before,
.screen[data-screen="status"]::before,
.screen[data-screen="archive"]::before,
.screen[data-screen="config"]::before{
  background:linear-gradient(112deg,rgba(12,15,17,.68),rgba(6,8,10,.58) 55%,rgba(10,13,15,.64));
}
.screen[data-screen="level"]::before,
.screen[data-screen="character"]::before{
  background:linear-gradient(106deg,rgba(8,11,13,.38),rgba(6,9,11,.24) 58%,rgba(7,10,12,.34));
}
.screen[data-screen="story"]::before{
  background:linear-gradient(180deg,rgba(5,8,10,.10),rgba(5,8,10,.16) 48%,rgba(4,7,9,.46) 100%);
}
.screen[data-screen="result"]::before{
  background:rgba(6,8,10,.48);
}

.title-brand h1,
.title-brand p,
.page-title,
.scene-lead,
.appbar,
.scene-appbar,
.footerbar{
  text-shadow:0 2px 14px rgba(0,0,0,.76),0 1px 2px rgba(0,0,0,.94);
}

.system-grid,
.content-wrap{
  background:linear-gradient(112deg,rgba(10,14,16,.34),rgba(8,11,13,.24));
  box-shadow:0 30px 90px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.018);
  -webkit-backdrop-filter:blur(24px) saturate(.68) brightness(.78);
  backdrop-filter:blur(24px) saturate(.68) brightness(.78);
}
.system-grid{border-top:1px solid rgba(219,225,222,.055);border-bottom:1px solid rgba(219,225,222,.045)}
.content-wrap{border-top:1px solid rgba(219,225,222,.05);border-bottom:1px solid rgba(219,225,222,.04)}
.panel-stack,.catalog,.detail-pane,.rail,.status-hero,.entity-detail,.config-board{position:relative;z-index:1}

.adaptive-panel,
.story-dialogue,
.result-panel,
.dialogue-panel{
  background:linear-gradient(135deg,rgba(8,12,15,.74),rgba(8,12,15,.62));
  border-color:rgba(219,225,222,.20);
  box-shadow:var(--glass-shadow-strong),inset 0 1px rgba(255,255,255,.025);
  -webkit-backdrop-filter:blur(28px) saturate(.68) brightness(.76);
  backdrop-filter:blur(28px) saturate(.68) brightness(.76);
}
.adaptive-card{
  background:linear-gradient(145deg,rgba(8,12,15,.66),rgba(7,11,14,.54));
  border-color:var(--glass-edge);
  box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.02);
  -webkit-backdrop-filter:blur(20px) saturate(.70) brightness(.78);
  backdrop-filter:blur(20px) saturate(.70) brightness(.78);
}
.adaptive-card.active{
  background:linear-gradient(145deg,rgba(9,14,17,.80),rgba(7,11,14,.70));
  border-color:rgba(120,202,215,.58);
  box-shadow:0 26px 70px rgba(0,0,0,.46),0 0 24px rgba(120,202,215,.045),inset 0 1px rgba(255,255,255,.028);
}

.nav-line,
.rail-item,
.chip,
.tab,
.text-btn,
.primary,
.secondary,
.small-action,
.glass-action,
.equip-slots button,
.dialogue-choices button,
.combat-slot{
  transform-origin:center;
  background:linear-gradient(180deg,rgba(12,16,18,.78),rgba(5,8,10,.72));
  color:var(--ink);
  border-color:var(--glass-edge);
  box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.018);
  -webkit-backdrop-filter:blur(18px) saturate(.68) brightness(.78);
  backdrop-filter:blur(18px) saturate(.68) brightness(.78);
  transition:transform .18s cubic-bezier(.2,.72,.2,1),background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease;
}
.nav-line:hover,
.rail-item:hover,
.chip:hover,
.tab:hover,
.text-btn:hover,
.primary:hover,
.secondary:hover,
.small-action:hover,
.glass-action:hover,
.equip-slots button:hover,
.dialogue-choices button:hover,
.combat-slot:hover{
  background:linear-gradient(180deg,rgba(88,94,98,.78),rgba(57,63,67,.74));
  color:#f6f8f7;
  border-color:var(--glass-edge-bright);
  box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(22px) saturate(.62) brightness(.76);
  backdrop-filter:blur(22px) saturate(.62) brightness(.76);
  transform:scale(1.026);
  z-index:4;
}
.nav-line.active:not(:hover),
.rail-item.active:not(:hover),
.chip.active:not(:hover),
.tab.active:not(:hover){
  background:linear-gradient(180deg,rgba(13,18,21,.86),rgba(6,9,11,.80));
  color:#eef4f2;
  border-color:rgba(120,202,215,.28);
  box-shadow:inset 2px 0 var(--accent),0 12px 34px rgba(0,0,0,.30);
  transform:none;
}
.nav-line:hover,.nav-line.active{box-shadow:inset 2px 0 var(--accent),0 18px 48px rgba(0,0,0,.42)}
.nav-line .arr{transition:opacity .16s ease,transform .18s ease}
.nav-line:hover .arr,.nav-line.active .arr{opacity:1;transform:translateX(2px)}
.rail-item,.text-btn{transform-origin:left center}
.chip,.tab,.equip-slots button{transform-origin:center}
.primary:disabled{
  background:rgba(8,11,13,.54);
  color:#66757a;
  border-color:rgba(219,225,222,.08);
  box-shadow:none;
  transform:none;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.list-row,.entity-row{
  position:relative;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease;
}
.list-row.active:not(:hover),.entity-row.active:not(:hover){
  background:linear-gradient(90deg,rgba(11,16,19,.74),rgba(8,12,15,.58));
  box-shadow:inset 2px 0 var(--accent),0 8px 24px rgba(0,0,0,.18);
}
.list-row:hover,.entity-row:hover{
  background:linear-gradient(90deg,rgba(84,90,94,.70),rgba(50,56,60,.64));
  box-shadow:inset 2px 0 var(--accent),0 16px 40px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(18px) saturate(.64);
  backdrop-filter:blur(18px) saturate(.64);
  transform:scale(1.012);
  z-index:3;
}

.mission-deck{
  display:flex;
  grid-template-columns:none;
  gap:12px;
  align-items:stretch;
  overflow:visible;
}
.mission-card{
  flex:.68 1 0;
  min-width:0;
  opacity:.72;
  transform:scale(.985);
  background:linear-gradient(145deg,rgba(7,11,14,.66),rgba(5,8,10,.58));
  transition:flex .32s cubic-bezier(.2,.74,.2,1),transform .28s cubic-bezier(.2,.74,.2,1),opacity .20s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mission-card.active{
  flex:2.08 1 0;
  opacity:1;
  transform:scale(1.015) translateY(-2px);
  background:linear-gradient(145deg,rgba(10,15,18,.82),rgba(6,10,12,.72));
  border-color:rgba(120,202,215,.60);
  box-shadow:0 30px 78px rgba(0,0,0,.50),0 0 26px rgba(120,202,215,.045);
}
.mission-deck:has(.mission-card:hover) .mission-card{
  flex:.64 1 0;
  opacity:.54;
  transform:scale(.975);
}
.mission-deck:has(.mission-card:hover) .mission-card:hover{
  flex:2.18 1 0;
  opacity:1;
  transform:scale(1.022) translateY(-4px);
  background:linear-gradient(145deg,rgba(87,93,97,.76),rgba(48,54,58,.70));
  border-color:rgba(219,225,222,.38);
  box-shadow:0 34px 88px rgba(0,0,0,.60),inset 0 1px rgba(255,255,255,.05);
}
.mission-card.locked{filter:saturate(.34);opacity:.48}
.mission-card.locked:hover{filter:saturate(.48);opacity:.90}
.mission-card:not(.active):not(:hover) .mission-copy,
.mission-card:not(.active):not(:hover) .mission-info,
.mission-card:not(.active):not(:hover) .mission-action{
  opacity:.14;
}
.mission-card:not(.active):not(:hover) .mission-name{font-size:18px;color:#aab4b6}
.mission-card.active .mission-name,.mission-card:hover .mission-name{font-size:25px}

.operator-deck{
  display:flex;
  grid-template-columns:none;
  left:9%;right:9%;
  gap:18px;
  justify-content:center;
  align-items:stretch;
  overflow:visible;
}
.operator-card{
  flex:0 1 252px;
  min-width:230px;
  max-width:610px;
  grid-template-columns:104px minmax(0,1fr);
  column-gap:14px;
  padding:20px 18px 18px;
  opacity:.68;
  transform:scale(.985);
  background:linear-gradient(145deg,rgba(7,11,14,.66),rgba(5,8,10,.58));
  transition:flex-basis .32s cubic-bezier(.2,.74,.2,1),transform .28s cubic-bezier(.2,.74,.2,1),opacity .20s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.operator-card .operator-portrait{
  width:104px;height:174px;margin-top:22px;
  transition:width .28s cubic-bezier(.2,.74,.2,1),height .28s cubic-bezier(.2,.74,.2,1),box-shadow .18s ease,border-color .18s ease;
}
.operator-card:not(.active):not(:hover) .operator-copy,
.operator-card:not(.active):not(:hover) .operator-traits{
  opacity:0;max-height:0;margin-top:0;overflow:hidden;
}
.operator-card:not(.active):not(:hover) .operator-role{font-size:8px;opacity:.55}
.operator-card:not(.active):not(:hover) .operator-name{font-size:22px}
.operator-card.active{
  flex-basis:570px;
  grid-template-columns:184px minmax(0,1fr);
  column-gap:26px;
  padding:24px 26px 20px;
  opacity:1;
  transform:scale(1.015) translateY(-2px);
  background:linear-gradient(145deg,rgba(10,15,18,.84),rgba(6,10,12,.74));
  border-color:rgba(120,202,215,.62);
  box-shadow:0 30px 80px rgba(0,0,0,.52),0 0 26px rgba(120,202,215,.05);
}
.operator-card.active .operator-portrait,
.operator-card:hover .operator-portrait{width:184px;height:250px}
.operator-card.active .operator-name,.operator-card:hover .operator-name{font-size:31px}
.operator-card.active .operator-copy,.operator-card:hover .operator-copy,
.operator-card.active .operator-traits,.operator-card:hover .operator-traits{
  opacity:1;max-height:190px;
}
.operator-deck:has(.operator-card:hover) .operator-card{
  flex-basis:242px;
  opacity:.50;
  transform:scale(.975);
}
.operator-deck:has(.operator-card:hover) .operator-card:hover{
  flex-basis:585px;
  grid-template-columns:184px minmax(0,1fr);
  column-gap:26px;
  padding:24px 26px 20px;
  opacity:1;
  transform:scale(1.022) translateY(-4px);
  background:linear-gradient(145deg,rgba(87,93,97,.76),rgba(48,54,58,.70));
  border-color:rgba(219,225,222,.40);
  box-shadow:0 34px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05);
}

.story-screen::after{
  background:linear-gradient(transparent,rgba(3,6,8,.14) 14%,rgba(2,5,7,.58) 100%);
}
.story-dialogue{
  min-height:232px;
  background:linear-gradient(100deg,rgba(7,11,14,.82),rgba(8,13,16,.70));
  border-color:rgba(219,225,222,.18);
  box-shadow:0 32px 92px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.025);
}
.story-identity{background:linear-gradient(180deg,rgba(5,9,12,.70),rgba(5,9,12,.50))}
.story-text{font-size:22px;line-height:1.82}
.story-screen-actions .glass-action{background:rgba(7,10,12,.66)}

.result-panel{
  width:min(900px,78vw);
  background:linear-gradient(145deg,rgba(8,12,15,.84),rgba(6,10,12,.72));
  border-color:rgba(213,106,100,.25);
  box-shadow:0 38px 110px rgba(0,0,0,.66),0 0 38px rgba(213,106,100,.035),inset 0 1px rgba(255,255,255,.025);
  -webkit-backdrop-filter:blur(30px) saturate(.62) brightness(.70);
  backdrop-filter:blur(30px) saturate(.62) brightness(.70);
}
.result-primary-stat{background:rgba(5,9,12,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.result-grid>div{background:rgba(5,9,12,.74);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.result-actions .danger-action{
  background:linear-gradient(180deg,rgba(16,14,15,.80),rgba(8,8,9,.76));
  color:#eef2ef;
  border-color:rgba(213,106,100,.28);
}
.result-actions .danger-action:hover{
  background:linear-gradient(180deg,rgba(88,78,78,.82),rgba(58,51,52,.78));
  border-color:rgba(213,106,100,.52);
  color:#fff;
}

.modal-layer{
  background:rgba(5,8,10,.48);
  -webkit-backdrop-filter:blur(18px) saturate(.54) brightness(.68);
  backdrop-filter:blur(18px) saturate(.54) brightness(.68);
}
.pause-layout{
  filter:drop-shadow(0 28px 76px rgba(0,0,0,.56));
}
.pause-menu .nav-line{background:rgba(7,10,12,.72)}
.pause-stats{background:rgba(219,225,222,.07);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pause-stats>div{background:rgba(6,10,12,.68)}
.dialogue-panel{background:linear-gradient(90deg,rgba(7,11,14,.82),rgba(8,13,16,.70))}

@media(max-width:1180px){
  .mission-card{flex:.62 1 0}
  .mission-card.active{flex:1.86 1 0}
  .mission-deck:has(.mission-card:hover) .mission-card:hover{flex:1.96 1 0}
  .operator-deck{left:5.5%;right:5.5%}
  .operator-card{flex-basis:220px;min-width:205px;grid-template-columns:88px minmax(0,1fr)}
  .operator-card .operator-portrait{width:88px;height:150px}
  .operator-card.active{flex-basis:480px;grid-template-columns:150px minmax(0,1fr)}
  .operator-card.active .operator-portrait,.operator-card:hover .operator-portrait{width:150px;height:210px}
  .operator-deck:has(.operator-card:hover) .operator-card{flex-basis:210px}
  .operator-deck:has(.operator-card:hover) .operator-card:hover{flex-basis:490px;grid-template-columns:150px minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  .world,.mission-card,.operator-card,.nav-line,.rail-item,.chip,.tab,.text-btn,.primary,.secondary,.small-action,.glass-action,.combat-slot{transition:none!important}
}
@media (prefers-reduced-transparency:reduce){
  .adaptive-panel,.adaptive-card,.system-grid,.content-wrap,.nav-line,.rail-item,.chip,.tab,.text-btn,.primary,.secondary,.small-action,.glass-action,.result-panel,.story-dialogue,.dialogue-panel,.modal-layer{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  .screen:not([data-screen="combat"])::before{background:rgba(5,8,10,.78)}
}

.diagnostic-grid div,
.status-meta div,
.stats-table>div,
.config-row,
.owned-row,
.inv-slot{
  background:rgba(5,9,11,.46);
  -webkit-backdrop-filter:blur(12px) saturate(.66);
  backdrop-filter:blur(12px) saturate(.66);
}
.config-row{padding-left:12px;padding-right:12px}
.diagnostic-grid,.status-meta,.stats-table,.owned-list,.inventory-slots{
  box-shadow:0 14px 42px rgba(0,0,0,.16);
}

:root{
  --floating-ink:#eef3f1;
  --floating-muted:#b3c0c2;
  --floating-cyan:#8ddbe5;
  --floating-shadow:0 2px 3px rgba(0,0,0,.96),0 0 14px rgba(0,0,0,.68);
  --floating-glass:rgba(194,201,203,.075);
  --floating-glass-hover:rgba(196,202,204,.19);
  --floating-line:rgba(226,232,231,.17);
}

#app:has(.screen.active[data-screen="title"]) .world{
  filter:blur(3px) brightness(.62) saturate(.76) contrast(1.04);
  transform:scale(1.022);
}
.screen[data-screen="title"]::before{
  background:
    radial-gradient(ellipse at 23% 22%,rgba(5,8,10,.30),transparent 38%),
    linear-gradient(104deg,rgba(6,9,11,.34) 0%,rgba(8,11,13,.14) 48%,rgba(5,8,10,.28) 100%);
}

.title-menu{
  isolation:isolate;
}
.title-menu::before{
  content:"";
  position:absolute;
  inset:-34px -62px -34px -78px;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(7,10,12,0) 0%,
    rgba(7,10,12,.14) 13%,
    rgba(9,12,14,.29) 38%,
    rgba(9,12,14,.34) 59%,
    rgba(7,10,12,.18) 82%,
    rgba(7,10,12,0) 100%);
  -webkit-backdrop-filter:blur(15px) saturate(.70) brightness(.80);
  backdrop-filter:blur(15px) saturate(.70) brightness(.80);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  opacity:.92;
}
.title-menu::after{
  content:"";
  position:absolute;
  left:-12px;top:2px;bottom:2px;
  width:1px;
  background:linear-gradient(transparent,rgba(120,202,215,.34) 16%,rgba(219,225,222,.12) 84%,transparent);
  opacity:.78;
  pointer-events:none;
}
.title-menu .nav-line{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(226,232,231,.105)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:var(--floating-ink)!important;
  text-shadow:var(--floating-shadow);
  transform-origin:left center;
  transition:transform .20s cubic-bezier(.2,.74,.2,1),color .16s ease,border-color .16s ease;
}
.title-menu .nav-line::before{
  content:"";
  position:absolute;
  inset:3px -10px 3px -14px;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,rgba(203,209,210,.10),rgba(182,189,191,.055) 68%,transparent 100%);
  border-left:2px solid transparent;
  -webkit-backdrop-filter:blur(11px) saturate(.72) brightness(.88);
  backdrop-filter:blur(11px) saturate(.72) brightness(.88);
  box-shadow:0 10px 30px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.025);
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.title-menu .nav-line .idx{
  color:rgba(141,219,229,.72)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.96);
}
.title-menu .nav-line .arr{
  opacity:.34;
  color:var(--floating-cyan);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95));
}
.title-menu .nav-line.active:not(:hover){
  background:transparent!important;
  border-color:rgba(226,232,231,.15)!important;
  box-shadow:none!important;
  transform:none!important;
}
.title-menu .nav-line.active:not(:hover)::before{
  opacity:.68;
  border-left-color:rgba(120,202,215,.82);
  background:linear-gradient(90deg,rgba(196,203,205,.105),rgba(171,180,182,.045) 70%,transparent);
}
.title-menu .nav-line.active .idx{color:#a8ecf2!important}
.title-menu .nav-line:hover{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(238,243,242,.27)!important;
  box-shadow:none!important;
  transform:translateX(5px) scale(1.035)!important;
  z-index:4;
}
.title-menu .nav-line:hover::before{
  opacity:1;
  border-left-color:rgba(120,202,215,.94);
  background:linear-gradient(90deg,rgba(204,210,212,.22),rgba(174,182,184,.13) 67%,rgba(132,143,146,.025) 100%);
  box-shadow:0 13px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.055);
}
.title-menu .nav-line:hover .idx{color:#b9f1f4!important}
.title-menu .nav-line:hover .arr,
.title-menu .nav-line.active .arr{opacity:1;transform:translateX(3px)}

.title-meta,
.title-brand .kicker,
.title-brand p{
  text-shadow:var(--floating-shadow);
}

.scene-back,
.appbar .text-btn,
.story-screen-actions .glass-action,
.combat-top-right .small-action{
  position:relative;
  isolation:isolate;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  color:rgba(235,241,240,.88)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-shadow:var(--floating-shadow);
  transform-origin:center;
  transition:transform .18s cubic-bezier(.2,.74,.2,1),color .16s ease,letter-spacing .16s ease;
}
.scene-back::before,
.appbar .text-btn::before,
.story-screen-actions .glass-action::before,
.combat-top-right .small-action::before{
  content:"";
  position:absolute;
  inset:-5px -13px;
  z-index:-1;
  pointer-events:none;
  opacity:.60;
  background:linear-gradient(90deg,rgba(7,10,12,.20),rgba(7,10,12,.085) 68%,transparent 100%);
  -webkit-backdrop-filter:blur(10px) saturate(.72) brightness(.84);
  backdrop-filter:blur(10px) saturate(.72) brightness(.84);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);
  transition:opacity .16s ease,background .16s ease,box-shadow .16s ease;
}
.scene-back::after,
.appbar .text-btn::after,
.story-screen-actions .glass-action::after,
.combat-top-right .small-action::after{
  content:"";
  position:absolute;
  left:4px;right:22%;bottom:1px;
  height:1px;
  background:linear-gradient(90deg,rgba(120,202,215,.58),rgba(226,232,231,.15),transparent);
  opacity:.58;
  transition:opacity .16s ease,right .18s ease;
}
.scene-back:hover,
.appbar .text-btn:hover,
.story-screen-actions .glass-action:hover,
.combat-top-right .small-action:hover{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:scale(1.035)!important;
  letter-spacing:.075em;
}
.scene-back:hover::before,
.appbar .text-btn:hover::before,
.story-screen-actions .glass-action:hover::before,
.combat-top-right .small-action:hover::before{
  opacity:1;
  background:linear-gradient(90deg,rgba(190,197,199,.19),rgba(162,171,174,.095) 70%,transparent 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.13);
}
.scene-back:hover::after,
.appbar .text-btn:hover::after,
.story-screen-actions .glass-action:hover::after,
.combat-top-right .small-action:hover::after{
  opacity:1;
  right:5%;
}

.story-screen-actions .glass-action:last-child::before{
  background:linear-gradient(270deg,rgba(7,10,12,.20),rgba(7,10,12,.085) 68%,transparent 100%);
  -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(270deg,#000 0%,#000 72%,transparent 100%);
}
.story-screen-actions .glass-action:last-child::after{
  left:22%;right:4px;
  background:linear-gradient(270deg,rgba(120,202,215,.58),rgba(226,232,231,.15),transparent);
}
.story-screen-actions .glass-action:last-child:hover::before{
  background:linear-gradient(270deg,rgba(190,197,199,.19),rgba(162,171,174,.095) 70%,transparent 100%);
}
.story-screen-actions .glass-action:last-child:hover::after{left:5%;right:4px}

#app:has(.screen.active[data-screen="title"]) .world{
  filter:none!important;
  transform:scale(1)!important;
}
.screen[data-screen="title"]::before{
  background:transparent!important;
}

.title-menu .nav-line.active:not(:hover){
  background:transparent!important;
  border-color:rgba(226,232,231,.105)!important;
  box-shadow:none!important;
  color:var(--floating-ink)!important;
}
.title-menu .nav-line.active:not(:hover)::before{
  opacity:0!important;
  border-left-color:transparent!important;
  background:linear-gradient(90deg,rgba(203,209,210,.10),rgba(182,189,191,.055) 68%,transparent 100%)!important;
}
.title-menu .nav-line.active:not(:hover) .idx{
  color:rgba(141,219,229,.72)!important;
}
.title-menu .nav-line.active:not(:hover) .arr{
  opacity:.34!important;
  transform:translateX(-8px)!important;
}

.screen[data-screen="title"] .title-menu .nav-line::before{
  opacity:.44!important;
  background:linear-gradient(90deg,
    rgba(28,34,37,.34) 0%,
    rgba(36,43,46,.28) 54%,
    rgba(31,38,41,.16) 82%,
    rgba(24,30,33,.045) 100%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(.74) brightness(.82)!important;
  backdrop-filter:blur(11px) saturate(.74) brightness(.82)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.09),inset 0 1px rgba(255,255,255,.018)!important;
}
.screen[data-screen="title"] .title-menu .nav-line .idx{
  color:rgba(151,231,240,.96)!important;
  font-weight:650!important;
  text-shadow:0 1px 3px rgba(0,0,0,1),0 0 7px rgba(120,202,215,.16)!important;
}

.screen[data-screen="title"] .title-menu .nav-line.active:not(:hover)::before{
  opacity:.44!important;
  border-left-color:transparent!important;
  background:linear-gradient(90deg,
    rgba(28,34,37,.34) 0%,
    rgba(36,43,46,.28) 54%,
    rgba(31,38,41,.16) 82%,
    rgba(24,30,33,.045) 100%)!important;
}
.screen[data-screen="title"] .title-menu .nav-line.active:not(:hover) .idx{
  color:rgba(151,231,240,.96)!important;
}

.screen[data-screen="title"] .title-menu .nav-line:hover::before{
  opacity:1!important;
  background:linear-gradient(90deg,
    rgba(169,177,180,.24) 0%,
    rgba(141,151,154,.16) 66%,
    rgba(104,116,120,.035) 100%)!important;
}
.screen[data-screen="title"] .title-menu .nav-line:hover .idx{
  color:#c9f8fb!important;
}

#app{min-width:0;min-height:0}
.panel-stack,.panel-view,.shop-layout,.shop-columns,.catalog,.detail-pane,.shop-bottom-strip,.shop-support-card{min-width:0}
.system-grid{
  grid-template-columns:clamp(150px,12vw,220px) minmax(0,1fr);
  gap:clamp(14px,1.8vw,34px);
}
.shop-layout{grid-template-rows:minmax(0,1fr) clamp(178px,22vh,208px);gap:12px}
.shop-columns{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(14px,1.5vw,28px)}
.catalog{overflow:hidden}
.section-head{min-width:0;flex-wrap:wrap;row-gap:8px;margin-bottom:9px}
.shop-head-controls{min-width:0;max-width:100%;justify-items:end}
.shop-head-controls .filters,.filters{
  width:auto!important;max-width:100%;min-width:0;flex-wrap:wrap!important;gap:4px;justify-content:flex-end;
}
.chip{white-space:nowrap;padding:6px 7px;font-size:clamp(8px,.52vw,10px)}
.list{
  flex:0 1 auto;height:auto;min-height:0;max-height:282px;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
}
.list-row{
  min-width:0;grid-template-columns:34px 28px minmax(0,1fr) minmax(58px,90px) minmax(42px,58px);
  min-height:50px;padding:7px 8px;
}
.list-row>*{min-width:0}
.list-row .name,.list-row .type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-footer{
  margin-top:5px;padding-top:8px;gap:10px;transform:translateY(-2px);
}
.catalog-foot-note{font-size:8px;line-height:1.4}
.shop-refresh-btn{padding:8px 13px;gap:11px;white-space:nowrap}

.skill-effect-panel{
  margin-top:14px;padding:10px 12px 11px;
  border-left:2px solid rgba(120,202,215,.55);
  border-top:1px solid rgba(219,225,222,.08);
  border-bottom:1px solid rgba(219,225,222,.08);
  background:linear-gradient(90deg,rgba(120,202,215,.055),rgba(5,9,11,.18));
}
.skill-effect-panel p{margin:6px 0 0;color:#bac5c7;font-size:11px;line-height:1.65}
.skill-metrics-table{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:11px}
.skill-metrics-table>div{display:block;min-width:0;padding:8px 9px}
.skill-metrics-table span{display:block;font-size:8px;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-metrics-table strong{display:block;max-width:none!important;margin-top:4px;text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-effect-panel{margin-top:13px}
.inventory-detail-stats{margin-top:11px}
.detail-pane{overflow-y:auto;overflow-x:hidden}
.inventory-detail-pane{overflow-y:auto;overflow-x:hidden}

.shop-bottom-strip{
  height:auto!important;min-height:0;
  grid-template-columns:minmax(0,2fr) minmax(0,.62fr) minmax(0,.72fr);
  gap:8px;overflow:visible;
}
.shop-support-card{overflow:hidden;padding:8px 9px}
.shop-support-head{margin-bottom:6px;padding-bottom:5px;gap:8px}
.shop-support-head strong{font-size:10px}
.shop-support-meta{font-size:8px}
.shop-status-item{padding:5px 6px;font-size:8px}
.shop-management-owned{max-height:132px;overflow-y:auto;overflow-x:hidden}
.shop-management-item{grid-template-columns:24px minmax(0,1fr);gap:6px;padding:5px 6px}
.shop-management-icon{width:24px;height:24px}
.shop-management-copy{min-width:0}
.shop-management-copy strong,.shop-management-copy small,.shop-management-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-management-copy strong{font-size:9px}.shop-management-copy small{font-size:7px}.shop-management-copy p{font-size:7px}

.combat-hud.combat-hud-inline{
  width:min(860px,calc(100vw - 24px));max-width:calc(100vw - 24px);
}
.combat-hud-inline .bottom-row{width:100%;min-width:0;gap:clamp(4px,.65vw,12px)}
.combat-hud-inline .hp-block{
  width:clamp(108px,14vw,152px);min-width:0;flex:0 1 auto;
}
.combat-hud-inline .combat-slots{flex:1 1 auto;min-width:0;gap:clamp(4px,.48vw,9px)}
.combat-hud-inline .combat-slot{
  width:clamp(68px,8.5vw,108px);min-width:0;flex:1 1 0;cursor:grab;user-select:none;
}
.combat-hud-inline .combat-slot:active{cursor:grabbing}
.combat-hud-inline .character-skill-slot{
  width:clamp(82px,9vw,116px)!important;min-width:0;flex:0 1 auto!important;
}
.combat-hud-inline .skill-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combat-slot.drag-source{opacity:.38;transform:translateY(2px) scale(.97)!important}
.combat-slot.drag-target{
  border-color:var(--accent)!important;background:rgba(120,202,215,.13)!important;
  box-shadow:0 0 0 1px rgba(120,202,215,.18),0 0 22px rgba(120,202,215,.12)!important;
}

.shop-embedded-hud{overflow:visible!important}
.shop-embedded-hud .bottom-row{width:100%;min-width:0;overflow:visible;gap:4px}
.shop-embedded-hud .hp-block{width:auto;min-width:82px;flex:.95 1 104px;padding:8px 9px;height:72px}
.shop-embedded-hud .hp-block strong{font-size:20px}
.shop-embedded-hud .combat-slots{flex:4 1 0;min-width:0;gap:4px}
.shop-embedded-hud .combat-slot{
  pointer-events:auto!important;width:auto;min-width:42px;height:72px;flex:1 1 0;
}
.shop-embedded-hud .character-skill-slot{
  pointer-events:auto!important;width:auto!important;min-width:54px;height:72px!important;flex:1.12 1 0!important;margin-left:2px!important;
}
.shop-embedded-hud .combat-slot .key{font-size:12px;left:6px;top:6px}
.shop-embedded-hud .combat-skill-icon{width:34px;height:34px}
.shop-embedded-hud .skill-title{font-size:clamp(7px,.55vw,10px);left:5px;right:5px;bottom:6px}
.shop-embedded-hud .hp-block-label{font-size:9px}
.shop-embedded-hud .hp-block strong small{font-size:9px}
.shop-embedded-hud .hp-block-bar{height:7px}
.shop-embedded-hud .hud-separator{margin-left:1px;margin-right:1px}

.skill-slot-tooltip{
  position:fixed;z-index:500;width:min(292px,calc(100vw - 16px));padding:11px 12px 10px;
  background:linear-gradient(135deg,rgba(5,10,13,.985),rgba(10,16,19,.97));
  border:1px solid rgba(120,202,215,.38);box-shadow:0 18px 48px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.018);
  -webkit-backdrop-filter:blur(16px) saturate(.75);backdrop-filter:blur(16px) saturate(.75);
  opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;
}
.skill-slot-tooltip.show{opacity:1;transform:none}
.skill-tooltip-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid rgba(219,225,222,.10)}
.skill-tooltip-head span{color:var(--accent);font-size:9px;letter-spacing:.12em}
.skill-tooltip-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-tooltip-head.native span{color:var(--warning)}
.skill-tooltip-effect{margin:8px 0;color:#b8c4c6;font-size:10px;line-height:1.55}
.skill-tooltip-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(219,225,222,.09)}
.skill-tooltip-metrics div{min-width:0;background:rgba(4,8,10,.72);padding:6px 7px}
.skill-tooltip-metrics span{display:block;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.08em}
.skill-tooltip-metrics strong{display:block;margin-top:3px;font:10px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-tooltip-foot{margin-top:7px;color:#7f9296;font-size:8px;letter-spacing:.08em}

@media(max-width:1320px){
  .system-grid{grid-template-columns:160px minmax(0,1fr);gap:16px}
  .shop-columns{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}
  .detail-pane{border-left:1px solid rgba(219,225,222,.13);border-top:0;padding-left:14px;padding-top:0}
  .inventory-inspector{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}
  .inventory-detail-pane{border-left:1px solid rgba(219,225,222,.13);border-top:0;padding-left:14px;padding-top:0}
  .shop-bottom-strip{grid-template-columns:minmax(0,2fr) minmax(0,.62fr) minmax(0,.72fr)}
}

@media(max-width:1050px){
  .system-grid{left:3%;right:3%;grid-template-columns:138px minmax(0,1fr);gap:10px}
  .rail{padding-right:8px}.rail-item{padding:10px 6px;font-size:13px;grid-template-columns:28px 1fr}.rail-foot{display:none}
  .shop-layout{grid-template-rows:minmax(0,1fr) clamp(166px,22vh,184px);gap:8px}
  .shop-columns{grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:10px}
  .detail-pane{padding-left:10px}
  .section-head{gap:6px}.section-head h2{font-size:18px}.eyebrow{font-size:9px}
  .shop-head-controls{width:100%;justify-items:start}.filters{justify-content:flex-start!important}
  .chip{font-size:7px;padding:5px 6px}
  .list-row{grid-template-columns:28px 22px minmax(0,1fr) minmax(48px,68px) 42px;min-height:44px;padding:5px 6px}
  .shop-row-icon{width:26px;height:26px}.list-row .name{font-size:10px}.list-row .type{font-size:7px}.list-row .cost{font-size:8px}
  .catalog-foot-note{display:none}.catalog-footer{justify-content:flex-end}
  .detail-top h2{font-size:22px}.detail-copy{font-size:11px;line-height:1.55}
  .ability-glyph{width:120px;height:82px;margin:10px 0}.ability-glyph .detail-security-icon{width:76px;height:76px}
  .skill-effect-panel{margin-top:8px;padding:7px 8px}.skill-effect-panel p{font-size:9px;line-height:1.45}
  .skill-metrics-table{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:7px}.skill-metrics-table>div{padding:5px 6px}.skill-metrics-table strong{font-size:9px}
  .purchase-bar{margin-top:8px}.primary,.secondary{padding:8px 12px;font-size:10px}
  .shop-bottom-strip{gap:5px}.shop-support-card{padding:6px}.shop-support-head{margin-bottom:4px;padding-bottom:4px}.shop-support-head .eyebrow{font-size:7px}.shop-support-head strong{font-size:8px}.shop-support-meta{display:none}
  .shop-status-item{font-size:7px;padding:4px}.shop-management-copy p{display:none}
  .inventory-inspector{grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);gap:10px}.inventory-detail-pane{padding-left:10px}
  .inventory-item-row{grid-template-columns:30px 24px minmax(0,1fr) 70px 48px;padding:7px;min-height:56px}
}

@media(max-height:720px){
  .system-grid{top:14%;bottom:7%}
  .shop-layout{grid-template-rows:minmax(0,1fr) 164px;gap:7px}
  .list{max-height:232px}.list-row{min-height:42px;padding-top:4px;padding-bottom:4px}
  .catalog-footer{padding-top:5px;margin-top:3px}.shop-refresh-btn{padding:6px 10px}
  .detail-top h2{font-size:23px;margin-top:4px}.ability-glyph{width:112px;height:70px;margin:7px 0}.ability-glyph .detail-security-icon{width:66px;height:66px}
  .detail-copy{font-size:10px;line-height:1.45;margin:5px 0}.skill-effect-panel{margin-top:6px;padding:6px 8px}.skill-effect-panel p{margin-top:3px;font-size:8px;line-height:1.35}
  .skill-metrics-table{margin-top:5px}.skill-metrics-table>div{padding:4px 5px}.skill-metrics-table span{font-size:7px}.skill-metrics-table strong{font-size:8px;margin-top:2px}
  .purchase-bar{margin-top:5px}.price strong{font-size:14px}
  .shop-support-card{padding:5px 6px}.shop-support-head{padding-bottom:3px;margin-bottom:3px}.shop-embedded-hud .hp-block,.shop-embedded-hud .combat-slot,.shop-embedded-hud .character-skill-slot{height:62px!important}
  .shop-embedded-hud .combat-skill-icon{width:29px;height:29px}.shop-management-owned{max-height:110px}
}

@media(max-width:1320px){
  .shop-bottom-hud-card{grid-column:auto!important}
}

.screen[data-screen="hub"] [data-panel-view="shop"],
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-layout,
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-columns,
.screen[data-screen="hub"] [data-panel-view="shop"] .catalog,
.screen[data-screen="hub"] [data-panel-view="shop"] .detail-pane,
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-bottom-strip,
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-support-card,
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-management-owned,
.screen[data-screen="hub"] [data-panel-view="shop"] .list{
  overflow:hidden!important;
  scrollbar-width:none;
}
.screen[data-screen="hub"] [data-panel-view="shop"] *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

.screen[data-screen="hub"] [data-panel-view="shop"] .shop-layout{
  grid-template-rows:minmax(0,1fr) clamp(176px,21vh,198px)!important;
  gap:10px!important;
}
.screen[data-screen="hub"] [data-panel-view="shop"] .detail-pane{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.screen[data-screen="hub"] [data-panel-view="shop"] .detail-top h2{margin-top:5px;margin-bottom:3px}
.screen[data-screen="hub"] [data-panel-view="shop"] .ability-glyph{
  width:150px;height:92px;margin:10px 0 8px;
  flex:0 0 auto;
}
.screen[data-screen="hub"] [data-panel-view="shop"] .ability-glyph .detail-security-icon{width:86px;height:86px}
.screen[data-screen="hub"] [data-panel-view="shop"] .detail-copy{margin:4px 0;font-size:11px;line-height:1.48}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-effect-panel{margin-top:7px;padding:7px 9px 8px}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-effect-panel p{margin-top:3px;font-size:9px;line-height:1.4}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table{margin-top:7px}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table>div{padding:5px 7px}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table span{font-size:7px}
.screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table strong{font-size:9px;margin-top:2px}
.screen[data-screen="hub"] [data-panel-view="shop"] .purchase-bar{margin-top:7px}
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-management-owned{max-height:none!important}
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-management-item{min-height:0}
.screen[data-screen="hub"] [data-panel-view="shop"] .shop-management-copy p{display:none}

.mission-deck{
  left:50%!important;
  right:auto!important;
  width:min(89vw,1380px)!important;
  transform:translateX(-50%);
  justify-content:center!important;
}
.mission-card{
  flex:0 1 230px!important;
  max-width:430px;
}
.mission-card.active{
  flex:0 1 430px!important;
}
.mission-deck:has(.mission-card:hover) .mission-card{
  flex:0 1 220px!important;
}
.mission-deck:has(.mission-card:hover) .mission-card:hover{
  flex:0 1 440px!important;
}

.operator-deck{
  left:50%!important;
  right:auto!important;
  width:min(88vw,1120px)!important;
  transform:translateX(-50%);
  justify-content:center!important;
}
.operator-card{
  flex:0 1 320px!important;
  min-width:0!important;
  max-width:520px!important;
}
.operator-card.active{
  flex-basis:520px!important;
}
.operator-deck:has(.operator-card:hover) .operator-card{
  flex-basis:300px!important;
}
.operator-deck:has(.operator-card:hover) .operator-card:hover{
  flex-basis:520px!important;
}

.title-menu::before{display:none!important}
.title-menu::after{
  left:-16px!important;
  opacity:.46!important;
}
.title-menu .nav-line{
  overflow:hidden!important;
  margin:7px 0;
  padding:14px 15px!important;
  border:1px solid rgba(226,246,250,.24)!important;
  border-top-color:rgba(249,254,255,.38)!important;
  border-bottom-color:rgba(89,135,147,.24)!important;
  background:
    linear-gradient(180deg,rgba(216,239,244,.145) 0%,rgba(136,177,188,.082) 46%,rgba(48,75,84,.115) 100%)!important;
  -webkit-backdrop-filter:blur(27px) saturate(1.62) brightness(1.11) contrast(1.04)!important;
  backdrop-filter:blur(27px) saturate(1.62) brightness(1.11) contrast(1.04)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(78,121,133,.16),
    inset 0 0 18px rgba(164,224,233,.035),
    0 10px 30px rgba(0,0,0,.12)!important;
  border-radius:3px;
}
.title-menu .nav-line::before{
  inset:0!important;
  opacity:1!important;
  border:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.145),rgba(255,255,255,.030) 43%,transparent 44%),
    linear-gradient(90deg,rgba(150,231,240,.085),transparent 42%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.title-menu .nav-line.active:not(:hover){
  border-color:rgba(151,229,239,.46)!important;
  background:
    linear-gradient(180deg,rgba(204,237,243,.205),rgba(88,139,151,.115))!important;
  -webkit-backdrop-filter:blur(29px) saturate(1.68) brightness(1.13)!important;
  backdrop-filter:blur(29px) saturate(1.68) brightness(1.13)!important;
  box-shadow:
    inset 2px 0 rgba(120,202,215,.94),
    inset 0 1px rgba(255,255,255,.30),
    inset 0 0 20px rgba(149,226,237,.045),
    0 11px 31px rgba(0,0,0,.13)!important;
}
.title-menu .nav-line.active:not(:hover)::before{opacity:1!important;border:0!important}
.title-menu .nav-line:hover{
  transform:translateX(5px) scale(1.025)!important;
  border-color:rgba(190,242,248,.58)!important;
  background:
    linear-gradient(180deg,rgba(222,246,250,.235),rgba(102,158,172,.14))!important;
  -webkit-backdrop-filter:blur(31px) saturate(1.72) brightness(1.14)!important;
  backdrop-filter:blur(31px) saturate(1.72) brightness(1.14)!important;
  box-shadow:
    inset 2px 0 rgba(136,229,239,.98),
    inset 0 1px rgba(255,255,255,.36),
    inset 0 0 22px rgba(155,232,241,.055),
    0 15px 36px rgba(0,0,0,.17)!important;
}
.title-menu .nav-line:hover::before{
  opacity:1!important;border:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04) 48%,transparent 49%)!important
}

.result-preview-action{color:rgba(242,221,154,.88)!important}
.result-preview-action:hover{color:#fff0b6!important}

@media(max-width:1180px){
  .mission-deck{width:min(93vw,980px)!important}
  .mission-card{flex-basis:155px!important}
  .mission-card.active{flex-basis:360px!important}
  .mission-deck:has(.mission-card:hover) .mission-card{flex-basis:150px!important}
  .mission-deck:has(.mission-card:hover) .mission-card:hover{flex-basis:370px!important}
  .operator-deck{width:min(92vw,940px)!important}
  .operator-card{flex-basis:260px!important}
  .operator-card.active,.operator-deck:has(.operator-card:hover) .operator-card:hover{flex-basis:460px!important}
}

@media(max-height:820px){
  .screen[data-screen="hub"] [data-panel-view="shop"] .shop-layout{grid-template-rows:minmax(0,1fr) 168px!important;gap:7px!important}
  .screen[data-screen="hub"] [data-panel-view="shop"] .ability-glyph{width:118px;height:66px;margin:5px 0}
  .screen[data-screen="hub"] [data-panel-view="shop"] .ability-glyph .detail-security-icon{width:62px;height:62px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .detail-copy{font-size:9px;line-height:1.34;margin:2px 0}
  .screen[data-screen="hub"] [data-panel-view="shop"] .skill-effect-panel{margin-top:4px;padding:5px 7px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .skill-effect-panel p{font-size:8px;line-height:1.3}
  .screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table{margin-top:4px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .skill-metrics-table>div{padding:4px 5px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .purchase-bar{margin-top:4px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .shop-support-head{margin-bottom:3px;padding-bottom:3px}
  .screen[data-screen="hub"] [data-panel-view="shop"] .shop-management-item{padding:4px 5px}
}

.mission-card.locked{pointer-events:none!important}