@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #100E22;--bg-elevated: #1B1830;--fg: #fafafa;--muted: #999;--ink: #15132A;--accent: #FFC93C;--accent-dim: #E0AC1F;--danger: #FF4D6A;--success: #39FF88;--success-dim: #22CC66;--trivia: #4D5DFB;--wrong: #FF4D8D;--charades: #FF9F1C;--card: #211E3B;--border: #2E2B45;--border-strong: #423D66;--glow: rgba(255, 201, 60, .3);--hard-shadow-sm: 3px 3px 0 var(--ink);--hard-shadow: 5px 5px 0 var(--ink);--hard-shadow-lg: 8px 8px 0 var(--ink)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,Space Grotesk,sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.01em}button{font-family:Bricolage Grotesque,Space Grotesk,sans-serif;font-weight:700;cursor:pointer;border:none;background:none}input,textarea{font-family:Inter,sans-serif;font-size:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:16px;font-size:1rem;border:3px solid var(--ink);transition:transform .1s ease,box-shadow .1s ease}.btn-primary{background:var(--accent);color:var(--ink);box-shadow:var(--hard-shadow)}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-primary:active:not(:disabled),.btn-primary:hover:not(:disabled){transform:translate(2px,2px);box-shadow:var(--hard-shadow-sm)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;border-color:var(--border)}.btn-secondary{background:var(--bg-elevated);color:var(--fg);border:3px solid var(--border-strong);box-shadow:var(--hard-shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--hard-shadow)}.btn-ghost{background:transparent;color:var(--muted);border:3px solid transparent}.btn-ghost:hover{color:var(--fg)}.card{background:var(--card);border:3px solid var(--border);border-radius:20px;padding:1.5rem}.card-hover:hover{border-color:var(--accent);box-shadow:var(--hard-shadow)}.stamp{display:inline-flex;align-items:center;gap:.35rem;border:3px solid var(--ink);border-radius:100px;box-shadow:var(--hard-shadow-sm);font-weight:700;transform:rotate(-2deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 1s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--ink)}