*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#app{min-height:100vh}button{border-radius:12px;border:none;padding:14px 28px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;background:#3b82f6;color:#fff}button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:#6b7280}button.danger{background:#ef4444}button.success{background:#10b981}input,select,textarea{border-radius:8px;border:2px solid #374151;padding:12px 16px;font-size:16px;font-family:inherit;background:#ffffff1a;color:#fff;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6}input::placeholder{color:#ffffff80}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.screen-view{padding:48px;text-align:center}.screen-view h1{font-size:4rem;margin-bottom:24px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.screen-view h2{font-size:2.5rem;margin-bottom:16px}.player-view{padding:16px;max-width:600px;margin:0 auto}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:24px 0}.player-card{background:#ffffff26;border-radius:12px;padding:16px;text-align:center;transition:transform .2s}.player-card:hover{transform:scale(1.05)}.player-avatar{font-size:3rem;margin-bottom:8px}.timer{font-size:3rem;font-weight:700;color:#f59e0b;text-shadow:0 2px 8px rgba(245,158,11,.5)}.timer.urgent{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.button-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.qr-container{background:#fff;padding:24px;border-radius:16px;display:inline-block;margin:24px auto}@media (max-width: 768px){.screen-view h1{font-size:2.5rem}.screen-view h2{font-size:1.8rem}button{width:100%}.button-group{flex-direction:column}}.app{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}