*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--surface-light:#252540;--primary:#e94560;--accent:#0f3460;--text:#eee;--text-muted:#888;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body{background:#0a0a14;justify-content:center;min-height:100dvh;display:flex}#root{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}h1,h2,h3{color:var(--text);font-weight:600}p{color:var(--text-muted);line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), #ff6b6b);color:#fff}.btn-primary:active{background:linear-gradient(135deg,#d63850,#e94560)}.btn-secondary{background:var(--surface-light);color:var(--text)}.btn-secondary:active{background:#32305a}.wheel-wrapper{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex;position:relative}.wheel-pointer{color:#fff;z-index:10;filter:drop-shadow(0 2px 4px #00000080);font-size:1.8rem;line-height:1;position:absolute;top:8px;left:50%;transform:translate(-50%)}.wheel-svg{filter:drop-shadow(0 4px 20px #0006);border-radius:50%;width:320px;height:320px;transition:transform 3.5s cubic-bezier(.17,.67,.12,.99)}.btn-spin{background:linear-gradient(135deg, var(--primary), #ff6b6b);color:#fff;letter-spacing:1px;border-radius:50px;width:auto;min-width:200px;padding:16px 48px;font-size:1.15rem}.btn-spin:active{background:linear-gradient(135deg,#d63850,#e94560)}.btn-spin:disabled{opacity:.6;cursor:not-allowed}.btn-spin.spinning{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.player-setup{flex-direction:column;gap:20px;min-height:100dvh;padding:32px 20px;display:flex}.setup-header{text-align:center}.setup-header h1{background:linear-gradient(135deg, var(--primary), #ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.setup-header p{margin-top:4px;font-size:.9rem}.player-list{flex-direction:column;gap:10px;display:flex}.player-row{align-items:center;gap:10px;display:flex}.btn-star{width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;transition:color .2s,background .2s,transform .1s;display:flex}.btn-star.active{color:#fbbf24;background:#fbbf241f}.btn-star:active{transform:scale(.9)}.player-input{background:var(--surface);border:2px solid var(--surface-light);border-radius:var(--radius);color:var(--text);outline:none;flex:1;padding:14px;font-size:1rem;transition:border-color .2s}.player-input:focus{border-color:var(--primary)}.player-input::placeholder{color:var(--text-muted)}.btn-remove{width:36px;height:36px;color:var(--primary);background:#e9456026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:background .15s,transform .1s;display:flex}.btn-remove:active{background:#e945604d;transform:scale(.9)}.setup-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.setup-error{color:var(--primary);text-align:center;font-size:.85rem}.question-card{flex-direction:column;gap:16px;width:100%;animation:.3s fadeIn;display:flex}.question-category{color:#fff;letter-spacing:.5px;border-radius:50px;align-self:center;padding:6px 20px;font-size:.85rem;font-weight:700}.question-player{text-align:center;color:var(--text-muted);margin:0;font-size:.9rem}.question-text{text-align:center;color:var(--text);margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.question-options{flex-direction:column;gap:10px;display:flex}.question-option{border-radius:var(--radius);background:var(--surface);border:2px solid var(--surface-light);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:background .15s,border-color .15s,transform .1s;display:flex}.question-option:active:not(:disabled){background:var(--surface-light);transform:scale(.98)}.option-letter{background:var(--surface-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.option-text{flex:1}.option-correct{background:#10b98126!important;border-color:#10b981!important}.option-correct .option-letter{color:#fff;background:#10b981}.option-wrong{background:#e9456026!important;border-color:#e94560!important}.option-wrong .option-letter{color:#fff;background:#e94560}.option-dimmed{opacity:.4}.question-feedback{text-align:center;border-radius:var(--radius);padding:12px;font-size:1.2rem;font-weight:700;animation:.3s fadeIn}.feedback-correct{color:#10b981;background:#10b9811a}.feedback-wrong{color:#e94560;background:#e945601a}.gift-summary{gap:12px;margin-bottom:12px;display:flex}.gift-stat{background:var(--surface-light);border-radius:var(--radius);text-align:center;flex:1;padding:14px}.gift-stat.pending{background:#fbbf241a}.gift-stat-value{color:var(--text);font-size:1.5rem;font-weight:700;display:block}.gift-stat-label{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.gift-grid-full{grid-template-columns:repeat(4,1fr);gap:8px;max-height:280px;display:grid;overflow-y:auto}.gift-card{background:var(--surface-light);border-radius:var(--radius);text-align:center;padding:10px 6px;transition:opacity .2s}.gift-card.gift-opened{opacity:.4}.gift-card-icon{margin-bottom:4px;font-size:1.3rem}.gift-card-num{color:var(--text-muted);font-size:.75rem;font-weight:600}.gift-card-status{color:var(--primary);margin-top:2px;font-size:.65rem}.game{flex-direction:column;gap:16px;min-height:100dvh;padding:20px 16px;display:flex}.game-header{text-align:center}.game-header-top{justify-content:center;align-items:center;padding:8px 0;display:flex;position:relative}.game-header-top h1{background:linear-gradient(135deg, var(--primary), #ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.btn-gear{background:var(--surface);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.btn-gear:active{background:var(--surface-light);color:var(--text)}.scores-bar{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.score-pill{background:var(--surface);border-radius:20px;align-items:center;gap:4px;padding:4px 10px 4px 8px;font-size:.8rem;transition:background .2s,box-shadow .2s;display:inline-flex}.score-active{background:var(--surface-light);box-shadow:0 0 0 1.5px var(--primary)}.score-star{color:#fbbf24;font-size:.7rem}.score-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.score-value{color:var(--primary);text-align:center;min-width:16px;font-weight:700}.game-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.turn-label{color:var(--text);text-align:center;font-size:1rem}.turn-label strong{color:var(--primary)}.result-card{border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding:32px 40px;animation:.4s cubic-bezier(.17,.67,.35,1.35) popIn;display:flex}.result-correct{background:#10b9811a;border:2px solid #10b981}.result-beer{border:2px solid var(--primary);background:#e945601a}.result-gift{background:#fbbf241a;border:2px solid #fbbf24}.result-icon{font-size:3rem;line-height:1}.result-text{font-size:1.4rem;font-weight:700}.result-correct .result-text{color:#10b981}.result-beer .result-text{color:var(--primary)}.result-gift .result-text{color:#fbbf24}.result-sub{color:var(--text-muted);font-size:.85rem}.game-footer{flex-direction:column;gap:10px;margin-top:auto;padding:8px 0;display:flex}.hint{text-align:center;color:var(--text-muted);font-size:.85rem}.settings-overlay{z-index:100;background:#00000080;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-drawer{background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:12px;width:100%;max-width:430px;margin:0 auto;padding:12px 20px 32px;animation:.25s ease-out slideUp;display:flex}.settings-handle{background:var(--surface-light);border-radius:2px;width:36px;height:4px;margin:0 auto 8px}.settings-title{text-align:center;margin-bottom:4px;font-size:1.1rem}.settings-section h3{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.settings-toggle{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-label{color:var(--text);align-items:center;gap:10px;font-size:.95rem;display:flex}.toggle-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.settings-toggle input{display:none}.toggle-track{background:var(--surface-light);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:var(--text-muted);border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.settings-toggle input:checked+.toggle-track{background:#e945604d}.settings-toggle input:checked+.toggle-track:after{background:var(--primary);transform:translate(20px)}.settings-field{color:var(--text);justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem;display:flex}.settings-input{background:var(--surface-light);width:72px;color:var(--text);text-align:center;border:2px solid #0000;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s}.settings-input:focus{border-color:var(--primary)}.settings-hint{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.gift-grid{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 12px;display:flex}.gift-grid-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.gift-grid-body{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gift-cell{background:var(--surface);width:40px;height:40px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;display:flex}.gift-opened{color:#1a1a2e;background:linear-gradient(135deg,#f59e0b,#fbbf24);font-size:1rem;animation:.35s cubic-bezier(.17,.67,.35,1.35) popIn;transform:scale(1.05);box-shadow:0 2px 10px #fbbf2459}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}