.game-page{min-height:100vh;background:radial-gradient(120% 60% at 50% -10%,#dcebff 0,rgba(220,235,255,0) 55%),linear-gradient(180deg,#e8f2ff,#f0f7ff 45%,#eaf3ff);display:flex;flex-direction:column;padding-bottom:0!important}.game-top-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:12px 14px 8px;background:linear-gradient(180deg,rgba(232,242,255,.92),rgba(232,242,255,.55) 70%,rgba(232,242,255,0));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.game-top-bar .icon-btn{background:hsla(0,0%,100%,.82);box-shadow:var(--gc-shadow-sm);color:var(--gc-foreground);border:1px solid rgba(79,140,255,.12)}.game-top-center{flex:1;gap:8px;min-width:0}.game-subject-chip,.game-top-center{display:flex;align-items:center;justify-content:center}.game-subject-chip{width:30px;height:30px;border-radius:8px;background:var(--gc-math);color:#fff;box-shadow:0 4px 10px rgba(79,140,255,.32);flex-shrink:0}.game-chapter-info{line-height:1.25}.game-chapter-title{font-size:14px;font-weight:700}.game-chapter-sub{font-size:11px;color:var(--gc-muted-foreground);font-weight:500}.game-progress-text{flex-shrink:0;font-size:12px;font-weight:700;color:var(--gc-math);background:hsla(0,0%,100%,.85);padding:7px 10px;border-radius:999px;box-shadow:var(--gc-shadow-sm);border:1px solid rgba(79,140,255,.14)}.game-progress-wrap{padding:0 14px 10px}.game-progress-bar{height:8px;border-radius:999px;background:rgba(79,140,255,.16);overflow:hidden}.game-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6fa5ff 0,var(--gc-math) 60%,#3b6fd9 100%);box-shadow:0 0 10px rgba(79,140,255,.5);transition:width .5s ease;position:relative}.game-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);background-size:200% 100%;animation:shimmer 2.2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.game-status-strip{justify-content:space-between;padding:4px 18px 6px}.game-status-strip,.hearts{display:flex;align-items:center}.hearts{gap:5px}.heart{width:26px;height:26px;color:var(--gc-danger);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(239,68,68,.32));transition:all .3s}.heart.lost{opacity:.3;transform:scale(.8)}.heart svg{width:24px;height:24px;fill:currentColor}.timer-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:60px;height:60px}.timer-ring{transform:rotate(-90deg);width:60px;height:60px}.timer-ring .track{fill:none;stroke:rgba(79,140,255,.16);stroke-width:5}.timer-ring .fill{fill:none;stroke:var(--gc-math);stroke-width:5;stroke-linecap:round;stroke-dasharray:113.1;transition:stroke-dashoffset .6s ease,stroke .3s ease}.timer-label{position:absolute;font-size:15px;font-weight:800;color:var(--gc-math)}.timer-label small{font-size:9px;font-weight:700}.points-pill{font-size:13px;font-weight:800;color:var(--gc-warning);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);padding:6px 11px;border-radius:999px;display:flex;align-items:center;gap:3px}.game-play-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:6px 14px 110px}.question-card{background:var(--gc-card);border-radius:var(--gc-radius-lg);box-shadow:var(--gc-shadow-md);padding:16px;border:1px solid rgba(79,140,255,.08)}.diff-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#a78bfa,#8b5cf6);padding:4px 11px;border-radius:999px;box-shadow:0 3px 8px rgba(139,92,246,.32);margin-bottom:10px}.question-row{display:flex;align-items:flex-start;gap:12px}.question-text{flex:1;font-size:19px;line-height:1.5;font-weight:700;color:var(--gc-foreground)}.voice-btn-wrap{flex-direction:column;gap:4px;flex-shrink:0}.voice-btn,.voice-btn-wrap{display:flex;align-items:center}.voice-btn{width:44px;height:44px;border-radius:50%;background:var(--gc-primary);color:#fff;justify-content:center;box-shadow:0 6px 14px rgba(79,140,255,.42);position:relative;border:none;cursor:pointer}.voice-btn:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(79,140,255,.35);animation:voice-pulse 1.8s ease-out infinite}@keyframes voice-pulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.5);opacity:0}}.voice-btn svg{width:22px;height:22px}.voice-label{font-size:11px;font-weight:700;color:var(--gc-primary)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-card{min-height:62px;border-radius:var(--gc-radius-md);background:var(--gc-card);border:1.5px solid var(--gc-border);box-shadow:var(--gc-shadow-sm);display:flex;align-items:center;gap:11px;padding:10px 14px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.option-card:active{transform:scale(.97)}.option-card .letter{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7ba8ff,#4f8cff);box-shadow:0 3px 8px rgba(79,140,255,.32);flex-shrink:0}.option-card .answer{flex:1;font-size:22px;font-weight:800;color:var(--gc-foreground);text-align:center}.option-card.correct{border-color:rgba(34,197,94,.55);background:linear-gradient(180deg,#f0fdf4,#fff);box-shadow:0 4px 14px rgba(34,197,94,.18)}.option-card.correct .letter{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 3px 8px rgba(34,197,94,.36)}.option-card.correct:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--gc-success),#16a34a)}.option-card.correct:after{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background:var(--gc-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:50%}.option-card.wrong{border-color:rgba(239,68,68,.55);background:linear-gradient(180deg,#fef2f2,#fff);opacity:.7}.option-card.wrong .letter{background:linear-gradient(135deg,#f87171,#ef4444)}.game-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(240,247,255,0),rgba(240,247,255,.92) 30%,#eaf3ff);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:var(--gc-container-width);margin:0 auto}.game-action-btn{flex:1;height:52px;border-radius:var(--gc-radius-md);display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;font-weight:800;box-shadow:var(--gc-shadow-sm);cursor:pointer;border:none;transition:transform .12s}.game-action-btn:active{transform:scale(.97)}.game-action-btn svg{width:20px;height:20px}.btn-hint{background:#fff6e6;color:var(--gc-warning);border:1.5px solid rgba(245,158,11,.4)}.btn-skip{background:var(--gc-card);color:var(--gc-primary);border:1.5px solid rgba(79,140,255,.35)}@media (min-width:768px){.game-action-btn{height:58px}}