@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');:root{--amber:#ff9d23;--amber-glow:#ff9d23;--error:#ff5a3c;--terminal-font-size:clamp(15px,2.1vh,21px);--terminal-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff9d23' d='M4 2l1.4 17.4 4.1-4.1 3.1 6.7 2.6-1.2-3.1-6.7 5.7-.2z'/%3E%3C/svg%3E") 4 2,auto}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse at center,#0c0a09 0%,#000 70%);font-family:'VT323',ui-monospace,monospace}.room{min-height:100vh;position:relative;padding:3vh 2vw;overflow:hidden;cursor:var(--terminal-cursor)}.monitor{width:min(960px,96vw);height:min(640px,86vh);position:absolute;left:50%;top:50%;background:#000;border:2px solid var(--amber);border-radius:0;padding:2.2vh 2.4vw 3.4vh;box-shadow:0 0 15px var(--amber);animation:monitor-pulse 2s infinite;display:flex;flex-direction:column;overflow:hidden;cursor:var(--terminal-cursor);user-select:auto}@keyframes monitor-pulse{0%{box-shadow:0 0 15px var(--amber),0 0 calc(10px + 40px * var(--trace-intensity,0)) calc(2px + 10px * var(--trace-intensity,0)) rgba(255,40,20,var(--trace-intensity,0))}50%{box-shadow:0 0 25px var(--amber),0 0 calc(14px + 46px * var(--trace-intensity,0)) calc(3px + 12px * var(--trace-intensity,0)) rgba(255,40,20,var(--trace-intensity,0))}100%{box-shadow:0 0 15px var(--amber),0 0 calc(10px + 40px * var(--trace-intensity,0)) calc(2px + 10px * var(--trace-intensity,0)) rgba(255,40,20,var(--trace-intensity,0))}}@media (prefers-reduced-motion:reduce){.monitor{animation:none}}.monitor.is-dragging{cursor:var(--terminal-cursor)}.monitor-dragbar{position:absolute;top:0;left:18px;right:18px;height:18px;z-index:8;background:transparent;cursor:var(--terminal-cursor);touch-action:none}.monitor-handle{position:absolute;z-index:4;background:transparent;touch-action:none;cursor:var(--terminal-cursor)}.monitor-handle-top,.monitor-handle-bottom{left:18px;right:18px;height:18px}.monitor-handle-left,.monitor-handle-right{top:18px;bottom:22px;width:18px}.monitor-handle-top{top:0}.monitor-handle-bottom{bottom:0}.monitor-handle-left{left:0}.monitor-handle-right{right:0}.monitor-handle::after{content:'';position:absolute;top:0;bottom:0;width:2px;background:rgba(255,176,0,0.02)}.monitor-handle-left::after{right:0}.monitor-handle-right::after{left:0}.monitor-handle-top::after,.monitor-handle-bottom::after{left:0;right:0;height:2px;width:auto}.monitor-handle-top::after{bottom:0}.monitor-handle-bottom::after{top:0}.monitor-handle-top,.monitor-handle-bottom,.monitor-handle-left,.monitor-handle-right,.monitor-resize{cursor:var(--terminal-cursor)}.monitor-resize{position:absolute;right:0;bottom:0;width:26px;height:26px;z-index:8;background:transparent;cursor:var(--terminal-cursor);touch-action:none}.monitor-resize::after{content:'';position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid rgba(255,176,0,0.015);border-bottom:2px solid rgba(255,176,0,0.015)}.monitor::before{content:'';position:absolute;top:14px;right:22px;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px 2px var(--amber-glow);animation:led-blink 4s infinite}@keyframes led-blink{0%,92%,100%{opacity:1}94%,96%{opacity:0.35}}.screen{flex:1;position:relative;background:#000;overflow:hidden;cursor:var(--terminal-cursor)}.screen,.screen *{cursor:var(--terminal-cursor)}.cmd-input,.cmd-input *{cursor:text}.crt-output{position:absolute;inset:0;padding:2.4vh 2.4vw;overflow-y:auto;color:var(--amber);font-size:var(--terminal-font-size);line-height:1.45;text-shadow:0 0 8px var(--amber);user-select:text;cursor:var(--terminal-cursor);scrollbar-width:thin;scrollbar-color:var(--amber) transparent}.crt-output::-webkit-scrollbar{width:8px;height:8px}.crt-output::-webkit-scrollbar-track{background:transparent}.crt-output::-webkit-scrollbar-thumb{background-color:var(--amber);border-radius:4px;border:2px solid #000}.line{white-space:pre-wrap;word-break:break-word}.line-input{color:var(--amber);opacity:0.98;font-weight:700}.line-error{color:var(--amber)}.line-system{color:var(--amber);font-weight:bold}.tag-chip{color:var(--amber);opacity:0.7;letter-spacing:0.15em;font-size:0.82em;font-weight:700;margin-bottom:-0.1em}.crt-output a{color:var(--amber);text-decoration:underline}.media-frame{margin:10px 0;user-select:none;-webkit-user-select:none}.media-path{font-family:'VT323',ui-monospace,monospace;font-size:0.85em;letter-spacing:0.06em;color:var(--amber);opacity:0.7;margin-bottom:0.3em;padding-left:0.1ch}.media-path::before{content:'\25B8 ';color:var(--amber);opacity:1}.media-frame img{display:block;max-width:100%;max-height:42vh;height:auto;object-fit:contain;border:2px solid var(--amber);padding:5px;pointer-events:auto}.mp{width:100%;border:2px solid var(--amber);background:#000}.mp-stage{position:relative;width:100%;max-height:42vh;background:#000;overflow:hidden;cursor:pointer}.mp-stage video{display:block;width:100%;max-height:42vh;object-fit:contain;pointer-events:none}.mp-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0.16) 1px,rgba(0,0,0,0) 3px );mix-blend-mode:multiply}.mp-bigplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.2em;height:3.2em;border-radius:50%;border:1px solid var(--amber);background:rgba(0,0,0,0.55);color:var(--amber);font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding-left:0.15em;cursor:pointer;text-shadow:0 0 8px var(--amber-glow);box-shadow:0 0 18px rgba(255,157,35,0.25);transition:opacity 0.15s ease}.mp.is-playing .mp-bigplay{opacity:0;pointer-events:none}.mp-stage:hover .mp-bigplay{opacity:1;pointer-events:auto}.mp-reel{display:flex;align-items:center;gap:0.6ch;padding:0.6em 0.8em 0;color:var(--amber);opacity:0.75;font-size:0.85em;letter-spacing:0.1em}.mp-reel-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px 2px var(--amber-glow);animation:led-blink 3s infinite}.mp-bar{display:flex;align-items:center;gap:0.7ch;padding:0.5em 0.7em;font-family:'VT323',ui-monospace,monospace}.mp-btn{flex:0 0 auto;background:transparent;border:1px solid var(--amber);color:var(--amber);width:2em;height:2em;line-height:1;border-radius:3px;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;justify-content:center;text-shadow:0 0 6px var(--amber-glow)}.mp-btn:hover{background:rgba(255,157,35,0.15)}.mp-btn:active{transform:translateY(1px)}.mp-time{flex:0 0 auto;color:var(--amber);opacity:0.75;font-size:0.95rem;min-width:3.4ch;text-align:center}.mp-time-dur{cursor:pointer;user-select:none}.mp-time-dur:hover{color:var(--amber);opacity:1}.mp-time-dur.is-remaining{color:var(--amber);opacity:1;text-shadow:0 0 6px var(--amber-glow)}.mp-seek,.mp-vol{position:relative;height:0.9em;background:rgba(255,157,35,0.08);border:1px solid var(--amber);border-radius:2px;cursor:pointer;touch-action:none}.mp-seek{flex:1 1 auto;min-width:4ch}.mp-vol{flex:0 0 4.5em}.mp-seek-buf{position:absolute;top:0;bottom:0;left:0;width:0%;background:rgba(255,157,35,0.2)}.mp-seek-fill,.mp-vol-fill{position:absolute;top:0;bottom:0;left:0;width:0%;background:var(--amber);box-shadow:0 0 6px rgba(255,157,35,0.5)}.mp-vol-fill{width:100%}.mp-seek-knob,.mp-vol-knob{position:absolute;top:50%;left:0%;width:0.7em;height:0.7em;border-radius:50%;background:var(--amber);box-shadow:0 0 6px 2px var(--amber-glow);transform:translate(-50%,-50%);pointer-events:none}.mp-vol-knob{left:100%}.prompt-row{display:flex;align-items:baseline;gap:0.5ch;cursor:var(--terminal-cursor)}.prompt-sigil{color:var(--amber);flex-shrink:0;cursor:var(--terminal-cursor)}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:var(--amber);font-family:inherit;font-size:var(--terminal-font-size);caret-color:var(--amber);text-shadow:0 0 8px var(--amber);cursor:text;user-select:text}.cmd-input::selection,.crt-output::selection{background:rgba(255,176,0,0.28);color:#fff2c7}.crt-overlay{position:absolute;inset:0;pointer-events:none}.crt-scanlines{background:repeating-linear-gradient( to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0.18) 1px,rgba(0,0,0,0) 3px );mix-blend-mode:multiply}.crt-pixelgrid{background-image:repeating-linear-gradient( 90deg,rgba(0,0,0,0.35) 0px,rgba(0,0,0,0.35) 1px,transparent 1px,transparent 3px ),repeating-linear-gradient( 0deg,rgba(0,0,0,0.25) 0px,rgba(0,0,0,0.25) 1px,transparent 1px,transparent 3px );opacity:0.5}.crt-vignette{background:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(0,0,0,0.65) 100%)}.crt-flicker{background:radial-gradient(circle at center,rgba(255,176,0,0.14),transparent 68%);opacity:0.18;animation:flicker 7s infinite}.crt-cascade{opacity:0.22;background-image:linear-gradient( to bottom,rgba(255,176,0,0) 0%,rgba(255,176,0,0) 42%,rgba(255,176,0,0.05) 46%,rgba(255,176,0,0.18) 48%,rgba(255,176,0,0.08) 50%,rgba(255,176,0,0) 54%,rgba(255,176,0,0) 100% ),repeating-linear-gradient( to bottom,rgba(255,176,0,0) 0,rgba(255,176,0,0) 22px,rgba(255,176,0,0.04) 23px,rgba(255,176,0,0) 26px );background-size:100% 160px,100% 26px;background-position:0 0,0 0;mix-blend-mode:screen;filter:blur(0.15px);animation:cascade-fall 5.5s linear infinite}@keyframes cascade-fall{from{background-position:0 -160px,0 0}to{background-position:0 160px,0 26px}}@keyframes flicker{0%,96%,100%{opacity:0}97%{opacity:0.03}98%{opacity:0.01}99%{opacity:0.04}}@media (prefers-reduced-motion:reduce){.crt-flicker,.crt-cascade,.monitor::before{animation:none}}.lockout-screen{position:absolute;inset:0;z-index:50;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center}.lockout-code{font-size:clamp(2.4rem,8vw,4.5rem);color:var(--error);text-shadow:0 0 10px var(--error);animation:lockout-blink 1s steps(1,start) infinite}.lockout-message{font-size:clamp(1.1rem,3vw,1.6rem);color:var(--error);letter-spacing:0.12em;text-shadow:0 0 8px var(--error)}@keyframes lockout-blink{0%,50%{opacity:1}50.01%,100%{opacity:0.15}}.lockout-logout{margin-top:0.8rem;background:transparent;border:2px solid var(--error);color:var(--error);font-family:inherit;font-size:1.1rem;padding:0.6em 1.4em;cursor:pointer;text-shadow:0 0 6px var(--error)}.lockout-logout:hover{background:rgba(255,90,60,0.12)}@media (prefers-reduced-motion:reduce){.lockout-code{animation:none}}.trace-hud{position:absolute;bottom:0.7em;right:0.8em;z-index:40;background:rgba(20,0,0,0.88);border:2px solid var(--error);color:var(--error);font-weight:bold;font-size:1.15rem;letter-spacing:0.1em;padding:0.35em 0.9em;pointer-events:none;text-shadow:0 0 8px var(--error);box-shadow:0 0 16px 2px rgba(255,40,20,0.5);animation:trace-hud-breathe 1.4s ease-in-out infinite}.trace-hud-time{font-weight:bold}.trace-hud-elevated{animation:trace-hud-breathe 0.7s ease-in-out infinite;border-width:3px}.trace-hud-critical{animation:lockout-blink 0.4s steps(1,start) infinite;border-width:3px;font-size:1.3rem}@keyframes trace-hud-breathe{0%,100%{box-shadow:0 0 16px 2px rgba(255,40,20,0.5)}50%{box-shadow:0 0 28px 6px rgba(255,40,20,0.85)}}.trace-hud-pulse{animation:trace-hud-pulse-flash 0.5s ease-out}@keyframes trace-hud-pulse-flash{0%{box-shadow:0 0 0 rgba(255,90,60,0)}30%{box-shadow:0 0 22px 4px rgba(255,90,60,0.9)}100%{box-shadow:0 0 0 rgba(255,90,60,0)}}.room::after{content:'';position:absolute;inset:0;z-index:95;pointer-events:none;background:rgba(255,40,20,0)}.room-trace-pulse::after{animation:room-trace-pulse-flash 0.5s ease-out}@keyframes room-trace-pulse-flash{0%{background:rgba(255,40,20,0)}25%{background:rgba(255,40,20,0.38)}100%{background:rgba(255,40,20,0)}}.room-trace-pulse-critical::after{animation:room-trace-pulse-flash-critical 0.5s ease-out}@keyframes room-trace-pulse-flash-critical{0%{background:rgba(255,20,10,0)}20%{background:rgba(255,20,10,0.55)}100%{background:rgba(255,20,10,0)}}.room-trace-pulse-critical{animation:room-trace-shake 0.5s ease-out}@keyframes room-trace-shake{0%,100%{transform:translate(0,0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}.room-trace-event-start::after{animation:room-trace-event-start-flash 0.9s ease-out}@keyframes room-trace-event-start-flash{0%{background:rgba(255,40,20,0)}15%{background:rgba(255,40,20,0.5)}100%{background:rgba(255,40,20,0)}}.room-trace-event-accelerate::after{animation:room-trace-event-accelerate-flash 0.9s ease-out}@keyframes room-trace-event-accelerate-flash{0%{background:rgba(255,20,10,0)}12%{background:rgba(255,20,10,0.75)}30%{background:rgba(255,20,10,0.1)}45%{background:rgba(255,20,10,0.7)}100%{background:rgba(255,20,10,0)}}.room-trace-event-accelerate{animation:room-trace-shake-hard 0.9s ease-out}@keyframes room-trace-shake-hard{0%,100%{transform:translate(0,0)}10%{transform:translate(-4px,2px)}25%{transform:translate(4px,-2px)}40%{transform:translate(-3px,3px)}55%{transform:translate(3px,-3px)}70%{transform:translate(-2px,1px)}85%{transform:translate(2px,-1px)}}.room-trace-event-stop::after{animation:room-trace-event-stop-flash 0.9s ease-out}@keyframes room-trace-event-stop-flash{0%{background:rgba(120,200,255,0)}20%{background:rgba(120,200,255,0.35)}100%{background:rgba(120,200,255,0)}}.room{--trace-intensity:0}.monitor{transition:border-color 0.4s ease;border-color:color-mix(in srgb,var(--error) calc(var(--trace-intensity) * 100%),var(--amber))}@media (prefers-reduced-motion:reduce){.trace-hud{animation:none}.trace-hud-pulse{animation:none}.room-trace-pulse::after{animation:none}.room-trace-pulse-critical::after{animation:none}.room-trace-pulse-critical{animation:none}.room-trace-event-start::after,.room-trace-event-accelerate::after,.room-trace-event-stop::after{animation:none}.room-trace-event-accelerate{animation:none}.monitor{box-shadow:0 0 15px var(--amber),0 0 calc(10px + 40px * var(--trace-intensity)) calc(2px + 10px * var(--trace-intensity)) rgba(255,40,20,var(--trace-intensity))}}