:root{color-scheme:dark;--ink: #f3ead2;--muted: #b9a98b;--panel: #201a13;--panel-deep: #120f0b;--line: #6f5b3a;--amber: #f7b538;--green: #5ad687;--blue: #2bd7ff;--shadow: rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{min-height:100svh;margin:0;color:var(--ink);font-family:Alegreya Sans SC,Trebuchet MS,sans-serif;background:radial-gradient(circle at 16% 20%,rgba(247,181,56,.2),transparent 26rem),radial-gradient(circle at 84% 76%,rgba(43,215,255,.12),transparent 24rem),linear-gradient(135deg,#080706,#19130d 48%,#080706);overflow-x:hidden}button{font:inherit}.shell{width:min(1600px,calc(100vw - 24px));height:100svh;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,18vw,280px);gap:16px;align-items:stretch;padding:12px 0}.stage-panel,.side-panel{border:1px solid var(--line);background:linear-gradient(145deg,#201a13f5,#120f0bf5);box-shadow:0 24px 80px var(--shadow),inset 0 1px #ffffff14}.stage-panel{min-width:0;min-height:0;display:grid;place-items:center;padding:clamp(8px,1.4vw,18px)}.screen-frame{position:relative;width:min(100%,calc((100svh - 58px) * 4 / 3));aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border:clamp(8px,1vw,12px) solid #080806;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),#030303;background-size:24px 24px}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}.boot-message{position:absolute;inset:auto 18px 18px;padding:10px 12px;border:1px solid rgba(247,181,56,.55);background:#000000b8;color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.boot-message.hidden{display:none}.side-panel{align-self:center;display:flex;flex-direction:column;gap:12px;padding:14px;max-height:calc(100svh - 24px);overflow:auto}.side-header{padding-bottom:4px;border-bottom:1px solid rgba(111,91,58,.65)}.eyebrow{margin:0 0 6px;color:var(--amber);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;max-width:none;color:#fff6df;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2vw,2rem);line-height:1}.status-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:0}.status-grid div{min-height:48px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(111,91,58,.8);background:#00000038}dt{color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}dd{margin:0;color:var(--green);font-family:Courier New,monospace;font-size:1.18rem;text-align:right;white-space:nowrap}.status-message{min-height:1.1rem;margin:0;color:var(--amber);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:0}.status-message.visible{opacity:1}.controls{display:grid;grid-template-columns:1fr;gap:8px}.controls button{cursor:pointer;border:1px solid rgba(247,181,56,.72);min-height:42px;padding:9px 10px;color:#171008;background:linear-gradient(180deg,#ffd36d,var(--amber));font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.controls button+button{color:var(--ink);border-color:#2bd7ff6b;background:#2bd7ff14}@media(max-aspect-ratio:3 / 2)and (min-width:861px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.side-panel{align-self:stretch;display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr) minmax(180px,220px);grid-template-areas:"header status controls" "message message controls";align-items:center;gap:8px 12px;padding:10px}.side-header{grid-area:header;padding:0;border:0}.status-grid{grid-area:status;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.status-grid div{min-height:44px;display:block;padding:6px 8px}dd{margin-top:4px;text-align:left}.status-message{grid-area:message}.controls{grid-area:controls;gap:6px}.controls button{min-height:36px;padding:7px 10px}.screen-frame{width:min(100%,calc((100svh - 180px) * 4 / 3))}}@media(max-width:860px){.shell{width:min(760px,calc(100vw - 20px));height:auto;min-height:auto;grid-template-columns:1fr;gap:10px;align-items:start;padding:10px 0 16px}.screen-frame{width:100%}.side-panel{max-height:none}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:1.5rem}}@media(max-width:520px){.stage-panel{padding:6px}.screen-frame{border-width:6px}}@media(max-width:340px){.status-grid{grid-template-columns:1fr}}