@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Bebas+Neue&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1623;--panel:#1a2236;--panel2:#212d45;--border:#2e3f5c;--accent:#ff5a5f;--accent2:#ffc857;--green:#3fcf74;--text:#e8edf5;--muted:#7a8aab;--radius:12px;--radius-sm:7px;--shadow:0 4px 24px #00000059}body{background:#0f1623;background:var(--bg);color:#e8edf5;color:var(--text);font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app-header{align-items:center;background:#1a2236;background:var(--panel);border-bottom:1px solid #2e3f5c;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 32px;position:sticky;top:0;z-index:100}.logo{display:flex;font-family:Bebas Neue,cursive;font-size:32px;gap:4px;letter-spacing:4px}.logo-b{color:#ff5a5f}.logo-i{color:#ffc857}.logo-n{color:#3fcf74}.logo-g{color:#4ea8ff}.logo-o{color:#c96cff}.phase-indicator{background:#212d45;background:var(--panel2);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:20px;color:#7a8aab;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:1.5px;padding:4px 12px;text-transform:uppercase}.app-main{flex:1 1;margin:0 auto;max-width:800px;padding:40px 24px;width:100%}.mode-badge{background:#212d45;background:var(--panel2);border:1px solid #ffc857;border:1px solid var(--accent2);border-radius:4px;color:#ffc857;color:var(--accent2);display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:12px;padding:4px 10px;text-transform:uppercase}.mode-badge.play{border-color:#3fcf74;border-color:var(--green);color:#3fcf74;color:var(--green)}h2{font-size:26px;font-weight:700;margin-bottom:6px}h3{font-size:18px;font-weight:600;margin-bottom:8px}.subtitle{color:#7a8aab;color:var(--muted);font-size:14px;margin-bottom:32px}button{border:none;cursor:pointer;font-family:inherit;transition:all .15s}.primary-btn,button{border-radius:7px;border-radius:var(--radius-sm)}.primary-btn{background:#ff5a5f;background:var(--accent);color:#fff;font-size:15px;font-weight:600;padding:13px 28px;width:100%}.primary-btn:hover:not(:disabled){background:#e04a4f;box-shadow:0 4px 16px #ff5a5f66;transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.45}.secondary-btn{background:#212d45;background:var(--panel2);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#e8edf5;color:var(--text);font-size:15px;font-weight:500;padding:13px 28px;width:100%}.secondary-btn:hover{background:#2e3f5c;background:var(--border)}.danger-btn{background:#ff5a5f;background:var(--accent);border-radius:7px;border-radius:var(--radius-sm);color:#fff;flex:1 1;font-size:15px;font-weight:600;padding:13px 28px}.danger-btn:hover{background:#d63c41}.stepper-btn{align-items:center;background:#212d45;background:var(--panel2);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#e8edf5;color:var(--text);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stepper-btn:hover{background:#2e3f5c;background:var(--border)}.error-banner{background:#ff5a5f1f;border:1px solid #ff5a5f;border:1px solid var(--accent);border-radius:7px;border-radius:var(--radius-sm);color:#ff8a8e;font-size:14px;margin:16px 0;padding:12px 16px}.setup-mode{animation:fadeIn .3s ease}.setup-header{margin-bottom:28px}.setup-form{gap:24px}.form-section,.setup-form{display:flex;flex-direction:column}.form-section{gap:8px}.field-label{align-items:center;color:#7a8aab;color:var(--muted);display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:1px;text-transform:uppercase}.word-count{color:#ff5a5f;color:var(--accent);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.word-count[data-ok=true]{color:#3fcf74;color:var(--green)}.word-input{background:#1a2236;background:var(--panel);border:1.5px solid #2e3f5c;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#e8edf5;color:var(--text);font-family:Inter,monospace;font-size:14px;line-height:1.7;padding:14px 16px;resize:vertical;transition:border-color .15s}.word-input:focus{border-color:#ff5a5f;border-color:var(--accent);outline:none}.field-hint,.word-input::placeholder{color:#7a8aab;color:var(--muted)}.field-hint{font-size:12px}.player-input-row{align-items:center;display:flex;gap:12px}.player-count-input{background:#1a2236;background:var(--panel);border:1.5px solid #2e3f5c;border:1.5px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#e8edf5;color:var(--text);font-size:18px;font-weight:600;height:40px;text-align:center;width:72px}.player-count-input:focus{border-color:#ff5a5f;border-color:var(--accent);outline:none}.player-label{color:#7a8aab;color:var(--muted);font-size:14px}.setup-complete{display:flex;flex-direction:column;gap:20px}.success-card{background:#1a2236;background:var(--panel);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:32px;text-align:center}.success-icon{align-items:center;background:#3fcf7426;border-radius:50%;color:#3fcf74;color:var(--green);display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.game-id-label{color:#7a8aab;color:var(--muted);font-size:13px;margin-top:8px}.game-id-label code{background:#212d45;background:var(--panel2);border-radius:4px;color:#e8edf5;color:var(--text);font-family:monospace;font-size:12px;padding:2px 6px}.setup-actions{gap:12px}.play-mode,.setup-actions{display:flex;flex-direction:column}.play-mode{animation:fadeIn .3s ease;gap:24px}.play-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.progress-info{align-items:flex-end;color:#7a8aab;color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:6px}.progress-bar{background:#212d45;background:var(--panel2);border-radius:3px;height:5px;overflow:hidden;width:200px}.progress-fill{background:#3fcf74;background:var(--green);border-radius:3px;height:100%;transition:width .4s ease}.current-word-panel{align-items:center;background:#1a2236;background:var(--panel);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:180px;overflow:hidden;padding:40px 32px;position:relative;text-align:center}.current-word-panel:before{background:radial-gradient(ellipse at 50% 0,#ff5a5f14 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.current-word-label{color:#7a8aab;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.current-word{animation:wordPop .3s ease;color:#ffc857;color:var(--accent2);font-family:Bebas Neue,cursive;font-size:clamp(40px,8vw,80px);letter-spacing:4px;line-height:1}.current-word-hint{color:#7a8aab;color:var(--muted);font-size:13px}.current-word-empty{color:#7a8aab;color:var(--muted);font-size:16px}@keyframes wordPop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.play-actions{display:flex;gap:12px}.next-word-btn{background:#ff5a5f;background:var(--accent);border-radius:12px;border-radius:var(--radius);color:#fff;flex:1 1;font-size:17px;font-weight:700;letter-spacing:.5px;padding:18px 24px}.next-word-btn:hover:not(:disabled){background:#e04a4f;box-shadow:0 6px 24px #ff5a5f73;transform:translateY(-2px)}.next-word-btn:disabled{cursor:not-allowed;opacity:.45}.game-over-btn{background:#212d45;background:var(--panel2);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#7a8aab;color:var(--muted);font-size:14px;font-weight:500;min-width:120px;padding:18px 20px}.game-over-btn:hover{border-color:#ff5a5f;border-color:var(--accent);color:#ff5a5f;color:var(--accent)}.called-words-panel{background:#1a2236;background:var(--panel);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:24px}.panel-title{align-items:center;color:#7a8aab;color:var(--muted);display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}.called-count{background:#212d45;background:var(--panel2);border-radius:20px;color:#e8edf5;color:var(--text);font-size:12px;padding:2px 8px}.called-words-grid{display:flex;flex-wrap:wrap;gap:8px}.called-word-chip{background:#212d45;background:var(--panel2);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:20px;color:#e8edf5;color:var(--text);font-size:13px;font-weight:500;padding:5px 12px;transition:all .2s}.called-word-chip.current{background:#ffc85726;border-color:#ffc857;border-color:var(--accent2);color:#ffc857;color:var(--accent2);font-weight:700}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{background:#1a2236;background:var(--panel);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #00000059;box-shadow:var(--shadow);max-width:420px;padding:32px;width:90%}.modal h3{margin-bottom:12px}.modal p{color:#7a8aab;color:var(--muted);font-size:14px;margin-bottom:24px}.modal-actions{display:flex;gap:12px}.modal-actions .secondary-btn{flex:1 1}.game-over-screen{align-items:center;display:flex;justify-content:center;min-height:60vh}.game-over-content{background:#1a2236;background:var(--panel);border:1px solid #2e3f5c;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #00000059;box-shadow:var(--shadow);max-width:400px;padding:48px 40px;text-align:center;width:100%}.game-over-icon{font-size:56px;margin-bottom:16px}.game-over-content h2{margin-bottom:10px}.game-over-content p{color:#7a8aab;color:var(--muted);margin-bottom:28px}.error-screen,.loading-screen{align-items:center;color:#7a8aab;color:var(--muted);display:flex;font-size:16px;gap:12px;justify-content:center;min-height:40vh}.spinner{animation:spin .8s linear infinite;border:3px solid #2e3f5c;border-top-color:#ff5a5f;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:24px;width:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.app-main{padding:24px 16px}.play-header{flex-direction:column}.play-header,.progress-info{align-items:flex-start}.progress-bar{width:100%}.modal-actions{flex-direction:column}}
/*# sourceMappingURL=main.e30d8e1c.css.map*/