:root{--crt-room: #171b23;--crt-room-glow: #2a3142;--crt-bezel: #2d333d;--crt-bezel-edge: #525966;--crt-screen-bg: #1a2028;--crt-screen-shadow: #0b0e14;--crt-panel-blue: #1842d9;--crt-panel-blue-2: #2b5cff;--crt-panel-cyan: #17efff;--crt-panel-magenta: #fd47d3;--crt-panel-green: #3df46a;--crt-panel-yellow: #f8f16a;--crt-text: #f4fbff;--crt-text-dim: #ccdbf5;--crt-text-dark: #06101e;--crt-row: rgba(31, 77, 240, .84);--crt-row-active: #22ecff;--crt-row-current: rgba(253, 71, 211, .8);--crt-font: "SFMono-Regular", "JetBrains Mono", "IBM Plex Mono", "Cascadia Mono", "Menlo", "Consolas", monospace}*{box-sizing:border-box}html{background:var(--crt-room);color:var(--crt-text);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(43,92,255,.18),transparent 38%),linear-gradient(180deg,#252b38 0%,var(--crt-room) 32%,#0f131a 100%);color:var(--crt-text);font-family:var(--crt-font);text-rendering:optimizeLegibility}a{color:inherit}button,input,textarea,select{font:inherit}img,canvas,svg{display:block;max-width:100%}#app{position:relative;min-height:100vh;overflow-x:clip}.skip-link{position:absolute;left:1rem;top:1rem;z-index:60;transform:translateY(-240%);padding:.55rem .85rem;background:var(--crt-panel-cyan);color:var(--crt-text-dark);text-decoration:none;border:2px solid var(--crt-text-dark)}.skip-link:focus{transform:translateY(0)}button,input[type=range]{appearance:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.crt-shell{min-height:100svh;padding:clamp(.5rem,1.3vw,1rem)}.crt-stage{display:grid;place-items:center;min-height:calc(100svh - clamp(1rem,2.6vw,2rem))}.crt-bezel{width:min(100%,1280px);min-height:min(92svh,920px);padding:clamp(.8rem,1.8vw,1.4rem);border-radius:clamp(1.2rem,2vw,1.8rem);background:linear-gradient(145deg,#5f6978,#30353f 34%,#151923 70%,#58606d),linear-gradient(180deg,#ffffff1f,#fff0);box-shadow:inset 0 0 0 2px #ffffff14,inset 0 -14px 24px #0000004d,0 30px 60px #00000073}.crt-screen{position:relative;min-height:calc(92svh - 2rem);padding:clamp(.9rem,2vw,1.3rem);overflow:hidden;border:3px solid rgba(212,232,255,.18);border-radius:clamp(1rem,1.8vw,1.5rem);background:radial-gradient(circle at 50% 35%,rgba(125,164,255,.12),transparent 40%),linear-gradient(180deg,#222a34eb,#121820fa);box-shadow:inset 0 0 40px #00000073,inset 0 0 120px #17efff14;filter:contrast(1) brightness(.85) saturate(.95);transform:scale(.98,.04);opacity:0}.crt-screen.is-on{animation:powerOn 1.1s cubic-bezier(.24,1.1,.34,1) forwards}.crt-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.34) 100%),linear-gradient(90deg,#ff004d17,#00ffd50f,#4878ff17);mix-blend-mode:screen;pointer-events:none;opacity:.66}.crt-noise,.crt-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.crt-noise{image-rendering:pixelated;opacity:.075;mix-blend-mode:screen}.crt-overlay:before,.crt-overlay:after{content:"";position:absolute;inset:0}.crt-overlay:before{background:linear-gradient(180deg,#ffffff0f,#fff0 18% 82%,#ffffff0a),repeating-linear-gradient(180deg,#070a102e 0 1px,#fff0 1px 3px);opacity:.92}.crt-overlay:after{background:linear-gradient(90deg,#ff00400f,#fff0,#00d9ff0f),radial-gradient(circle at 18% 10%,rgba(255,255,255,.18),transparent 24%);mix-blend-mode:screen;opacity:.55}.osd-shell{position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(.7rem,1.5vw,1rem);min-height:100%;color:var(--crt-text);text-shadow:0 0 .8px rgba(255,255,255,.9),1px 0 rgba(255,0,102,.16),-1px 0 rgba(0,245,255,.16)}.osd-topline,.launcher-rack,.browser-pane,.hud-strip{border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 22px #0000002e}.osd-topline{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:.75rem .95rem;background:linear-gradient(180deg,#2945d1e6,#162d9be6)}.signal-cluster{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem 1rem}.signal-label,.pane-label,.hud-label,.launcher-number,.launcher-count,.row-index,.row-flag,.status-chip,.hud-strip-legend{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.title-block{display:grid;gap:.16rem}.title-block h1{margin:0;font-size:clamp(1.4rem,1.2rem + 1.4vw,2.35rem);line-height:.94;text-transform:uppercase}.title-block p,.launcher-title,.launcher-count,.row-caption,.hud-subvalue{margin:0}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:7.5rem;min-height:2.2rem;padding:.15rem .7rem;background:var(--crt-panel-green);color:var(--crt-text-dark);border:2px solid rgba(0,0,0,.4)}.launcher-rack{display:grid;gap:.75rem;padding:.8rem;background:linear-gradient(180deg,#202630f0,#131821f0),#121821f0}.rack-heading,.browser-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.rack-heading h2,.browser-heading h2{margin:0;font-size:clamp(1rem,.9rem + .7vw,1.35rem);line-height:1;text-transform:uppercase}.launcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.launcher-tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:.25rem .6rem;min-height:6rem;padding:.65rem .7rem;border:2px solid rgba(0,0,0,.48);background:linear-gradient(180deg,var(--crt-panel-blue-2),var(--crt-panel-blue));color:var(--crt-text);cursor:pointer}.launcher-tile.is-selected{background:linear-gradient(180deg,#ff7ae0,var(--crt-panel-magenta))}.launcher-tile.is-focused{outline:3px solid var(--crt-panel-cyan);outline-offset:-3px}.launcher-icon{grid-column:1 / 2;grid-row:2 / 3;width:2.45rem;height:1.8rem;border:2px solid rgba(255,255,255,.82);box-shadow:inset 0 -.3rem #ffffff38}.launcher-number{grid-column:1 / 2;grid-row:1 / 2;color:var(--crt-panel-yellow)}.launcher-title{grid-column:2 / 3;grid-row:1 / 2;font-size:1rem;line-height:1;text-align:left;text-transform:uppercase}.launcher-count{grid-column:2 / 3;grid-row:2 / 3;font-size:.76rem;text-align:left}.browser-frame{display:grid;grid-template-columns:minmax(12rem,.88fr) minmax(0,1.45fr);gap:.8rem;min-height:0}.browser-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:.8rem;background:linear-gradient(180deg,#191f2cf5,#0d111af5)}.browser-pane.is-focused{box-shadow:inset 0 0 0 2px #22ecff80,0 0 20px #22ecff24}.menu-list{display:grid;align-content:start;gap:.4rem;min-height:0;overflow:auto;padding-right:.2rem}.menu-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem .8rem;width:100%;min-height:3.35rem;padding:.55rem .75rem;border:2px solid rgba(0,0,0,.46);background:linear-gradient(180deg,#224ce7e6,#1538bce6);color:var(--crt-text);cursor:pointer;text-align:left}.menu-row-entry{grid-template-columns:auto minmax(0,1fr) auto}.menu-row.is-selected{background:linear-gradient(180deg,#1478fff5,#115ce3f5)}.menu-row.is-focused,.menu-row.is-current{outline:3px solid var(--crt-panel-cyan);outline-offset:-3px}.menu-row.is-current{background:linear-gradient(180deg,#f64dccf0,#c1229ef0)}.menu-row.is-playing{box-shadow:inset 0 0 0 2px #3df46a66,0 0 16px #3df46a2e}.menu-row.is-jerking,.launcher-tile.is-jerking{animation:menuJerk .15s steps(2,end) 2}.row-body{display:grid;gap:.18rem;min-width:0}.row-title{font-size:clamp(.95rem,.9rem + .3vw,1.1rem);line-height:1;text-transform:uppercase}.row-caption,.hud-subvalue{font-size:.76rem;color:var(--crt-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-flags{display:flex;flex-wrap:wrap;justify-content:end;gap:.35rem}.row-flag{display:inline-flex;align-items:center;min-height:1.65rem;padding:0 .42rem;background:#05090f57;border:1px solid rgba(255,255,255,.28)}.row-flag-latest{background:var(--crt-panel-yellow);color:var(--crt-text-dark)}.row-flag-live{background:var(--crt-panel-green);color:var(--crt-text-dark)}.hud-frame{display:grid;gap:.55rem}.hud-strip{display:grid;gap:.75rem;padding:.7rem .85rem}.hud-strip-primary{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:linear-gradient(180deg,#1c3096f5,#132270f5)}.hud-group{display:grid;gap:.16rem;min-width:0}.hud-value{margin:0;font-size:1rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.hud-strip-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;background:linear-gradient(180deg,#159943f5,#127e39f5);color:var(--crt-text-dark)}.hud-play-button{min-width:7rem;min-height:2.8rem;padding:.3rem .85rem;border:2px solid rgba(0,0,0,.48);background:linear-gradient(180deg,#ffffff61,#ffffff24);color:inherit;cursor:pointer}.hud-progress-cluster{display:grid;gap:.35rem}.hud-progress-rail{position:relative;height:.9rem;border:2px solid rgba(0,0,0,.48);background:#0003;overflow:hidden}.hud-progress-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--crt-panel-yellow),var(--crt-panel-cyan))}.hud-progress-input{position:absolute;inset:0;margin:0;width:100%;opacity:0;cursor:pointer}.hud-progress-input:disabled{cursor:default}.hud-time-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem}.hud-strip-legend{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));align-items:center;background:linear-gradient(180deg,#2c43e1fa,#142da6fa)}.crt-shell-loading .crt-stage{min-height:100svh}.osd-boot{display:grid;place-items:center;min-height:50svh;font-size:clamp(1.5rem,1.1rem + 2vw,3rem);letter-spacing:.12em;text-transform:uppercase}@keyframes powerOn{0%{transform:scaleY(.03);opacity:1;filter:brightness(4.2) contrast(2.2)}20%{transform:scaleY(.03);opacity:1}32%{transform:scaleY(1.14);opacity:1}44%{transform:scale(1.02,.9);opacity:1}to{transform:scale(1);opacity:1;filter:brightness(1.12) contrast(1.12) saturate(1.18)}}@keyframes menuJerk{0%{transform:translate(0)}25%{transform:translate(.4px,-.4px)}50%{transform:translate(-.6px,.6px)}to{transform:translate(0)}}@media(max-width:980px){.browser-frame{grid-template-columns:minmax(0,1fr)}.crt-bezel{min-height:auto}.crt-screen{min-height:92svh}.hud-strip-primary,.hud-strip-controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.crt-shell{padding:.35rem}.crt-bezel{padding:.55rem;border-radius:.9rem}.crt-screen{min-height:calc(100svh - 1.1rem);padding:.65rem}.osd-shell{gap:.55rem}.osd-topline,.launcher-rack,.browser-pane,.hud-strip{padding:.6rem}.launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-row-entry{grid-template-columns:auto minmax(0,1fr)}.row-flags{grid-column:2 / 3;justify-content:start}.hud-strip-legend{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.72rem}}
