:root{--bg-color: #1a1a1a;--text-color: #eee}body{margin:0;padding:0;font-family:Courier New,Courier,monospace;background-color:#000;color:var(--text-color);overflow:hidden;width:100vw;height:100vh;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#root{width:100%;height:100%}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 10px}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.app-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden;touch-action:none}.game-view{width:100%;height:100%;filter:contrast(1.2) sepia(.2) saturate(.8) brightness(1.1)}.vhs-overlay{position:absolute;inset:0;pointer-events:none;z-index:50}.scanlines{position:absolute;inset:0;background:linear-gradient(to bottom,#12101000 50%,#00000040 50%,#0009);background-size:100% 4px;animation:scanlineMove .5s linear infinite;opacity:.7;z-index:51}.vignette{position:absolute;inset:0;background:radial-gradient(circle,#0000 50%,#0009 90%,#000000e6);z-index:53}.osd-layer{position:absolute;top:6vh;left:6vw;right:6vw;bottom:8vh;pointer-events:none;z-index:60;display:flex;flex-direction:column;justify-content:space-between;font-family:Courier New,Courier,monospace;font-weight:700;font-size:24px;color:#fff;text-shadow:2px 2px 0px #000;letter-spacing:2px;opacity:.8}.osd-top{display:flex;justify-content:space-between;align-items:flex-start}.rec-indicator{display:flex;align-items:center;gap:12px;color:#f33}.rec-dot{width:18px;height:18px;background-color:#f33;border-radius:50%;animation:blink 1.5s step-start infinite;box-shadow:0 0 8px red}.osd-bottom{display:flex;justify-content:space-between;align-items:flex-end}.minimap{position:absolute;top:80px;right:20px;border:2px solid rgba(255,255,255,.3);background:#00000080;z-index:80;pointer-events:none;opacity:.8;box-shadow:0 0 10px #00000080;max-width:30vw;max-height:30vw}.ui-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;text-align:center;font-family:Courier New,Courier,monospace;color:#fff}.ui-screen-tiles{background-color:#ffb7c5;background-image:conic-gradient(#ffb7c5 90deg,#b5ead7 90deg 180deg,#a0c4ff 180deg 270deg,#fdffb6 270deg);background-size:140px 140px}.ui-screen-blue{background-color:#a0c4fff2}.ui-screen h1{font-size:3.5rem;margin-bottom:.5rem;text-transform:uppercase;text-shadow:4px 4px 0px #000;letter-spacing:4px}.ui-screen p{font-size:1.2rem;margin:10px 0;text-transform:uppercase;text-shadow:2px 2px 0px #000}.vcr-button{margin-top:20px;padding:15px 40px;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;background:#000000b3;color:#fff;border:4px solid #fff;border-radius:0;cursor:pointer;text-transform:uppercase;box-shadow:4px 4px #000;transition:transform .1s,background .1s;width:300px}.vcr-button:active{transform:translate(2px,2px);box-shadow:2px 2px #000;background:#fff3}.pause-btn{position:absolute;top:20px;right:20px;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fffc;font-family:Courier New,Courier,monospace;font-weight:700;font-size:20px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:90;pointer-events:auto}.pause-btn:active{background:#fff3}