/* TVOREZ / ORIGIN — immersive interface, revision 4 */
:root{--night:#070d13;--space:#0b1824;--panel:#101d29;--line:rgba(186,213,228,.13);--text:#f4f0e8;--muted:#95a9b8;--gold:#eec697;--gold-dark:#9e7852;--aqua:#7bd3cc;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{background:#060c12}
body{margin:0;min-width:320px;overflow:hidden;background:var(--night);color:var(--text);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed;opacity:.35}
button:not(:disabled):active{transform:translateY(1px)}
button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
#app{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:480px;overflow:hidden;isolation:isolate}
#app:before{content:"";position:absolute;z-index:20;pointer-events:none;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");opacity:.095}
.top{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,2.4vw,40px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#071017,#0c1923 54%,#080f18);z-index:5}
.logo{display:flex;align-items:center;gap:13px;white-space:nowrap}
.logo-symbol{font:normal 39px var(--serif);color:var(--gold);line-height:1;filter:drop-shadow(0 0 16px #dba76c49)}
.logo strong{display:block;font:normal 25px/1.04 var(--serif);letter-spacing:.25em;color:#fff4e3}
.logo small{display:block;margin-top:6px;color:#8e9da7;font-size:8px;letter-spacing:.28em}
.world-name{display:flex;align-items:center;gap:8px;font:10px var(--sans);letter-spacing:.18em;color:#acbdc2;white-space:nowrap}
.world-name .signal,.live{height:6px;width:6px;background:#70d1b6;border-radius:100%;box-shadow:0 0 11px #68d4b7}
.world-name .header-sep{padding:0 12px;color:#6c7884}
.top-tools{display:flex;align-items:center;gap:9px}
.energy{display:flex;align-items:center;gap:6px;border:1px solid #88735055;border-radius:28px;background:#e4b27310;padding:8px 13px;color:#f5d3a2;white-space:nowrap;font-size:11px}
.energy b{font:600 18px var(--sans);font-variant-numeric:tabular-nums}
.energy-spark{font-size:15px}
.energy small{font-size:8px;letter-spacing:.14em;color:#ab9683}
.round-control{height:35px;width:35px;border-radius:50%;border:1px solid #4b606b64;background:#12253180;color:#bdd0ce;font-size:16px}
.round-control:hover{background:#1c3544;color:#fff}
.layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(312px,24.5vw,390px);flex:1;min-height:0;position:relative}
.center{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#06111b}
.viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:radial-gradient(ellipse 50% 65% at 54% 52%,#143f52 0%,#0d2132 42%,#07101b 88%)}
.viewport:before{content:"";position:absolute;pointer-events:none;z-index:2;inset:0;border:1px solid #aad4d012;background:radial-gradient(ellipse at 60% 48%,transparent 20%,#04091255 88%),linear-gradient(0deg,#060e18d0 0%,transparent 25%,transparent 84%,#060e18a0 100%)}
.viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.shade{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#00121d12 4px)}
.ambient-ring{pointer-events:none;position:absolute;border-radius:50%;width:min(72vh,58vw);height:min(72vh,58vw);max-width:770px;max-height:770px;top:50%;left:53%;transform:translate(-50%,-50%) rotate(-20deg);border:1px solid #a9cdd420;box-shadow:0 0 80px #4ca3c012}
.ring-one{width:min(82vh,71vw);height:min(82vh,71vw);opacity:.30}
.ring-two{width:min(57vh,49vw);height:min(57vh,49vw);border-style:dashed;opacity:.16}
.view-head{position:absolute;z-index:6;left:0;right:0;top:0;height:70px;padding:19px clamp(20px,2.5vw,38px);display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:none}
.world-index{display:flex;gap:10px;align-items:center;font-size:10px;color:#b8ced1;letter-spacing:.23em;font-weight:600}
.clock-controls{display:flex;align-items:center;gap:7px;pointer-events:auto}
.clock-controls>span{color:#b8c5cb;letter-spacing:.16em;font-size:10px;margin-right:9px;font-variant-numeric:tabular-nums}
.clock-controls button{height:33px;min-width:38px;border:1px solid #99c2c835;border-radius:7px;background:#0e2434d0;color:#e1e4dc}
.clock-controls button:hover{border-color:#efce9b88}
.world-identity{position:absolute;z-index:5;bottom:38px;left:clamp(22px,3vw,48px);max-width:min(520px,58%);pointer-events:none}
.identity-eyebrow{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.22em;color:#ddc7a5}
.tiny-star{color:var(--gold)}
.identity-line{height:1px;width:26px;background:#bda7827a;display:inline-block;margin:0 6px}
.world-identity h2{font:normal clamp(44px,6.8vw,95px)/.98 var(--serif);color:#fff6e8;letter-spacing:-.04em;margin:13px 0 14px;text-shadow:0 4px 45px #03090c9e}
.identity-orbit{font:normal 28px var(--serif);color:#d8b88b;vertical-align:middle;margin-left:5px}
.world-identity p{font-size:12px;color:#cad3d2;margin:0;line-height:1.6;max-width:500px;text-wrap:balance}
.world-identity .middot{color:var(--gold);margin:0 4px}
.cosmic-coordinates{position:absolute;bottom:31px;right:clamp(17px,2vw,30px);z-index:3;font:9px monospace;letter-spacing:.19em;color:#a8b8b27e;pointer-events:none}
.cosmic-coordinates span{margin:0 4px}
.sidebar-left{position:absolute;z-index:6;left:clamp(19px,2.4vw,38px);top:84px;width:min(260px,29%);max-height:calc(100% - 245px);overflow:auto;scrollbar-width:none;border-left:1px solid #b9a27c59;padding:1px 0 5px 19px;background:linear-gradient(90deg,#06121ac7,#07151c05);mask-image:linear-gradient(#000 80%,transparent)}
.sidebar-left::-webkit-scrollbar{display:none}
.narrative-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kicker{color:#a9bec4;font-size:9px;font-weight:700;letter-spacing:.18em}
#chapterNumber{color:#edc89c;font-size:9px}
.text-control{background:none;border:0;color:#c9af85;font-size:9px;letter-spacing:.10em;white-space:nowrap;padding:4px}
.chapter h1{font:normal 25px/1.17 var(--serif);margin:16px 0 9px;color:#f9f3e9}
.chapter p{font:13px/1.55 var(--sans);color:#bdced0;margin:0 0 18px}
.mission{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #b5c9c42e;padding:15px 0 5px}
.mission-symbol{font:25px var(--serif);color:var(--gold);line-height:1}
.mission small{display:block;color:#8aa5ab;font-size:8px;letter-spacing:.18em;margin-bottom:5px}
.mission strong{display:block;color:#fff0d5;font-size:12px;font-weight:500;line-height:1.38}
.steps{display:flex;gap:5px;margin-top:18px}
.steps i{display:block;flex:1;height:3px;border-radius:2px;background:#42607366}
.steps i.done{background:#a9bf9f}.steps i.active{background:#edc58a;box-shadow:0 0 8px #d4af747a}
.path{display:block;margin-top:9px;font-size:9px;color:#8ba2a8;letter-spacing:.13em}
.aphorism{display:flex;align-items:start;gap:8px;margin-top:17px}
.aphorism span{font:45px/.9 var(--serif);color:#d4b58b}
.aphorism p{font:italic 13px/1.55 var(--serif);color:#dbcdb9;margin:0}
.recent-heading{display:flex;justify-content:space-between;margin:22px 0 12px;color:#98b0b8;letter-spacing:.13em;font-size:9px;border-top:1px solid #d8d5b42e;padding-top:15px}
.event-list{max-height:136px;overflow:hidden}
.event{display:grid;grid-template-columns:14px 1fr;gap:7px;padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid #b9d7c81a}
.event:nth-child(n+3){display:none}
.event .symbol{color:#e3bd86;font-size:13px}
.event strong{display:block;font-weight:600;font-size:11px;color:#e4e8df}
.event p{font-size:10px;color:#a5b7ba;line-height:1.5;margin:4px 0}
.event small{font-size:8px;color:#738e95;letter-spacing:.10em}
.world-controls{flex:none;height:78px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(18px,2vw,32px);border-top:1px solid #7bc6c326;background:#0a1720}
.scales{display:flex;align-items:center;gap:6px;min-width:0}
.scales button{background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 12px;color:#94abb4;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}
.scales button:not(:disabled):hover{background:#b4d8d70f}
.scales button.on{background:#d4ab7020;border-color:#e8c08b46;color:#f4d8b2}
.scale-icon{font:19px var(--serif)}
.observer{display:flex;align-items:center;gap:12px;min-width:0}
.observe-copy{color:#769199;font-size:8px;letter-spacing:.13em;white-space:nowrap}
.observer button{background:linear-gradient(110deg,#d9aa6e,#f2d4a5);color:#1f2424;min-height:43px;border:0;border-radius:8px;padding:10px 14px;font-weight:700;white-space:nowrap;font-size:11px;box-shadow:0 5px 20px #e5b1761b}
.observer button:hover{filter:brightness(1.08)}
.observe-mark{font-size:17px;vertical-align:middle;margin-right:4px}
.observe-arrow{margin-left:6px}
.sidebar-right{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;min-width:0;border-left:1px solid #bbcfcb21;background:linear-gradient(160deg,#15232d,#0c1720 60%,#0b141d);box-shadow:-15px 0 55px #03060c40}
.panel-content{padding:26px 27px}
.panel-actions{border-bottom:1px solid #bdd6c021}
.intervention-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.intervention-glyph{font-size:36px;color:#dcb68b;opacity:.62}
.intervention-title .kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kicker em{font-style:normal;color:#debb87;border:1px solid #d4b08458;padding:3px 6px;border-radius:3px;font-size:8px}
.sidebar-right h2{font:normal 29px/1.16 var(--serif);margin:12px 0 9px;color:#f8f0e4}
.actionText{color:#9fb1b9;font-size:12px;line-height:1.55;margin:0 0 19px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.action{position:relative;min-height:106px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;border-radius:10px;border:1px solid #7db1ba2d;background:linear-gradient(152deg,#213843d9,#15232e);padding:15px 14px;transition:border-color .15s,background .15s,transform .12s}
.action:before{content:"";position:absolute;top:0;right:0;width:45px;height:45px;background:radial-gradient(circle,#eec78d16,transparent 75%)}
.action:hover:not(:disabled){border-color:#dfbf90a3;background:linear-gradient(140deg,#2b4651,#1c3440);transform:translateY(-2px)}
.action .icon{color:#f2cc98;font-size:27px;line-height:1}
.action strong{color:#f5f2e9;font-size:12px;font-weight:600;margin-top:12px;line-height:1.2}
.action small{position:absolute;top:14px;right:13px;color:#d5c0a2;font-size:10px}
.panel-hint{display:flex;gap:9px;align-items:flex-start;color:#9aacae;font:italic 13px/1.5 var(--serif);margin-top:21px}
.panel-hint span{color:var(--gold);font-size:17px}
.panel-insights .kicker{display:flex;align-items:center;justify-content:space-between}
.panel-insights h2{font-size:26px;margin-top:12px}
.stats{display:flex;flex-direction:column;gap:14px}
.stat header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a9bac1}
.stat b{color:#e4d9c3;font-size:13px;font-variant-numeric:tabular-nums}
.bar{height:4px;background:#4461713d;border-radius:6px;margin-top:7px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#527d85,#8fd6c3);transition:width .3s}
.bar i.warn{background:linear-gradient(90deg,#9d7461,#e5a48c)}
.development{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#93aeb4}
.development small{font-size:9px;letter-spacing:.11em}
.development strong{font-size:11px;color:#d6c9a9;text-align:right}
#sparkline{display:block;width:100%;height:65px;margin-top:12px}
.small-note{border-top:1px solid #a7c9c829;padding-top:14px;margin:13px 0 0;font:italic 12px/1.55 var(--serif);color:#849ca5}
.panel-chronicle{display:none}
.foot{height:34px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:#071019;border-top:1px solid #8facb322;color:#68838e;font-size:9px;letter-spacing:.16em}
.foot button{border:0;background:none;color:#bc9b77;font-size:9px;letter-spacing:.13em}
.mobile-tabs{display:none}
.prologue{position:absolute;z-index:9;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 22px 20px;background:radial-gradient(ellipse at 52% 48%,#182a3655,#02070acf 85%);pointer-events:none}
.prologue-ring{width:113px;height:113px;display:grid;place-items:center;border:1px solid #efc99e4d;border-radius:50%;box-shadow:0 0 0 23px #e6c29908,0 0 0 45px #e6c29906,0 0 130px #b99c7340;animation:breathing 4s ease-in-out infinite}
.prologue-star{color:#f9d8a4;font-size:37px;text-shadow:0 0 32px #f5cd8d}
.prologue-sub{font-size:10px;letter-spacing:.26em;color:#dcc09a;margin-top:48px}
.prologue h2{font:normal clamp(38px,5vw,64px)/1.04 var(--serif);margin:18px 0 12px;color:#fcf4e7}
.prologue h2 em{font-weight:400;color:#eac695}
.prologue p{font-size:13px;line-height:1.7;color:#b4c5cd;margin:0 0 24px}
.prologue button{pointer-events:auto;min-height:53px;padding:14px 25px;border-radius:8px;border:1px solid #efce9a;color:#1e2326;background:#f1c99a;font-size:13px;font-weight:650;box-shadow:0 10px 45px #b9986440}
.prologue button:hover{background:#ffdeb2}
.micro-hint{margin-top:15px;color:#7f9ba4;font-size:9px;letter-spacing:.14em}
#app:has(.prologue:not([hidden])) .sidebar-left,#app:has(.prologue:not([hidden])) .world-identity{opacity:0;pointer-events:none}
.veil{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#03080dde;backdrop-filter:blur(14px);padding:20px;overflow:auto}
.dialog{position:relative;width:min(650px,100%);max-height:92vh;overflow:auto;padding:clamp(24px,4vw,50px);background:radial-gradient(circle at 90% -15%,#344955,#12212c 68%);border:1px solid #8eb2a057;border-radius:16px;box-shadow:0 25px 130px #000c}
.dialog h2{font:normal clamp(30px,4vw,48px)/1.14 var(--serif);margin:14px 0}
.dialog p{color:#bcced0;font:16px/1.7 var(--serif)}
.dialog small{color:#9bafb1}
.dialog .gold{color:#eac797}
.dialog .close{position:absolute;top:15px;right:20px;border:0;background:transparent;font-size:29px;color:#d2c4ae}
.option{display:block;width:100%;text-align:left;background:#182e38;border:1px solid #71959e67;border-radius:9px;padding:16px 20px;margin:9px 0}
.option:hover{border-color:#e6c393}
.option strong{display:block;font:21px/1.2 var(--serif)}
.option small{display:block;font:12px/1.5 var(--sans);margin-top:7px}
.world-pick{display:inline-block;background:#253843;border:1px solid #b1a38177;border-radius:8px;padding:12px 15px;margin:5px}
#toast{position:fixed;z-index:80;bottom:27px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#172b33;color:#f0d4a5;border:1px solid #caad7e77;border-radius:10px;padding:12px 18px;box-shadow:0 20px 90px #0009;max-width:90vw;font-size:12px;text-align:center;transition:transform .2s,opacity .2s}
#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes breathing{50%{box-shadow:0 0 0 27px #e6c2990a,0 0 0 55px #e6c29904,0 0 145px #b99c7355;transform:scale(1.04)}}
@media(max-width:1200px){.layout{grid-template-columns:minmax(0,1fr) 310px}.sidebar-left{width:min(230px,32%);left:16px;padding-left:13px}.chapter h1{font-size:22px}.world-identity{left:25px;max-width:75%}.world-controls{padding:8px 12px}.scales button{padding:10px 7px}.observe-copy{display:none}.sidebar-right .panel-content{padding:20px 17px}.action{min-height:92px;padding:13px 10px}.action strong{font-size:11px}}
@media(max-width:850px){.world-name{display:none}.world-controls{height:68px}.world-identity h2{font-size:54px}.sidebar-left{max-height:270px}.aphorism,.recent-heading,.event-list{display:none}.observer button{padding:9px 11px}.sidebar-right{width:auto}}
@media(max-width:740px){
body{overflow:hidden}
#app{min-height:0}
.top{height:60px;padding:0 15px}
.logo{gap:8px}
.logo-symbol{font-size:27px}
.logo strong{font-size:19px;letter-spacing:.18em}
.logo small{font-size:6px;margin-top:4px}
.top-tools{gap:6px}
.energy{padding:5px 9px}
.energy b{font-size:14px}
.energy small{font-size:7px}
.round-control{height:33px;width:33px}
.layout{display:flex;flex-direction:column;min-height:0;flex:1}
.center{flex:1;min-height:0}
.viewport{flex:1;min-height:0}
.ambient-ring{width:72vw;height:72vw}
.view-head{height:51px;padding:12px 14px}
.world-index{font-size:8px;letter-spacing:.12em;gap:6px}
.clock-controls{gap:5px}
.clock-controls>span{font-size:8px;margin-right:1px;letter-spacing:.04em}
.clock-controls button{height:31px;min-width:32px;padding:4px}
.sidebar-left{left:15px;top:62px;width:min(250px,67%);max-height:103px;overflow:hidden;border:0;padding:0;mask-image:none;background:none}
.sidebar-left .narrative-top .text-control,.sidebar-left .chapter p,.sidebar-left .steps,.sidebar-left .path,.sidebar-left .aphorism,.sidebar-left .recent-heading,.sidebar-left .event-list{display:none}
.chapter h1{font-size:21px;line-height:1.08;margin:4px 0 7px;text-shadow:0 2px 12px #000}
.mission{padding:0;border:0;gap:6px}
.mission-symbol{font-size:18px}
.mission small{display:none}
.mission strong{font-size:10px;color:#dbdacb;line-height:1.3}
.world-identity{left:17px;bottom:24px;max-width:85%}
.identity-eyebrow{font-size:8px;letter-spacing:.10em}
.identity-line{width:12px;margin:0 3px}
.world-identity h2{font-size:48px;margin:6px 0 4px}
.identity-orbit{font-size:19px}
.world-identity p{font-size:10px;line-height:1.35}
.cosmic-coordinates{display:none}
.world-controls{height:58px;flex:none;padding:5px 10px;gap:4px}
.scales{gap:1px;flex:1;min-width:0}
.scales button{padding:7px 6px;display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;font-size:8px;line-height:1}
.scale-icon{font-size:16px}
.observer{gap:0}
.observer button{min-height:39px;padding:7px 8px;font-size:9px;border-radius:7px}
.observe-mark{font-size:15px;margin:0}
.observe-arrow{display:none}
.sidebar-right{height:188px;flex:none;border-left:0;border-top:1px solid #aacbc127;overflow:hidden;box-shadow:0 -10px 32px #01060c99}
.sidebar-right .panel-content{padding:12px 13px;height:100%;overflow:auto;scrollbar-width:none}
.sidebar-right .panel-content::-webkit-scrollbar{display:none}
.panel-actions,.panel-insights{border:0}
.panel-insights{display:none}
.intervention-title h2{font-size:19px;margin:2px 0 2px}
.intervention-title .kicker{font-size:7px;letter-spacing:.11em}
.intervention-glyph{display:none}
.actionText{display:none}
.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}
.action{height:86px;min-height:0;padding:9px 8px;border-radius:10px}
.action .icon{font-size:22px}
.action strong{font-size:10px;margin-top:0;min-height:22px;display:flex;align-items:end}
.action small{font-size:9px;top:8px;right:7px}
.panel-hint{font-size:10px;margin-top:8px;line-height:1.2}
.sidebar-right .panel-insights h2,.sidebar-right .panel-chronicle h2{font-size:20px;margin:2px 0 9px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.stat header{font-size:10px}
.stat b{font-size:11px}
.bar{margin-top:4px}
.development{margin-top:9px}
#sparkline{height:33px;margin-top:4px}
.small-note{display:none}
.panel-chronicle .chronicle-mirror{max-height:112px;overflow:auto}
body[data-panel="actions"] .sidebar-right .panel-actions{display:block}
body[data-panel="actions"] .sidebar-right .panel-insights,body[data-panel="actions"] .sidebar-right .panel-chronicle{display:none}
body[data-panel="insights"] .sidebar-right .panel-insights{display:block}
body[data-panel="insights"] .sidebar-right .panel-actions,body[data-panel="insights"] .sidebar-right .panel-chronicle{display:none}
body[data-panel="chronicle"] .sidebar-right .panel-chronicle{display:block}
body[data-panel="chronicle"] .sidebar-right .panel-actions,body[data-panel="chronicle"] .sidebar-right .panel-insights{display:none}
.chronicle-mirror .event{padding-bottom:8px;margin-bottom:6px}
.chronicle-mirror .event:nth-child(n+3){display:grid}
.chronicle-mirror .event p{font-size:10px}
.foot{display:none}
.mobile-tabs{flex:none;display:grid;grid-template-columns:repeat(3,1fr);height:55px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a1720;border-top:1px solid #7b999e2d}
.mobile-tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;color:#839aa4}
.mobile-tabs button span{font-size:20px;line-height:1}
.mobile-tabs button.active{color:#f1c893;background:#d6ae7420;box-shadow:inset 0 2px 0 #e5bb82}
.prologue{padding:15px 20px 14px}
.prologue-ring{width:77px;height:77px;box-shadow:0 0 0 18px #e6c29908,0 0 0 34px #e6c29906,0 0 80px #b99c7340}
.prologue-star{font-size:30px}
.prologue-sub{font-size:8px;letter-spacing:.13em;margin-top:28px}
.prologue h2{font-size:35px;margin:13px 0 10px}
.prologue p{font-size:11px;margin-bottom:14px}
.prologue button{min-height:45px;font-size:11px;padding:11px 17px}
.micro-hint{font-size:7px;margin-top:9px}
.veil{padding:12px}
.dialog{padding:25px 19px}
.dialog h2{font-size:29px}
.dialog p{font-size:14px}
.option{padding:13px 14px}
.option strong{font-size:18px}
#toast{bottom:72px}
}
@media(max-width:365px){.logo small{display:none}.clock-controls>span{display:none}.world-index{font-size:8px}.world-controls{height:54px}.scales button{font-size:7px;padding:5px 3px}.observer button{font-size:8px;padding:6px}.sidebar-right{height:177px}.action{height:82px;padding:8px 5px}.action strong{font-size:9px}.panel-hint{font-size:9px}.world-identity h2{font-size:42px}.prologue h2{font-size:30px}}
@media(max-height:700px) and (max-width:740px){.sidebar-right{height:165px}.action{height:76px}.panel-hint{display:none}.prologue-ring{height:60px;width:60px}.prologue-sub{margin-top:17px}.prologue h2{font-size:29px}.prologue p{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* PHONE-TYPE:START generated by tools/type-layer.py */
@media(max-width:740px){
.logo small{font-size:11px}
.world-name{font-size:12.5px}
.energy{font-size:13px}
.energy small{font-size:11px}
.world-index{font-size:12.5px}
.clock-controls>span{font-size:12.5px}
.identity-eyebrow{font-size:12.5px}
.world-identity p{font-size:14px}
.cosmic-coordinates{font-size:12px}
.kicker{font-size:12px}
#chapterNumber{font-size:12px}
.text-control{font-size:12px}
.mission small{font-size:11px}
.mission strong{font-size:14px}
.path{font-size:12px}
.recent-heading{font-size:12px}
.event strong{font-size:13px}
.event p{font-size:12.5px}
.event small{font-size:11px}
.scales button{font-size:13px}
.observe-copy{font-size:11px}
.observer button{font-size:13px}
.kicker em{font-size:11px}
.actionText{font-size:14px}
.action strong{font-size:14px}
.action small{font-size:12.5px}
.stat header{font-size:13px}
.development small{font-size:12px}
.development strong{font-size:13px}
.small-note{font-size:14px}
.foot{font-size:12px}
.foot button{font-size:12px}
.prologue-sub{font-size:12.5px}
.micro-hint{font-size:12px}
.option small{font-size:14px}
#toast{font-size:14px}
.intervention-title .kicker{font-size:11px}
.panel-hint{font-size:12.5px}
.stat b{font-size:13px}
.chronicle-mirror .event p{font-size:12.5px}
.mobile-tabs button{font-size:12.5px}
.prologue p{font-size:13px}
.prologue button{font-size:13px}
}
/* PHONE-TYPE:END */