:root{color:#e8e3d5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07100d;font-family:Inter,Noto Sans TC,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#2f4e3b4d,#0000 36rem),linear-gradient(#0c1712 0%,#07100d 68%,#050b09 100%);min-width:320px;min-height:100vh;margin:0}.app-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:2rem clamp(1rem,4vw,4rem) 2.5rem}.eyebrow{color:#c0a862;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .55rem;font-size:.72rem;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2.15rem,5vw,4.8rem);font-weight:500;line-height:.95}.subtitle{color:#89978c;letter-spacing:.18em;margin:.8rem 0 0;font-size:.88rem}.command-header{border-bottom:1px solid #b9a4653d;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.build-badge{text-align:right;border-left:1px solid #b9a46559;gap:.35rem;padding:.75rem 0 .1rem 1.25rem;display:grid}.build-badge span,.section-kicker,.diagnostic-grid span,.system-note span{color:#75837a;letter-spacing:.16em;font-size:.62rem;font-weight:700}.build-badge strong{color:#c7b672;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.battlefield-panel{background:#0a1712d6;border:1px solid #859f8b40;border-radius:1rem;overflow:hidden;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff08}.battlefield-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem;display:flex}.section-kicker{color:#708078;margin:0 0 .35rem}.battlefield-heading h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500}.live-indicator{color:#92a398;align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.live-indicator span{background:#79c792;border-radius:999px;width:.48rem;height:.48rem;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 .8rem #79c792}.battlefield-frame{background:#07120f;border-block:1px solid #859f8b33;min-height:28rem;position:relative;overflow:hidden}.battlefield-canvas,.battlefield-canvas canvas{width:100%;min-height:28rem;display:block}.battlefield-canvas canvas{aspect-ratio:1100/620;height:auto}.grid-overlay{pointer-events:none;background-image:linear-gradient(#8bad910d 1px,#0000 1px),linear-gradient(90deg,#8bad910d 1px,#0000 1px);background-size:3.5rem 3.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.map-label{z-index:2;color:#d1dccd6b;letter-spacing:.22em;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;position:absolute}.map-label--north{top:1rem;right:1.25rem}.map-label--south{bottom:1rem;left:1.25rem}.render-error{color:#f3b3aa;background:#371412e6;border:1px solid #8f4f49;margin:0;padding:1rem;position:absolute;inset:1rem}.diagnostic-grid{border-bottom:1px solid #859f8b33;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.diagnostic-grid>div{border-right:1px solid #859f8b26;gap:.35rem;min-width:0;padding:1rem 1.25rem;display:grid}.diagnostic-grid>div:last-child{border-right:0}.diagnostic-grid strong{color:#d8d4c6;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.72rem,1.4vw,.92rem);font-weight:500;overflow:hidden}.battlefield-legend{color:#8e9c92;flex-wrap:wrap;gap:.8rem 1.5rem;margin:0;padding:1rem 1.3rem 1.15rem;font-size:.68rem;list-style:none;display:flex}.battlefield-legend li{align-items:center;gap:.5rem;display:inline-flex}.legend-shape{width:.52rem;height:.52rem;display:inline-block}.legend-shape--heavy{background:#b69a5a}.legend-shape--archer{clip-path:polygon(50% 0,100% 100%,0 100%);background:#a7d8b1}.legend-shape--cavalry{background:#e6c66b;transform:rotate(45deg)}.legend-shape--wolf{background:#d66d62;border-radius:50%}.system-note{color:#66736b;align-items:baseline;gap:1rem;margin-top:1rem;font-size:.72rem;line-height:1.6;display:flex}.progression-panel{background:linear-gradient(110deg,#1f2a1de6,#091511eb),#0a1712;border:1px solid #b9a4653d;border-radius:1rem;margin-top:1.25rem;overflow:hidden}.progression-heading{border-bottom:1px solid #b9a4652e;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.3rem;display:flex}.progression-heading h2{margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500}.recipe-status{color:#8fc9a1;border:1px solid #79c79247;border-radius:999px;flex:none;padding:.45rem .7rem;font-size:.68rem}.loop-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.loop-grid li{border-right:1px solid #859f8b26;gap:.3rem;min-width:0;padding:1.15rem 1.25rem 1.3rem;display:grid;position:relative}.loop-grid li:last-child{border-right:0}.loop-grid li:not(:last-child):after{z-index:2;content:"";background:#111e18;border-top:1px solid #8d8057;border-right:1px solid #8d8057;width:.65rem;height:.65rem;position:absolute;top:50%;right:-.34rem;transform:translateY(-50%)rotate(45deg)}.loop-index{color:#a08c55;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.loop-grid p{color:#7e8d83;margin:0;font-size:.68rem}.loop-grid strong{color:#e1ddcf;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Noto Serif TC,serif;font-size:.95rem;font-weight:500;overflow:hidden}.loop-grid small{color:#647269;font-size:.64rem}.loop-evidence{border-top:1px solid #859f8b26;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);display:grid}.material-ledger,.tradeoff-ledger{margin:0;display:grid}.material-ledger{border-right:1px solid #859f8b26;grid-template-columns:repeat(3,minmax(0,1fr))}.material-ledger div,.tradeoff-ledger div{gap:.35rem;min-width:0;padding:1rem 1.15rem;display:grid}.material-ledger div{border-right:1px solid #859f8b1f}.material-ledger div:last-child{border-right:0}.material-ledger span,.tradeoff-ledger dt{color:#718078;letter-spacing:.08em;font-size:.62rem}.material-ledger strong,.tradeoff-ledger dd{color:#d5c589;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:500}.tradeoff-ledger{grid-template-columns:repeat(4,minmax(0,1fr))}.tradeoff-ledger div{border-right:1px solid #859f8b1f}.tradeoff-ledger div:last-child{border-right:0}.tradeoff-ledger dd{color:#d8d4c6}.tradeoff-ledger em{color:#78be8c;margin-top:.2rem;font-family:inherit;font-size:.62rem;font-style:normal;display:block}.tradeoff-ledger em.negative{color:#d09a78}.system-note span{color:#9c8c59;flex:none}@keyframes live-pulse{50%{opacity:.45;transform:scale(.78)}}@media (width<=760px){.app-shell{padding-inline:.75rem}.command-header{align-items:start}.build-badge{display:none}.battlefield-frame,.battlefield-canvas,.battlefield-canvas canvas{min-height:0}.battlefield-canvas canvas{width:100%;height:auto;transform:none}.diagnostic-grid,.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loop-grid li{border-bottom:1px solid #859f8b26}.loop-grid li:nth-child(2){border-right:0}.loop-grid li:nth-child(2):after{display:none}.loop-grid li:nth-child(n+3){border-bottom:0}.loop-evidence{grid-template-columns:1fr}.material-ledger{border-bottom:1px solid #859f8b26;border-right:0}.tradeoff-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.tradeoff-ledger div:nth-child(2){border-right:0}.tradeoff-ledger div:nth-child(-n+2){border-bottom:1px solid #859f8b1f}.diagnostic-grid>div:nth-child(2){border-right:0}.diagnostic-grid>div:nth-child(-n+2){border-bottom:1px solid #859f8b26}.system-note{gap:.35rem;display:grid}}@media (prefers-reduced-motion:reduce){.live-indicator span{animation:none}}