@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@400;500;700&display=swap";:root{--bg-deep: #0a0a12;--bg-card: #12121e;--bg-card-hover: #1a1a2e;--bg-surface: #16162a;--gold: #d4a855;--gold-light: #f0d078;--gold-dim: #9a7a3a;--red: #c43b3b;--red-light: #e05555;--green: #3bc47a;--green-light: #55e09a;--text-primary: #ede8e0;--text-secondary: #8a8598;--text-muted: #5a5568;--border: #2a2a40;--border-gold: rgba(212, 168, 85, .3);--shadow-gold: rgba(212, 168, 85, .15);--overlay: rgba(10, 10, 18, .85);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:manipulation}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(212,168,85,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(196,59,59,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;height:52px;padding:0 var(--space-sm);background:#0a0a12eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-shrink:0}.header-left,.header-right{width:48px;flex-shrink:0}.header-center{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.2;overflow:hidden}.header-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--gold);letter-spacing:.02em}.header-subtitle{font-family:var(--font-body);font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-back{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0 0 2px}.header-back:active{transform:scale(.9);border-color:var(--gold-dim);background:var(--bg-card-hover)}.header-back-placeholder{width:40px}.screen{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + 70px);overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;animation:fadeIn .3s ease}.screen-centered{justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.title{font-family:var(--font-display);font-weight:900;font-size:2rem;color:var(--text-primary);text-align:center;line-height:1.1;letter-spacing:-.02em}.title-gold{color:var(--gold);text-shadow:0 0 40px var(--shadow-gold)}.title-lg{font-size:2.8rem}.subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);text-align:center;margin-top:var(--space-sm)}.label{font-family:var(--font-display);font-size:.85rem;color:var(--gold-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;min-height:52px;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--bg-deep);box-shadow:0 4px 20px var(--shadow-gold)}.btn-primary:active{box-shadow:0 2px 10px var(--shadow-gold)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-danger{background:linear-gradient(135deg,var(--red),#a02020);color:#fff;box-shadow:0 4px 20px #c43b3b33}.btn-success{background:linear-gradient(135deg,var(--green),#2a9a5a);color:#fff;box-shadow:0 4px 20px #3bc47a33}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);min-height:auto}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:.9rem;min-height:42px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.input{width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--shadow-gold)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-gold{border-color:var(--border-gold);box-shadow:0 0 30px var(--shadow-gold)}.banner-container{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-sm);display:flex;justify-content:center;max-width:480px;margin:0 auto}.banner-link{display:block;width:100%;max-width:320px;text-align:center}.banner-img{max-width:100%;max-height:50px;object-fit:contain}.banner-fallback{font-family:var(--font-display);font-size:.8rem;color:var(--gold);text-decoration:none;padding:var(--space-xs) 0;display:block}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);width:100%}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;min-height:85px}.category-card:active{transform:scale(.95);border-color:var(--gold-dim);background:var(--bg-card-hover)}.category-card.selected{border-color:var(--gold);background:var(--bg-card-hover);box-shadow:0 0 20px var(--shadow-gold)}.category-icon{font-size:1.8rem;line-height:1}.category-name{font-size:.72rem;font-weight:600;text-align:center;color:var(--text-secondary);line-height:1.2}.category-card.selected .category-name{color:var(--gold)}.number-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.number-display{font-family:var(--font-display);font-size:5rem;font-weight:900;color:var(--gold);text-shadow:0 0 40px var(--shadow-gold);min-width:80px;text-align:center;line-height:1}.number-btn{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);color:var(--text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.number-btn:active{transform:scale(.9);border-color:var(--gold-dim)}.number-btn:disabled{opacity:.2;cursor:not-allowed}.names-list{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.name-row{display:flex;align-items:center;gap:var(--space-sm);animation:slideUp .3s ease;animation-fill-mode:both}.name-number{font-family:var(--font-display);font-size:.85rem;color:var(--gold-dim);width:28px;text-align:center;flex-shrink:0}.name-row .input{flex:1}.card-container{position:relative;width:280px;height:400px;perspective:1000px}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);overflow:hidden;touch-action:none;cursor:grab;transition:box-shadow .3s}.swipe-card:active{cursor:grabbing}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border-radius:var(--radius-xl)}.card-back{background:linear-gradient(145deg,#1a1a30,#0e0e1e);border:2px solid var(--border-gold);box-shadow:0 8px 40px #0006,0 0 30px var(--shadow-gold)}.card-back-pattern{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--border-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.card-mask-icon{font-size:4.5rem;filter:drop-shadow(0 0 20px var(--shadow-gold))}.card-swipe-hint{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);animation:floatUp 1.5s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}.swipe-arrow{font-size:1.4rem;color:var(--gold)}.swipe-text{font-size:.75rem;color:var(--gold-dim);letter-spacing:.1em;text-transform:uppercase}.card-front{border:2px solid var(--border-gold);box-shadow:0 8px 40px #0006,0 0 30px var(--shadow-gold)}.card-front-impostor{background:linear-gradient(145deg,#2a1015,#150a0c);border-color:#c43b3b66;box-shadow:0 8px 40px #0006,0 0 30px #c43b3b26}.card-front-citizen{background:linear-gradient(145deg,#0f1a25,#0a1018);border-color:#3b8cc466;box-shadow:0 8px 40px #0006,0 0 30px #3b8cc426}.card-role{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-top:var(--space-md)}.card-role-impostor{color:var(--red-light);text-shadow:0 0 20px rgba(196,59,59,.4)}.card-role-citizen{color:#5ba8d4;text-shadow:0 0 20px rgba(59,140,196,.4)}.card-word{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--text-primary);text-align:center;margin-top:var(--space-lg);line-height:1.2}.card-emoji{font-size:3.5rem;margin-bottom:var(--space-sm)}.pass-screen{text-align:center}.pass-name{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--gold);margin:var(--space-lg) 0;text-shadow:0 0 30px var(--shadow-gold)}.score-table{width:100%;border-collapse:collapse}.score-row{display:flex;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--border);gap:var(--space-md)}.score-row:last-child{border-bottom:none}.score-rank{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gold-dim);width:30px;text-align:center}.score-rank-1{color:var(--gold);font-size:1.4rem}.score-name{flex:1;font-weight:500}.score-points{font-family:var(--font-display);font-size:1.3rem;font-weight:900;color:var(--gold)}.result-options{display:flex;flex-direction:column;gap:var(--space-md);width:100%;margin-top:var(--space-lg)}.result-reveal{text-align:center;margin:var(--space-xl) 0;animation:slideUp .5s ease}.reveal-label{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.reveal-value{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.w-full{width:100%}.text-center{text-align:center}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}