.game-page{min-height:100vh;min-height:100dvh;background:var(--color-bg);display:flex;flex-direction:column}.game-page--cover{--game-primary: var(--theme-cover);--game-primary-dark: var(--theme-cover-dark);--game-primary-soft: var(--theme-cover-soft);--game-secondary: #D89A2B;background:radial-gradient(circle at 18% 0%,rgba(79,141,122,.24),transparent 28%),radial-gradient(circle at 88% 10%,rgba(216,154,43,.2),transparent 24%),linear-gradient(180deg,#f6fffa,#fff6e5)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#ffffffd6;border-bottom:1px solid rgba(79,141,122,.16);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.back-btn{font-size:1.2rem;color:var(--color-text-light);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s}.back-btn:hover{color:var(--color-text)}.progress-text,.score-text{font-size:.88rem;font-weight:800}.progress-text{color:var(--color-text)}.score-text{color:var(--game-primary-dark)}.progress-bar{height:3px;background:#183f3714}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--game-primary),var(--game-secondary));transition:width .35s ease;border-radius:0 2px 2px 0}.game-content{flex:1;width:min(100%,620px);margin:0 auto;padding:18px 16px 32px}.mode-card,.timer-card,.question-panel{border:1px solid rgba(255,255,255,.72);background:#ffffffe0;box-shadow:0 14px 34px #1f2e2d1a;backdrop-filter:blur(16px)}.mode-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:18px;margin-bottom:12px}.mode-name{color:var(--game-primary-dark);font-size:.9rem;font-weight:900}.mode-desc{color:var(--color-text-light);font-size:.82rem;font-weight:700}.timer-card{padding:12px 14px 14px;border-radius:18px;margin-bottom:12px}.timer-card[hidden],.answer-panel[hidden]{display:none}.timer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--game-primary-dark);font-size:.84rem;font-weight:800}.timer-top strong{font-family:var(--font-mono);font-size:1rem}.timer-track{height:8px;border-radius:999px;overflow:hidden;background:#183f371a}.timer-fill{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--game-primary),var(--game-secondary));transition:width .12s linear,background .2s ease}.timer-card.is-urgent .timer-fill{background:linear-gradient(90deg,#d65a7a,#f06464)}.timer-card.is-urgent .timer-top{color:#a53648}.question-panel{border-radius:28px;padding:16px}.cover-stage{border-radius:22px;padding:10px;background:radial-gradient(circle at 20% 16%,rgba(79,141,122,.18),transparent 24%),linear-gradient(135deg,#fff,#eaf6efc2)}.cover-frame{--focus-x: 50%;--focus-y: 50%;--zoom: 1;position:relative;aspect-ratio:1 / 1;overflow:hidden;isolation:isolate;border-radius:18px;background:#e9efea;box-shadow:0 18px 48px #183f3724}.cover-frame img{width:100%;height:100%;object-fit:cover;user-select:none;transition:opacity .18s ease}.cover-frame.is-loading img{opacity:0}.cover-frame:before,.cover-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}.cover-effect--soft-blur img{filter:blur(10px) saturate(1.34) contrast(1.06);transform:scale(1.1)}.cover-effect--soft-blur:after{background:radial-gradient(circle at 50% 46%,transparent 24%,rgba(255,255,255,.22) 56%,rgba(24,63,55,.18)),repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 2px,transparent 2px 10px);mix-blend-mode:screen}.cover-effect--soft-stripes img{filter:blur(4px) saturate(1.32) contrast(1.12);transform:scale(1.08)}.cover-effect--soft-stripes:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.92) 0 12px,transparent 12px 26px),repeating-linear-gradient(0deg,rgba(24,63,55,.12) 0 1px,transparent 1px 8px);mix-blend-mode:screen}.cover-effect--soft-reveal img{filter:blur(3px) saturate(1.1);transform:scale(1.05)}.cover-effect--soft-reveal:before{clip-path:polygon(0 0,58% 0,42% 100%,0 100%);backdrop-filter:blur(12px) grayscale(.32);background:#ffffff2e}.cover-effect--soft-reveal:after{background:linear-gradient(90deg,transparent 41%,rgba(255,255,255,.82) 43%,transparent 45%)}.cover-effect--hard-blur img{filter:blur(16px) saturate(1.45) contrast(1.2);transform:scale(1.2)}.cover-effect--hard-blur:before{background:repeating-conic-gradient(from 0deg,#ffffff2e 0 25%,#183f371f 0 50%,#d89a2b24 0 75%,#d65a7a1f 0 100%);background-size:42px 42px;mix-blend-mode:overlay}.cover-effect--hard-blur:after{background:linear-gradient(rgba(255,255,255,.2) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(circle at center,transparent 20%,rgba(24,63,55,.34));background-size:42px 42px,42px 42px,auto}.cover-effect--hard-stripes img{filter:blur(7px) saturate(1.38) contrast(1.2);transform:scale(1.14)}.cover-effect--hard-stripes:after{background:repeating-linear-gradient(90deg,rgba(255,255,255,.98) 0 16px,transparent 16px 32px),repeating-linear-gradient(0deg,rgba(24,63,55,.18) 0 2px,transparent 2px 10px),radial-gradient(circle at center,transparent 22%,rgba(24,63,55,.22));mix-blend-mode:screen}.cover-effect--hard-crop img{object-position:var(--focus-x) var(--focus-y);transform:scale(var(--zoom));transform-origin:var(--focus-x) var(--focus-y);filter:saturate(1.28) contrast(1.16)}.cover-effect--hard-crop:before{inset:10%;border:2px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 0 0 999px #fffaf385,inset 0 0 28px #183f372e}.cover-effect--hard-crop:after{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 38%,rgba(24,63,55,.2)),radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.24))}.cover-effect--hard-silhouette img{filter:grayscale(1) contrast(2.8) brightness(.74) blur(3px);transform:scale(1.16)}.cover-effect--hard-silhouette:before{background:linear-gradient(115deg,rgba(255,255,255,.94) 0 24%,transparent 24% 48%,rgba(255,255,255,.88) 48% 63%,transparent 63%),linear-gradient(25deg,transparent 0 48%,rgba(24,63,55,.58) 48% 100%)}.cover-effect--hard-silhouette:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 5px,transparent 5px 13px),radial-gradient(circle at 50% 50%,transparent 18%,rgba(0,0,0,.28))}.cover-effect--revealed img{filter:none;transform:none}.cover-effect--revealed:before,.cover-effect--revealed:after{display:none}.question-hint{margin:16px 4px 14px;text-align:center;color:var(--game-primary-dark);font-size:.95rem;font-weight:800;line-height:1.55}.options-grid{display:grid;gap:10px}.option-btn{width:100%;min-height:52px;padding:12px 14px;border:2px solid rgba(79,141,122,.14);border-radius:14px;background:#fff;color:var(--color-text);font:inherit;font-size:.95rem;font-weight:800;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.option-btn:hover:not(:disabled){border-color:var(--game-primary);background:var(--game-primary-soft)}.option-btn:active:not(:disabled){transform:scale(.98)}.option-btn:disabled{cursor:default}.option-btn.is-disabled{opacity:.58}.option-btn.is-correct{border-color:#66bb6a;background:#e8f5e9;color:#2e7d32;opacity:1}.option-btn.is-wrong{border-color:#ef5350;background:#ffebee;color:#c62828;opacity:1}.answer-panel{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;margin-top:14px;padding:12px;border:1px solid rgba(79,141,122,.18);border-radius:16px;background:#eaf6efb8}.answer-cover{width:64px;height:64px;border-radius:12px;object-fit:cover;box-shadow:0 8px 20px #183f3724}.answer-copy{display:flex;flex-direction:column;gap:3px}.answer-status{color:var(--color-text-light);font-size:.82rem;font-weight:700}.answer-title{color:var(--game-primary-dark);font-size:1rem;line-height:1.35}.next-btn,.replay-btn{width:100%;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--game-primary),var(--game-secondary));font:inherit;font-size:1rem;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.next-btn{display:none;margin-top:14px;padding:14px}.next-btn:hover,.replay-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4f8d7a3d}.result-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:#183f377a;z-index:100;animation:cover-fade-in .25s ease}.result-card{width:min(100%,420px);padding:30px 22px;border-radius:26px;background:#fffffff5;box-shadow:var(--shadow-lg);text-align:center;animation:cover-card-pop .32s ease}.result-emoji{font-size:3rem;line-height:1;margin-bottom:12px}.result-title{margin:0;color:var(--game-primary-dark);font-family:var(--font-display);font-size:2.2rem;font-weight:400;line-height:1}.result-score{margin:12px 0 0;color:var(--game-primary-dark);font-size:1.05rem;font-weight:900}.result-msg{margin:8px 0 22px;color:var(--color-text-light);font-size:.95rem;line-height:1.6}.replay-btn{padding:14px}.review-btn{width:100%;margin-top:12px;padding:12px 14px;border:1px solid rgba(79,141,122,.28);border-radius:14px;color:var(--game-primary-dark);background:var(--game-primary-soft);font:inherit;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease}.review-btn:hover{background:#ddf1e5}.review-btn:active{transform:scale(.98)}.review-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:#183f3785;z-index:120;animation:cover-fade-in .25s ease}.review-card{width:min(100%,680px);max-height:86vh;overflow-y:auto;padding:26px 18px;border-radius:24px;background:#fffffffa;box-shadow:var(--shadow-lg);animation:cover-card-pop .32s ease}.review-title{margin:0 0 18px;color:var(--game-primary-dark);text-align:center;font-size:1.4rem}.review-list{display:grid;gap:12px}.review-item{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid rgba(79,141,122,.16);border-radius:16px;background:#fafefc;text-align:left}.review-item.is-correct{border-color:#66bb6a61}.review-item.is-wrong{border-color:#ef535057}.review-cover{width:76px;height:76px;border-radius:14px;object-fit:cover;box-shadow:0 8px 20px #183f3724}.review-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--game-primary-dark);font-size:.84rem;font-weight:900}.review-badge{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:.72rem}.review-badge.is-correct{color:#2e7d32;background:#e8f5e9}.review-badge.is-wrong{color:#c62828;background:#ffebee}.review-line{display:flex;justify-content:space-between;gap:12px;padding-top:6px;color:var(--color-text-light);font-size:.82rem;line-height:1.45}.review-value{color:var(--color-text);font-weight:900;text-align:right}.review-value.is-correct{color:#2e7d32}.review-value.is-wrong{color:#c62828}.review-close-btn{width:100%;margin-top:18px;padding:13px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--game-primary),var(--game-secondary));font:inherit;font-weight:800;cursor:pointer}.result-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}.back-link{color:var(--game-primary-dark);font-size:.9rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}@keyframes cover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cover-card-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:640px){.game-content{padding:24px 20px 44px}.question-panel{padding:22px}.options-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.progress-fill,.timer-fill,.option-btn,.next-btn,.replay-btn,.review-btn,.result-overlay,.result-card,.review-overlay,.review-card{animation:none;transition:none}}