:root{color:#eee8f3;font-synthesis:none;--gold:#e3b65c;--purple:#8d5de8;--panel:#191526;--muted:#a39aaa;background:#0e0b17;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;padding:env(safe-area-inset-top) 0 calc(78px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,#35214c 0,#100d1b 40%,#090811 100%);margin:0}button,select,textarea{font:inherit}button{color:inherit}#app{max-width:820px;margin:auto}header{justify-content:space-between;align-items:end;gap:16px;padding:24px 18px 12px;display:flex}h1,h2,h3,p{margin:0}.beta{letter-spacing:.18em;color:var(--gold);border:1px solid #8c6f38;border-radius:20px;padding:3px 7px;font-size:10px}header h1{margin-top:8px;font-family:serif;font-size:25px}header p,small{color:var(--muted)}.wealth{text-align:right}.wealth strong{color:#fff4c9;text-shadow:0 0 18px #e6ae5260;font-size:25px;display:block}.wealth span{color:#7ee6ae;font-size:12px}.resources{background:#342c41;border-block:1px solid #342c41;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.resources div{text-align:center;background:#15111f;padding:10px 2px}.resources small,.resources b{display:block}.resources b{margin-top:3px;font-size:14px}main{padding:14px}section{background:linear-gradient(145deg,#1d1829dd,#14111fdd);border:1px solid #332b42;border-radius:16px;margin-bottom:13px;padding:16px;box-shadow:0 12px 30px #0004}.hero-card{border-color:#4d385f;justify-content:space-between;align-items:center;display:flex}.hero-card h2{margin:4px 0;font-size:18px}.hero-card p{color:var(--muted);font-size:12px}.threat{background:conic-gradient(#bd4d6a var(--p),#292333 0);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.threat span{background:#181321;border-radius:50%;width:44px;height:44px}.section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title h2{font-size:18px}.section-title p{color:var(--muted);font-size:11px}.actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.action,.facility,.research-grid button,.settings-list button,.import{text-align:left;cursor:pointer;background:#231d31;border:1px solid #3b314b;border-radius:12px;min-height:68px;padding:13px;position:relative}.action:active,.facility:active{transform:scale(.98)}.action span,.action small{padding-right:36px;display:block}.action span{font-weight:700}.action small{margin-top:5px;font-size:11px}.action em{color:var(--gold);font-size:11px;font-style:normal;position:absolute;top:12px;right:10px}.metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.metrics>div{background:#110e19;border-radius:10px;padding:12px}.metrics small,.metrics strong{display:block}.metrics strong{margin-top:4px}.facility-list,.research-grid,.settings-list{gap:8px;display:grid}.facility{justify-content:space-between;align-items:center;display:flex}.facility span>*{display:block}.facility em,.research-grid em{color:var(--gold);font-style:normal}button:disabled{opacity:.38;cursor:not-allowed}.automation{margin-top:18px}.automation h3{margin-bottom:8px;font-size:14px}.automation span{color:#716978;border:1px solid #3d3449;border-radius:20px;margin:3px;padding:6px 10px;font-size:12px;display:inline-block}.automation .on{color:#7ee6ae;border-color:#3d7357}.research-grid{grid-template-columns:1fr 1fr}.research-grid button>*{display:block}.research-grid span{color:var(--muted);margin:5px 0;font-size:11px}.intel{margin-top:18px}.intel h3{font-size:14px}.intel p{border-bottom:1px solid #2b2534;padding:10px 0;font-size:12px}.empty{color:var(--muted);text-align:center;padding:20px!important}.battle>small{letter-spacing:.14em;font-weight:700}.battle.hero_retreat>small,.demon{color:#77e9ad}.battle.civilization_falls>small,.hero{color:#ef7894}.battle h2{margin:7px 0 15px;font-size:17px}.phases{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.phases div{background:#100d18;border-radius:9px;padding:9px}.phases b,.phases span{display:block}.phases span{margin:5px 0;font-size:10px}.phases p{min-height:44px;font-size:11px}.story{color:#ded1e5;background:#120e19;border-radius:10px;padding:14px;font-family:serif;line-height:1.85}.mini{border:1px solid var(--gold);color:var(--gold);background:0 0;border-radius:20px;padding:7px 12px}.timeline article{border-bottom:1px solid #2b2435;gap:14px;padding:14px 4px;display:flex}.timeline time{min-width:52px;color:var(--gold);font-size:12px}.timeline p{margin:5px 0;font-size:12px}.timeline small{font-size:10px}.importance-5{border-left:2px solid var(--gold);padding-left:10px!important}.settings-list button,.import{text-align:center;min-height:0;display:block}.import input{display:none}.settings-list label:not(.import){background:#15111f;border-radius:10px;padding:12px}.settings-list select{float:right;color:#fff;background:#292236;border:0}.about{color:var(--muted);margin-top:20px;font-size:12px}nav{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom);background:#100d19ed;border-top:1px solid #32293e;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#8c8395;background:0 0;border:0;width:min(20%,164px);min-height:62px;padding:9px 2px;font-size:10px}nav span{margin-bottom:2px;font-size:21px;display:block}nav .active{color:#f3cf78}.toast{color:#17121e;z-index:20;white-space:nowrap;background:#f0e7d0;border-radius:24px;padding:11px 18px;font-size:13px;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.modal{z-index:30;background:#08060ddd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{text-align:center;background:#21182d;border:1px solid #8c6344;border-radius:20px;width:min(100%,500px);padding:25px}.sigil{color:var(--gold);font-size:44px}.modal h2{margin:10px;font-family:serif}.modal p{color:var(--muted);font-size:13px;line-height:1.7}.modal textarea{color:#fff;background:#110d18;border:1px solid #4a3c56;border-radius:10px;width:100%;height:90px;margin:18px 0;padding:12px}.modal button{background:linear-gradient(90deg,#7550c2,#bd6b75);border:0;border-radius:12px;width:100%;padding:14px;font-weight:700}@media (max-width:480px){header{padding-top:18px}.resources{grid-template-columns:repeat(3,1fr)}.actions,.phases{grid-template-columns:1fr}.phases p{min-height:0}.research-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}