:root{color:#f6f1df;font-family:Avenir Next,Trebuchet MS,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top left,rgba(224,135,72,.24),transparent 24%),radial-gradient(circle at top right,rgba(124,45,18,.28),transparent 28%),linear-gradient(180deg,#160f12,#0b101b 56%,#06080f)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,textarea,select{font:inherit}p,h1,h2,ul{margin:0}ul{padding-left:1.1rem}.app-shell{display:grid;gap:1.5rem;grid-template-columns:minmax(280px,420px) minmax(0,1fr);min-height:100vh;padding:1.5rem}.overview-panel,.preview-frame{position:relative;overflow:hidden;border:1px solid rgba(241,217,178,.15);border-radius:28px;background:#0b0e18b8;box-shadow:inset 0 1px #ffffff0a,0 20px 90px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.overview-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem}.preview-panel{min-width:0}.preview-frame{display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 3rem);padding:1.25rem}.preview-frame:after,.overview-panel:after{position:absolute;inset:auto -8% -24% auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(223,127,64,.24),transparent 70%);content:"";pointer-events:none}.eyebrow,.section-label,.readiness-label,.hud-label{color:#d4c1a2;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.overview-panel h1,.preview-copy h2{max-width:12ch;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:700;line-height:.94}.lede,.preview-copy p,.readiness-note{max-width:58ch;color:#d7d0c0;font-size:1rem}.status-strip{display:flex;flex-wrap:wrap;gap:.75rem}.status-pill{border:1px solid rgba(246,210,124,.24);border-radius:999px;background:#6c2f1847;color:#f6e1b2;padding:.55rem .85rem;font-size:.85rem}.status-pill-muted{background:#21283d7a;color:#d8dce4}.readiness-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.readiness-card,.track-panel{border:1px solid rgba(241,217,178,.12);border-radius:22px;background:#121725cc;padding:1rem}.readiness-value,.hud-value{margin-top:.25rem;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:1.35rem;color:#fff4d5}.track-panel{display:flex;flex-direction:column;gap:.75rem}.track-list{display:grid;gap:.65rem;color:#efe7d5}.preview-copy{display:flex;flex-direction:column;gap:.7rem;padding:.25rem .25rem 0}.battle-preview-shell{display:flex;flex:1;flex-direction:column;gap:.85rem;min-height:0}.battle-preview-hud{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.battle-preview-hud>div{border:1px solid rgba(241,217,178,.12);border-radius:18px;background:#121725c2;padding:.85rem 1rem}.battle-preview-canvas{position:relative;flex:1;min-height:520px;overflow:hidden;border:1px solid rgba(241,217,178,.12);border-radius:22px;background:linear-gradient(180deg,#1f171c73,#06080fd9),radial-gradient(circle at 70% 20%,rgba(222,128,66,.2),transparent 22%)}.battle-preview-canvas canvas{display:block;width:100%;height:100%}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.overview-panel h1,.preview-copy h2{max-width:none}.preview-frame{min-height:auto}}@media(max-width:720px){.app-shell{padding:1rem}.overview-panel,.preview-frame{border-radius:22px}.overview-panel h1,.preview-copy h2{font-size:clamp(2rem,9vw,3.1rem)}.battle-preview-hud{grid-template-columns:1fr}.battle-preview-canvas{min-height:460px}}