:root{--night: #0e0f1a;--ink: #1a1c2c;--panel: #262b44;--panel-hi: #333c57;--slate: #4a5578;--mist: #6d7a9c;--fog: #94a3c4;--paper: #c8d3e6;--white: #f4f4f4;--newsprint: #e8d6b8;--gold: #f2c56b;--gold-deep: #e0a32e;--green: #5ec27a;--red: #e04848;--red-deep: #a52a3a;--blue: #4fa4e8;--purple: #9b5de5;--teal: #3fd0c8;--c-approval: var(--green);--c-military: var(--red);--c-economy: var(--gold);--c-diplomacy: var(--blue);--c-wealth: var(--purple);--scale: 1;--fs: calc(15px * var(--scale));--fs-sm: calc(13px * var(--scale));--fs-lg: calc(22px * var(--scale));--fs-xl: calc(33px * var(--scale));--font: "Cubic 11", "Fusion Pixel 12px M zh_hant", "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--night);color:var(--paper);font-family:var(--font);font-size:var(--fs);line-height:1.6;-webkit-font-smoothing:none;font-smooth:never}button{font:inherit;color:inherit}img.px,canvas.px{image-rendering:pixelated;image-rendering:crisp-edges}.pixel-box{background:var(--panel);box-shadow:0 -3px 0 0 var(--slate),0 3px 0 0 var(--ink),-3px 0 0 0 var(--slate),3px 0 0 0 var(--ink),0 0 0 3px var(--night);margin:3px}.pixel-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:none;background:var(--panel-hi);cursor:pointer;text-align:left;box-shadow:inset 0 -3px 0 0 var(--ink),inset 0 3px 0 0 var(--mist),0 0 0 3px var(--night);transition:transform .05s}.pixel-btn:hover:not(:disabled){background:var(--slate)}.pixel-btn:active:not(:disabled){transform:translateY(2px)}.pixel-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.pixel-btn.primary{background:var(--gold-deep);color:var(--night);justify-content:center}.pixel-btn.primary:hover{background:var(--gold)}.pixel-btn.locked{filter:grayscale(1);opacity:.55;cursor:not-allowed}.pixel-btn.irreversible{box-shadow:inset 0 -3px 0 0 var(--ink),inset 0 3px 0 0 var(--mist),0 0 0 3px var(--red)}.pixel-btn.small{min-height:32px;width:auto;padding:4px 10px;font-size:var(--fs-sm)}.tag{display:inline-block;padding:0 6px;font-size:var(--fs-sm);background:var(--slate);color:var(--white)}.muted{color:var(--fog)}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:16px}.title-logo{font-size:calc(66px * var(--scale));color:var(--gold);letter-spacing:.2em;text-shadow:4px 4px 0 var(--red-deep),8px 8px 0 var(--ink);margin:0;line-height:1.1}.stack{display:flex;flex-direction:column;gap:12px;width:min(360px,100%)}.game{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden}.game.crisis{box-shadow:inset 0 0 0 4px var(--red);animation:crisis-pulse 2s steps(2) infinite}@keyframes crisis-pulse{50%{box-shadow:inset 0 0 0 4px var(--red-deep)}}.topbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--ink);border-bottom:3px solid var(--night);flex-wrap:wrap;font-size:var(--fs-sm)}.topbar .spacer{flex:1}.main{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:12px;padding:12px;min-height:0}.situation-col{display:none;min-height:0;overflow:auto}.situation-in-side{display:block}@media (min-width: 1280px){.main{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(260px,300px)}.situation-col{display:block}.situation-in-side{display:none}}.situation{display:flex;flex-direction:column;gap:10px;font-size:var(--fs-sm)}.sit-title{margin:0;font-weight:400;color:var(--gold)}.sit-section{display:flex;flex-direction:column;gap:3px}.sit-head{display:flex;align-items:center;gap:4px;color:var(--fog);border-bottom:1px solid var(--panel-hi, #333c57);padding-bottom:2px;margin-bottom:2px}.mini-row{display:grid;grid-template-columns:6.5em minmax(0,1fr) 1em;align-items:center;gap:6px}.mini-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track{height:8px;background:var(--night);box-shadow:0 0 0 1px var(--ink);position:relative}.mini-fill{height:100%;transition:width .5s ease-out}.delta-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:var(--fs-sm)}.chip-good{color:var(--green)}.chip-bad{color:var(--red)}.side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.event-col{min-height:0;overflow:auto;display:flex;justify-content:center}.event-card{width:min(640px,100%);padding:16px;display:flex;flex-direction:column;gap:12px;align-self:flex-start}.event-card h2{font-size:var(--fs-lg);margin:0;color:var(--white);font-weight:400}.event-card .body{margin:0;color:var(--paper)}.illustration{width:100%;aspect-ratio:16 / 9;height:auto;max-height:240px;object-fit:cover;image-rendering:pixelated}.speaker{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}.speaker>img{width:48px;height:48px}.choice-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--gold)}.choice-label{flex:1}.attr-hint{display:flex;gap:4px}.attr-hint span{font-size:11px;width:20px;height:20px;display:grid;place-items:center;background:var(--ink);color:var(--teal)}.coin{color:var(--gold)}.statbar{display:grid;grid-template-columns:7em 1fr 1.2em;align-items:center;gap:8px;font-size:var(--fs-sm)}.statbar .track{height:12px;background:var(--night);box-shadow:0 0 0 2px var(--ink);position:relative;overflow:hidden}.statbar .fill{height:100%;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 6px)}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.ticker{min-width:0;background:var(--ink);border-top:3px solid var(--night);padding:6px 12px;white-space:nowrap;overflow:hidden;font-size:var(--fs-sm)}.ticker-inner{display:inline-block;animation:ticker 40s linear infinite}.reduce-motion .ticker-inner{animation:none}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.news-good{color:var(--green)}.news-bad{color:var(--red)}.char-card{padding:12px;display:flex;flex-direction:column;gap:10px}.char-head{display:flex;gap:12px;align-items:center}.char-head>img{width:96px;height:96px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:var(--fs-sm);padding:0 6px;background:var(--ink)}.chip.title{background:var(--red-deep);color:var(--white)}.map-box{padding:8px}.map-box canvas{width:100%;display:block}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:none;background:var(--ink);padding:4px 10px;cursor:pointer;font-size:var(--fs-sm)}.tabs button.on{background:var(--gold-deep);color:var(--night)}.detail-list{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm)}.npc-row{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.npc-row img{width:48px;height:48px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0f1ad1;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(480px,100%);padding:20px;display:flex;flex-direction:column;gap:12px}.sheet{width:min(560px,100%);max-height:80dvh;overflow:auto;padding:16px}.ending-photo{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:16 / 9;margin:8px auto;box-shadow:0 0 0 2px var(--ink)}.codex-thumb{display:block;width:100%;height:auto;aspect-ratio:16 / 9;margin-bottom:6px}.title-screen{position:relative;overflow:hidden}.title-screen>:not(.title-backdrop){position:relative}.title-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;pointer-events:none}.px-icon{image-rendering:pixelated;flex:none;vertical-align:middle}.stat-label{display:flex;align-items:center;gap:4px;white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:4px}.stamp-badge{display:flex;align-items:center;gap:12px}.stamp{font-size:var(--fs-xl);color:var(--red);border:4px solid var(--red);padding:4px 16px;transform:rotate(-8deg);display:inline-block}.newspaper{width:min(680px,100%);background:var(--newsprint);color:var(--ink);padding:24px;box-shadow:8px 8px 0 var(--night)}.newspaper .masthead{text-align:center;border-bottom:4px double var(--ink);padding-bottom:8px;font-size:var(--fs-lg)}.newspaper h1{font-size:var(--fs-xl);margin:12px 0;line-height:1.2;text-align:center}.newspaper .meta{display:flex;justify-content:space-between;font-size:var(--fs-sm);border-bottom:2px solid var(--ink);padding:4px 0;flex-wrap:wrap;gap:8px}.newspaper .cols{columns:2 240px;gap:24px;margin-top:12px}.origin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:min(980px,100%)}.origin-card{padding:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;border:none;text-align:left}.origin-card.on{box-shadow:0 0 0 3px var(--gold),0 0 0 6px var(--night)}.origin-card img{width:48px;height:48px}.seed-input{font:inherit;background:var(--night);color:var(--gold);border:none;box-shadow:0 0 0 3px var(--slate);padding:8px 12px;letter-spacing:.15em;width:12em}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:min(980px,100%)}.codex-item{padding:12px;font-size:var(--fs-sm)}.codex-item.locked{opacity:.5}.bottom-tabs,.mobile-stats{display:none}@media (max-width: 767px){.main{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}.side{display:none}.event-card{padding:12px}.illustration{max-height:120px}.mobile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px;background:var(--ink);font-size:11px}.mobile-stats .track{height:6px;background:var(--night);margin-top:2px}.bottom-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink)}.bottom-tabs button{border:none;background:none;min-height:44px;font-size:var(--fs-sm);cursor:pointer}.game{grid-template-rows:auto minmax(0,1fr) auto auto auto}.title-logo{font-size:calc(48px * var(--scale))}}