:root{--bg:#0c1115;--panel:#121a20;--ink:#e9e7dc;--muted:#8c9aa1;--line:#2b3940;--amber:#e9ad55;--red:#df625d;--cyan:#68b8bb;--green:#7eb58a;--font:'Noto Sans Thai',sans-serif;--display:'Chakra Petch',var(--font)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}body{overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0b1014e8;backdrop-filter:blur(12px);position:fixed;z-index:40;top:0;left:0;right:0}.brand{color:var(--ink);text-decoration:none;font-family:var(--display);font-size:19px;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.brand b{font-size:10px;border-left:1px solid var(--line);padding-left:10px;color:var(--amber)}.brand-mark{color:var(--amber);font-size:14px}.signal{font:500 10px var(--display);letter-spacing:.18em;color:var(--muted);display:flex;gap:8px;align-items:center}.signal i{height:7px;width:7px;background:var(--green);box-shadow:0 0 10px var(--green);border-radius:50%}.icon-btn,.clock-controls button{background:transparent;color:var(--muted);border:1px solid var(--line);font:600 10px var(--display);padding:7px 10px}.screen{display:none;min-height:100vh;padding-top:62px}.screen.active{display:block}.intro-screen{background:radial-gradient(circle at 70% 25%,#203037 0,transparent 36%),linear-gradient(135deg,#0d151a,#0a0e11 68%)}.intro-grid{min-height:calc(100vh - 104px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1280px;margin:auto;padding:8vh 6vw}.eyebrow{font:600 11px var(--display);letter-spacing:.28em;color:var(--amber);text-transform:uppercase}.intro-copy h1{font:600 clamp(55px,7vw,104px)/.86 var(--display);letter-spacing:-.06em;margin:28px 0}.intro-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #b8c2c3}.lede{max-width:620px;color:#b7c1c4;font-size:17px;line-height:1.9}.odds-strip{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:570px;margin:35px 0}.odds-strip span{padding:15px 28px 15px 0;margin-right:28px;color:var(--muted);font-size:12px}.odds-strip b{font:600 25px var(--display);color:var(--ink);margin-right:6px}.primary-btn{border:0;background:var(--amber);color:#101519;min-width:285px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font:700 15px var(--font);cursor:pointer;box-shadow:8px 8px 0 #263137;transition:.18s}.primary-btn small{font:700 9px var(--display);letter-spacing:.12em}.primary-btn:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 #263137}.fineprint{font-size:10px;color:#65737a;margin-top:24px}.terra-card{height:min(66vw,670px);max-height:670px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(145deg,#152229,#0b1013);clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%)}.map-orbit{position:absolute;inset:9%;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff08 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff08 40px)}.planet{width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#788b88 0 3%,#364d4f 4% 18%,#1f3136 19% 36%,#111b20 37% 100%);box-shadow:inset -35px -25px 55px #06090b,0 0 80px #69a9a222;position:relative}.planet:after{content:"";position:absolute;inset:18%;border:1px dashed #ffffff22;border-radius:45%}.orbit{position:absolute;border:1px solid #8aa8a833;border-radius:50%;width:76%;height:42%;transform:rotate(-22deg)}.o2{transform:rotate(68deg);width:68%;height:58%}.ping{position:absolute;width:7px;height:7px;border:1px solid var(--amber);border-radius:50%;box-shadow:0 0 12px var(--amber)}.p1{top:28%;left:37%}.p2{bottom:24%;right:30%}.p3{top:46%;right:21%}.card-caption{position:absolute;left:25px;bottom:24px;display:flex;flex-direction:column;font-family:var(--display)}.card-caption span{font-size:9px;letter-spacing:.2em;color:var(--amber)}.card-caption b{font-size:16px;margin:4px 0}.card-caption small{color:var(--muted);font-size:9px}.intro-bottom{height:42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 28px;font:500 9px var(--display);letter-spacing:.14em;color:#64757c}.birth-screen{position:relative;background:radial-gradient(circle,#25323a,#0b1014 67%);overflow:hidden}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0004 4px);pointer-events:none}.birth-wrap{position:relative;z-index:1;max-width:980px;margin:auto;padding:8vh 30px}.birth-wrap>h2{font:600 clamp(40px,5vw,68px) var(--display);margin:12px 0 40px}.birth-layout{display:grid;grid-template-columns:330px 1fr;gap:50px}.portrait-frame{height:420px;border:1px solid #52636a;position:relative;display:grid;place-items:center;background:linear-gradient(#263740,#121b21);overflow:hidden;image-rendering:pixelated}.portrait-frame:before{content:"";position:absolute;inset:20px;border:1px solid #ffffff18}.portrait-frame>span{position:absolute;bottom:12px;left:15px;font:500 9px var(--display);letter-spacing:.15em;color:var(--muted)}.scan{position:absolute;height:2px;width:100%;background:#73dfe866;box-shadow:0 0 10px #73dfe8;animation:scan 3s linear infinite}@keyframes scan{from{top:8%}to{top:92%}}.pixel-person{width:145px;height:190px;position:relative;filter:drop-shadow(12px 14px 0 #0004)}.pixel-person:before{content:"";position:absolute;left:38px;top:10px;width:70px;height:73px;background:var(--skin,#c59a78);box-shadow:-18px 18px 0 var(--hair,#3b3130),88px 18px 0 var(--hair,#3b3130),0 73px 0 25px var(--coat,#687c83),-26px 134px 0 5px var(--boot,#20272b),75px 134px 0 5px var(--boot,#20272b);clip-path:polygon(15% 0,85% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.pixel-person:after{content:"";position:absolute;left:53px;top:43px;width:10px;height:7px;background:#111;box-shadow:30px 0 #111,12px 22px 0 -2px #744}.dossier{border-top:1px solid var(--line)}.field{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line);padding:19px 0;gap:8px}.field label{grid-row:1/3;color:var(--muted);font:600 10px var(--display);letter-spacing:.15em}.field strong{font:600 22px var(--display)}.field small{color:#89969b}.name-field strong{font-size:36px;color:var(--amber)}.infection-field.positive strong{color:var(--red)}.birth-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:35px}.ghost-btn{background:transparent;border:1px solid #52636a;color:var(--ink);padding:14px 20px;font:600 13px var(--font);cursor:pointer}.game-screen{display:none!important;grid-template-columns:260px minmax(380px,1fr) 285px;height:100vh;overflow:hidden}.game-screen.active{display:grid!important}.identity-panel,.action-panel{background:#0e1519;padding:25px 20px;overflow-y:auto}.identity-panel{border-right:1px solid var(--line)}.action-panel{border-left:1px solid var(--line)}.mini-id{display:flex;gap:13px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.pixel-person.small{width:58px;height:67px;overflow:hidden;background:#202f36;border:1px solid #34464e}.pixel-person.small:before{transform:scale(.34);transform-origin:top left;left:3px;top:2px}.mini-id span{font:500 8px var(--display);color:var(--amber);letter-spacing:.1em}.mini-id h3{font:600 17px var(--display);margin:2px 0}.mini-id small{color:var(--muted);font-size:10px}.mini-id small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.mini-id small i.infected{background:var(--red);box-shadow:0 0 8px var(--red)}.life-time{text-align:center;margin:25px 0 5px}.life-time span,.life-time small{font:500 10px var(--display);color:var(--muted);text-transform:uppercase}.life-time strong{font:600 58px var(--display);margin:0 10px}.timebar{height:3px;background:#29363b}.timebar i{display:block;height:100%;width:0;background:var(--amber)}.clock-controls{display:flex;justify-content:center;gap:5px;margin-top:15px}.clock-controls button{cursor:pointer}.clock-controls button.active{background:var(--amber);color:#111;border-color:var(--amber)}.clock-note{text-align:center;color:#65747a;font-size:9px}.stats{margin-top:24px}.stat{display:grid;grid-template-columns:1fr auto;gap:5px;margin:13px 0}.stat span{font-size:11px;color:#a7b1b4}.stat b{font:600 12px var(--display)}.stat i{grid-column:1/3;display:block;height:3px;background:#243137}.stat em{display:block;height:100%;background:var(--cyan);width:10%;transition:.4s}.stat.danger em{background:var(--red)}.reputation{border:1px solid var(--line);padding:12px;margin-top:24px;display:flex;flex-direction:column}.reputation span{font-size:9px;color:var(--muted)}.reputation b{font:600 15px var(--display);color:var(--amber);margin:3px 0}.reputation small{font-size:9px;color:#849197}.story-panel{position:relative;overflow-y:auto;background:#0b1013}.scene{height:48vh;min-height:340px;position:relative;background-size:cover;background-position:center;image-rendering:pixelated;transition:background-position .5s}.scene-0{background-image:linear-gradient(180deg,#1d3b4d,#5a6e73 55%,#1d272c 56%,#0e1316)}.scene-1{background-image:linear-gradient(160deg,#172b43,#84385a 47%,#1d202a 48%)}.scene-2{background-image:linear-gradient(170deg,#69452e,#d09355 48%,#3b3528 49%)}.scene-3{background-image:linear-gradient(170deg,#4c302d,#9e5a39 45%,#19161a 46%)}.scene.atlas{background-image:url('assets/terra-scenes.png');background-size:200% 200%}.scene.atlas.scene-0{background-position:0 0}.scene.atlas.scene-1{background-position:100% 0}.scene.atlas.scene-2{background-position:0 100%}.scene.atlas.scene-3{background-position:100% 100%}.scene-shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,#0b1013 100%)}.scene-label{position:absolute;top:25px;right:25px;text-align:right;font-family:var(--display);display:flex;flex-direction:column;text-shadow:0 2px 8px #000}.scene-label span{font-size:10px;letter-spacing:.2em;color:var(--amber)}.scene-label b{font-size:9px;margin-top:3px}.story-card{position:relative;margin:-80px 7% 0;background:#11191ed9;border:1px solid #3a494f;padding:28px 32px 24px;backdrop-filter:blur(12px);min-height:270px}.chapter{display:flex;align-items:center;gap:10px;font:600 9px var(--display);letter-spacing:.15em;color:var(--amber)}.chapter i{height:1px;background:var(--line);flex:1}.chapter span:last-child{color:var(--muted)}.story-card h2{font:600 clamp(25px,3vw,39px)/1.25 var(--display);margin:18px 0 10px}.story-card>p{line-height:1.8;color:#b9c2c4;margin:0}.choices{display:grid;gap:8px;margin-top:22px}.choice{background:#162127;border:1px solid #34444b;color:var(--ink);padding:12px 15px;text-align:left;font:500 13px var(--font);cursor:pointer;display:flex;justify-content:space-between}.choice:hover{border-color:var(--amber);background:#202a2c}.choice small{color:var(--amber);font:500 9px var(--display)}.timeline-wrap{padding:22px 7% 40px}.timeline{display:flex;gap:7px}.year-dot{height:5px;flex:1;min-width:5px;background:#29353a}.year-dot.event{background:var(--amber)}.year-dot.bad{background:var(--red)}.panel-head,.log-head{display:flex;justify-content:space-between;align-items:center;font:600 10px var(--display);letter-spacing:.15em}.panel-head b{color:var(--amber)}.panel-head em{font-style:normal;font-size:20px}.action-panel>p{font-size:10px;line-height:1.6;color:var(--muted)}.train{width:100%;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;text-align:left;background:#141e23;border:1px solid #29383e;color:var(--ink);padding:9px;margin:7px 0;cursor:pointer}.train:hover:not(:disabled){border-color:var(--cyan)}.train:disabled{opacity:.4}.train>i{font-style:normal;font-size:18px;color:var(--cyan)}.train span{font-size:11px}.train strong{display:block;font-size:8px;color:var(--muted);font-weight:400}.train>b{background:#25333a;text-align:center;font:600 11px var(--display);padding:4px}.threat-box{border:1px solid #533f3e;background:#201718;padding:13px;margin:22px 0}.threat-box>div:first-child{display:flex;flex-direction:column}.threat-box span{font-size:8px;color:var(--red)}.threat-box b{font:600 14px var(--display);margin:3px 0}.threat-box small{font:600 8px var(--display);color:#a88784}.threat-meter{height:2px;background:#40302f;margin-top:10px}.threat-meter i{display:block;height:100%;width:20%;background:var(--red)}.log-head button{border:0;background:none;color:var(--amber);font-size:9px}.mini-log{margin-top:10px}.log-item{border-left:1px solid var(--line);padding:0 0 13px 10px}.log-item b{font:600 9px var(--display);color:var(--amber)}.log-item p{font-size:9px;color:#8c989c;margin:3px 0}.ending-screen{position:relative;display:none;place-items:center;min-height:100vh;background:#080c0f}.ending-screen.active{display:grid}.ending-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#2f3b3f,#080c0f 65%);opacity:.8}.ending-card{position:relative;width:min(760px,90vw);padding:45px;background:#11191ef0;border:1px solid #425158;text-align:center}.ending-card h2{font:600 43px var(--display);margin:15px}.ending-card>p:not(.eyebrow){color:#aeb8ba;line-height:1.8}.rank{display:flex;flex-direction:column;align-items:center;margin:26px}.rank span{font:600 9px var(--display);letter-spacing:.2em;color:var(--muted)}.rank strong{font:700 100px/1 var(--display);color:var(--amber)}.rank b{font-size:13px}.end-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-stats div{padding:16px;border-right:1px solid var(--line)}.end-stats div:last-child{border:0}.end-stats span{display:block;font-size:9px;color:var(--muted)}.end-stats b{font:600 22px var(--display)}.end-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.modal{display:none;position:fixed;inset:0;background:#030608dc;z-index:80;place-items:center}.modal.open{display:grid}.modal-card{width:min(560px,90vw);background:#141b1f;border:1px solid #57403d;padding:30px;text-align:center;box-shadow:0 0 0 8px #0b0f12}.modal-card h2{font:600 34px var(--display);margin:8px}.combat-art{height:150px;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(#321f1f,#12181b);margin:20px 0;font-size:55px}.vs{font:700 16px var(--display);color:var(--red)}.enemy-sprite{filter:drop-shadow(8px 8px 0 #000)}.hero-sprite{color:var(--cyan)}.combat-bars{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;font-size:10px}.combat-bars i{display:block;background:#382b2b;height:5px;margin-top:4px}.combat-bars em{display:block;background:var(--green);height:100%;width:100%}.combat-bars span:last-child em{background:var(--red)}.modal-card>p:not(.eyebrow){color:var(--muted);min-height:42px}.combat-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.combat-actions button{background:#202b30;border:1px solid #405058;color:var(--ink);padding:12px;cursor:pointer}.combat-actions button:hover{border-color:var(--amber)}@media(max-width:950px){.game-screen.active{grid-template-columns:220px 1fr}.action-panel{position:fixed;right:0;bottom:0;width:260px;height:55vh;z-index:30;transform:translateX(calc(100% - 30px));transition:.25s}.action-panel:hover{transform:none}.intro-grid{grid-template-columns:1fr}.terra-card{display:none}.birth-layout{grid-template-columns:250px 1fr}}@media(max-width:680px){.topbar{padding:0 13px}.signal{display:none}.intro-grid{padding:8vh 24px}.intro-copy h1{font-size:54px}.game-screen.active{display:block!important;overflow:auto;height:auto}.identity-panel{position:relative;border:0}.story-panel{overflow:visible}.action-panel{position:relative;transform:none;width:auto;height:auto}.birth-layout{grid-template-columns:1fr}.portrait-frame{height:280px}.field{grid-template-columns:90px 1fr}.end-stats{grid-template-columns:1fr 1fr}.end-actions{flex-direction:column}.intro-bottom{display:none}}