*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--west: #4dabf7;--west-light: #d0ebff;--midwest: #51cf66;--midwest-light: #d3f9d8;--south: #ffa94d;--south-light: #fff3bf;--northeast: #9775fa;--northeast-light: #e5dbff;--correct: #51cf66;--correct-bg: #d3f9d8;--wrong: #ff6b6b;--wrong-bg: #ffe3e3;--bg-warm: #f0f4ff;--bg-card: #ffffff;--text-dark: #2c3e50;--text-light: #636e72;--accent: #4dabf7;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-warm);color:var(--text-dark);min-height:100vh;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}#app{width:100%;max-width:700px;padding:0 16px}#game{outline:none;padding-bottom:48px}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:#fff;padding:8px 16px;border-radius:0 0 8px;z-index:100;font-weight:700;text-decoration:none}.skip-link:focus{top:0}h1,h2,h3,.btn,.level-btn{font-family:Fredoka One,Nunito,cursive}h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.2;text-align:center}h2{font-size:clamp(1.3rem,3.5vw,2rem);text-align:center}h3{font-size:clamp(1.1rem,3vw,1.5rem)}.screen{display:none;flex-direction:column;align-items:center;gap:16px;padding:24px 0;animation:fadeIn .3s ease}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title-emoji{font-size:clamp(3rem,10vw,5rem);text-align:center}.title-tagline{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-light);text-align:center;font-weight:600}.dad-joke{background:var(--bg-card);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow);font-style:italic;text-align:center;max-width:400px;color:var(--text-light);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:16px;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:48px;min-width:48px;text-decoration:none;color:#fff;background:var(--accent);box-shadow:var(--shadow)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:scale(.96)}.btn--large{padding:18px 48px;font-size:clamp(1.2rem,3vw,1.5rem);border-radius:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 4px 20px #4dabf766}}.btn--secondary{background:var(--bg-card);color:var(--text-dark);border:2px solid #e0e0e0}.btn--correct{background:var(--correct)!important;color:#fff!important}.btn--wrong{background:var(--wrong)!important;color:#fff!important;animation:shake .4s ease}.btn--dimmed{opacity:.4;pointer-events:none}.mode-grid{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.mode-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-card);border-radius:16px;border:2px solid transparent;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,border-color .15s;text-align:left;font-family:inherit;color:var(--text-dark);font-size:1rem;min-height:48px}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.mode-card:active{transform:scale(.97)}.mode-card-emoji{font-size:2rem;flex-shrink:0}.mode-card-title{font-family:Fredoka One,cursive;font-size:1.1rem;margin-bottom:2px}.mode-card-desc{font-size:.85rem;color:var(--text-light)}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px}.level-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--bg-card);border-radius:16px;border:2px solid transparent;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,border-color .15s;font-family:Fredoka One,cursive;color:var(--text-dark);font-size:.95rem;min-height:48px}.level-btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.level-btn:active{transform:scale(.97)}.level-btn--locked{opacity:.45;cursor:not-allowed;pointer-events:none}.level-stars{font-size:1.2rem;letter-spacing:2px}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 4px;font-weight:700;font-size:.95rem}.hud-streak{color:#b35c00;font-size:1.1rem}.hud-round{color:var(--text-light)}.hud-score{color:var(--accent)}.hud-home{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.hud-home:hover{color:var(--text-dark)}.hud-mute{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.progress-bar{width:100%;height:10px;background:#e9ecef;border-radius:5px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#74c0fc);border-radius:5px;transition:width .4s cubic-bezier(.4,0,.2,1)}.question-area{text-align:center;width:100%}.question-text{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;margin-bottom:16px;min-height:2em;animation:fadeIn .3s ease}.question-highlight{color:#1971c2}.question-hint{font-size:.9rem;color:var(--text-light);font-style:italic;margin:-8px 0 12px}.state-card{background:var(--bg-card);border-radius:20px;padding:20px 24px;box-shadow:var(--shadow);animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1);text-align:center;max-width:300px;margin:0 auto 16px;border-top:5px solid var(--accent)}.state-card[data-region=west]{border-top-color:var(--west)}.state-card[data-region=midwest]{border-top-color:var(--midwest)}.state-card[data-region=south]{border-top-color:var(--south)}.state-card[data-region=northeast]{border-top-color:var(--northeast)}.state-card-shape{margin:0 auto 12px}.state-card-shape svg{width:120px;height:100px}.state-card-abbr{font-family:Fredoka One,cursive;font-size:2.5rem;line-height:1;margin-bottom:4px}.state-card-name{font-family:Fredoka One,cursive;font-size:1.3rem;margin-bottom:4px}.state-card-detail{font-size:.9rem;color:var(--text-light)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:500px}.answer-btn{padding:18px 16px;background:var(--bg-card);border:2px solid #e0e0e0;border-radius:16px;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:700;cursor:pointer;transition:transform .12s cubic-bezier(.4,0,.2,1),background .15s,border-color .15s,box-shadow .15s;min-height:56px;font-family:Nunito,sans-serif;color:var(--text-dark);box-shadow:0 2px 8px #0000000f;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.answer-btn:nth-child(1){animation-delay:0s}.answer-btn:nth-child(2){animation-delay:.05s}.answer-btn:nth-child(3){animation-delay:.1s}.answer-btn:nth-child(4){animation-delay:.15s}.answer-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.answer-btn:active{transform:scale(.97);box-shadow:0 1px 4px #00000014}.answer-btn--correct{background:var(--correct-bg);border-color:var(--correct);color:#1e7e34;animation:celebrate .4s ease}.answer-btn--wrong{background:var(--wrong-bg);border-color:var(--wrong);color:#c92a2a;animation:shake .4s ease}.answer-btn--dimmed{opacity:.35;pointer-events:none}.feedback{text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.feedback-text{font-family:Fredoka One,cursive;font-size:clamp(1.1rem,3vw,1.4rem);animation:feedbackIn .3s ease}.feedback-text--correct{color:var(--correct)}.feedback-text--wrong{color:var(--wrong)}.feedback-fact{font-size:.9rem;color:var(--text-light);max-width:350px}.streak-msg{font-family:Fredoka One,cursive;color:#b35c00;font-size:1rem;animation:feedbackIn .3s ease}.us-map-container{width:100%;max-width:800px;margin:0 auto;overflow-x:auto}.us-map{width:100%;height:auto}.us-map .state-path{fill:#e9ecef;stroke:#adb5bd;stroke-width:1;cursor:pointer;transition:fill .2s}.us-map .state-path:hover{fill:#dee2e6}.us-map .state-path--placed{stroke-width:1.5;cursor:default}.us-map .state-path--placed[data-region=west]{fill:var(--west-light);stroke:var(--west)}.us-map .state-path--placed[data-region=midwest]{fill:var(--midwest-light);stroke:var(--midwest)}.us-map .state-path--placed[data-region=south]{fill:var(--south-light);stroke:var(--south)}.us-map .state-path--placed[data-region=northeast]{fill:var(--northeast-light);stroke:var(--northeast)}.us-map .state-path--hint{fill:#fff3bf;stroke:#fcc419;stroke-width:2}.us-map .state-path--correct{animation:snapIn .4s ease}.us-map .state-path--wrong{animation:shake .3s ease}.reveal-card{background:var(--bg-card);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);max-width:360px;width:100%;margin:8px auto;border-top:4px solid var(--accent);animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1);text-align:left}.reveal-card[data-region=west]{border-top-color:var(--west)}.reveal-card[data-region=midwest]{border-top-color:var(--midwest)}.reveal-card[data-region=south]{border-top-color:var(--south)}.reveal-card[data-region=northeast]{border-top-color:var(--northeast)}.reveal-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.reveal-card-shape svg{display:block}.reveal-card-name{font-family:Fredoka One,cursive;font-size:1.15rem;line-height:1.2}.reveal-card-abbr{font-size:.85rem;opacity:.7}.reveal-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:10px}.reveal-card-fact{font-size:.82rem;display:flex;flex-direction:column;gap:1px}.reveal-card-fact--highlight{background:#fff9db;border-radius:6px;padding:3px 6px;margin:-3px -6px;font-weight:700}.reveal-card-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-light)}.reveal-card-funfact{font-size:.85rem;font-style:italic;color:var(--text-light);margin-bottom:8px;line-height:1.4}.reveal-card-link{font-size:.8rem;color:var(--accent);text-decoration:none;font-weight:600}.reveal-card-link:hover{text-decoration:underline;color:#1971c2}.reveal-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:740px}.reveal-card-row .reveal-card{margin:0}.compare-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:450px}.compare-card{background:var(--bg-card);border-radius:16px;padding:16px;box-shadow:var(--shadow);text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s;border:3px solid transparent;min-height:48px}.compare-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.compare-card--correct{border-color:var(--correct);animation:celebrate .4s ease}.compare-card--wrong{border-color:var(--wrong);animation:shake .4s ease}.compare-card-abbr{font-family:Fredoka One,cursive;font-size:2rem;line-height:1}.compare-card-name{font-family:Fredoka One,cursive;font-size:1rem;margin:4px 0}.compare-card-detail{font-size:.8rem;color:var(--text-light)}.stars-display{font-size:clamp(2rem,8vw,3.5rem);letter-spacing:8px;text-align:center}.results-score{font-size:1.1rem;color:var(--text-light);text-align:center}.results-joke{background:var(--bg-card);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow);font-style:italic;text-align:center;max-width:350px;font-size:.9rem;color:var(--text-light)}.collector-map{width:100%;max-width:300px;margin:8px auto}.collector-map svg{width:100%;height:auto}.collector-map .state-path{fill:#e9ecef;stroke:#ced4da;stroke-width:.5}.collector-map .state-path--collected[data-region=west]{fill:var(--west)}.collector-map .state-path--collected[data-region=midwest]{fill:var(--midwest)}.collector-map .state-path--collected[data-region=south]{fill:var(--south)}.collector-map .state-path--collected[data-region=northeast]{fill:var(--northeast)}.collector-label{text-align:center;font-size:.85rem;color:var(--text-light);font-weight:600}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confettiFall 2s ease forwards}.site-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:.6rem;font-size:.75rem;color:#bdc3c7;letter-spacing:.02em}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{color:#1971c2;text-decoration:underline}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.12)}50%{transform:scale(.96)}75%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes snapIn{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes feedbackIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9) translateY(10px)}60%{opacity:1;transform:scale(1.03) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:480px){#app{padding:0 10px}.answer-grid,.compare-row,.reveal-card-row,.level-grid{grid-template-columns:1fr}.state-card{padding:16px 18px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}