:root{--paper: #f7f1e4;--paper-deep: #e7d3ae;--ink: #241c16;--ink-soft: #4a4036;--cinnabar: #9c2f2a;--indigo: #1d3e66;--malachite: #2d6a45;--gold: #a97832;--muted: #6e6256;--sea: #d5e3ee;--card: rgba(255, 250, 243, .94);--line: rgba(169, 120, 50, .32);--sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--serif: "Noto Serif TC", "PMingLiU", "Songti TC", serif;color:var(--ink);font-family:var(--sans);line-height:1.75}*{box-sizing:border-box}html{font-size:18px}body{margin:0;min-height:100vh;text-align:left;font-family:var(--sans);color:var(--ink);background:radial-gradient(ellipse at 0% 0%,rgba(169,120,50,.16),transparent 42%),radial-gradient(ellipse at 100% 0%,rgba(156,47,42,.07),transparent 34%),linear-gradient(180deg,#fbf6ea,#f3e6cc);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3,.eyebrow,.turn-title,.choice-list strong,.plaque strong,.compare-meters strong{font-family:var(--serif)}h1,h2,h3{line-height:1.3;font-weight:700;margin-bottom:.55rem}h1{font-size:clamp(2.15rem,4.6vw,3.15rem);letter-spacing:.04em}h2{font-size:1.45rem;letter-spacing:.03em}h3{font-size:1.12rem;letter-spacing:.04em}p{color:var(--ink-soft)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button,.primary,.ghost{font-family:var(--serif);font-size:1.02rem;font-weight:700;letter-spacing:.06em;cursor:pointer;text-decoration:none;border-radius:999px;padding:.72rem 1.35rem;min-height:2.8rem;display:inline-flex;justify-content:center;align-items:center;text-align:center}button:disabled{cursor:wait;opacity:.6}.primary{background:var(--cinnabar);color:#fffaf3;border:2px solid #7d241f;box-shadow:0 8px 18px #9c2f2a29}.primary:hover{background:#842622}.ghost{background:#fffaf38c;color:var(--ink);border:1px solid rgba(28,23,18,.28)}.ghost:hover{background:#fffaf3}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.28em;color:var(--cinnabar);margin:0 0 .45rem}.home,.sheet,.intro,.stage{width:min(1080px,calc(100% - 2.5rem));margin:0 auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1 0 auto}.home{padding:3.5rem 0 2.5rem}.home h1{margin-bottom:.7rem}.lede{font-size:1.12rem;line-height:1.85;max-width:40rem;color:var(--ink-soft)}.dynasty-grid,.scene-grid,.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.dynasty-grid{margin-top:2.2rem}.dynasty-card,.report,.historical-card,.debrief,.choice-panel,.intro{background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px #3c240c12}.dynasty-card{overflow:hidden;border-radius:20px}.dynasty-card img,.scene-art img,.banner,.intro img,.map-frame img{width:100%;display:block;object-fit:cover}.dynasty-card img{height:210px}.dynasty-card div,.report{padding:1.2rem 1.35rem 1.45rem;text-align:left}.dynasty-card h2{font-size:1.7rem;margin-bottom:.3rem}.dynasty-card p{margin-bottom:.35rem;font-size:1rem;line-height:1.7}.dynasty-card .primary{margin-top:.85rem}.meta{color:var(--muted);font-size:.86rem;letter-spacing:.06em}.play{padding-bottom:1.5rem}.top-bar{display:flex;gap:1rem;align-items:center;justify-content:flex-start;width:min(1080px,calc(100% - 2.5rem));margin:0 auto 1.15rem;padding:.95rem 0;border-bottom:1px solid var(--line)}.top-bar .progress{margin-left:auto;color:var(--ink-soft);font-size:.86rem;letter-spacing:.08em;background:#fffaf3cc;border:1px solid var(--line);border-radius:999px;padding:.2rem .75rem}.top-bar a{color:var(--cinnabar);text-decoration:none;font-family:var(--serif);font-weight:700;letter-spacing:.08em;font-size:1.05rem}.top-bar strong{font-family:var(--serif);font-size:1.2rem;font-weight:700;letter-spacing:.08em}.intro{display:grid;grid-template-columns:.86fr 1.14fr;gap:0;border-radius:20px;overflow:hidden}.intro div{padding:1.7rem 1.85rem 1.85rem;text-align:left}.intro h1{font-size:clamp(1.55rem,2.4vw,2.05rem)}.intro p{font-size:1rem;line-height:1.8}.intro ol{margin:.4rem 0 1.2rem;padding-left:1.35rem;display:grid;gap:.2rem}.intro li{color:var(--ink);padding-left:.15rem}.intro li::marker{color:var(--cinnabar);font-family:var(--serif);font-weight:700}.intro img{height:100%;min-height:320px}.stage{padding-bottom:2rem}.scene-grid{align-items:start}.stack{display:grid;gap:1.1rem}.scene-art{margin:0}.scene-art img{border-radius:20px;max-height:380px;border:1px solid var(--line);box-shadow:0 14px 32px #3c240c14}.choice-panel{border-radius:20px;padding:1.35rem 1.4rem 1.45rem;text-align:left}.role-row{display:flex;gap:.9rem;align-items:center;justify-content:flex-start;margin-bottom:.35rem}.role-row>div{text-align:left;min-width:0}.role-row h2{margin-bottom:0}.role-row img{width:76px;height:100px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.briefing{font-size:1.02rem;line-height:1.8;margin-bottom:1rem}.choice-list{display:grid;gap:.7rem;justify-items:stretch}.choice-list button{width:100%;text-align:left;border-radius:16px;padding:.9rem 1.05rem;background:#fffaf3;border:1px solid rgba(28,23,18,.14);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.28rem;min-height:0;letter-spacing:0;box-shadow:none}.choice-list button:hover{background:#fff}.choice-list button strong,.choice-list button span{display:block;width:100%;text-align:left}.choice-list button strong{font-size:1.14rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}.role-emperor .choice-list button{border:1.5px solid rgba(156,47,42,.55)}.role-emperor .choice-list button strong{color:var(--cinnabar)}.role-official .choice-list button{border-left:5px solid var(--indigo)}.role-farmer .choice-list button{background:#f6e6cb;border-color:#c49655}.choice-list span{color:var(--ink-soft);font-family:var(--sans);font-size:.94rem;font-weight:400;letter-spacing:0;line-height:1.7}.map-board p{margin-top:0;font-size:1.05rem}.map-frame{position:relative;border-radius:20px;overflow:hidden;background:var(--sea);border:1px solid var(--line)}.map-frame img{position:absolute;inset:0;height:100%;opacity:.28}.map-frame svg{position:relative;display:block;width:100%;height:auto;margin:0;touch-action:none;cursor:crosshair}.sea{fill:#d5e3eea6}.land{stroke-width:8}.land-qin{fill:#9c2f2a47;stroke:#9c2f2a}.land-sui{fill:#1d3e6647;stroke:#1d3e66}.guide{fill:none;stroke:#3d7ea6;stroke-width:6;stroke-linecap:round;opacity:.8}.player-stroke{fill:none;stroke:#1d3e66;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.answer-stroke{fill:none;stroke:#9c2f2a;stroke-width:7;stroke-dasharray:14 10;stroke-linecap:round}.landmark circle{fill:#1c1712}.landmark text,.north-mark{font-family:var(--serif);font-size:28px;fill:#1c1712;stroke:#f6edd9;stroke-width:6;paint-order:stroke}.north-mark{font-size:36px}.map-note{color:var(--muted);font-size:.9rem}.map-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-start;margin-top:.35rem}.map-score,.map-score-line{background:#fffaf3;border-radius:16px;padding:.95rem 1.1rem;text-align:left;border:1px solid var(--line)}.map-score-head{display:flex;justify-content:flex-start;align-items:baseline;gap:.75rem;margin-bottom:.25rem}.map-score-head strong{font-family:var(--serif);font-size:1.2rem}.answer-kicker{margin:.7rem 0 .4rem;color:var(--cinnabar);font-family:var(--serif);font-weight:700;letter-spacing:.12em;font-size:.92rem}.answer-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;justify-items:start}.answer-list li{text-align:left;padding:.05rem 0 .05rem .75rem;border-left:3px solid var(--cinnabar);font-size:1.02rem;color:var(--ink)}.map-score.passed{outline:2px solid var(--malachite)}.map-score.missed{outline:2px solid var(--cinnabar)}.after-map{color:var(--indigo);font-size:.98rem}.indicator-dock{position:fixed;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,220px));justify-content:center;gap:1.4rem;padding:.7rem 1.4rem calc(.7rem + env(safe-area-inset-bottom));background:#1c1712;color:#f6edd9;border-top:3px solid var(--gold);box-shadow:0 -10px 28px #1c17122e}.plaque{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:.6rem;row-gap:.3rem;align-items:center;justify-items:start;text-align:left}.plaque img{width:42px;height:42px;border-radius:10px;object-fit:cover;grid-row:1 / span 2}.plaque-copy{display:flex;align-items:baseline;justify-content:flex-start;gap:.45rem;min-width:0}.plaque-label{color:#e7d3ae;font-size:.78rem;letter-spacing:.08em;white-space:nowrap}.plaque strong{font-size:1.35rem;font-weight:700;letter-spacing:.02em}.plaque em{font-style:normal;font-size:.92rem;font-weight:700}.meter{grid-column:2;width:100%;height:6px;background:#ffffff29;border-radius:99px}.meter span{display:block;height:100%;border-radius:inherit;background:var(--gold)}.plaque-grain .meter span{background:#7dcea0}.plaque-treasury .meter span{background:#e0b15a}.plaque-population .meter span{background:#8eb4d4}.plaque-morale .meter span{background:#e07a73}.up{color:#8ddea8}.down{color:#ffb0a8}.overlay{position:fixed;inset:0;background:#1c171280;display:grid;place-items:center;padding:1rem;z-index:5}.debrief{width:min(680px,100%);border-radius:20px;padding:1.4rem 1.45rem 1.35rem;text-align:left;display:flex;flex-direction:column;align-items:stretch}.debrief h2{font-size:1.45rem}.debrief p{font-size:1.02rem;line-height:1.8}.debrief .primary{align-self:flex-start;margin-top:.2rem}.delta-list{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-start;padding:0;margin:.2rem 0 1rem;list-style:none}.delta-list li{background:#f6edd9;border-radius:999px;padding:.28rem .8rem;font-size:.92rem;font-weight:700;letter-spacing:.03em}.delta-list .up{color:var(--malachite)}.delta-list .down{color:var(--cinnabar)}.legacy-note{border-left:4px solid var(--gold);padding-left:.85rem;color:var(--ink)}.sheet{padding:1.6rem 0 2.5rem}.banner{border-radius:20px;max-height:300px;margin-bottom:1.25rem;border:1px solid var(--line);box-shadow:0 14px 32px #3c240c14}.sheet h2{margin-top:1.7rem;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.common-points{padding-left:1.25rem;text-align:left;display:grid;gap:.45rem}.common-points li{color:var(--ink);line-height:1.75}.compare-meters{display:grid;gap:0;margin:.2rem 0 1rem;padding:0}.compare-meters>div{display:grid;grid-template-columns:6.2rem minmax(0,1fr);justify-items:start;text-align:left;align-items:baseline;gap:.75rem;padding:.38rem 0;border-bottom:1px solid rgba(169,120,50,.18)}.compare-meters span{color:var(--muted);font-size:.95rem}.compare-meters strong{font-size:1.15rem;font-weight:700;color:var(--ink)}.turn-list{list-style:none;margin:.8rem 0 .4rem;padding:0;display:grid;gap:.5rem}.turn-list li{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.85rem;align-items:baseline;justify-items:start;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.7rem 1rem}.turn-title{font-weight:700;font-size:1.05rem}.turn-choice{text-align:left;color:var(--cinnabar);font-weight:500}.legacy-list{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.7rem}.legacy-list li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.9rem 1.05rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.legacy-head{display:flex;justify-content:flex-start;align-items:baseline;gap:.75rem;width:100%}.legacy-head strong{font-family:var(--serif);font-size:1.08rem}.legacy-head span{color:var(--gold);font-size:.88rem;letter-spacing:.08em}.legacy-list p{margin:.35rem 0 0;text-align:left;font-size:.98rem}.legacy-list .lost{opacity:.78}.historical-card{border-radius:18px;padding:1.1rem 1.3rem;margin:1.2rem 0;border-left:4px solid var(--gold)}.historical-card h2{margin-top:0;border-bottom:0;padding-bottom:0}.end-actions,.summary-link{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;align-items:center}.sheet a:not(.primary):not(.ghost),.summary-link a{color:var(--indigo);font-family:var(--serif);font-weight:700;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid rgba(29,62,102,.35);padding-bottom:.05rem}.error{color:var(--cinnabar);font-weight:500}.banner.error,.error.banner{width:min(1080px,calc(100% - 2.5rem));margin:0 auto 1rem}.loading{text-align:center;color:var(--muted);padding:3rem 0}.site-footer{width:min(1080px,calc(100% - 2.5rem));margin:0 auto;padding:1.1rem 0 1.5rem;border-top:1px solid var(--line);text-align:left}.site-footer p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}.site-footer a{color:var(--indigo);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(29,62,102,.35)}body:has(.indicator-dock) .site-footer{margin-bottom:7.75rem}@media(max-width:800px){html{font-size:16.5px}.dynasty-grid,.scene-grid,.report-grid,.intro{grid-template-columns:1fr}.intro img{min-height:200px;max-height:240px}.turn-list li{grid-template-columns:1fr;gap:.15rem}.indicator-dock{grid-template-columns:1fr 1fr;justify-content:stretch;gap:.65rem .9rem}.plaque img{width:32px;height:32px}.plaque strong{font-size:1.15rem}.home{padding-top:2rem}body:has(.indicator-dock) .site-footer{margin-bottom:9rem}h1{letter-spacing:.02em}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}