@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg-main:#0c0a12;--bg-cabinet:#1d182b;--bg-screen:#0a080f;--bg-screen-inset:#050408;--border-cabinet:#3c325c;--border-screen:#f05;--glow-color:#f056;--text-primary:#39ff14;--text-secondary:#0fc;--text-muted:#679;--font-pixel:"Press Start 2P", "VT323", monospace;--font-mono:"VT323", monospace;--accent-red:#f05;--accent-yellow:#fc0;--accent-cyan:#0fc;--accent-blue:#07f;--accent-work:#00b0ff;--accent-fun:#a6e22e;--accent-games:#b138ff;--accent-others:#f60;--scanline-opacity:.15;--crt-curve:scale(1.02);--pixel-shadow:4px 4px 0px #000;--pixel-shadow-active:2px 2px 0px #000}[data-theme=light]{--bg-main:#e2e8f0;--bg-cabinet:#c7d2fe;--bg-screen:#8bac0f;--bg-screen-inset:#9bbc0f;--border-cabinet:#4338ca;--border-screen:#306230;--glow-color:#3062304d;--text-primary:#0f380f;--text-secondary:#306230;--text-muted:#8bac0f;--accent-red:#d8004f;--accent-yellow:#a3a300;--accent-cyan:#006b5f;--accent-blue:#1e3a8a;--accent-work:#1d4ed8;--accent-fun:#4d7c0f;--accent-games:#86198f;--accent-others:#c2410c;--scanline-opacity:.08;--pixel-shadow:4px 4px 0px #0f380f;--pixel-shadow-active:2px 2px 0px #0f380f}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s;overflow-x:hidden}.crt-container{position:relative;overflow:hidden}.crt-container:before{content:" ";z-index:10;pointer-events:none;opacity:var(--scanline-opacity);background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}@keyframes crt-flicker{0%{opacity:.98}50%{opacity:1}to{opacity:.99}}.crt-screen{background-color:var(--bg-screen);border:4px solid var(--border-screen);box-shadow:0 0 15px var(--glow-color), inset 0 0 20px #000c;transform:var(--crt-curve);animation:.15s infinite crt-flicker;position:relative;overflow:hidden}.pixel-box{background-color:var(--bg-screen-inset);border:4px solid var(--text-primary);box-shadow:var(--pixel-shadow);padding:10px;position:relative}.pixel-btn{font-family:var(--font-pixel);color:var(--bg-screen-inset);background-color:var(--text-primary);border:4px solid var(--text-primary);cursor:pointer;box-shadow:var(--pixel-shadow);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:10px 14px;font-size:10px;transition:all .1s;display:inline-flex}.pixel-btn:active{box-shadow:var(--pixel-shadow-active);transform:translate(2px,2px)}.pixel-btn.secondary{background-color:var(--bg-screen-inset);color:var(--text-primary)}.pixel-btn.red{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.pixel-btn.cyan{background-color:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-screen-inset);border-left:4px solid var(--text-primary)}::-webkit-scrollbar-thumb{background:var(--text-primary);border:2px solid var(--bg-screen-inset)}@keyframes arcade-shake{0%{transform:translate(0, 0) var(--crt-curve)}10%{transform:translate(-2px, -2px) var(--crt-curve)}20%{transform:translate(2px, -1px) var(--crt-curve)}30%{transform:translate(-1px, 2px) var(--crt-curve)}40%{transform:translate(1px, -2px) var(--crt-curve)}50%{transform:translate(-2px, 1px) var(--crt-curve)}60%{transform:translate(2px, 2px) var(--crt-curve)}70%{transform:translate(-1px, -1px) var(--crt-curve)}80%{transform:translate(1px, 1px) var(--crt-curve)}90%{transform:translate(-2px, -2px) var(--crt-curve)}to{transform:translate(0, 0) var(--crt-curve)}}.shake-animation{animation:.4s ease-in-out arcade-shake}.capsule-ball{cursor:pointer;border-radius:50%;position:absolute;box-shadow:inset -4px -4px #0000004d,0 4px 6px #0006}.pixel-text{font-family:var(--font-pixel);font-size:12px;line-height:1.5}.pixel-title{font-family:var(--font-pixel);text-shadow:2px 2px #00000080;letter-spacing:1px;font-size:16px}