:root{--bg: #1a1c20;--panel: #25282d;--text: #e7e9ee;--muted: #8b929d;--accent: #d4a050;--error: #d76e6e;--case-beige: #d8cfb4;--case-beige-hi: #ece4cb;--case-shadow: #8e8770;--case-seam: #5a5443;--crt-bezel: #4a463c;--crt-screen: #0a1208;--crt-glow: #6cff8c;--led-green: #6cff58;--led-red: #ff4b3a;--led-amber: #ffb347;--dot-paper: #e7ead8;--dot-rule: #c9d4b5;--dot-ink: #1a2a55;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100vh;overflow:hidden;padding:1rem 1.25rem}main.desk{display:grid;grid-template-columns:1fr 28rem;gap:1.25rem;align-items:stretch;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}@media(max-width:1100px){body{height:auto;overflow:auto}main.desk{grid-template-columns:1fr;height:auto;max-height:none}}.monitor{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0}.monitor-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;height:100%;max-width:100%;min-height:0}.monitor-bezel{position:relative;max-width:100%;justify-content:center;background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 35%,var(--case-shadow) 100%);border-radius:18px;box-shadow:inset 1px 1px #ffffff8c,inset -1px -2px #00000059,0 10px 28px #0000008c;padding:1.4rem 1.6rem 2.2rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%}.monitor-bezel:before,.monitor-bezel:after{content:"";position:absolute;left:0;right:0;height:10px;pointer-events:none;background-repeat:no-repeat;background-image:radial-gradient(circle at 6px 5px,var(--case-seam) 0 2.5px,transparent 3px 100%),radial-gradient(circle at calc(100% - 6px) 5px,var(--case-seam) 0 2.5px,transparent 3px 100%)}.monitor-bezel:before{top:6px}.monitor-bezel:after{bottom:6px}.monitor-screen{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:4 / 3;background:var(--crt-bezel);padding:10px 12px;border-radius:10px;box-shadow:inset 2px 2px 4px #0009,inset -1px -1px 2px #ffffff0f}.silkscreen{font-size:.72rem;color:var(--case-seam);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.4),0 -1px 0 rgba(0,0,0,.18);font-weight:600}.led{display:block;position:absolute;bottom:.85rem;width:.55rem;height:.55rem;border-radius:50%;box-shadow:inset 0 1px 1px #0006,0 0 0 1px var(--case-seam)}.led-power{left:1.6rem;background:radial-gradient(circle at 35% 30%,#c8ffd0,var(--led-green) 60%,#1a6620 100%);box-shadow:inset 0 1px 1px #0006,0 0 0 1px var(--case-seam),0 0 6px #6cff5859}.led-hdd{right:1.6rem;background:radial-gradient(circle at 35% 30%,#ffe3a8,var(--led-amber) 60%,#6a4514 100%);box-shadow:inset 0 1px 1px #0006,0 0 0 1px var(--case-seam);opacity:.55}.bezel-fs-btn{position:absolute;right:.9rem;bottom:.6rem;background:var(--case-beige-hi);color:var(--case-seam);border:1px solid var(--case-shadow);padding:.15rem .5rem .2rem;font-size:.9rem;cursor:pointer;border-radius:3px;box-shadow:inset 1px 1px #fff9,0 1px 1px #0000004d;line-height:1}.bezel-fs-btn:hover{background:#fff5d8;color:#000}.bezel-fs-btn:active{box-shadow:inset -1px -1px #fff6,inset 1px 1px 1px #0000004d}canvas#stage{background:#000;width:100%;height:100%;display:block;image-rendering:pixelated}.tower{background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 25%,var(--case-shadow) 100%);border-radius:12px;box-shadow:inset 1px 1px #ffffff8c,inset -1px -2px #00000059,0 10px 28px #0000008c;position:relative;height:100%;display:flex;flex-direction:column;min-height:0}.tower:before,.tower:after{content:"";position:absolute;left:0;right:0;height:10px;pointer-events:none;background-repeat:no-repeat;background-image:radial-gradient(circle at 6px 5px,var(--case-seam) 0 2.5px,transparent 3px 100%),radial-gradient(circle at calc(100% - 6px) 5px,var(--case-seam) 0 2.5px,transparent 3px 100%)}.tower:before{top:6px}.tower:after{bottom:6px}.tower-face{display:flex;flex-direction:column;gap:.85rem;padding:1.6rem 1.4rem 1.8rem;flex:1;min-height:0}.drive-bay{position:relative;background:linear-gradient(180deg,var(--case-shadow) 0%,#6a644f 100%);border-radius:4px;padding:.45rem .55rem;box-shadow:inset 1px 1px #00000080,inset -1px -1px #ffffff2e}.cd-drive{display:flex;align-items:center;gap:.45rem}.cd-drive .loader-menu{flex:1}.cd-drive .loader-menu>summary{background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 60%,var(--case-shadow) 100%);border:1px solid var(--case-seam);color:var(--case-seam);font-weight:600;letter-spacing:.04em;border-radius:3px;padding:.35rem .65rem;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040}.cd-drive .loader-menu>summary:hover{background:linear-gradient(180deg,#fff7dc,#ece4cb);border-color:#2c2818}.cd-drive .loader-menu[open]>summary{border-color:#2c2818}.cd-eject{width:1.8rem;height:1.8rem;padding:0;pointer-events:none;background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-shadow) 100%);color:var(--case-seam);border:1px solid var(--case-seam);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040}.lcd-bay{padding:.3rem .5rem}#loader-status.status{display:block;background:linear-gradient(180deg,#1a2810,#0a1408);color:var(--crt-glow);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;letter-spacing:.06em;padding:.25rem .5rem;border-radius:2px;box-shadow:inset 1px 1px 2px #000000b3,inset -1px -1px 1px #6cff5814;text-shadow:0 0 4px rgba(108,255,88,.4);min-height:1.4rem}#loader-status.status.muted{color:var(--crt-glow);opacity:.7}#loader-status.status.error{color:#ff6b6b}#loader-status.status.ok{color:var(--crt-glow)}.loader-menu{position:relative}.loader-menu>summary{list-style:none;cursor:pointer;user-select:none;background:#303339;border:1px solid #3b3f48;border-radius:6px;padding:.45rem .8rem;font:inherit}.loader-menu>summary::-webkit-details-marker{display:none}.loader-menu>summary:hover{border-color:var(--accent);background:#34373e}.loader-menu[open]>summary{border-color:var(--accent)}.loader-menu-body{position:absolute;top:calc(100% + .4rem);left:0;z-index:10;background:var(--panel);border:1px solid #3b3f48;border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;min-width:22rem;box-shadow:0 8px 24px #0006}.loader-tip{margin:.3rem 0 0;padding-top:.5rem;border-top:1px solid #3b3f48;color:var(--muted);font-size:.78rem;text-align:center}.recent-discs{display:flex;flex-direction:column;gap:.3rem;padding-bottom:.4rem;margin-bottom:.2rem;border-bottom:1px solid #3b3f48}.recent-disc-btn{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.55rem;padding:.45rem .6rem .45rem .35rem!important;font-size:.85rem!important;background:linear-gradient(180deg,#1c4a96,#0f3478,#0a2658)!important;color:#fff!important;border:1px solid rgba(0,0,0,.55)!important;border-radius:3px!important;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 2px 4px #00000080!important;transition:transform .12s,box-shadow .12s,background .12s}.recent-disc-btn:hover{background:linear-gradient(180deg,#2255a8,#143e88,#0e2e68)!important;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0006,0 4px 8px #0000008c!important}.recent-disc-btn .tkkg-badge{background:#f4f4f4;color:#c8121a;font-family:Arial Black,Helvetica Neue,system-ui,sans-serif;font-weight:900;font-size:.72rem;letter-spacing:.05em;padding:.18rem .4rem;border-radius:2px;border:1px solid rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(255,255,255,.7);flex-shrink:0}.recent-disc-btn .vol-circle{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff5060,#c8121a 60%,#7a0a10);color:#fff;font-family:Arial Black,Helvetica Neue,system-ui,sans-serif;font-weight:900;font-size:.72rem;letter-spacing:0;border:1px solid rgba(0,0,0,.45);box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #0000004d;flex-shrink:0}.recent-disc-btn .game-title{flex:1;font-weight:700;color:#fff;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-disc-forget{background:transparent!important;border:none!important;color:#ffffff80;padding:.1rem .3rem!important;font-size:.85rem!important;cursor:pointer;flex-shrink:0}.recent-disc-forget:hover{color:var(--error)}.tower-volume{display:flex;align-items:center;gap:.7rem;padding:.3rem .2rem}.tower-volume label{font-size:.72rem;color:var(--case-seam);letter-spacing:.16em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.45);min-width:4.5rem}.tower-volume input[type=range]{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:1.4rem;cursor:pointer}.tower-volume input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(180deg,var(--case-seam) 0%,var(--case-shadow) 100%);border-radius:3px;box-shadow:inset 1px 1px 2px #0009,inset -1px -1px #ffffff26}.tower-volume input[type=range]::-moz-range-track{height:6px;background:linear-gradient(180deg,var(--case-seam) 0%,var(--case-shadow) 100%);border-radius:3px;box-shadow:inset 1px 1px 2px #0009,inset -1px -1px #ffffff26}.tower-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:22px;margin-top:-8px;background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 60%,var(--case-shadow) 100%);border:1px solid var(--case-seam);border-radius:3px;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040,0 1px 2px #0006}.tower-volume input[type=range]::-moz-range-thumb{width:18px;height:22px;background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 60%,var(--case-shadow) 100%);border:1px solid var(--case-seam);border-radius:3px;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040,0 1px 2px #0006}.tower-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.6rem;gap:.6rem}.power-btn{width:1.8rem;height:1.8rem;padding:0;background:radial-gradient(circle at 35% 30%,var(--case-beige-hi) 0%,var(--case-beige) 55%,var(--case-shadow) 100%);color:var(--case-seam);border:1px solid var(--case-seam);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;cursor:default;pointer-events:none;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #0000004d}.vent{height:1.1rem;flex:1;background:repeating-linear-gradient(135deg,rgba(0,0,0,.55) 0 2px,rgba(255,255,255,.1) 2px 4px,transparent 4px 8px);border-radius:3px;box-shadow:inset 1px 1px 1px #00000080,inset -1px -1px #fff3}.printer-slot{height:5px;margin-top:.6rem;background:linear-gradient(180deg,#000000bf,#00000059 60%,#0009);border-radius:2px;box-shadow:inset 0 1px 2px #000000bf,0 1px #ffffff4d}button,.loader-option{background:#303339;color:inherit;border:1px solid #3b3f48;border-radius:6px;padding:.45rem .8rem;font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;display:inline-flex;flex-direction:column;align-items:flex-start}button:hover:not(:disabled),.loader-option:hover{border-color:var(--accent);background:#34373e}button:disabled{opacity:.5;cursor:not-allowed}.icon-btn,#bitmap-controls button,.ctrl-row button{flex-direction:row;align-items:center;padding:.3rem .6rem;font-size:.85rem}.hint{color:var(--muted);font-size:.78rem}.status{font-size:.85rem}.status.muted{color:var(--muted)}.status.error{color:var(--error)}.status.ok{color:#7fc886}body.prod #bitmap-controls,body.prod #debug{display:none}#bitmap-controls.monitor-controls{width:100%;display:flex;flex-direction:column;gap:.45rem;padding:.65rem 1rem .75rem;background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 40%,var(--case-shadow) 100%);border-radius:8px;box-shadow:inset 1px 1px #fff9,inset -1px -2px #0000004d,0 4px 10px #00000073;color:var(--case-seam);font-size:.78rem}#bitmap-controls.monitor-controls .ctrl-row{gap:.4rem}#bitmap-controls.monitor-controls label{color:var(--case-seam);text-shadow:0 1px 0 rgba(255,255,255,.4)}#bitmap-controls.monitor-controls .hint{color:var(--case-seam);opacity:.85;text-shadow:0 1px 0 rgba(255,255,255,.4)}#bitmap-controls.monitor-controls button{background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-beige) 60%,var(--case-shadow) 100%);color:var(--case-seam);border:1px solid var(--case-seam);border-radius:3px;padding:.25rem .55rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040}#bitmap-controls.monitor-controls button:hover:not(:disabled){background:linear-gradient(180deg,#fff5d8 0%,var(--case-beige) 100%)}#bitmap-controls.monitor-controls button:active:not(:disabled){box-shadow:inset -1px -1px #fff6,inset 1px 1px 1px #00000059}#bitmap-controls.monitor-controls select{background:linear-gradient(180deg,#fff7e0 0%,var(--dot-paper) 100%);color:var(--case-seam);border:1px solid var(--case-seam);border-radius:3px;padding:.15rem .35rem;font:inherit;font-size:.75rem;box-shadow:inset 1px 1px 1px #0003}#bitmap-controls.monitor-controls input[type=checkbox]{accent-color:var(--case-seam)}#bitmap-controls.monitor-controls #bitmap-info{background:linear-gradient(180deg,#1a2810,#0a1408);color:var(--crt-glow);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;padding:.15rem .45rem;border-radius:2px;text-shadow:0 0 3px rgba(108,255,88,.4);letter-spacing:.04em;box-shadow:inset 1px 1px 2px #000000b3;min-width:14rem}.ctrl-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#bitmap-controls select{background:#303339;color:var(--text);border:1px solid #3b3f48;border-radius:4px;padding:.25rem .5rem;font:inherit;font-size:.85rem}#bitmap-info{font-family:ui-monospace,SF Mono,Menlo,monospace;min-width:18rem;display:inline-block;text-align:center}#debug.printer-paper{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;margin:0 -.1rem;padding:0 22px;background:var(--dot-paper);border-radius:2px;box-shadow:0 1px #0006 inset,0 -1px #00000040 inset,0 4px 10px #00000073}.sprockets{display:block;position:absolute;top:0;bottom:0;width:18px;background:radial-gradient(circle at 50% 13px,#0c0c0c 0 3.5px,transparent 4px),radial-gradient(circle at 50% 39px,#0c0c0c 0 3.5px,transparent 4px),repeating-radial-gradient(circle at 50% 13px,#0c0c0c 0 3.5px,transparent 4px 26px),var(--dot-paper);background-size:18px auto,18px auto,18px 26px,auto;background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat-y,no-repeat;border-right:1px dashed var(--dot-rule)}.sprockets-left{left:0;border-right:1px dashed var(--dot-rule);border-left:0}.sprockets-right{right:0;border-left:1px dashed var(--dot-rule);border-right:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .4rem .4rem;border-bottom:1px dashed var(--dot-rule);background:var(--dot-paper)}.panel-header h2{margin:0;font-size:.78rem;color:var(--dot-ink);text-transform:uppercase;letter-spacing:.18em;font-family:Courier New,ui-monospace,Menlo,monospace;font-weight:700}.printer-paper .icon-btn,.printer-paper #copy-log-btn{background:linear-gradient(180deg,var(--case-beige-hi) 0%,var(--case-shadow) 100%);color:var(--case-seam);border:1px solid var(--case-seam);border-radius:3px;padding:.15rem .5rem;font-size:.72rem;letter-spacing:.04em;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #00000040}.printer-paper .icon-btn:hover{background:linear-gradient(180deg,#fff5d8 0%,var(--case-beige) 100%)}#debug-log{background:repeating-linear-gradient(0deg,var(--dot-paper) 0 21px,var(--dot-rule) 21px 22px),var(--dot-paper);color:var(--dot-ink);font-family:Courier New,ui-monospace,Menlo,monospace;font-weight:600;font-size:.78rem;line-height:22px;letter-spacing:.02em;text-shadow:0 0 .5px rgba(26,42,85,.5);padding:0 .4rem .6rem;margin:0;flex:1;overflow:auto;white-space:pre-wrap;border-radius:0}#monitor:fullscreen,#monitor:-webkit-full-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;padding:0;gap:0}#monitor:fullscreen .monitor-bezel,#monitor:-webkit-full-screen .monitor-bezel{background:transparent;box-shadow:none;border-radius:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center}#monitor:fullscreen .monitor-bezel:before,#monitor:fullscreen .monitor-bezel:after,#monitor:fullscreen .led,#monitor:fullscreen .silkscreen,#monitor:fullscreen .bezel-fs-btn,#monitor:-webkit-full-screen .monitor-bezel:before,#monitor:-webkit-full-screen .monitor-bezel:after,#monitor:-webkit-full-screen .led,#monitor:-webkit-full-screen .silkscreen,#monitor:-webkit-full-screen .bezel-fs-btn{display:none}#monitor:fullscreen .monitor-controls,#monitor:-webkit-full-screen .monitor-controls{display:none!important}#monitor:fullscreen .monitor-screen,#monitor:-webkit-full-screen .monitor-screen{background:#000;box-shadow:none;padding:0;border-radius:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#monitor:fullscreen canvas#stage,#monitor:-webkit-full-screen canvas#stage{width:min(100vw,calc(100vh * 4 / 3));height:min(100vh,75vw)}body.is-fullscreen{overflow:hidden}@media(max-width:1100px){main.desk{grid-template-columns:1fr}.monitor-bezel{padding:1rem 1.2rem 1.6rem}canvas#stage{max-width:100%;max-height:75vh}}@media(max-width:700px){body{padding:.5rem}.monitor-bezel{padding:.8rem .9rem 1.2rem}.monitor-bezel:before,.monitor-bezel:after,.tower:before,.tower:after{display:none}.led{display:none}.silkscreen{font-size:.62rem;letter-spacing:.12em}.tower-face{padding:1rem .9rem 1.2rem}.sprockets{display:none}#debug.printer-paper{padding:0 .5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body.theme-flat .monitor-bezel,body.theme-flat .tower{background:var(--panel);box-shadow:none}body.theme-flat .monitor-bezel:before,body.theme-flat .monitor-bezel:after,body.theme-flat .tower:before,body.theme-flat .tower:after,body.theme-flat .led,body.theme-flat .silkscreen,body.theme-flat .sprockets,body.theme-flat .printer-slot,body.theme-flat .vent,body.theme-flat .power-btn,body.theme-flat .cd-eject{display:none}body.theme-flat .monitor-screen{background:transparent;padding:0;box-shadow:none}body.theme-flat .drive-bay{background:transparent;box-shadow:none;padding:0}body.theme-flat .cd-drive .loader-menu>summary{background:#303339;color:var(--text);border-color:#3b3f48;box-shadow:none;font-weight:400;letter-spacing:0}body.theme-flat #loader-status.status{background:transparent;color:var(--muted);font-family:inherit;text-shadow:none;box-shadow:none;letter-spacing:0}body.theme-flat #debug.printer-paper{background:var(--panel);padding:.75rem .9rem;box-shadow:none}body.theme-flat #debug-log{background:#15171a;color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:400;text-shadow:none;line-height:1.4}body.theme-flat .panel-header{background:transparent;border-bottom:none}body.theme-flat .panel-header h2{color:var(--muted);font-family:inherit;letter-spacing:.05em}body.theme-flat .tower-volume label{color:var(--muted);text-shadow:none}