:root{--mono: ui-monospace, "JetBrains Mono", Menlo, monospace;--crt: "VT323", var(--mono)}html,body{margin:0;height:100%;background:#000;color:#fff;font-family:var(--mono);overflow:hidden}body{display:flex;align-items:center;justify-content:center}.shell{position:relative;width:min(96vw,1280px);height:min(92vh,780px);display:grid;grid-template-columns:1fr 260px;gap:14px;padding:14px;box-sizing:border-box}.chrome{position:relative;border:1px solid #2a2a2a;border-radius:4px;background:#000;box-shadow:inset 0 0 0 1px #111,0 20px 40px #000c;overflow:hidden}.chrome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:screen;z-index:3}.chrome:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 140px #000000e6;z-index:2}.screen{position:relative}#render{display:block;width:100%;height:100%;cursor:crosshair}.status{position:absolute;inset:10px 10px auto 10px;z-index:5;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bfbfbf;pointer-events:none}.dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fffc;animation:blink 1.4s infinite;display:inline-block;margin-right:8px}@keyframes blink{50%{opacity:.3}}.title{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;font-family:var(--crt);font-size:22px;letter-spacing:.34em;color:#fff}.title small{display:block;text-align:center;font-size:9px;letter-spacing:.4em;color:#8a8a8a;margin-top:-2px;font-family:var(--mono)}.btm{position:absolute;left:10px;right:10px;bottom:10px;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a}.meter{flex:1;max-width:380px}.meter .row{display:flex;justify-content:space-between;margin-bottom:4px;color:#bfbfbf}.bar{height:8px;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:1px;overflow:hidden}.bar>i{display:block;height:100%;background:#fff;transition:width .12s linear}.stats{display:flex;gap:22px;text-align:right;margin-left:auto}.stats b{color:#fff;font-size:18px;display:block;font-family:var(--crt)}.near-status{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;margin:0 0 10px}.near-status.active{color:#fff}.tier{display:flex;flex-direction:column;gap:4px}.tier-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a8a}.tier-row .lvl{color:#3a3a3a;font-family:var(--crt);font-size:14px;letter-spacing:.25em}.tier-row .lvl.on{color:#fff}.side{display:flex;flex-direction:column;gap:12px;min-width:0}.panel{border:1px solid #2a2a2a;border-radius:3px;background:#060606;padding:12px 14px;font-size:11px;color:#cfcfcf}.panel h3{margin:0 0 10px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#8a8a8a;font-weight:600}.panel p{margin:6px 0;line-height:1.5;color:#bfbfbf;font-size:11px}.panel kbd{font-size:10px;background:#101010;border:1px solid #2a2a2a;padding:1px 6px;border-radius:2px;color:#fff}.keys{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}#log{list-style:none;margin:0;padding:0;font-size:10px;color:#9a9a9a;max-height:180px;overflow:hidden}#log li{padding:2px 0;border-bottom:1px dashed #1a1a1a;color:#cfcfcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#log li span.ts{color:#5a5a5a;margin-right:6px}