:root{--chassis-body: #1c1e22;--chassis-panel: #24272c;--chassis-bevel-light: #3a3e47;--chassis-bevel-dark: #0f1012;--chassis-screw: #4b515d;--engraved-label: #8e95a5;--engraved-accent: #d97706;--bezel-outer: #121316;--bezel-inner: #08090a;--crt-bg: #0c0a06;--crt-amber: #ffaa22;--crt-amber-bright: #ffd270;--crt-amber-dim: #995c00;--crt-amber-trace: rgba(255, 170, 34, .15);--crt-green: #38bdf8;--crt-red: #f87171;--led-green-lit: #10b981;--led-green-glow: rgba(16, 185, 129, .6);--led-amber-lit: #f59e0b;--led-amber-glow: rgba(245, 158, 11, .6);--led-red-lit: #ef4444;--led-red-glow: rgba(239, 68, 68, .6);--key-body: #2b2e35;--key-top: #343840;--key-border-light: #494e5a;--key-border-dark: #17181c;--key-text: #b0b8c6;--key-active: #202227;--font-hardware: "Chakra Petch", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-crt: "Share Tech Mono", "Courier New", ui-monospace, monospace;--font-bitmap: "VT323", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;background-color:#08090a;color:var(--crt-amber);font-family:var(--font-hardware);overflow:hidden;position:fixed;touch-action:manipulation}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.terminal-shell{width:100vw;height:100dvh;max-width:480px;background:linear-gradient(175deg,#282b32,#1c1e22 55%,#151619);border-left:2px solid var(--chassis-bevel-light);border-right:2px solid var(--chassis-bevel-dark);box-shadow:0 0 45px #000000d9,inset 1px 1px 1px #ffffff1a;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:env(safe-area-inset-top,8px) 10px env(safe-area-inset-bottom,8px) 10px}.terminal-shell.landscape-mode{max-width:100vw;max-height:100dvh;flex-direction:row;padding:10px env(safe-area-inset-right,14px) 10px env(safe-area-inset-left,14px);background:linear-gradient(180deg,#25282e,#1c1e22)}.chassis-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px;z-index:1}.hardware-top-deck{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 8px;border-bottom:1px solid rgba(0,0,0,.4);position:relative;z-index:2;gap:8px}.brand-plate{display:flex;flex-direction:column}.brand-title{font-family:var(--font-hardware);font-size:11px;font-weight:700;letter-spacing:.14em;color:#cdd3de;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.brand-sub{font-family:var(--font-hardware);font-size:8px;font-weight:600;letter-spacing:.1em;color:#7b8393}.speaker-grille{flex:1;max-width:90px;height:18px;background:repeating-linear-gradient(90deg,#131417,#131417 3px,#2c2f37 3px,#2c2f37 5px);border-radius:3px;border:1px solid #16171a;box-shadow:inset 1px 1px 3px #000000b3}.led-cluster{display:flex;align-items:center;gap:10px}.led-unit{display:flex;flex-direction:column;align-items:center;gap:3px}.led-label{font-size:7.5px;font-weight:700;color:#8c93a3;letter-spacing:.08em;font-family:var(--font-hardware)}.led-lamp{width:7px;height:7px;border-radius:50%;background-color:#1e2025;border:1px solid #0a0b0d;box-shadow:inset 0 1px 2px #000000e6;transition:all .2s ease}.led-lamp.led-green.active{background-color:var(--led-green-lit);box-shadow:0 0 6px var(--led-green-glow),inset 0 1px 1px #a7f3d0}.led-lamp.led-amber.active{background-color:var(--led-amber-lit);box-shadow:0 0 6px var(--led-amber-glow),inset 0 1px 1px #fde68a}.led-lamp.led-red.active{background-color:var(--led-red-lit);box-shadow:0 0 6px var(--led-red-glow),inset 0 1px 1px #fecaca}.corner-screw{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#5a606d,#25282f 80%);border:1px solid #18191c;box-shadow:inset 0 1px 1px #ffffff26,0 1px 2px #0009;position:relative}.corner-screw:before,.corner-screw:after{content:"";position:absolute;background-color:#141517;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-screw:before{width:6px;height:1px}.corner-screw:after{width:1px;height:6px}.crt-bezel-frame{flex:1;min-height:0;background:radial-gradient(circle at 50% 40%,#15161a,#0c0d10 95%);border-radius:12px;padding:8px;box-shadow:inset 2px 2px 6px #000,inset -2px -2px 6px #ffffff0d,0 2px 4px #0009;border:2px solid #1e2026;display:flex;flex-direction:column;position:relative;overflow:hidden;margin:4px 0 6px}.crt-bezel-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(170deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.015) 40%,transparent 100%);border-top-left-radius:10px;border-top-right-radius:10px;pointer-events:none;z-index:10}.crt-screen-inner{flex:1;min-height:0;background-color:var(--crt-bg);border-radius:6px;border:1px solid #1a160d;box-shadow:inset 0 0 16px #000000f2;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:var(--font-crt);color:var(--crt-amber)}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#12100c00 50%,#00000059 50%);background-size:100% 3px;z-index:8;opacity:.75}.crt-bloom{text-shadow:0 0 4px rgba(255,170,34,.5),0 0 10px rgba(255,150,0,.2)}.crt-status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#ffaa220f;border-bottom:1px solid rgba(255,170,34,.25);font-size:10.5px;font-family:var(--font-crt);letter-spacing:.06em;z-index:4}.crt-scroll-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;z-index:4;-webkit-overflow-scrolling:touch}.crt-scroll-content.crt-play-mode{padding:4px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.crt-scroll-content::-webkit-scrollbar{width:4px}.crt-scroll-content::-webkit-scrollbar-thumb{background:var(--crt-amber-dim);border-radius:2px}.crt-scroll-content::-webkit-scrollbar-track{background:transparent}.hoshi-console-box{background:#120e08eb;border-top:1px solid rgba(255,170,34,.3);padding:6px 8px;display:flex;flex-direction:column;gap:5px;z-index:5;font-size:11px}.hoshi-header-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.hoshi-badge{font-size:9.5px;font-weight:700;background:#ffaa222e;color:var(--crt-amber-bright);padding:1px 5px;border-radius:2px;border:1px solid rgba(255,170,34,.35);letter-spacing:.1em}.hoshi-text-stream{color:var(--crt-amber-bright);font-family:var(--font-crt);line-height:1.35;letter-spacing:.02em;font-size:11.5px;text-shadow:0 0 3px rgba(255,170,34,.4)}.hoshi-chip-row{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.hoshi-chip{background:#ffaa2214;border:1px solid rgba(255,170,34,.25);color:var(--crt-amber);font-size:9px;font-family:var(--font-crt);padding:2px 6px;border-radius:2px;cursor:pointer;white-space:nowrap}.hoshi-chip:active{background:var(--crt-amber);color:#0c0a06}.hardware-control-deck{background:linear-gradient(180deg,#22252b,#17181c);border-radius:8px;border:1px solid #2f333c;box-shadow:inset 1px 1px #ffffff14,0 3px 6px #00000080;padding:8px 10px 6px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:3}.mode-switch-rack{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mode-key{background:linear-gradient(180deg,#32363e,#22252a);border:1px solid #454a55;border-bottom:2px solid #141518;border-radius:4px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 3px #0009,inset 0 1px #ffffff1f;transition:transform .06s ease,background .1s ease}.mode-key:active,.mode-key.active-mode{transform:translateY(2px);background:linear-gradient(180deg,#1b1c20,#25282e);border-top:1px solid #101114;border-bottom:1px solid #3c404b;box-shadow:inset 0 2px 4px #000000b3}.mode-key.active-mode .mode-key-title{color:#fbbf24;text-shadow:0 0 6px rgba(245,158,11,.5)}.mode-key.active-mode .mode-led-dot{background-color:var(--led-amber-lit);box-shadow:0 0 5px var(--led-amber-glow)}.mode-led-dot{width:4px;height:4px;border-radius:50%;background-color:#17181c;margin-bottom:2px}.mode-key-title{font-size:8.5px;font-weight:700;letter-spacing:.05em;color:#a3abb9;font-family:var(--font-hardware)}.controls-subgrid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.dpad-container{width:86px;height:86px;position:relative;background:#151619;border-radius:50%;border:2px solid #282b32;box-shadow:inset 0 2px 5px #000c,0 1px 3px #ffffff0d;display:flex;align-items:center;justify-content:center}.dpad-cross{width:72px;height:72px;position:relative}.dpad-btn{position:absolute;background:linear-gradient(180deg,#33363f,#24272d);border:1px solid #434854;box-shadow:0 2px 3px #0009;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9aa2b1;font-size:11px}.dpad-btn:active{background:#1d1e22;box-shadow:inset 0 1px 3px #000c}.dpad-btn.up{top:0;left:24px;width:24px;height:25px;border-top-left-radius:4px;border-top-right-radius:4px}.dpad-btn.down{bottom:0;left:24px;width:24px;height:25px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dpad-btn.left{top:24px;left:0;width:25px;height:24px;border-top-left-radius:4px;border-bottom-left-radius:4px}.dpad-btn.right{top:24px;right:0;width:25px;height:24px;border-top-right-radius:4px;border-bottom-right-radius:4px}.dpad-center-hub{position:absolute;top:24px;left:24px;width:24px;height:24px;background:#25282e;border:1px solid #383c46}.center-deck-controls{display:flex;flex-direction:column;align-items:center;gap:6px}.soft-keys-group{display:flex;gap:12px}.soft-key-item{display:flex;flex-direction:column;align-items:center;gap:3px}.soft-key-btn{width:36px;height:18px;background:linear-gradient(180deg,#373b44,#222429);border:1px solid #4a505c;border-bottom:2px solid #131416;border-radius:3px;cursor:pointer;box-shadow:0 1px 3px #0009}.soft-key-btn:active{transform:translateY(1.5px);background:#1a1b1f;box-shadow:inset 0 1px 2px #000}.soft-key-label{font-size:7.5px;font-weight:700;color:#8b93a3;letter-spacing:.08em}.chassis-rocker-row{display:flex;gap:8px;align-items:center}.toggle-switch-housing{display:flex;align-items:center;gap:4px;cursor:pointer;background:#16171a;padding:2px 5px;border-radius:10px;border:1px solid #282a30}.toggle-knob{width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,#505562,#2b2e36);border:1px solid #191a1d;box-shadow:0 1px 2px #000c;transition:transform .15s ease}.toggle-knob.active{background:linear-gradient(180deg,#fbbf24,#d97706);box-shadow:0 0 5px #f59e0b99}.action-buttons-rack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.tactile-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:78px;padding:6px 8px;border-radius:5px;cursor:pointer;font-family:var(--font-hardware);font-weight:700;font-size:9.5px;letter-spacing:.08em;box-shadow:0 2px 4px #000000b3,inset 0 1px #ffffff26;transition:transform .06s ease}.tactile-action-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #000c}.btn-enter{background:linear-gradient(180deg,#d97706,#b45309);border:1px solid #f59e0b;border-bottom:2px solid #78350f;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.btn-enter:active{background:#92400e}.btn-back{background:linear-gradient(180deg,#373b44,#26292f);border:1px solid #4a505d;border-bottom:2px solid #141518;color:#cbd5e1}.btn-back:active{background:#1c1d22}.teletext-banner{background-color:var(--crt-amber);color:#0b0905;font-weight:700;padding:3px 6px;display:flex;justify-content:space-between;letter-spacing:.08em;margin-bottom:6px;font-size:11px}.score-card-retro{background:#ffaa220a;border:1px solid rgba(255,170,34,.25);border-radius:4px;padding:8px;margin-bottom:8px;transition:border-color .15s ease}.score-card-retro:hover,.score-card-retro.selected{border-color:var(--crt-amber-bright);background:#ffaa2214}.score-digits{font-family:var(--font-bitmap);font-size:26px;line-height:1;letter-spacing:.04em;color:var(--crt-amber-bright);text-shadow:0 0 6px rgba(255,170,34,.7)}.dot-matrix-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(255,170,34,.2)}.dossier-card{border:1px solid rgba(255,170,34,.3);background:#ffaa2208;padding:8px;margin-bottom:8px;border-left:3px solid var(--crt-amber)}.dossier-status-tag{display:inline-block;font-size:9px;font-weight:700;padding:1px 4px;border:1px solid currentColor;margin-left:6px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.calc-btn{background:#ffaa221a;border:1px solid rgba(255,170,34,.35);color:var(--crt-amber);font-family:var(--font-crt);font-size:15px;font-weight:700;padding:10px 0;border-radius:3px;cursor:pointer}.calc-btn:active{background:var(--crt-amber);color:#0c0a06}.calc-display{background:#080705;border:1px solid rgba(255,170,34,.4);padding:10px;text-align:right;font-family:var(--font-bitmap);font-size:32px;color:var(--crt-amber-bright);letter-spacing:.08em;text-shadow:0 0 8px rgba(255,170,34,.8)}.standby-screen{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#070604;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;cursor:pointer}.standby-clock{font-family:var(--font-bitmap);font-size:48px;color:var(--crt-amber);text-shadow:0 0 10px rgba(255,170,34,.4)}.standby-pulse{animation:standbyPulse 4s ease-in-out infinite}@keyframes standbyPulse{0%,to{opacity:.45}50%{opacity:.95}}.crt-boot-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0a06;z-index:50;display:flex;flex-direction:column;padding:14px;font-family:var(--font-crt);font-size:11px;color:var(--crt-amber);overflow:hidden}