/* RAI display themes. Decoration never intercepts emulator input. */
.rai-monitor{--phosphor:#66e2f5;--accent-rgb:73,208,234;--frame:#10202d;position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:auto!important;min-height:0;padding:42px 8% 64px;background:radial-gradient(ellipse at 50% 24%,#16405a 0,transparent 58%),linear-gradient(155deg,#07121e,#05080f 75%);overflow:hidden}
.scene-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(var(--accent-rgb),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.18) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000)}
.scene-grid:after{content:"";position:absolute;inset:65% -30% -30%;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(var(--accent-rgb),.4) 80px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(var(--accent-rgb),.4) 40px);transform:perspective(240px) rotateX(55deg);transform-origin:50% 0}
.scene-orbit{position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.1);border-radius:50%;z-index:-1;box-shadow:0 0 0 42px rgba(var(--accent-rgb),.025),0 0 0 85px rgba(var(--accent-rgb),.02);transform:translateY(-8%)}
.scene-caption{position:absolute;bottom:17px;left:22px;color:var(--phosphor);font:10px/1.6 Consolas,monospace;letter-spacing:3px;opacity:.7}.scene-caption span{display:block;font-size:8px;letter-spacing:2px;opacity:.6}
.crt-shell{position:relative;width:min(100%,800px);padding:0 16px;border:1px solid rgba(var(--accent-rgb),.68);border-radius:16px;background:linear-gradient(145deg,rgba(32,65,85,.78),rgba(7,17,29,.97));box-shadow:0 0 0 5px rgba(var(--accent-rgb),.04),0 0 32px rgba(var(--accent-rgb),.13),0 24px 65px #000a,inset 0 1px 0 #b4ecff38;z-index:1}
.crt-shell:before,.crt-shell:after{content:"";position:absolute;top:24%;bottom:24%;width:3px;background:var(--phosphor);box-shadow:0 0 15px var(--phosphor);border-radius:3px}.crt-shell:before{left:-6px}.crt-shell:after{right:-6px}
.crt-top,.crt-bottom{height:47px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--phosphor);font:9px Consolas,monospace;letter-spacing:1.5px;pointer-events:none}.rai-wordmark{font:bold 21px/1 Consolas,monospace;letter-spacing:2px;color:#ecfaff}.rai-wordmark span{font:8px Consolas,monospace;letter-spacing:2px;margin-left:10px;color:var(--phosphor)}.crt-signal{font-size:8px;letter-spacing:1px}.crt-signal i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);margin-right:7px}
.rai-monitor .screen{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#020508;border:1px solid #000;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.18),inset 0 0 30px #000;isolation:isolate}
.rai-monitor .screen:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 3px 4px);opacity:.22;box-shadow:inset 0 0 20px #0005}
.crt-bottom{height:44px;font-size:8px;color:#7d9eaf}.crt-bars{display:inline-block;margin-left:16px;color:var(--phosphor);letter-spacing:2px}.crt-controls{display:flex;align-items:center;gap:11px}.crt-controls i{width:13px;height:13px;border-radius:50%;background:linear-gradient(140deg,#8092a6,#17232f 65%);box-shadow:0 1px 3px #000,inset 0 1px 1px #d1e3ef42}.crt-controls b{font-size:8px;margin-left:5px;color:var(--phosphor)}
.monitor-plinth{position:absolute;bottom:43px;left:23%;right:23%;height:3px;border-radius:50%;background:var(--phosphor);filter:blur(3px);opacity:.45;box-shadow:0 5px 35px 12px rgba(var(--accent-rgb),.22)}
.rai-monitor .welcome{background:radial-gradient(ellipse at 50% 45%,#142d3c,#030912 73%);color:#e4f4ff;gap:0}.welcome-rai{font:bold clamp(36px,6vw,80px)/1 Consolas,monospace;color:var(--phosphor);letter-spacing:7px;text-shadow:0 0 25px rgba(var(--accent-rgb),.35);padding:20px}.welcome-rai span{display:block;font:9px/3 Consolas,monospace;letter-spacing:5px;opacity:.7}.rai-monitor .welcome h2{font:500 clamp(14px,1.6vw,21px)/1.4 'Segoe UI',sans-serif;letter-spacing:0;margin:12px 0}.rai-monitor .welcome p{font:12px/1.5 'Segoe UI',sans-serif;color:#849aaf;margin-bottom:20px}.rai-monitor .bootline{font:9px Consolas,monospace;letter-spacing:1.5px;color:var(--phosphor);opacity:.55}
.rai-monitor[data-theme=sapphire]{--phosphor:#8bbcff;--accent-rgb:72,132,228;background:radial-gradient(ellipse at 50% 40%,#294e77,#0b1424 65%);padding:36px 7% 63px}.rai-monitor[data-theme=sapphire] .crt-shell{padding:0 30px;border:10px solid #263d59;border-radius:40px;background:linear-gradient(150deg,#435e7a,#1a293d 55%,#101824);box-shadow:inset 0 0 0 2px #6f92b34d,0 0 0 2px #070e18,0 26px 40px #0008}.rai-monitor[data-theme=sapphire] .crt-shell:before,.rai-monitor[data-theme=sapphire] .crt-shell:after{display:none}.rai-monitor[data-theme=sapphire] .screen{border-radius:25px;box-shadow:0 0 0 8px #091321,inset 0 0 30px #000}.rai-monitor[data-theme=sapphire] .crt-top{height:44px}.rai-monitor[data-theme=sapphire] .crt-bottom{height:57px}.rai-monitor[data-theme=sapphire] .scene-grid{opacity:.07}.rai-monitor[data-theme=sapphire] .scene-orbit{display:none}.rai-monitor[data-theme=sapphire] .monitor-plinth{filter:none;height:12px;bottom:44px;background:linear-gradient(#2a435b,#09111e);border:1px solid #4d7092;box-shadow:0 8px 18px #000;opacity:1}
.rai-monitor[data-theme=nebula]{--phosphor:#c5a2ff;--accent-rgb:155,113,244;background:radial-gradient(ellipse at 15% 35%,#49234d88,transparent 45%),radial-gradient(ellipse at 85% 15%,#20487d88,transparent 40%),#0b0a16}.rai-monitor[data-theme=nebula] .crt-shell{border-radius:4px 30px 4px 30px;background:linear-gradient(125deg,#211a38cc,#121728f2);border-color:#9980c780;box-shadow:0 0 0 6px #b39af30a,-15px 0 60px #9565d918,15px 0 60px #3868b918,0 25px 40px #0009}.rai-monitor[data-theme=nebula] .scene-grid{background-size:70px 70px;transform:rotate(-12deg) scale(1.4);opacity:.16}.rai-monitor[data-theme=nebula] .scene-orbit{border-style:dashed;width:92%;transform:rotate(25deg) scaleY(.65)}
.rai-monitor[data-theme=amber]{--phosphor:#ffc379;--accent-rgb:235,153,59;background:radial-gradient(ellipse at 50% 20%,#3e2b1f,#100e0d 67%)}.rai-monitor[data-theme=amber] .crt-shell{border-radius:7px;border:7px solid #38312b;padding:0 23px;background:linear-gradient(145deg,#41392f,#1d1b18);box-shadow:inset 0 0 0 1px #ddc09a38,0 1px 0 1px #080706,0 25px 55px #0009}.rai-monitor[data-theme=amber] .crt-shell:before,.rai-monitor[data-theme=amber] .crt-shell:after{width:4px;box-shadow:0 0 8px #e7ac594d;top:15%;bottom:15%;background:repeating-linear-gradient(#65523b 0 4px,#171411 4px 9px)}.rai-monitor[data-theme=amber] .screen{border-radius:22px;border:4px solid #100e0a}.rai-monitor[data-theme=amber] .scene-grid{background-size:24px 24px;opacity:.1}.rai-monitor[data-theme=amber] .scene-orbit{display:none}
.focused .rai-monitor{padding:18px 30px 30px;min-height:0}.focused .rai-monitor .crt-shell{width:min(100%,940px)}
.rai-monitor:fullscreen{display:flex;padding:0!important;background:#000!important}.rai-monitor:fullscreen .crt-shell{width:100%;height:100%;padding:0;border:0;border-radius:0;background:#000;box-shadow:none}.rai-monitor:fullscreen .screen{width:100%!important;height:100%!important;aspect-ratio:auto;border:0;border-radius:0}.rai-monitor:fullscreen .crt-top,.rai-monitor:fullscreen .crt-bottom,.rai-monitor:fullscreen .scene-caption,.rai-monitor:fullscreen .monitor-plinth,.rai-monitor:fullscreen .crt-shell:before,.rai-monitor:fullscreen .crt-shell:after{display:none}
@media(max-width:760px){.rai-monitor,.rai-monitor[data-theme=sapphire]{padding:22px 14px 48px}.crt-shell{padding:0 8px;border-radius:10px}.crt-top{height:37px}.crt-bottom{height:34px}.crt-signal{font-size:6px}.rai-wordmark{font-size:17px}.rai-wordmark span{font-size:6px;margin-left:7px}.crt-controls{gap:7px}.crt-controls i{width:10px;height:10px}.crt-bars{display:none}.scene-caption{font-size:8px;bottom:10px;left:15px}.scene-caption span{font-size:7px}.monitor-plinth{bottom:32px}.rai-monitor[data-theme=sapphire] .crt-shell{padding:0 12px;border-width:6px;border-radius:25px}.rai-monitor[data-theme=sapphire] .crt-bottom{height:40px}.rai-monitor[data-theme=sapphire] .screen{border-radius:15px;box-shadow:0 0 0 4px #091321}.rai-monitor[data-theme=sapphire] .monitor-plinth{bottom:31px;height:8px}.rai-monitor[data-theme=amber] .crt-shell{padding:0 10px;border-width:5px}.rai-monitor .welcome p{max-width:220px;font-size:11px}.focused .rai-monitor{padding:12px}}
/* Monitor presentation controls */
.rai-monitor .screen{aspect-ratio:var(--display-aspect,1.333333)}
.display-field{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#9db4ce;margin:0 0 0 7px}
.display-field select{width:auto;max-width:190px;padding:8px 24px 8px 9px;background:#101722;border:1px solid #36506f;border-radius:5px;color:#dceafd;font:11px 'Segoe UI',sans-serif;cursor:pointer}
.display-field select:focus-visible{outline:2px solid #72b9fa;outline-offset:2px}
.display-feedback{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;color:#93a9c0;font:11px/1.5 'Segoe UI',sans-serif}
#applyVideoBtn{border-color:#ae8544;color:#ffda9b}
@media(max-width:760px){.display-field{margin:5px 0;flex:1 1 155px;justify-content:space-between}.display-field select{max-width:160px}.transport .button-row{gap:6px}}

.input-status{font:11px/1.5 Consolas,monospace;color:#8ea7bf;margin:8px 0}
.keyboard-hud{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0 12px;padding:18px 20px;border:1px solid #526176;border-radius:10px;background:radial-gradient(ellipse at 20% 50%,#ffffff08,transparent 60%),#0c111b;box-shadow:inset 0 1px 0 #ffffff10,0 0 20px #daeaff06}
.keyboard-title{display:grid;gap:7px;min-width:125px}.keyboard-title strong{font:700 12px Consolas,monospace;letter-spacing:2px;color:#f2f8ff}.keyboard-title span{font:8px Consolas,monospace;letter-spacing:3px;color:#8192a9}
.keyboard-keys{display:grid;grid-template-columns:38px 38px 38px 62px 50px;grid-template-rows:32px 32px;gap:5px 6px}
.keycap{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #617086;border-bottom:3px solid #333e50;border-radius:5px;color:#c4d0df;background:linear-gradient(#273041,#17202f);font:600 14px Consolas,monospace;box-shadow:inset 0 1px 0 #ffffff12;transition:background .06s,box-shadow .06s,color .06s}
.keycap small{font:7px Consolas,monospace;letter-spacing:1px;opacity:.7;margin-top:5px}.key-up{grid-column:2;grid-row:1}.key-left{grid-column:1;grid-row:2}.key-down{grid-column:2;grid-row:2}.key-right{grid-column:3;grid-row:2}.key-ctrl{grid-column:4;grid-row:1/3;margin-left:6px}.key-alt{grid-column:5;grid-row:1/3}
.keycap.held{color:#142333;background:linear-gradient(#ffffff,#dcecff);border-color:#fff;box-shadow:0 0 10px #fff9,0 0 25px #c4dfff50,inset 0 1px 0 #fff;transform:translateY(1px)}
.keyboard-readout{display:grid;gap:8px;min-width:145px;flex:1}.keyboard-readout output{color:#f3f8ff;font:600 13px Consolas,monospace}.keyboard-readout span{color:#8396af;font-size:10px}#releaseKeysBtn{font-size:11px;border-color:#6a7a90;background:#172131;color:#e3eaf5}
@media(max-width:760px){.keyboard-hud{gap:15px;padding:15px}.keyboard-title{width:100%;display:flex;align-items:center;justify-content:space-between}.keyboard-readout{min-width:120px}.keyboard-keys{grid-template-columns:30px 30px 30px 50px 40px;grid-template-rows:29px 29px}.keycap{font-size:12px}}
.mouse-hud{display:grid;grid-template-columns:34px 29px 34px;grid-template-rows:53px 12px;gap:5px 3px;padding-left:20px;border-left:1px solid #ffffff15}.mouse-key{display:flex;align-items:center;justify-content:center;border:1px solid #617086;background:linear-gradient(#273041,#17202f);border-radius:12px 5px 5px 5px;color:#b8c7da;font:8px Consolas,monospace}.mouse-key[data-mouse="2"]{border-radius:5px 12px 5px 5px}.mouse-wheel{flex-direction:column;gap:3px;border-radius:8px}.mouse-wheel i{font-style:normal;color:#657a95;font-size:12px;line-height:12px}.mouse-wheel b{font-size:6px}.mouse-label{grid-column:1/4;text-align:center;letter-spacing:3px;font:7px Consolas,monospace;color:#8192a9}.mouse-key.held{background:#eff7ff;color:#172a3e;border-color:#fff;box-shadow:0 0 12px #ffffff80}.mouse-wheel[data-scroll="up"] .wheel-up,.mouse-wheel[data-scroll="down"] .wheel-down{color:white;text-shadow:0 0 7px white,0 0 14px #a8d5ff}.mouse-wheel[data-scroll="up"],.mouse-wheel[data-scroll="down"]{border-color:#eef7ff;box-shadow:0 0 12px #dfefff50}

.capture-toolbar{margin:18px 0;padding:15px;border:1px solid #334e6e;border-radius:8px;background:#121e2c}.capture-toolbar p{font-size:11px;color:#a3bbd4;margin:10px 0 0}.capture-toolbar a{font-size:11px;color:#a9d2ff;padding:6px}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#93a4b5;margin-right:7px}.recording .record-dot{background:#ff6262;box-shadow:0 0 10px #ff6262}.recording{border-color:#ed6666!important}#recordTime{font:11px monospace;margin-left:7px}