:root{color:#f5f1df;background:radial-gradient(circle at 0 0,#de7f3747,#0000 24rem),radial-gradient(circle at 100% 100%,#5f926a38,#0000 20rem),linear-gradient(160deg,#091018 0%,#111d29 48%,#0e1721 100%);font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}.shell{grid-template-columns:minmax(18rem,24rem) 1fr;min-height:100vh;display:grid}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070d128a;border-right:1px solid #f5f1df17;padding:2rem 1.4rem}.eyebrow{color:#f0bb70;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem}h1{margin:0;font-size:clamp(2.1rem,4vw,3.35rem);line-height:.94}.lede{color:#f5f1dfd6;margin:1rem 0 1.3rem;line-height:1.5}.status-list{gap:.8rem;display:grid}.status-card{background:#f5f1df0d;border:1px solid #f5f1df14;border-radius:1rem;padding:.9rem 1rem}.status-label{color:#f5f1df94;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.78rem;display:block}.notes{color:#f5f1dfd1;margin:1.4rem 0 0;padding-left:1rem;line-height:1.5}.notes code{font-family:Courier New,monospace}kbd{min-width:1.7rem;font:inherit;text-align:center;background:#f5f1df17;border:1px solid #f5f1df38;border-radius:.5rem;padding:.15rem .4rem;display:inline-block}.roster{margin-top:1.5rem}.roster-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.roster-caption{color:#f0bb70;font-size:.82rem}.roster-list{gap:.6rem;display:grid}.roster-row,.roster-empty{background:#f5f1df0a;border:1px solid #f5f1df14;border-radius:.9rem;padding:.8rem .9rem}.roster-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.roster-meta{color:#f5f1df94;font-size:.82rem;line-height:1.4;display:block}.roster-empty{color:#f5f1df9e}.viewport-wrap{padding:1rem}.viewport{border:1px solid #f5f1df14;border-radius:1.5rem;min-height:calc(100vh - 2rem);overflow:hidden;box-shadow:0 24px 80px #0000004d}.viewport canvas{width:100%;height:100%;display:block}@media (width<=920px){.shell{grid-template-columns:1fr}.panel{border-bottom:1px solid #f5f1df17;border-right:0}.viewport{min-height:60vh}}