:root{--bg-from: #6b21a8;--bg-to: #1e1b4b;--gold: #f59e0b;--gold-light: #fbbf24;--gold-dark: #d97706;--text-primary: #f8f8f8;--text-muted: rgba(255, 255, 255, .6);--font-stack: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--surface: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;height:100dvh}body{font-family:var(--font-stack);color:var(--text-primary);background:linear-gradient(135deg,var(--bg-from),var(--bg-to));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.app{display:flex;align-items:center;justify-content:center;min-height:100%;min-height:100dvh}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:2rem}.start-screen__footer{position:absolute;bottom:1.5rem;font-size:.75rem;color:#ffffff40;letter-spacing:.08em;cursor:default;-webkit-user-select:none;user-select:none;transition:color .3s ease}.start-screen__footer:hover{color:#fff6}.start-screen__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;animation:fade-in .6s ease both}.start-screen__title{font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;text-shadow:0 2px 30px rgba(107,33,168,.4)}.start-screen__title .gold{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(245,158,11,.3))}.start-screen__subtitle{font-size:clamp(.9rem,2.5vw,1.35rem);font-weight:500;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.btn-play{margin-top:.75rem;padding:.9rem 3.5rem;font-family:var(--font-stack);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1e1b4b;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);border:none;border-radius:60px;cursor:pointer;box-shadow:0 4px 24px #f59e0b59,0 1px 3px #0003;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-play:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 32px #f59e0b73,0 2px 6px #00000040;filter:brightness(1.08)}.btn-play:active{transform:translateY(0) scale(.97);box-shadow:0 2px 12px #f59e0b4d;filter:brightness(.95)}.countdown{display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh}.countdown__number{font-size:clamp(7rem,22vw,12rem);font-weight:800;line-height:1;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 30px rgba(245,158,11,.4));animation:countdown-pop .5s cubic-bezier(.16,1,.3,1) both}.countdown__clap{font-size:clamp(6rem,20vw,10rem);line-height:1;filter:drop-shadow(0 4px 30px rgba(245,158,11,.35));animation:countdown-clap .5s cubic-bezier(.16,1,.3,1) both}@keyframes countdown-pop{0%{opacity:0;transform:scale(.3) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes countdown-clap{0%{opacity:0;transform:scale(.2) rotate(-15deg)}40%{opacity:1;transform:scale(1.2) rotate(5deg)}70%{transform:scale(.95) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.game-screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100dvh;padding:.5rem .75rem;padding-top:env(safe-area-inset-top,.5rem);padding-bottom:env(safe-area-inset-bottom,.5rem);gap:0;overflow:hidden}.game-screen--loading{justify-content:center;height:100dvh}.game-screen__loader{display:flex;flex-direction:column;align-items:center;gap:1.25rem;color:var(--text-muted);font-size:1.1rem;font-weight:500;letter-spacing:.04em;animation:fade-in .3s ease both}.game-screen__spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-screen__header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:520px;padding:.35rem .25rem;flex-shrink:0}.game-screen__round-indicator{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.game-screen__timer{font-size:.85rem;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--surface);border:1px solid var(--surface-border);padding:.15rem .6rem;border-radius:20px}.game-screen__score{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--gold-light)}.game-screen__streak{display:inline-block;font-size:.85rem;font-weight:700;font-style:normal;letter-spacing:.04em;color:var(--gold-light);margin-left:.5rem;vertical-align:middle;animation:streak-pop .3s cubic-bezier(.16,1,.3,1) both}.game-screen__streak-fire{font-size:.9rem}@keyframes streak-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.game-screen__tagline{font-size:clamp(1rem,3.2vw,1.5rem);font-weight:700;font-style:italic;text-align:center;line-height:1.3;max-width:520px;color:var(--text-primary);padding:.4rem .5rem;flex-shrink:0}.game-screen__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;width:100%;max-width:520px;flex:1 1 auto;min-height:0}.game-screen__next{margin-top:.35rem;margin-bottom:.25rem;padding:.7rem 2.75rem;font-size:1rem;flex-shrink:0;animation:fade-in .25s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.poster-card{position:relative;display:block;width:100%;height:100%;max-height:100%;aspect-ratio:2 / 3;border:3px solid transparent;border-radius:10px;overflow:hidden;background:var(--surface);cursor:pointer;padding:0;font:inherit;color:inherit;justify-self:center;transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.poster-card:not(:disabled):active{transform:scale(.96)}.poster-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.poster-card__inner{width:100%;height:100%;position:relative}.poster-card__img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.poster-card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.75rem;text-align:center;font-weight:600;font-size:clamp(.7rem,2.2vw,.95rem);color:var(--text-primary);background:#ffffff14}.poster-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.poster-card__overlay--incorrect{background:#0009;animation:overlay-in .25s ease both}.poster-card__x{font-size:2.5rem;font-weight:700;color:#ffffffa6;line-height:1;animation:shake .3s ease both}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.poster-card__overlay--correct{background:#f59e0b1f;animation:overlay-in .25s ease both}.poster-card__check{font-size:2.5rem;font-weight:700;color:var(--gold);line-height:1;filter:drop-shadow(0 2px 8px rgba(245,158,11,.5));animation:check-pop .35s cubic-bezier(.16,1,.3,1) both}@keyframes check-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.poster-card--incorrect{filter:grayscale(1) brightness(.6);opacity:.5;cursor:default;pointer-events:none;border-color:#ffffff0d}.poster-card--correct{border-color:var(--gold);box-shadow:0 0 16px #f59e0b80,0 0 40px #f59e0b33,inset 0 0 16px #f59e0b14;cursor:default;pointer-events:none;animation:correct-glow .5s ease both}@keyframes correct-glow{0%{box-shadow:0 0 #f59e0b00,0 0 #f59e0b00;border-color:transparent}50%{box-shadow:0 0 24px #f59e0b99,0 0 60px #f59e0b40}to{box-shadow:0 0 16px #f59e0b80,0 0 40px #f59e0b33;border-color:var(--gold)}}.end-screen{display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:1.5rem 1rem}.end-screen__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;width:100%;max-width:380px;animation:fade-in .4s ease both}.end-screen__rating{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:end-reveal .7s cubic-bezier(.16,1,.3,1) .2s both}.end-screen__rating-label{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.end-screen__rating-title{font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(245,158,11,.4))}.end-screen__final-score{display:flex;flex-direction:column;align-items:center;gap:.15rem;animation:end-reveal .6s cubic-bezier(.16,1,.3,1) .5s both}.end-screen__final-score-number{font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-primary);text-shadow:0 2px 20px rgba(255,255,255,.1)}.end-screen__final-score-label{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.end-screen__receipt{width:100%;background:var(--surface);border:1px solid var(--surface-border);border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;animation:end-reveal .6s cubic-bezier(.16,1,.3,1) .8s both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.end-screen__receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.end-screen__receipt-row--total{font-size:1.05rem;font-weight:700;color:var(--gold-light)}.end-screen__receipt-divider{height:1px;background:var(--surface-border);margin:.1rem 0}.end-screen__play-again{animation:end-reveal .5s cubic-bezier(.16,1,.3,1) 1.1s both;margin-top:.25rem}@keyframes end-reveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-height:700px){.game-screen{padding:.35rem .5rem;gap:0}.game-screen__header{padding:.2rem .15rem}.game-screen__tagline{font-size:clamp(.9rem,3vw,1.2rem);padding:.25rem .4rem}.game-screen__grid{gap:.35rem}.game-screen__next{margin-top:.25rem;padding:.6rem 2.25rem;font-size:.9rem}.game-screen__streak{font-size:.75rem}.poster-card{border-width:2px;border-radius:8px}.end-screen__content{gap:1.25rem}.end-screen__receipt{padding:.75rem 1rem;gap:.4rem}.btn-play{padding:.7rem 2.5rem;font-size:1rem}}@media(min-width:768px){.game-screen{padding:1rem 1.5rem 1.5rem;justify-content:center}.game-screen__grid{gap:.75rem;max-width:480px}.game-screen__tagline{font-size:1.5rem;padding:.5rem 1rem}.poster-card{border-radius:12px;border-width:3px}.poster-card:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}}@media(min-width:1200px){.game-screen__grid{max-width:540px;gap:1rem}.game-screen__header{max-width:540px}.game-screen__tagline{max-width:600px}}.placeholder-view{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.placeholder-view h2{font-size:2rem;font-weight:700}.placeholder-view p{color:var(--text-muted)}