@import "https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:wght@400;700&family=Pinyon+Script&display=swap";
:root{--screen-amber:#d4a44a;--screen-amber-dim:#8b6d2e;--screen-amber-glow:#e8c874;--warm-white:#f0e6d2;--cream:#ebe0cc;--wood-dark:#3b2a1a;--wood-mid:#5c3d24;--wood-light:#7d5a3a;--wood-highlight:#a07850;--bakelite:#2a2018;--bakelite-light:#3d3028;--chrome:#b8b0a0;--chrome-bright:#d4cfc4;--bg-dark:#1a1410;--bg-panel:#2a2018;--bg-screen:#0c0a06;--border-color:#4a3a28;--text-dim:#6b5a48;--text-highlight:#f5e8d0;--font-main:"Special Elite", "Courier Prime", serif;--font-label:"Courier Prime", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--wood-dark);height:100%;color:var(--cream);font-family:var(--font-main);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;overflow:hidden}@supports (height:100dvh){html,body{height:100dvh}}.noise-field-screen{position:relative}.noise-field-screen:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000001a 3px 6px);position:absolute;inset:0}@keyframes warm-pulse{0%,to{opacity:1;text-shadow:0 0 6px var(--screen-amber), 0 0 16px var(--screen-amber-dim)}50%{opacity:.85;text-shadow:0 0 4px var(--screen-amber-dim), 0 0 10px var(--screen-amber-dim)}}.title-glow{color:#1a1008;letter-spacing:.04em;text-shadow:0 1px #ffffff40;background:linear-gradient(#e8e4dc 0%,#d8d2c8 15%,#f0ece4 40%,#c8c0b4 60%,#b0a898 85%,#d0ccc4 100%);border:1px solid #e0dcd4;border-color:#e0dcd4 #908878 #807060 #c8c0b4;border-radius:3px;padding:4px 20px 6px;font-family:Pinyon Script,cursive;font-size:2.2rem;font-weight:400;animation:none;box-shadow:1px 1px #605848,-1px -1px #f0ece4,2px 2px 4px #00000059,inset 0 1px 1px #fff6,inset 0 -1px 1px #0000001a}.panel{background:#2a2018c7;border:4px solid #d4cfc4;border-color:#d4cfc4 #807868 #706858 #ccc6b8;box-shadow:1px 1px #504840,-1px -1px #e8e2d8,2px 2px 6px #00000073,-1px -1px 3px #0000001a,inset 1px 1px 3px #00000040,inset -1px -1px 2px #d4cfc41a}.hud-label{color:var(--screen-amber-dim);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.15em;text-shadow:1px 1px #00000080;font-size:.75rem}@keyframes warm-flicker{0%,92%,to{opacity:1;transform:none}94%{opacity:.7}96%{opacity:.85;transform:translate(1px)}}.vhs-glitch-burst{animation:5s linear infinite warm-flicker}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:44px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--wood-dark), var(--wood-mid));border:1px solid var(--wood-highlight);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 40% 35%, var(--chrome-bright), var(--chrome) 60%, #8a8070);border:2px solid #5a5040;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #fff3}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--wood-dark), var(--wood-mid));border:1px solid var(--wood-highlight);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 40% 35%, var(--chrome-bright), var(--chrome) 60%, #8a8070);border:2px solid #5a5040;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #00000080,inset 0 1px 2px #fff3}select{font-family:var(--font-label);background:var(--bakelite);color:var(--cream);cursor:pointer;border:2px solid #706858;border-color:#706858 #c0b8a8 #d0c8b8 #605848;border-radius:2px;padding:4px 8px;font-size:.85rem;box-shadow:inset 1px 1px 2px #0000004d,1px 1px 2px #0003}select:focus{outline:1px solid var(--screen-amber-dim);box-shadow:0 0 4px var(--screen-amber-dim)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--wood-dark)}::-webkit-scrollbar-thumb{background:var(--wood-mid);border-radius:4px}.phosphor-pulse{animation:3s ease-in-out infinite warm-pulse}@media (max-width:767px){.title-glow{letter-spacing:.02em;padding:2px 10px 4px;font-size:1.25rem}.cockpit-topbar{justify-content:center!important;gap:8px!important;padding:6px 8px!important}.cockpit-topbar-controls{width:100%;justify-content:space-around!important;gap:6px!important}.cockpit-topbar-title{width:100%;justify-content:center!important}.cockpit-main{grid-template:"hero hero"1fr"transcript zener"220px/1fr 150px;gap:6px!important;padding:0 6px!important;display:grid!important}.zener-freehand,.zener-clear-btn{display:none!important}.cockpit-hero{grid-area:hero;min-height:180px;width:auto!important}.cockpit-transcript{grid-area:transcript;min-width:0;width:auto!important;height:auto!important}.cockpit-zener{grid-area:zener;width:auto!important;height:auto!important}.cockpit-bottombar{flex-wrap:wrap;gap:16px!important;padding:4px 8px!important}}@media (max-width:380px){.cockpit-topbar-controls{gap:4px!important}.cockpit-main{grid-template-columns:1fr 130px!important}}@media (max-height:500px) and (orientation:landscape){.title-glow{padding:1px 8px 2px;font-size:1rem}.cockpit-main{flex-direction:row!important;grid-template:none!important;display:flex!important}.cockpit-transcript,.cockpit-zener{flex:0 0 140px!important;width:140px!important;height:100%!important}.cockpit-hero{flex:auto!important}.zener-freehand,.zener-clear-btn{display:block!important}}