*{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}}.ico{width:1em;height:1em;vertical-align:-.14em;flex:none}.install-banner[data-v-97f526ff]{position:fixed;z-index:40;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));margin-inline:auto;max-width:460px;display:grid;grid-template-areas:"logo text close" "action action action";grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem .75rem;padding:.85rem .9rem;border-radius:1rem;background:#1e293b;border:1px solid #334155;box-shadow:0 18px 40px -18px #000c;color:#eef1fa}.logo[data-v-97f526ff]{grid-area:logo;display:block;width:40px;height:40px;border-radius:.65rem;background:#020617}.text[data-v-97f526ff]{grid-area:text;min-width:0}.title[data-v-97f526ff]{margin:0;font-size:.92rem;font-weight:600;line-height:1.25}.subtitle[data-v-97f526ff]{margin:.1rem 0 0;font-size:.76rem;line-height:1.35;color:#94a3b8}.share[data-v-97f526ff]{display:inline-block;vertical-align:-2px;color:#38bdf8}.action[data-v-97f526ff]{grid-area:action;width:100%;border:0;border-radius:.65rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669)}.close[data-v-97f526ff]{grid-area:close;width:auto;border:0;background:none;color:#64748b;font-size:.95rem;line-height:1;padding:.35rem;cursor:pointer}.close[data-v-97f526ff]:hover{color:#e2e8f0;transform:none}@media (min-width: 420px){.install-banner[data-v-97f526ff]{grid-template-areas:"logo text action close";grid-template-columns:auto minmax(0,1fr) auto auto}.action[data-v-97f526ff]{width:auto}}.app{min-height:100vh;background:#020617;color:#fff}