:root{--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f8f9fa;--color-text-main: #1a1a1a;--color-text-muted: #666666;--color-text-subtle: #999999;--color-red: #E53935;--color-yellow: #FDD835;--color-green: #43A047;--color-blue: #1E88E5;--color-accent: var(--color-red);--color-success: var(--color-green);--color-primary: var(--color-blue);--color-warning: var(--color-yellow);--color-border: #e0e0e0;--color-border-dark: #1a1a1a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--transition-fast: .15s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html{background:#fff}body{margin:0;background:#fff;color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100vh}h1,h2,h3,h4{margin-top:0;font-weight:700;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}button{cursor:pointer;font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:440px;margin:0 auto;padding:20px 16px;min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);border:2px solid var(--color-border-dark);font-weight:600;font-size:1rem;transition:all var(--transition-fast);width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-danger{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-secondary{background:#fff;color:var(--color-text-main)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-alt)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:none;padding:8px 12px}.btn-ghost:hover{color:var(--color-text-main)}.btn-icon{width:44px;height:44px;padding:0}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;border:2px solid var(--color-border)}.card-glow{border-color:var(--color-success)}.card-status-new{border-left:4px solid var(--color-primary)}.card-status-used{border-left:4px solid var(--color-success);background:#43a0470a}.card-status-burned{border-left:4px solid var(--color-accent);background:#e539350a;opacity:.7}.input{width:100%;padding:14px 16px;border-radius:var(--radius-md);background:#fff;border:2px solid var(--color-border);color:var(--color-text-main);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.input::placeholder{color:var(--color-text-subtle)}.input:focus{outline:none;border-color:var(--color-primary)}.input-code{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;text-align:center}.input-pin{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.25em;text-align:center}.label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.hint{display:block;margin-top:6px;font-size:.8rem;color:var(--color-text-subtle)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-success{background:#43a0471f;color:var(--color-success)}.badge-danger{background:#e539351f;color:var(--color-accent)}.badge-primary{background:#1e88e51f;color:var(--color-primary)}.badge-warning{background:#fdd83540;color:#9a7b00}.badge-neutral{background:#0000000f;color:var(--color-text-muted)}.progress-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width var(--transition-base)}.divider{height:1px;background:var(--color-border);margin:20px 0}.divider-text{display:flex;align-items:center;gap:16px;color:var(--color-text-subtle);font-size:.85rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--color-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn .4s ease}.animate-fade-in-up{animation:fadeInUp .4s ease}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overlay{position:fixed;inset:0;background:#fffffff5;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.emoji-lg{font-size:3rem;line-height:1}.emoji-md{font-size:1.75rem;line-height:1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{text-align:center;padding:16px 8px;background:var(--color-surface-alt);border-radius:var(--radius-md)}.stat-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:.7rem;color:var(--color-text-subtle);text-transform:uppercase}.leaderboard-item{display:block;padding:0;background:#fff;border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--color-border);overflow:hidden}.leaderboard-item.winner{background:#43a0470f;border-color:var(--color-success)}.leaderboard-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text-muted)}.leaderboard-rank.top{background:var(--color-yellow);color:#1a1a1a}.leaderboard-name{flex:1;font-weight:600}.leaderboard-score{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.party-code{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;letter-spacing:.15em;color:var(--color-text-main)}@media(max-width:480px){.container{padding:16px 12px}h1{font-size:1.5rem}.party-code{font-size:2rem}.stat-value{font-size:1.25rem}}