:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.loading-shell,.seismic-shell{min-height:100vh}.loading-shell{place-content:center;padding:32px;display:grid}.loading-shell h1,.topbar h1{color:#151d19;letter-spacing:0;margin:0;font-size:clamp(2.05rem,5.5vw,4.9rem);line-height:.96}.seismic-shell{color:#16201b;background:linear-gradient(#f2f7eff5,#dfe9daeb),radial-gradient(circle at 15% 15%,#f8cf472e,#0000 28%),#e5ede0;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:22px 28px 16px;display:flex}.eyebrow{color:#47684b;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:850}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.top-actions a,.build-footer a{color:inherit;text-decoration:none}.top-actions a{color:#f7fbf3;background:#172c24;border:1px solid #172c24;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex}.top-actions a+a{color:#172c24;background:#f8fbf3}.simulation-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px;min-height:0;padding:0 28px 18px;display:grid}.stage-canvas{border:1px solid #24352c33;border-radius:8px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 22px 50px #16201b29}.stage-canvas canvas{width:100%;height:100%;display:block}.control-surface{background:#f8fbf3eb;border:1px solid #24352c29;border-radius:8px;align-content:start;gap:16px;padding:16px;display:grid}.strike-button{color:#fffaf3;cursor:pointer;background:#d34a24;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-weight:900;display:inline-flex}.strike-button:focus-visible,.top-actions a:focus-visible,.slider-control input:focus-visible,.toggle-row input:focus-visible{outline-offset:2px;outline:3px solid #1d8fce73}.readout-grid{grid-template-columns:1fr;gap:8px;display:grid}.readout{background:#eef3e7;border:1px solid #24352c1a;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:grid}.readout-icon{color:#1d6f86;align-items:center;display:inline-flex}.readout span,.slider-control span,.toggle-row span{color:#41524a;font-size:.9rem;font-weight:750}.readout strong{color:#18231e;font-size:.92rem}.slider-control{gap:8px;display:grid}.slider-control span{justify-content:space-between;align-items:center;gap:8px;display:flex}.slider-control span svg{color:#1d6f86}.slider-control input{accent-color:#d34a24;width:100%}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{accent-color:#1d8fce;width:18px;height:18px}.status-line{color:#f7fbf3;background:#172c24;border-radius:8px;min-height:42px;padding:10px 12px;font-size:.92rem}.build-footer{color:#4e5d55;flex-wrap:wrap;align-items:center;gap:12px;padding:0 28px 18px;font-size:.86rem;display:flex}.build-footer a{color:#1b6a7f;font-weight:800}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start}.top-actions{justify-content:flex-start}.simulation-layout{grid-template-columns:1fr}.stage-canvas{min-height:460px}.control-surface{grid-template-columns:repeat(2,minmax(0,1fr))}.strike-button,.readout-grid,.status-line{grid-column:1/-1}}@media (width<=640px){.topbar,.simulation-layout,.build-footer{padding-left:16px;padding-right:16px}.top-actions a{flex:150px;justify-content:center}.stage-canvas{min-height:360px}.control-surface{grid-template-columns:1fr}}