:root{font-family:monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#000;overflow:hidden}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400}button{border:none;font-family:inherit;cursor:pointer;background:transparent}button:focus,button:focus-visible{outline:none}input{font-family:inherit}input:focus{outline:none}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:monospace;font-size:16px;overflow-x:hidden;overflow-y:auto}.app{width:100vw;min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px}.content-page{width:calc(100% - 140px);max-width:660px;padding:40px 20px;color:#fff;font-family:monospace;line-height:1.6;min-height:calc(100vh - 100px);margin:20px auto 0 140px}nav{position:fixed!important;top:0!important;left:0!important;width:120px!important;height:100vh!important;background:#000000e6!important;border-right:2px solid #ffffff!important;z-index:999999!important;pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important;display:flex!important;flex-direction:column!important;padding:20px 10px!important;gap:10px!important;isolation:isolate!important;touch-action:manipulation!important}nav button{pointer-events:auto!important;position:relative!important;z-index:1000000!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;width:100%!important;padding:12px 8px!important;font-size:11px!important;text-align:center!important;writing-mode:horizontal-tb!important;background:#333!important;color:#fff!important;border:1px solid #ffffff!important;border-radius:4px!important;font-family:monospace!important;cursor:pointer!important;isolation:isolate!important;transform:translateZ(0)!important;will-change:transform!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}nav button:hover{background:#444!important;transform:translateZ(0) scale(1.02)!important}nav button:active{background:#555!important;transform:translateZ(0) scale(.98)!important}.top-banner-ad{width:100%;max-width:1200px;margin-bottom:20px}.game-container{display:flex;align-items:flex-start;gap:20px;width:calc(100% - 140px);max-width:1060px;justify-content:center;margin-left:140px;margin-top:20px;pointer-events:none}.game{width:90vw;height:80vh;max-width:1000px;max-height:800px;position:relative;background:#000;transition:filter .3s ease;pointer-events:auto}.sidebar-ad{display:none}.game-over-ad{margin:20px 0}.game.blurred{filter:blur(3px)}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:18px;color:#fff}.score{color:#fff}.high-score{color:#666}.typed-count-display{text-align:center;font-size:24px;color:#0f0;font-weight:700;margin:10px 0;font-family:monospace}.canvas{width:100%;height:calc(100% - 140px);position:relative;background:#000;border-bottom:2px solid #333333}.road-line{position:absolute;left:0;right:0;top:201px;height:1px;background:#333;z-index:1}.player{position:absolute;width:30px;height:30px;background:#fff;z-index:10}.obstacle{position:absolute;min-width:80px;height:30px;padding:0 10px;background:#666;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:monospace;font-weight:700;z-index:5;white-space:nowrap}.obstacle.available{color:#fff;background:#666}.obstacle.typed{color:#0f0;background:#444}.input{width:100%;padding:20px 0;background:#111;border:3px solid #00ff00;border-radius:10px;color:#0f0;font-size:20px;font-family:monospace;font-weight:700;text-align:center;outline:none;box-shadow:0 0 20px #00ff004d;transition:all .3s ease;pointer-events:auto}.input:focus{border-color:#fff;box-shadow:0 0 30px #ffffff80;background:#222}.input:disabled{color:#333;border-color:#333;box-shadow:none;background:#000}.game-over{position:absolute;inset:0;background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer}.game-over-content{background:#000000f2;padding:40px;border-radius:15px;text-align:center;border:2px solid #333333;box-shadow:0 0 30px #000c}.game-over-stats{margin-top:20px;font-size:18px;color:#ccc}.game-over-stat{margin:10px 0;display:flex;justify-content:space-between;min-width:200px}.game-over-stats{margin:20px 0;text-align:center}.game-over-stat{margin:10px 0;font-size:16px}.game-over-stat-label{color:#666;margin-right:10px}.game-over-stat-value{color:#0f0;font-weight:700}.share-button{background:#0f0;color:#000;border:none;padding:10px 20px;border-radius:5px;font-size:16px;font-family:monospace;font-weight:700;cursor:pointer;margin:10px 0;transition:all .3s ease}.share-button:hover{background:#fff;transform:scale(1.05)}.restart{font-size:14px;color:#666;margin-top:20px;cursor:pointer}@media (min-width: 1024px){.sidebar-ad{display:block}}@media (max-width: 768px){.app{padding-top:10px}.top-banner-ad{margin-bottom:10px}.game-container{flex-direction:column;gap:10px;margin-left:0;margin-top:10px}.content-page{margin-left:0;margin-top:10px}nav{width:100%!important;height:auto!important;flex-direction:row!important;padding:10px!important;border-right:none!important;border-bottom:2px solid #ffffff!important;background:#000000e6!important}nav button{width:auto!important;flex:1!important;font-size:10px!important;padding:8px 4px!important}.game{width:95vw;height:85vh;max-width:none;max-height:none}.header{font-size:16px}.canvas{height:calc(85vh - 100px)}.input{font-size:16px}.sidebar-ad{display:none}}