:root,[data-theme=light]{--bg:#f4f5fb;--text:#17172b;--muted:#5b5b73;--card-bg:#ffffff;--surface-2:#eef0fb;--border:#c9cbe8;--border-strong:#8b8ac4;--accent:#7c3aed;--accent-2:#4f46e5;--header-bg:linear-gradient(120deg,#312e81,#6d28d9 55%,#7c3aed);--header-text:#ffffff;--button-bg:#6d28d9;--button-text:#ffffff;--button-hover:#5b21b6;--success-bg:#e7f8ef;--success-border:#16a34a;--success-text:#065f46;--error-bg:#fdecec;--error-border:#dc2626;--error-text:#7f1d1d;--glow:rgba(124,58,237,0.35);--glow-success:rgba(22,163,74,0.35);--glow-error:rgba(220,38,38,0.3);--shadow-sm:0 1px 2px rgba(23,23,43,0.08);--shadow-md:0 8px 24px rgba(23,23,43,0.12);--shadow-lg:0 18px 45px rgba(23,23,43,0.18);--highlight:rgba(255,255,255,0.85);--ambient-1:rgba(124,58,237,0.12);--ambient-2:rgba(59,130,246,0.1)}[data-theme=dark]{--bg:#0b0b18;--text:#ececf6;--muted:#a3a3bf;--card-bg:#151530;--surface-2:#1d1d3d;--border:#34346a;--border-strong:#6366f1;--accent:#a78bfa;--accent-2:#818cf8;--header-bg:linear-gradient(120deg,#1e1b4b,#3730a3 55%,#4c1d95);--header-text:#ffffff;--button-bg:#6d28d9;--button-text:#ffffff;--button-hover:#7c3aed;--success-bg:#052e26;--success-border:#34d399;--success-text:#a7f3d0;--error-bg:#3b0a0a;--error-border:#f87171;--error-text:#fecaca;--glow:rgba(167,139,250,0.4);--glow-success:rgba(52,211,153,0.4);--glow-error:rgba(248,113,113,0.35);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.45);--shadow-lg:0 18px 45px rgba(0,0,0,0.55);--highlight:rgba(255,255,255,0.12);--ambient-1:rgba(124,58,237,0.18);--ambient-2:rgba(59,130,246,0.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(60rem 40rem at 10% -10%,var(--ambient-1),transparent 60%),radial-gradient(50rem 30rem at 110% 8%,var(--ambient-2),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a,button{color:inherit}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}input{font-family:inherit;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;padding:.85rem 1.5rem;background:var(--header-bg);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;gap:.75rem}.site-header,.site-logo{align-items:center;color:var(--header-text)}.site-logo{position:relative;display:inline-flex;gap:.4rem;text-decoration:none;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;transition:text-shadow .25s ease,transform .25s ease}.site-logo:hover{text-shadow:0 0 18px rgba(255,255,255,.65);transform:translateY(-1px)}.site-nav{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap}.nav-link{position:relative;color:rgba(255,255,255,.85);text-decoration:none;font-weight:600;padding:.25rem 0;transition:color .2s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;border-radius:2px;background:#ffffff;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-link.is-active,.nav-link:focus-visible,.nav-link:hover{color:#ffffff;font-weight:700}.nav-link.is-active:after,.nav-link:focus-visible:after,.nav-link:hover:after{transform:scaleX(1)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:44px;padding:.35rem .8rem;background:rgba(255,255,255,.14);color:var(--header-text);border:1px solid rgba(255,255,255,.22);border-radius:999px;font-weight:700;font-size:.9rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.icon-btn:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45);box-shadow:0 0 18px rgba(255,255,255,.25)}.lang-dropdown{position:relative;display:inline-block}.lang-trigger{min-width:84px}.lang-trigger-inner{display:inline-flex;align-items:center;gap:.35rem}.lang-chevron{font-size:.7rem;transition:transform .2s ease;display:inline-block}.lang-chevron.is-open{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;list-style:none;margin:0;padding:.4rem;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:60;overflow:hidden}.lang-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border:none;background:transparent;color:var(--text);border-radius:8px;font-weight:600;font-size:.9rem;text-align:left;transition:background .15s ease}.lang-option:hover{background:var(--surface-2)}.lang-option.is-selected{background:var(--glow);color:var(--accent)}.lang-option-flag{font-size:1.1rem;line-height:1}.lang-option-name{flex:1 1}.lang-option-code{font-size:.75rem;color:var(--muted);font-weight:700}.game-main{padding:2rem 1.25rem 4rem;max-width:clamp(520px,37.5vw,960px)}.game-main,.home-main{margin:0 auto;zoom:.85}.home-main{padding:4rem 1.5rem;max-width:820px;text-align:center}.page-title{font-size:clamp(1.7rem,4vw,2.1rem);letter-spacing:-.02em}.page-subtitle{color:var(--muted);font-size:.95rem}.page-header{margin-bottom:1.5rem;text-align:center}.page-header .page-subtitle{margin-top:.3rem}.error-panel{margin-top:1.5rem;padding:1rem 1.25rem;border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text);border-radius:12px}.info-panel{margin-top:1rem;padding:.75rem 1.25rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;text-align:center;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border:1px solid transparent;border-radius:12px;font-size:1rem;font-weight:700;background:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;isolation:isolate;transition:background .2s ease,box-shadow .25s ease,opacity .2s ease}.btn:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(255,255,255,.28),transparent 60%);opacity:0;transform:scale(.4);transition:opacity .35s ease,transform .35s ease}.btn:hover:after{opacity:1;transform:scale(1.6)}.btn:hover{background:var(--button-hover);box-shadow:var(--shadow-md),0 0 24px var(--glow)}.btn:disabled{opacity:.5;box-shadow:none}.btn-block{width:100%}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:none}.btn-ghost:hover{background:var(--card-bg);border-color:var(--accent);box-shadow:0 0 20px var(--glow)}.hero-title{font-size:clamp(2.8rem,10vw,4.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:1rem;background:linear-gradient(120deg,var(--accent-2),var(--accent),#ec4899,var(--accent-2));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-pan 7s ease infinite}.hero-subtitle{font-size:1.15rem;color:var(--muted);margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto}.mode-grid{gap:1.5rem;justify-content:center;flex-wrap:wrap}.mode-card,.mode-grid,.mode-grid>*{display:flex}.mode-card{flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;padding:2rem 2.5rem;min-width:210px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:20px;font-size:1.4rem;font-weight:800;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .3s ease}.mode-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 50% 0,var(--glow),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.mode-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 32px var(--glow)}.mode-card:hover:before{opacity:1}.mode-icon{font-size:2.2rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.mode-card:hover .mode-icon{transform:scale(1.18) rotate(-6deg)}.game-card{margin:1.5rem 0;padding:1rem;width:100%;max-width:clamp(240px,17.5vw,450px);text-align:center;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);position:relative}.game-card:before{content:"";position:absolute;inset:12% 18%;z-index:-1;background:radial-gradient(circle,var(--glow),transparent 70%);filter:blur(28px);opacity:.7;pointer-events:none}.game-image-wrap{position:relative;width:min(clamp(240px,17.5vw,450px),100%);max-width:clamp(240px,17.5vw,450px);margin:0 auto;aspect-ratio:421/614;border-radius:12px;overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-sm)}.game-image{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:opacity .45s ease,filter .45s ease,transform .35s ease}.game-image.is-loading{opacity:0;filter:blur(12px);transform:scale(1.03)}.game-image.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.game-image-wrap:hover .game-image.is-loaded{transform:scale(1.03)}.game-card-name{margin-top:.8rem;font-weight:800;font-size:1.1rem}.game-card-meta{color:var(--muted);font-size:.88rem;margin-top:.15rem}.card-info-panel{margin:1.5rem 0 2rem;padding:1rem 1.2rem;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);text-align:left}.card-info-name{margin:0 0 .75rem;font-weight:800;font-size:1.1rem;line-height:1.2}.card-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.4rem 1rem;gap:.4rem 1rem}.card-info-row{display:flex;gap:.5rem;align-items:baseline;font-size:.9rem}.card-info-label{color:var(--muted);font-weight:700;min-width:4.5rem}.card-info-value{font-weight:600;overflow-wrap:anywhere;word-break:normal}.card-info-effect{margin-top:.85rem;border-top:1px solid var(--border);padding-top:.75rem}.card-info-desc{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;white-space:pre-line;overflow-wrap:break-word;word-break:normal}.game-card-layout{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width:768px){.game-card-layout{flex-direction:row;align-items:flex-start;justify-content:center;min-width:0}.game-card-layout .game-card{margin:0;flex:0 1 auto;min-width:0}.game-card-layout .card-info-panel{margin:0;flex:1 1 320px;min-width:0;max-width:clamp(240px,16.4vw,420px)}}.hint-panel{margin:1rem 0;padding:.85rem 1.1rem;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:14px;text-align:left}.hint-title{font-weight:800;font-size:.9rem;margin-bottom:.5rem;color:var(--accent)}.hint-row{display:flex;gap:.5rem;font-size:.9rem;margin-top:.25rem}.hint-label{color:var(--muted);font-weight:700;min-width:7rem}.hint-value{font-weight:600}.history-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.history-filters{display:flex;gap:.5rem;flex-wrap:wrap}.history-empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.history-thumb{border-radius:6px;object-fit:cover;flex-shrink:0}.history-info{flex:1 1;min-width:0}.history-top{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.8rem}.history-badge{padding:.15rem .5rem;border-radius:999px;font-weight:700;font-size:.75rem;background:var(--surface-2);color:var(--text)}.history-badge.daily{background:var(--glow);color:var(--accent)}.history-badge.endless{background:var(--surface-2)}.history-date{color:var(--muted)}.history-result{font-weight:800}.history-result.ok{color:var(--success-border)}.history-result.ko{color:var(--error-border)}.history-name{font-weight:700;margin-top:.25rem;word-break:break-word}.history-meta{font-size:.8rem;color:var(--muted);margin-top:.15rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);text-align:center}.stat-card-icon{font-size:1.5rem;line-height:1}.stat-card-value{font-size:1.5rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-label{font-size:.8rem;color:var(--muted);font-weight:600}.stats-accuracy{margin:1rem 0 1.5rem}.stats-accuracy-label{font-weight:700;margin-bottom:.5rem;font-size:.9rem}.stats-breakdown{margin-top:1rem}.stats-breakdown h3{font-size:1rem;margin-bottom:.5rem}.stats-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.stats-breakdown-col{padding:.75rem;background:var(--surface-2);border-radius:12px;font-size:.9rem}.site-footer{margin-top:3rem;padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:.85rem;zoom:.85}.footer-note{margin-top:.75rem}.ad-slot{margin:0 auto;max-width:728px;min-height:90px;display:flex;align-items:center;justify-content:center}.ad-slot-placeholder{border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.8rem}.privacy-content{text-align:left;line-height:1.6}.privacy-content h2{margin-top:1.25rem;margin-bottom:.4rem;font-size:1.1rem}.privacy-content p{margin-bottom:.75rem}.privacy-content a{color:var(--accent);text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:1rem;background:var(--card-bg);border-top:1px solid var(--border);box-shadow:var(--shadow-lg)}.cookie-banner-inner{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between}.cookie-message{flex:1 1 280px;font-size:.85rem;color:var(--text);margin:0}.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cookie-link{font-size:.8rem;color:var(--accent);text-decoration:underline;width:100%}.toast-container{position:fixed;bottom:1.25rem;right:1.25rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;padding:.7rem 1rem;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:.9rem;font-weight:600;cursor:pointer;max-width:320px}.toast-success{border-color:var(--success-border);color:var(--success-text)}.toast-error{border-color:var(--error-border);color:var(--error-text)}.toast-info{color:var(--text)}.skeleton-card{width:100%;max-width:450px;margin:0 auto;aspect-ratio:421/614;border-radius:12px}.shimmer{background:linear-gradient(100deg,var(--surface-2) 25%,var(--highlight) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}[data-theme=dark] .shimmer{background:linear-gradient(100deg,var(--surface-2) 25%,rgba(167,139,250,.18) 37%,var(--surface-2) 63%);background-size:400% 100%}.loading-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;font-size:.9rem;color:var(--muted)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;flex-shrink:0}.progress-track{height:8px;width:100%;margin-top:.9rem;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent),#ec4899);background-size:200% 100%;animation:gradient-pan 2.4s linear infinite}.answer-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.9rem;gap:.9rem}.btn-choice{padding:1.05rem 1rem;background:var(--surface-2);color:var(--text);border:1.5px solid var(--border);border-radius:14px;font-size:1rem;font-weight:700;box-shadow:none}.btn-choice:hover{background:var(--card-bg);border-color:var(--accent);box-shadow:0 0 22px var(--glow)}.btn-choice.is-forbidden{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#ffffff;border-color:transparent;box-shadow:0 0 26px var(--glow-error)}.btn-choice.is-never{background:linear-gradient(135deg,#475569,#1e293b);color:#ffffff;border-color:transparent;box-shadow:0 0 26px rgba(71,85,105,.4)}.choice-highlight{position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,255,255,.75);pointer-events:none}.year-panel{margin-top:1rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden}.year-input{display:block;margin-top:.5rem;padding:.6rem .75rem;width:100%;max-width:220px;font-size:1.05rem}.result-panel{margin-top:1rem;padding:1.5rem;border-radius:16px;border:2px solid var(--border);position:relative;overflow:hidden}.result-correct{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text);animation:glow-pulse-success 1.8s ease-in-out infinite}.result-wrong{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text);animation:glow-pulse-error 1.8s ease-in-out infinite}.result-title{font-weight:800;font-size:1.2rem;margin-bottom:.5rem}.result-line{margin-top:.2rem}.result-bonus{font-size:.85em;opacity:.8}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px}.stat-value{display:inline-block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes gradient-pan{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes glow-pulse-success{0%,to{box-shadow:0 0 0 rgba(22,163,74,0)}50%{box-shadow:0 0 28px var(--glow-success)}}@keyframes glow-pulse-error{0%,to{box-shadow:0 0 0 rgba(220,38,38,0)}50%{box-shadow:0 0 24px var(--glow-error)}}@media (max-width:480px){.answer-grid{grid-template-columns:1fr}.site-header{padding:.75rem 1rem}.mode-card{min-width:0;width:100%;padding:1.6rem}.mode-grid>*{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}