:root{color:#e8edf6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#0b1020;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{flex-direction:column;gap:20px;min-height:100vh;padding:24px;display:flex}.header,.footer,.tabs{justify-content:space-between;align-items:center;gap:16px;display:flex}.header h1{letter-spacing:-1px;margin:4px 0;font-size:clamp(24px,4vw,34px)}.eyebrow{color:#8c9aff;letter-spacing:2px;margin:0;font-size:11px;font-weight:800}.subtitle,.footer{color:#929db3;font-size:13px}.subtitle{margin:6px 0 0}.status{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.dot,.tab-indicator{background:#657086;border-radius:50%;width:8px;height:8px}.dot.running,.tab.active .tab-indicator{background:#56e2a1;box-shadow:0 0 12px #56e2a166}.settings{background:#121a2c;border:1px solid #273149;border-radius:14px;grid-template-columns:1fr 1fr 150px;gap:12px;padding:16px;display:grid}.url-field,.interval-field{color:#9ba8c0;flex-direction:column;gap:8px;min-width:0;font-size:12px;display:flex}input{color:#e8edf6;background:#0b1020;border:1px solid #303b52;border-radius:8px;outline:none;width:100%;min-width:0;padding:11px}input:focus{border-color:#8c9aff}.tabs{flex-wrap:wrap;justify-content:flex-start}.tab,.switch-button,.auto-button{color:#c3cde0;background:#121a2c;border:1px solid #29344b;border-radius:9px;padding:11px 14px}.tab{align-items:center;gap:9px;display:flex}.tab.active{color:#fff;background:#1b2940;border-color:#5667a0}.tab-number{color:#7886a1;font-size:11px}.switch-button{color:#fff;background:#6576ed;border-color:#6576ed;margin-left:auto}.player{background:#080c16;border:1px solid #29344b;border-radius:14px;flex:1;height:calc(100vh - 300px);min-height:350px;max-height:1000px;position:relative;overflow:hidden}.game-view{width:100%;height:100%}.game-view iframe{background:#fff;border:0;width:100%;height:100%;display:block}.empty{text-align:center;color:#a8b3c9;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.empty h2{color:#edf1fb;margin-bottom:0}.empty p{font-size:13px}.empty-icon{color:#8c9aff;font-size:36px}.footer{min-height:30px}.footer strong{color:#e8edf6}.auto-button{color:#d9e0f0}button:hover{filter:brightness(1.15)}@media (width<=760px){.app{gap:14px;padding:14px}.settings{grid-template-columns:1fr}.header{align-items:flex-start}.status{padding-top:5px}.player{height:60vh;min-height:300px}.switch-button{margin-left:0}}.game-transition{z-index:9999;opacity:1;background:#080808;justify-content:center;align-items:center;transition:opacity 1.2s ease-in-out;display:flex;position:fixed;inset:0}.game-transition--revealing{opacity:0;pointer-events:none}.game-transition__image{object-fit:contain;width:min(80vw,750px);height:auto;animation:1.7s ease-in-out both game-switch-enter}.game-transition--revealing .game-transition__image{animation:1.2s ease-in-out both game-switch-exit}@keyframes game-switch-enter{0%{opacity:0;transform:scale(.5)rotate(-10deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes game-switch-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.game-transition,.game-transition__image{transition:none;animation:none}}
