:root{--ph:#e8fff0;--glow:#7dffb0;--bez:#1a1410;--amber:#ffb340}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:radial-gradient(ellipse at top,#2a1d12,#070504 70%);color:var(--ph);font-family:'Share Tech Mono',monospace;overflow:hidden;touch-action:none}
#cabinet{display:flex;flex-direction:column;align-items:center;height:calc(100% - 28px);padding:8px;gap:6px}
#marquee{font-family:'Major Mono Display',monospace;font-size:clamp(12px,2.4vw,22px);letter-spacing:.2em;color:var(--amber);text-shadow:0 0 8px #ff7a00,0 0 20px #ff5000;padding:6px 18px;border:2px solid #3b2a18;border-radius:6px;background:linear-gradient(#20160d,#0d0906);position:relative}
#marquee span{color:#fff}
#sticker{font-style:normal;font-family:'Share Tech Mono';font-size:10px;background:#c21;color:#fff;padding:2px 5px;margin-left:10px;transform:rotate(-6deg);display:inline-block;letter-spacing:.05em;box-shadow:0 0 0 2px #fff;text-shadow:none}
#screen{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}
canvas{background:#000;border-radius:18px/14px;box-shadow:0 0 0 10px var(--bez),0 0 0 12px #000,0 0 50px #00ff6a22;max-width:100%;max-height:100%}
#crt{position:absolute;pointer-events:none;border-radius:18px/14px}
#crt{background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.7));animation:fl .12s infinite}
@keyframes fl{50%{opacity:.92}}
#controls{display:none;gap:8px;flex-wrap:wrap;justify-content:center}
#controls button{width:58px;height:58px;border-radius:50%;border:3px solid #555;background:radial-gradient(circle at 35% 30%,#eee,#888);color:#111;font-family:inherit;font-weight:bold;font-size:12px;user-select:none;-webkit-user-select:none}
#controls .w{border-radius:14px;width:70px}
#controls .y{background:radial-gradient(circle at 35% 30%,#ffe680,#c90)}
#controls .r{background:radial-gradient(circle at 35% 30%,#ff8a80,#b10)}
#controls .big{width:76px;height:76px}
#controls button.on{filter:brightness(1.5);transform:scale(.94)}
@media (pointer:coarse){#controls{display:flex}}
#bar{display:flex;gap:16px;font-size:12px;opacity:.75;align-items:center}
#bar button,#auth-status a{background:none;border:1px solid #3a6;color:var(--glow);font-family:inherit;padding:2px 8px;cursor:pointer;text-decoration:none}
footer{height:28px;text-align:center;font-size:11px;opacity:.6}
footer a{color:var(--amber)}