.game-container{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:720px;margin:0 auto var(--space-8);box-shadow:var(--shadow-card-elevated);position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,166,35,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.game-container>*{position:relative;z-index:1}@media(max-width:600px){.game-container{padding:var(--space-5);border-radius:var(--radius-xl);margin:0 auto var(--space-6)}}.game-progress{margin-bottom:var(--space-6)}.game-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;letter-spacing:.03em}.game-progress-track{width:100%;height:6px;background:var(--color-midnight-950);border-radius:var(--radius-full);overflow:hidden;position:relative}.game-progress-fill{height:100%;background:var(--gradient-gold-shimmer);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.game-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmerSlide 2s infinite}.game-question-header{margin-bottom:var(--space-6)}.game-question-title{font-size:var(--text-xl);font-family:var(--font-serif);color:var(--color-gold-400);margin:0 0 var(--space-3) 0;line-height:var(--leading-snug)}@media(min-width:600px){.game-question-title{font-size:var(--text-2xl)}}.game-question-text{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed);margin:0}@media(min-width:600px){.game-question-text{font-size:var(--text-lg)}}.game-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.game-option-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(145deg,#182030,#0d121c);border:1.5px solid rgba(226,179,91,.35);box-shadow:inset 0 1px #ffffff14,inset 0 0 12px #00000073,0 4px 14px #0006;color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-snug);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);font-family:inherit;min-height:56px}.game-option-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){background:linear-gradient(145deg,#222d44,#111724);border-color:var(--color-gold-400);box-shadow:0 6px 20px #f5a62340,inset 0 1px 1px #fff0c826;transform:translateY(-2px)}.game-option-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.game-option-btn:focus-visible{outline:2px solid var(--color-gold-500);outline-offset:2px}.game-option-btn.selected{background:linear-gradient(145deg,#28344e,#141b2a);border-color:var(--color-gold-400);border-width:2px;box-shadow:0 0 24px #f5a62359,inset 0 0 14px #f5a62326}.game-option-btn.correct{background:linear-gradient(145deg,#10b98133,#064e3b4d);border-color:var(--color-success);box-shadow:0 0 24px #10b98159,inset 0 0 12px #10b98133;animation:correctPulse .5s ease}.game-option-btn.incorrect{background:linear-gradient(145deg,#ef44442e,#7f1d1d40);border-color:var(--color-error);box-shadow:0 0 20px #ef444459;animation:shakeX .4s ease}.game-option-btn:disabled{cursor:default;opacity:.85}.game-option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-midnight-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.game-option-btn.selected .game-option-radio{border-color:var(--color-gold-500);background:var(--color-gold-500)}.game-option-btn.correct .game-option-radio{border-color:var(--color-success);background:var(--color-success)}.game-option-btn.incorrect .game-option-radio{border-color:var(--color-error);background:var(--color-error)}.game-option-icon{font-size:13px;line-height:1;color:var(--color-midnight-950);font-weight:800;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.game-explanation{background:linear-gradient(135deg,#1a2235d9,#131b2ff2);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);animation:slideReveal .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.game-explanation:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-gold-shimmer);animation:borderDraw .6s ease-out .2s both}.game-explanation-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold-400);margin-bottom:var(--space-2)}.game-explanation-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.game-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);background:var(--gradient-gold-shimmer);color:var(--color-midnight-950);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;font-family:inherit;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-height:48px;letter-spacing:.02em}.game-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.game-btn-primary:active{transform:translateY(0) scale(.97)}.game-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:transparent;color:var(--color-gold-400);border:1.5px solid var(--color-gold-600);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);min-height:44px}.game-btn-secondary:hover{background:#f5a62314;border-color:var(--color-gold-400)}.game-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.game-result{text-align:center;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.game-result-score{font-size:var(--text-5xl);font-family:var(--font-serif);font-weight:700;color:var(--color-gold-400);margin:var(--space-4) 0 var(--space-2);line-height:1}.game-result-label{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600;margin-bottom:var(--space-1)}.game-result-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.game-result-tier{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:#f5a6231a;border:1px solid rgba(245,166,35,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--color-gold-300);letter-spacing:.05em;margin-bottom:var(--space-6);animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .3s both}.game-steps{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.game-step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-midnight-600);transition:all var(--transition-base)}.game-step-dot.completed{background:var(--color-success);box-shadow:0 0 6px #10b98166}.game-step-dot.active{background:var(--color-gold-500);box-shadow:0 0 8px #f5a62380;transform:scale(1.3)}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}@media(max-width:480px){.memory-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}}.memory-card{aspect-ratio:3 / 4;perspective:800px;cursor:pointer}.memory-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg)}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card.matched .memory-card-inner{animation:matchPulse .6s ease}.memory-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(226,179,91,.4);box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff14;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.memory-card-back{background:radial-gradient(circle at 50% 50%,rgba(245,166,35,.12) 0%,transparent 70%),linear-gradient(145deg,#182032,#0c101b);border:2px solid rgba(226,179,91,.45);box-shadow:inset 0 0 20px #000000b3,0 4px 14px #00000073;z-index:2}.memory-card-back:before{content:"";position:absolute;inset:4px;border:1px solid rgba(226,179,91,.22);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none}.memory-card-back-pattern{font-size:28px;color:var(--color-gold-400);opacity:.9;filter:drop-shadow(0 0 8px rgba(245,166,35,.4));transition:transform var(--transition-fast),filter var(--transition-fast)}.memory-card:hover:not(.flipped):not(.matched) .memory-card-back{border-color:var(--color-gold-400);box-shadow:0 6px 20px #f5a62340,inset 0 0 20px #00000080;transform:translateY(-2px)}.memory-card:hover:not(.flipped):not(.matched) .memory-card-back-pattern{filter:drop-shadow(0 0 12px rgba(245,166,35,.6));transform:scale(1.1)}.memory-card-front{transform:rotateY(180deg);background:radial-gradient(circle at 50% 35%,rgba(226,179,91,.12) 0%,transparent 70%),linear-gradient(145deg,#1c2538,#0d121c);border:2px solid var(--color-gold-400);box-shadow:0 0 20px #f5a62340,inset 0 0 16px #f5a6231a;font-size:32px}.memory-card-front:before{content:"";position:absolute;inset:4px;border:1px solid rgba(226,179,91,.25);border-radius:calc(var(--radius-lg) - 4px);pointer-events:none}.memory-card.matched .memory-card-front{border-color:#34d399;box-shadow:0 0 24px #10b98159,inset 0 0 14px #10b98126}.memory-card.matched .memory-card-front:before{border-color:#34d39959}.wheel-container{position:relative;width:100%;max-width:380px;margin:var(--space-6) auto;aspect-ratio:1}.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.wheel-svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));transition:transform 4s cubic-bezier(.15,.85,.25,1)}.wheel-svg.spinning{transition:transform 5s cubic-bezier(.05,.7,.2,1)}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--gradient-gold-shimmer);border:3px solid var(--color-midnight-950);box-shadow:0 0 20px #f5a6234d;z-index:5;display:flex;align-items:center;justify-content:center}.wheel-hub.active{animation:hubPulse 1.5s ease-in-out infinite}.match-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:480px){.match-columns{gap:var(--space-3)}}.match-column{display:flex;flex-direction:column;gap:var(--space-2)}.match-column-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-2)}.match-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(145deg,#182030,#0c1018);border:1.5px solid rgba(226,179,91,.4);box-shadow:inset 0 1px #ffffff14,inset 0 0 12px #0006,0 4px 12px #00000059;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;text-align:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit}.match-item:hover:not(:disabled):not(.matched):not(.selected){background:linear-gradient(145deg,#222d42,#101622);border-color:var(--color-gold-400);box-shadow:0 6px 18px #f5a62340,inset 0 1px 1px #fff0c826;transform:translateY(-2px)}.match-item.selected{border:2px solid var(--color-gold-400);background:linear-gradient(145deg,#28344e,#141b2a);box-shadow:0 0 20px #f5a62359,inset 0 0 14px #f5a62333;color:#fff;animation:pulseGlow 1.5s ease-in-out infinite}.match-item.matched{background:linear-gradient(145deg,#10b98126,#064e3b40);border-color:#10b98180;box-shadow:0 0 12px #10b98126,inset 0 0 8px #10b9811a;color:#a7f3d0;cursor:default;opacity:.85}.match-item.error{animation:shakeX .4s ease;border-color:var(--color-error);box-shadow:0 0 16px #ef444459}.game-slide{animation:slideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideReveal{0%{opacity:0;transform:translateY(12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes correctPulse{0%{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 20px 4px #10b98133}to{box-shadow:0 0 20px #10b98126}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #f5a62326}50%{box-shadow:0 0 24px #f5a62359}}@keyframes matchPulse{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.06);box-shadow:var(--shadow-glow-gold)}to{transform:rotateY(180deg) scale(1)}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes borderDraw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hubPulse{0%,to{box-shadow:0 0 20px #f5a6234d}50%{box-shadow:0 0 35px #f5a62380,0 0 60px #f5a62326}}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.game-volvelle-container,.volvelle-container-wrap{background:radial-gradient(circle at 50% 20%,#d4af3714,#0b0e14f2 75%),#0b0e14;border:1px solid rgba(212,175,55,.35);box-shadow:0 12px 40px #0009,inset 0 0 50px #d4af370a}.game-volvelle-container:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(212,175,55,.15);border-radius:calc(var(--radius-2xl) - 4px);pointer-events:none}.game-memory-felt{background:radial-gradient(circle at 50% 30%,#10b9810f,#061a14eb 60%,#080d14);border:1px solid rgba(226,179,91,.38);box-shadow:0 12px 40px #0009,0 0 25px #10b9810d}.game-memory-felt:after{content:"";position:absolute;inset:6px;border:1px solid rgba(226,179,91,.12);border-radius:calc(var(--radius-2xl) - 6px);pointer-events:none}.game-scriptorium-parchment{background:linear-gradient(180deg,#161b26f2,#0d111afa);border:1px solid rgba(226,179,91,.32);box-shadow:0 12px 40px #0000008c,inset 0 0 45px #00000080}.game-scriptorium-parchment .game-question-title{letter-spacing:.02em;text-shadow:0 2px 10px rgba(245,166,35,.2)}.game-crucible-elemental{background:radial-gradient(circle at 10% 10%,rgba(239,68,68,.05) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(245,166,35,.05) 0%,transparent 40%),radial-gradient(circle at 10% 90%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(16,185,129,.05) 0%,transparent 40%),#0e1118;border:1px solid rgba(226,179,91,.3);box-shadow:0 12px 40px #0009,inset 0 0 35px #0006}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.memory-card-inner{transition:none}.wheel-svg,.wheel-svg.spinning{transition-duration:.5s!important}}.game-header[data-astro-cid-pplo24cw]{margin-top:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);border-radius:var(--radius-2xl);border:1.5px solid rgba(245,166,35,.35);background:radial-gradient(circle at 50% 10%,rgba(245,166,35,.12) 0%,var(--color-midnight-900) 80%)}@media(min-width:768px){.game-header[data-astro-cid-pplo24cw]{padding:var(--space-8)}}.game-hero-grid[data-astro-cid-pplo24cw]{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;text-align:center}@media(min-width:768px){.game-hero-grid[data-astro-cid-pplo24cw]{grid-template-columns:260px 1fr;text-align:left;gap:var(--space-8)}}.game-hero-art-col[data-astro-cid-pplo24cw]{display:flex;justify-content:center}.game-focal-art-frame[data-astro-cid-pplo24cw]{position:relative;width:100%;max-width:260px;aspect-ratio:16 / 10;border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--color-gold-400);box-shadow:0 12px 32px #0009,0 0 20px #f5a62333;background:radial-gradient(circle at 30% 30%,rgba(212,160,23,.18) 0%,var(--color-midnight-950) 70%)}.game-focal-img[data-astro-cid-pplo24cw]{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.05) contrast(1.05)}.game-focal-bezel-sheen[data-astro-cid-pplo24cw]{position:absolute;inset:0;pointer-events:none;border-radius:calc(var(--radius-xl) - 2px);box-shadow:inset 0 0 16px #0006;border:1px solid rgba(255,255,255,.15)}.game-hero-text-col[data-astro-cid-pplo24cw]{display:flex;flex-direction:column}.header-badges-row[data-astro-cid-pplo24cw]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}@media(min-width:768px){.header-badges-row[data-astro-cid-pplo24cw]{justify-content:flex-start}}.game-category-badge[data-astro-cid-pplo24cw],.game-meta-badge[data-astro-cid-pplo24cw],.game-privacy-badge[data-astro-cid-pplo24cw]{font-size:var(--text-xs);font-weight:700;padding:4px 12px;border-radius:var(--radius-full);letter-spacing:.04em}.game-category-badge[data-astro-cid-pplo24cw]{background:#f5a62326;border:1px solid rgba(245,166,35,.4);color:var(--color-gold-300)}.game-meta-badge[data-astro-cid-pplo24cw]{background:var(--color-midnight-800);border:1px solid var(--color-midnight-600);color:var(--color-text-secondary)}.game-privacy-badge[data-astro-cid-pplo24cw]{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#6ee7b7;display:inline-flex;align-items:center;gap:4px}.game-title[data-astro-cid-pplo24cw]{font-size:var(--text-2xl);font-family:var(--font-serif);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}@media(min-width:768px){.game-title[data-astro-cid-pplo24cw]{font-size:var(--text-3xl)}}.game-subtitle[data-astro-cid-pplo24cw]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:680px;margin:0 auto}.noscript-alert[data-astro-cid-pplo24cw]{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1.5px solid #f59e0b;background:#f59e0b1a;margin-bottom:var(--space-8)}.alert-icon[data-astro-cid-pplo24cw]{font-size:28px;flex-shrink:0}.alert-title[data-astro-cid-pplo24cw]{font-size:var(--text-base);font-weight:700;color:#fcd34d;margin:0 0 var(--space-1) 0}.alert-text[data-astro-cid-pplo24cw]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.game-stage-wrapper[data-astro-cid-pplo24cw]{min-height:60vh;margin-bottom:var(--space-12)}.game-footer-nav[data-astro-cid-pplo24cw]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-16);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.08)}