:root{--ink: #d8d3c0;--ink-dim: #8b8674;--ink-faint: #5f5b4e;--bg: #14160f;--bg-panel: #1e2118;--bg-raised: #272b1f;--line: #3a3f2d;--brass: #c9a227;--rust: #a3472f;--olive: #6b7a4f;--allies: #3f7fbf;--eisen: #8b939a;--vanguard: #b5453a;--pixel: "Press Start 2P", "Courier New", monospace;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,rgba(107,122,79,.035) 0px,rgba(107,122,79,.035) 1px,transparent 1px,transparent 9px)}.shell{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:48px 24px 96px}header{text-align:center;padding:32px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px}.title{font-family:var(--pixel);font-size:clamp(22px,6.5vw,52px);line-height:1.25;margin:0;color:var(--ink);letter-spacing:2px;text-shadow:3px 3px 0 var(--rust),6px 6px 0 rgba(0,0,0,.55)}.subtitle{margin:22px 0 0;color:var(--ink-dim);font-size:13px;letter-spacing:3px;text-transform:uppercase}.rule{width:120px;height:3px;margin:24px auto 0;background:var(--brass);box-shadow:0 3px #00000080}.banner{border:1px solid var(--line);border-left:4px solid var(--brass);background:var(--bg-panel);padding:16px 20px;margin-bottom:40px}.banner strong{color:var(--brass);font-family:var(--pixel);font-size:10px;letter-spacing:1px;display:block;margin-bottom:8px}.banner p{margin:0;color:var(--ink-dim);font-size:13px}h2{font-family:var(--pixel);font-size:13px;letter-spacing:1px;color:var(--brass);margin:48px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--line)}h2:first-of-type{margin-top:0}.factions{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.faction{background:var(--bg-panel);border:1px solid var(--line);border-top:3px solid var(--accent, var(--olive));padding:20px;display:flex;flex-direction:column}.faction[data-id=allies]{--accent: var(--allies)}.faction[data-id=eisen]{--accent: var(--eisen)}.faction[data-id=vanguard]{--accent: var(--vanguard)}.faction h3{font-family:var(--pixel);font-size:11px;line-height:1.5;margin:0 0 4px;color:var(--accent)}.faction .full-name{font-size:11px;color:var(--ink-faint);margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.faction .doctrine{font-size:13px;color:var(--ink);border-left:2px solid var(--accent);padding-left:12px;margin-bottom:16px;font-style:italic}.faction ul{margin:0 0 12px;padding-left:0;list-style:none;font-size:12px}.faction li{color:var(--ink-dim);padding-left:16px;position:relative;margin-bottom:3px}.faction li:before{position:absolute;left:0;font-weight:700}.faction .pro li:before{content:"+";color:var(--olive)}.faction .con li:before{content:"−";color:var(--rust)}.faction .label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.faction .footnote{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-faint)}.audio-panel{background:var(--bg-panel);border:1px solid var(--line);padding:22px}.audio-panel .hint{margin:0 0 4px;color:var(--ink-dim);font-size:13px}.loadbar{height:20px;background:var(--bg);border:1px solid var(--line);position:relative;overflow:hidden;margin:14px 0 8px}.loadbar-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--olive) 0px,var(--olive) 6px,#7d8f5c 6px,#7d8f5c 12px);transition:width .15s linear}.loadbar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px;color:var(--ink);text-shadow:0 0 4px #000}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:18px}button{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);border-bottom-width:3px;padding:9px 10px;cursor:pointer;text-align:left;transition:background .1s,transform .05s}button:hover:not(:disabled){background:#33382a;border-color:var(--olive)}button:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--olive);border-color:#8b9c68;color:#101208;font-weight:700;text-align:center;letter-spacing:1px;width:100%;margin-top:6px}.primary:hover:not(:disabled){background:#7d8f5c}.stages{display:flex;flex-direction:column;gap:2px}.stage{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;padding:11px 14px;background:var(--bg-panel);border-left:3px solid var(--line)}.stage.done{border-left-color:var(--olive)}.stage.active{border-left-color:var(--brass);background:var(--bg-raised)}.stage-num{font-family:var(--pixel);font-size:10px;color:var(--ink-faint)}.stage.done .stage-num{color:var(--olive)}.stage.active .stage-num{color:var(--brass)}.stage-body strong{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}.stage-body span{font-size:11.5px;color:var(--ink-faint)}.stage-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line);color:var(--ink-faint);white-space:nowrap}.stage.done .stage-tag{color:var(--olive);border-color:var(--olive)}.stage.active .stage-tag{color:var(--brass);border-color:var(--brass)}footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-faint);font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}code{background:var(--bg-raised);border:1px solid var(--line);padding:1px 5px;font-size:12px;color:var(--brass)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}