:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eee;background:#101217;line-height:1.65}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#202634,#101217 55%);min-height:100vh}#app{max-width:1050px;margin:auto;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 20px;position:sticky;top:0;background:#101217ee;backdrop-filter:blur(8px);z-index:10}.topbar>div{display:flex;align-items:center;gap:10px}.topbar strong{letter-spacing:.14em}.topbar span{font-size:.78em;border:1px solid #555;padding:2px 7px;border-radius:99px}.topbar small{color:#94a0b3}.panel{background:#191d25;border:1px solid #303744;border-radius:14px;padding:22px;margin:14px 0;box-shadow:0 8px 30px #0003}.compact{margin:0;padding:16px;min-height:135px}.account-strip{min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.account-strip #account-summary{display:flex;flex-direction:column}.account-strip small{color:#9aa4b4}.account-actions{display:flex;gap:8px;flex-shrink:0}.premium-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#465068}.premium-panel h2{margin:.1em 0}.premium-panel>div:first-child{flex:1}.premium-actions{flex-shrink:0}.maintenance-panel{border-color:#7a6547;background:#221f19}.usage-row{display:flex;justify-content:space-between;gap:12px;font-size:.86em;color:#b8c1cf;margin-top:12px}.usage-track{height:8px;background:#0f1218;border-radius:999px;overflow:hidden;margin-top:5px}.usage-track>div{height:100%;width:0;background:linear-gradient(90deg,#68758e,#a9b5ca);border-radius:inherit;transition:width .25s ease}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 14px}.eyebrow{font-size:.78em;color:#aeb8c8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.stakes{display:flex;gap:8px;flex-wrap:wrap}.stakes span{padding:5px 9px;border-radius:8px;background:#252b36}.hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.hand button,button{cursor:pointer;border:1px solid #485264;background:#252b36;color:#fff;border-radius:10px;padding:12px 14px;font:inherit}.hand button{text-align:left}.hand button:hover,button:hover{background:#303847}button:disabled{cursor:not-allowed;opacity:.55}.danger-button{border-color:#704848;background:#342326}.danger-button:hover{background:#472a2e}.secret{display:flex;gap:10px}.secret select,textarea,input[type="search"]{width:100%;background:#11141a;color:#eee;border:1px solid #414957;border-radius:9px;padding:10px;font:inherit}.secret select{max-width:360px}.hidden{display:none!important}.muted{color:#9aa4b4}.speaker{font-weight:700;margin-bottom:8px}textarea{margin:16px 0;resize:vertical}#submit,#next{background:#343c4b;width:100%}.quiet{padding:5px 9px;font-size:.78em;background:transparent;border-color:#3b424f}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.metric,.relation,.contract{background:#222832;border-radius:8px;padding:7px 9px;margin:5px 0}.metric b{float:right}.relation{display:flex;justify-content:space-between;gap:8px}.relation small{color:#9aa4b4}.contract strong{display:block}.result-block{background:#222832;border-radius:9px;padding:12px;margin:8px 0}.result-block p{white-space:pre-line}.danger{color:#ffb3b3}.good{color:#bde9c5}h1{line-height:1.3}#dilemma-body{white-space:pre-line}.auth-page{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(560px,100%);text-align:center}.auth-card button{width:100%;margin-top:12px}.button-link{display:inline-block;color:#eee;text-decoration:none;border:1px solid #485264;border-radius:10px;padding:12px 14px}.admin-page{max-width:1200px!important}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-kpis .compact{display:flex;flex-direction:column;justify-content:center}.kpi{font-size:2.1rem;line-height:1.15}.admin-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.admin-usage-grid>div{background:#222832;border-radius:10px;padding:14px;display:flex;flex-direction:column}.admin-usage-grid strong{font-size:1.35rem}.admin-usage-grid .detail-date{font-size:.92rem}.admin-two-column,.admin-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-ops-grid>div{background:#222832;border-radius:10px;padding:16px}.toggle-row{display:flex;gap:8px;align-items:center}.toggle-row input{width:18px;height:18px}.admin-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #303744;vertical-align:top}th{font-size:.78em;color:#aeb8c8;letter-spacing:.08em}td small,.admin-event small{display:block;color:#8f9aad}.event-list{display:grid;gap:8px}.admin-event{display:flex;justify-content:space-between;gap:14px;background:#222832;border-radius:9px;padding:10px 12px}.admin-event>div:last-child{text-align:right}.backup-list{display:grid;gap:6px;max-height:210px;overflow:auto;margin-top:10px}.backup-row{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;background:#191d25;border-radius:8px}.backup-row small{color:#8f9aad}.user-detail{margin-top:16px;padding:16px;border:1px solid #3b4555;border-radius:10px;background:#141820}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dialogue-stack{display:grid;gap:8px}.dialogue-line{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:12px;align-items:start;padding:9px 10px;background:#191d25;border-radius:8px}.dialogue-line strong{white-space:nowrap}.dialogue-line span{white-space:pre-line}.conversation-note{border:1px solid #465068;background:#1c2230}#sector-setup .hand button{min-height:92px}#gameplay-root.hidden{display:none!important}.settings-toggle{font-size:1rem;line-height:1;padding:7px 9px}.settings-drawer{position:fixed;top:76px;right:max(18px,calc((100vw - 1050px)/2));width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 96px);overflow:auto;padding:16px;background:#11151ddd;border:1px solid #3c4657;border-radius:16px;box-shadow:0 24px 70px #0009;backdrop-filter:blur(14px);z-index:30}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 4px 8px}.settings-head h2{margin:.1em 0}.settings-drawer .panel{margin:10px 0;box-shadow:none}.settings-drawer .account-strip{margin:10px 0}.sector-launch{position:relative;overflow:hidden;border-color:#5d8f96;background:linear-gradient(135deg,#182129,#151a21 62%);padding:34px 30px 30px;box-shadow:0 0 0 1px #65aab022,0 18px 60px #0006,0 0 60px #58c5cb12}.sector-launch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 12%,#73d5dd17,transparent 34%);pointer-events:none}.sector-launch .eyebrow{color:#9fd6da}.sector-launch h1{font-size:clamp(2rem,5vw,3.35rem);letter-spacing:.04em;margin:.05em 0 .75em}.sector-launch .hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sector-launch .hand button{position:relative;min-height:112px;border-color:#4f6871;background:#1b242c}.sector-launch .hand button:hover{border-color:#80c9cf;background:#202d35;transform:translateY(-1px)}@media(max-width:900px){.admin-kpis,.admin-usage-grid{grid-template-columns:repeat(2,1fr)}.admin-two-column,.admin-ops-grid{grid-template-columns:1fr}}@media(max-width:760px){#app{padding:12px}.panel{padding:17px}.dashboard{grid-template-columns:1fr}.secret{flex-direction:column}.secret select{max-width:none}.topbar{align-items:flex-start}.topbar>div{flex-wrap:wrap}.account-strip,.premium-panel{align-items:flex-start;flex-direction:column}.account-actions,.premium-actions{width:100%}.account-actions button,.premium-actions button{width:100%;flex:1}.dialogue-line{grid-template-columns:1fr;gap:2px}.admin-kpis,.admin-usage-grid{grid-template-columns:1fr}.admin-event,.backup-row{flex-direction:column}.admin-event>div:last-child{text-align:left}.admin-search{grid-template-columns:1fr}.detail-head{flex-direction:column}.detail-head>div:last-child{width:100%;justify-content:flex-start}.settings-drawer{top:68px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 80px)}.sector-launch{padding:26px 18px}.sector-launch .hand{grid-template-columns:1fr}}
.metric-help{position:relative;outline:none}
.metric-help::before,.metric-help::after{position:absolute;left:50%;pointer-events:none;opacity:0;transition:opacity .16s ease,transform .16s ease;z-index:45}
.metric-help::before{content:"";bottom:calc(100% + 2px);border:6px solid transparent;border-top-color:#d8e3ef;transform:translate(-50%,4px)}
.metric-help::after{content:attr(data-tooltip);bottom:calc(100% + 14px);width:min(270px,80vw);padding:9px 11px;border:1px solid #75879c;border-radius:8px;background:#e8eef5;color:#18202a;font-size:.78rem;font-weight:500;line-height:1.45;box-shadow:0 10px 28px #0008;transform:translate(-50%,4px);white-space:normal}
.metric-help:hover::before,.metric-help:hover::after,.metric-help:focus::before,.metric-help:focus::after{opacity:1;transform:translate(-50%,0)}
.metric-help:focus-visible{box-shadow:0 0 0 2px #78bdff}

/* CSP-safe Akasha-Kern prologue wordmark. Kept in an external stylesheet because production style-src blocks injected <style> elements. */
.prologue-intro-card .prologue-chapter-title.prologue-product-title{
  position:relative!important;isolation:isolate!important;display:inline-block!important;width:max-content!important;max-width:100%!important;margin:0 0 7px!important;color:rgba(244,249,249,.97)!important;font-size:clamp(1.72rem,4.2vw,3.08rem)!important;font-weight:620!important;line-height:1.18!important;letter-spacing:.095em!important;text-indent:0!important;text-shadow:0 0 20px rgba(112,228,238,.08)!important
}
.prologue-intro-card .prologue-chapter-title.prologue-product-title::before{content:attr(data-wordmark);position:absolute;inset:0;z-index:-1;color:rgba(87,205,220,.18);transform:translate(1.15px,-.6px);clip-path:polygon(0 67%,100% 67%,100% 78%,0 78%);pointer-events:none}
.prologue-intro-card .akasha-title-core{position:relative;display:inline-block;width:.68em;color:transparent!important;font-size:.88em;vertical-align:.02em}
.prologue-intro-card .akasha-title-core::before{content:"";position:absolute;left:50%;top:51%;width:.29em;height:.29em;border:1px solid rgba(183,244,247,.82);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(121,232,240,.42),inset 0 0 8px rgba(121,232,240,.24)}
.prologue-intro-card .akasha-title-core::after{content:"";position:absolute;left:50%;top:51%;width:.065em;height:.065em;border-radius:50%;background:rgba(239,255,255,.98);transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(157,244,250,.96)}
.prologue-intro-card .prologue-title-de{margin:0 0 24px!important;color:rgba(184,222,226,.68)!important;font-size:clamp(.70rem,1.18vw,.90rem)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:.19em!important}
.prologue-intro-card .prologue-title-de::before{content:attr(data-brand-prefix)}
.prologue-intro-card .prologue-title-de::after{content:"";display:block;width:62%;height:1px;margin:11px auto 0;background:linear-gradient(90deg,transparent,rgba(117,221,228,.38),transparent)}
@media(max-width:520px){.prologue-intro-card .prologue-chapter-title.prologue-product-title{font-size:clamp(1.45rem,8vw,2.1rem)!important;letter-spacing:.065em!important}.prologue-intro-card .prologue-title-de{letter-spacing:.13em!important}}

/* Centered title-screen composition: quiet institutional SF rather than a plain text card. */
#prologue-intro .prologue-intro-card{
  width:min(760px,92vw)!important;
  padding:40px 46px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
#prologue-intro .prologue-intro-card .prologue-chapter-title.prologue-product-title{
  margin:0 auto 7px!important;
}
#prologue-intro .prologue-intro-card .prologue-title-de{
  margin:0 auto 0!important;
  text-align:center!important;
  color:rgba(181,220,224,.72)!important;
}
#prologue-intro .prologue-intro-card .prologue-title-de::after{
  width:min(390px,74%)!important;
  margin:12px auto 0!important;
  opacity:.85;
}
#prologue-intro .prologue-intro-card>p:not(.prologue-chapter-title):not(.prologue-title-de){
  max-width:34em!important;
  margin:27px auto 29px!important;
  color:rgba(238,245,246,.89)!important;
  font-size:clamp(1.02rem,2.25vw,1.42rem)!important;
  font-weight:420!important;
  line-height:1.82!important;
  letter-spacing:.065em!important;
  text-wrap:balance;
  text-shadow:0 0 24px rgba(126,215,221,.055)!important;
}
#prologue-intro-start{
  position:relative!important;
  min-width:220px!important;
  padding:12px 24px 12px 34px!important;
  border:1px solid rgba(145,219,225,.25)!important;
  border-radius:2px!important;
  background:linear-gradient(115deg,rgba(18,39,45,.58),rgba(7,17,22,.48))!important;
  color:rgba(240,248,248,.95)!important;
  font-size:.88rem!important;
  font-weight:620!important;
  line-height:1.5!important;
  letter-spacing:.14em!important;
  box-shadow:inset 0 0 0 1px rgba(213,242,244,.025),0 12px 34px rgba(0,0,0,.17),0 0 28px rgba(91,198,207,.035)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;
}
#prologue-intro-start::before{
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(190,244,247,.84);
  box-shadow:0 0 9px rgba(123,231,238,.52);
  transform:translateY(-50%);
}
#prologue-intro-start::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,218,224,.24),transparent);
}
#prologue-intro-start:hover,#prologue-intro-start:focus-visible{
  border-color:rgba(169,236,240,.48)!important;
  background:linear-gradient(115deg,rgba(25,53,59,.68),rgba(8,20,25,.58))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(213,242,244,.04),0 14px 38px rgba(0,0,0,.20),0 0 34px rgba(91,198,207,.08)!important;
  outline:none!important;
}
@media(max-width:620px){
  #prologue-intro .prologue-intro-card{padding:29px 20px 31px!important}
  #prologue-intro .prologue-intro-card>p:not(.prologue-chapter-title):not(.prologue-title-de){margin:23px auto 25px!important;font-size:clamp(.96rem,4.6vw,1.16rem)!important;line-height:1.75!important;letter-spacing:.045em!important}
  #prologue-intro-start{width:min(250px,100%)!important;min-width:0!important}
}