:root{--primary:#059669;--primary-dark:#064E3B;--primary-light:#ECFDF5;--accent:#F57C00;--accent-light:#FFF3E0;--accent-dark:#E65100;--text:#1a1a2e;--text-mid:#4a5568;--text-light:#718096;--bg:#f7f8fc;--white:#FFFFFF;--border:#e2e8f0;--border-light:#f0f0f5;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow:0 2px 8px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.10);--shadow-glow:0 0 20px rgba(5,150,105,0.15);--max-w:1200px;--transition:0.25s cubic-bezier(0.4,0,0.2,1);--glass:rgba(255,255,255,0.7);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}body{font-family:'Nunito',system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.7;}h1,h2,h3,h4{font-family:'Fredoka One',cursive;font-weight:400;line-height:1.25;color:var(--text);}a{color:var(--primary);text-decoration:none;transition:color 0.15s;}a:hover{color:var(--primary-dark);}img{max-width:100%;height:auto;}ul,ol{list-style:none;}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;}.site-header{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.06);position:sticky;top:0;z-index:100;}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:68px;}.logo{display:flex;align-items:center;gap:0.6rem;font-family:'Fredoka One',cursive;font-size:1.3rem;color:var(--primary-dark);}.logo:hover{color:var(--primary);}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#10b981);color:var(--white);border-radius:12px;font-size:1.15rem;font-weight:700;box-shadow:0 2px 8px rgba(5,150,105,0.3);}.main-nav ul{display:flex;gap:0.25rem;}.main-nav a{color:var(--text-mid);font-weight:700;font-size:0.88rem;padding:0.45rem 0.9rem;border-radius:8px;transition:var(--transition);}.main-nav a:hover{color:var(--primary);background:var(--primary-light);}.main-nav a[aria-current="page"]{color:var(--primary);background:var(--primary-light);}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;border-radius:2px;transition:var(--transition);}.hero{background:linear-gradient(135deg,#064E3B 0%,#059669 50%,#10b981 100%);color:var(--white);padding:5rem 0 4.5rem;text-align:center;position:relative;overflow:hidden;}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(245,158,0,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,0.2) 0%,transparent 50%);pointer-events:none;}.hero::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");pointer-events:none;}.hero .container{position:relative;z-index:1;}.hero-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);padding:0.35rem 1.25rem;border-radius:50px;font-size:0.78rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:1.25rem;}.hero h1{font-size:3rem;margin-bottom:1rem;letter-spacing:-0.02em;text-shadow:0 2px 4px rgba(0,0,0,0.15);}.hero-tagline{font-size:1.15rem;opacity:0.92;max-width:560px;margin:0 auto 2.5rem;line-height:1.7;}.hero-search{max-width:480px;margin:0 auto;position:relative;}.hero-search input{width:100%;padding:1rem 1.5rem;border:none;border-radius:50px;font-size:1rem;font-family:inherit;box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:box-shadow 0.2s;}.hero-search input::placeholder{color:#a0aec0;}.hero-search input{padding-left:3rem;}.search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;}.hero-search input:focus{outline:none;box-shadow:0 4px 20px rgba(0,0,0,0.15),0 0 0 3px rgba(245,158,0,0.4);}.search-dropdown{display:none;position:absolute;top:calc(100%+4px);left:0;right:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;z-index:50;border:1px solid var(--border);}.search-result{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1.25rem;color:var(--text);border-bottom:1px solid var(--border-light);transition:background 0.15s;}.search-result:hover{background:var(--primary-light);}.search-result-title{font-weight:700;font-size:0.9rem;}.search-result-type{font-size:0.7rem;color:var(--text-light);background:var(--bg);padding:0.2rem 0.5rem;border-radius:4px;font-weight:600;}.search-empty{padding:1.25rem;text-align:center;color:var(--text-light);}.page-hero{padding:3.5rem 0 3rem;text-align:center;background:linear-gradient(180deg,var(--primary-light) 0%,var(--bg) 100%);}.page-hero h1{font-size:2.2rem;color:var(--primary-dark);letter-spacing:-0.01em;}.page-hero .hero-desc{color:var(--text-mid);max-width:620px;margin:0.75rem auto 0;font-size:1.05rem;}.page-hero--course{background:linear-gradient(180deg,#ecfdf5 0%,#f0fdf4 50%,var(--bg) 100%);}.page-hero--unit{background:linear-gradient(180deg,#fff7ed 0%,#fffbeb 50%,var(--bg) 100%);}.hero-meta{display:flex;gap:0.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap;}.hero-meta span{background:var(--white);padding:0.4rem 1rem;border-radius:50px;font-size:0.82rem;font-weight:800;color:var(--primary-dark);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);}section{padding:4rem 0;}section h2{font-size:1.65rem;margin-bottom:0.5rem;text-align:center;color:var(--text);letter-spacing:-0.01em;}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:2rem;font-size:1rem;}.card-grid{display:grid;gap:1.25rem;}.card-grid--5{grid-template-columns:repeat(5,1fr);}.card-grid--4{grid-template-columns:repeat(4,1fr);}.card-grid--3{grid-template-columns:repeat(3,1fr);}.subject-card{display:flex;flex-direction:column;align-items:center;gap:0.75rem;padding:2rem 1rem 1.5rem;background:var(--white);border-radius:var(--radius);border:2px solid transparent;box-shadow:var(--shadow);text-align:center;transition:var(--transition);position:relative;overflow:hidden;}.subject-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color,var(--primary));border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity 0.25s;}.subject-card:hover{border-color:var(--card-color,var(--primary));box-shadow:var(--shadow-md);transform:translateY(-4px);}.subject-card:hover::before{opacity:1;}.subject-beast-img{width:80px;height:80px;transition:transform 0.3s;}.subject-card:hover .subject-beast-img{transform:scale(1.1) rotate(-3deg);}.subject-name{font-family:'Fredoka One',cursive;font-size:1.05rem;color:var(--text);}.subject-count{font-size:0.75rem;color:var(--text-light);font-weight:600;}.course-card{display:block;padding:1.5rem;background:var(--white);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;}.course-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md),0 0 0 1px var(--primary);transform:translateY(-3px);}.course-card h3{font-size:1.05rem;color:var(--text);margin-bottom:0.4rem;}.course-level{display:inline-block;font-size:0.7rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:5px;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.04em;}.course-level{background:var(--accent-light);color:var(--accent);}.course-meta{font-size:0.82rem;color:var(--text-light);}.unit-cards{display:flex;flex-direction:column;gap:0.85rem;}.unit-card{display:block;padding:1.25rem 1.5rem;background:var(--white);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;}.unit-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary);border-radius:var(--radius) 0 0 var(--radius);opacity:0;transition:opacity 0.2s;}.unit-card:hover{box-shadow:var(--shadow-md);transform:translateX(4px);}.unit-card:hover::after{opacity:1;}.unit-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem;}.unit-card-header h3{font-size:1.05rem;color:var(--text);}.difficulty{font-size:0.72rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:5px;text-transform:uppercase;letter-spacing:0.03em;}.difficulty[data-level="Easy"]{background:#d1fae5;color:#047857;}.difficulty[data-level="Medium"]{background:#fef3c7;color:#b45309;}.difficulty[data-level="Hard"]{background:#fee2e2;color:#b91c1c;}.unit-card-meta{font-size:0.82rem;color:var(--text-light);margin-top:0.3rem;}.unit-card-topics{font-size:0.88rem;color:var(--text-mid);margin-top:0.3rem;}.exam-weight{display:inline-block;font-size:0.72rem;color:var(--primary);font-weight:800;margin-top:0.3rem;}.unit-cta{display:inline-flex;align-items:center;gap:0.3rem;margin-top:0.5rem;color:var(--accent);font-weight:800;font-size:0.88rem;transition:gap 0.2s;}.unit-card:hover .unit-cta{gap:0.6rem;}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;position:relative;}.step{position:relative;}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary),#10b981);color:var(--white);border-radius:50%;font-family:'Fredoka One',cursive;font-size:1.3rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(5,150,105,0.25);}.step h3{font-size:1.1rem;margin-bottom:0.4rem;}.step p{font-size:0.9rem;color:var(--text-light);max-width:220px;margin:0 auto;}.stats-bar{background:linear-gradient(135deg,var(--primary-dark) 0%,#065f46 50%,#047857 100%);color:var(--white);padding:2.5rem 0;position:relative;}.stats-bar::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");pointer-events:none;}.stats-row{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;position:relative;}.stat{text-align:center;}.stat-num{display:block;font-family:'Fredoka One',cursive;font-size:2.25rem;text-shadow:0 2px 4px rgba(0,0,0,0.15);}.stat-label{font-size:0.82rem;opacity:0.75;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.faq-section{background:var(--white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);}.faq-list{max-width:680px;margin:1.5rem auto 0;}.faq-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:0.6rem;background:var(--bg);transition:var(--transition);}.faq-item[open]{background:var(--white);box-shadow:var(--shadow);border-color:var(--border);}.faq-item summary{padding:1rem 1.25rem;font-weight:700;cursor:pointer;font-size:0.93rem;list-style:none;display:flex;justify-content:space-between;align-items:center;}.faq-item summary::after{content:'+';font-size:1.2rem;color:var(--text-light);transition:transform 0.2s;}.faq-item[open] summary::after{content:'-';transform:rotate(180deg);}.faq-item summary::-webkit-details-marker{display:none;}.faq-item summary:hover{color:var(--primary);}.faq-item p{padding:0 1.25rem 1rem;color:var(--text-mid);font-size:0.9rem;line-height:1.7;}.exam-facts{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);max-width:600px;margin:0 auto;padding:1.5rem;}.exam-facts h2{font-size:1.1rem;margin-bottom:1rem;}.facts-grid{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}.fact{text-align:center;padding:0.5rem 1rem;}.fact-label{display:block;font-size:0.7rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;}.fact-value{display:block;font-family:'Fredoka One',cursive;font-size:1.15rem;color:var(--primary-dark);}.quick-links{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;}.quick-link{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 0.9rem;background:var(--white);border:1px solid var(--border);border-radius:50px;font-size:0.82rem;font-weight:700;box-shadow:var(--shadow-sm);transition:var(--transition);}.quick-link:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px);}.quick-link-course{font-size:0.7rem;color:var(--text-light);}.unit-meta-bar{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.25rem;}.unit-meta-bar span{font-size:0.8rem;font-weight:700;padding:0.3rem 0.75rem;background:var(--white);border-radius:50px;box-shadow:var(--shadow-sm);}.unit-summary,.key-concepts,.study-tips{max-width:720px;margin-left:auto;margin-right:auto;background:var(--white);border-radius:var(--radius);padding:1.5rem 2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);}.unit-summary h2,.key-concepts h2,.study-tips h2{text-align:left;font-size:1.2rem;margin-bottom:0.75rem;}.concepts-list{padding-left:1.25rem;}.concepts-list li{margin-bottom:0.5rem;list-style:disc;color:var(--text-mid);}.game-section{background:var(--white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);}.game-section h2{margin-bottom:1.25rem;}.game-mode-selector{display:flex;gap:0.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem;}.game-mode-btn{padding:0.55rem 1.1rem;border:2px solid var(--border);border-radius:50px;background:var(--white);font-family:inherit;font-weight:800;font-size:0.8rem;cursor:pointer;transition:var(--transition);color:var(--text-mid);}.game-mode-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);}.game-mode-btn.active{border-color:var(--accent);color:var(--white);background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 2px 8px rgba(245,124,0,0.3);}.game-canvas{background:var(--white);border:2px solid var(--border);border-radius:var(--radius);min-height:420px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);position:relative;overflow:hidden;}.game-placeholder{text-align:center;padding:3rem 2rem;}.game-placeholder p{margin-bottom:1.25rem;color:var(--text-light);font-size:1.05rem;}.game-mode-preview{margin-bottom:0.5rem;}.mode-icon{font-size:3rem;margin-bottom:0.75rem;animation:float 2s ease-in-out infinite;}#mode-desc{transition:opacity 0.2s;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 2rem;border-radius:50px;font-family:inherit;font-weight:800;font-size:1rem;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--white);box-shadow:0 4px 12px rgba(245,124,0,0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,124,0,0.4);}.prev-next{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;}.prev-next-link{padding:0.8rem 1.25rem;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-weight:700;font-size:0.88rem;box-shadow:var(--shadow-sm);transition:var(--transition);}.prev-next-link:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px);}.cross-silo{margin-top:1.5rem;text-align:center;}.cross-silo h3{font-size:1rem;margin-bottom:0.75rem;}.dc-link,.dc-cta{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0;border-radius:var(--radius);max-width:720px;margin-left:auto;margin-right:auto;padding:1.5rem 2rem;text-align:center;}.dc-cta p{margin:0;}.breadcrumb{padding:0.85rem 0;background:var(--bg);}.breadcrumb ol{display:flex;align-items:center;gap:0.3rem;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;font-size:0.82rem;}.breadcrumb li{display:flex;align-items:center;}.breadcrumb li::after{content:"/";margin-left:0.4rem;color:var(--border);font-weight:300;}.breadcrumb li:last-child::after{content:"";}.breadcrumb li:last-child{color:var(--text-mid);font-weight:600;}.breadcrumb a{color:var(--text-light);}.breadcrumb a:hover{color:var(--primary);}.site-footer{background:linear-gradient(180deg,#064e3b,#022c22);color:var(--white);padding:3.5rem 0 1.5rem;margin-top:0;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem;}.footer-brand .logo-icon{background:rgba(255,255,255,0.15);}.footer-brand .logo-text{color:var(--white);}.footer-brand p{font-size:0.85rem;opacity:0.6;margin-top:0.5rem;line-height:1.6;}.site-footer h4{font-size:0.85rem;margin-bottom:0.85rem;opacity:0.5;text-transform:uppercase;letter-spacing:0.06em;}.site-footer ul li{margin-bottom:0.4rem;}.site-footer a{color:rgba(255,255,255,0.65);font-size:0.88rem;font-weight:600;}.site-footer a:hover{color:#fff;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.25rem;text-align:center;font-size:0.78rem;opacity:0.4;}.section-note{text-align:center;color:var(--text-light);font-size:0.9rem;margin-bottom:1rem;}.related-courses .card-grid{margin-top:1rem;}.page-hero--blog{background:linear-gradient(180deg,#f0fdf4 0%,#ecfdf5 50%,var(--bg) 100%);}.blog-category{display:inline-block;font-size:0.72rem;font-weight:800;padding:0.25rem 0.75rem;border-radius:50px;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.04em;background:var(--accent-light);color:var(--accent);}.blog-meta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem;}.blog-meta span{font-size:0.82rem;color:var(--text-light);font-weight:600;}.blog-article{padding:3rem 0;}.blog-content{max-width:720px;margin:0 auto;background:var(--white);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);line-height:1.8;}.blog-content h2{text-align:left;font-size:1.4rem;margin:2rem 0 0.75rem;color:var(--primary-dark);}.blog-content h3{text-align:left;font-size:1.15rem;margin:1.5rem 0 0.5rem;}.blog-content p{margin-bottom:1rem;color:var(--text-mid);font-size:0.95rem;}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin-bottom:1rem;}.blog-content li{margin-bottom:0.4rem;list-style:disc;color:var(--text-mid);font-size:0.95rem;}.blog-content ol li{list-style:decimal;}.blog-content blockquote{border-left:4px solid var(--accent);margin:1.5rem 0;padding:1rem 1.5rem;background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-mid);}.blog-content a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;}.blog-content a:hover{color:var(--accent);}.blog-content strong{color:var(--text);}.blog-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:0.9rem;}.blog-content th,.blog-content td{padding:0.6rem 0.75rem;text-align:left;border-bottom:1px solid var(--border-light);}.blog-content th{font-weight:800;color:var(--primary-dark);background:var(--primary-light);}.blog-card{display:flex;flex-direction:column;gap:0.5rem;padding:1.75rem;background:var(--white);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition);color:var(--text);}.blog-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px);color:var(--text);}.blog-card h3{font-size:1.1rem;line-height:1.35;}.blog-card p{font-size:0.88rem;color:var(--text-mid);line-height:1.6;flex:1;}.blog-card-cat{font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;color:var(--accent);align-self:flex-start;}.blog-card-meta{font-size:0.78rem;color:var(--text-light);font-weight:600;}.blog-listing{padding-bottom:4rem;}.blog-cta{padding:0;}.related-posts{padding-top:2rem;}.related-posts h2{margin-bottom:1.5rem;}@media (max-width:768px){.blog-content{padding:1.5rem;}}@media (max-width:768px){.card-grid--5{grid-template-columns:repeat(3,1fr);}.card-grid--4,.card-grid--3{grid-template-columns:repeat(2,1fr);}.steps-grid{grid-template-columns:1fr;gap:1.5rem;}.footer-grid{grid-template-columns:1fr;gap:1.5rem;}.hero h1{font-size:2rem;}.hero{padding:3.5rem 0 3rem;}.stats-row{gap:2rem;}section{padding:3rem 0;}.nav-toggle{display:block;}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem;box-shadow:var(--shadow-md);}.main-nav.open{display:block;}.main-nav ul{flex-direction:column;gap:0.25rem;}.main-nav a{padding:0.6rem 1rem;display:block;}.unit-summary,.key-concepts,.study-tips{padding:1.25rem;}}@media (max-width:480px){.card-grid--5,.card-grid--4,.card-grid--3{grid-template-columns:1fr;}.hero h1{font-size:1.65rem;}.hero-meta{flex-direction:column;align-items:center;gap:0.5rem;}.results-grid{grid-template-columns:repeat(2,1fr);}.arena-field{flex-direction:column;}}.gm-hud{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:0.75rem 0 1rem;border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;}.hud-item{text-align:center;}.hud-label{display:block;font-size:0.65rem;text-transform:uppercase;color:var(--text-light);letter-spacing:0.06em;font-weight:700;}.hud-val{font-family:'Fredoka One',cursive;font-size:1.2rem;color:var(--accent);}.hud-icon{font-size:1.1rem;}.hud-timer-val{font-family:'Fredoka One',cursive;font-size:1.4rem;color:var(--primary-dark);}.timer-danger{color:#DC2626 !important;animation:pulse 0.5s infinite;}.gm-body{max-width:650px;margin:0 auto;position:relative;overflow:hidden;padding:0.5rem 0;}.gm-q-text{font-size:1.05rem;font-weight:700;margin-bottom:1rem;line-height:1.6;min-height:2.5em;}.gm-choices{display:flex;flex-direction:column;gap:0.5rem;}.gm-choice{display:flex;align-items:center;gap:0.75rem;padding:0.8rem 1rem;background:var(--bg);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:0.93rem;text-align:left;transition:border-color 0.15s,background 0.15s,transform 0.15s;}.gm-choice:hover{border-color:var(--primary);background:var(--primary-light);transform:translateX(4px);}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--white);border:2px solid var(--border);border-radius:50%;font-weight:800;font-size:0.78rem;flex-shrink:0;transition:0.2s;}.choice-correct{border-color:#059669 !important;background:#ecfdf5 !important;}.choice-correct .choice-letter{background:#059669;color:#fff;border-color:#059669;}.choice-wrong{border-color:#dc2626 !important;background:#fee2e2 !important;}.choice-wrong .choice-letter{background:#dc2626;color:#fff;border-color:#dc2626;}.gm-feedback{margin-top:0.75rem;padding:0.65rem 1rem;border-radius:var(--radius-sm);font-size:0.88rem;line-height:1.6;min-height:1em;}.fb-correct{background:#ecfdf5;color:#064e3b;border-left:3px solid #059669;}.fb-wrong{background:#fef3c7;color:#92400e;border-left:3px solid #d97706;}.fb-pts{font-family:'Fredoka One',cursive;color:var(--accent);margin-right:0.3rem;}.gm-timerbar{height:4px;background:var(--border-light);border-radius:2px;margin-top:1rem;overflow:hidden;}.gm-timerbar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width 1s linear;width:100%;}.gm-results{text-align:center;padding:2rem 1rem;}.gm-results h3{font-family:'Fredoka One',cursive;font-size:1.5rem;color:var(--primary-dark);margin-bottom:1.25rem;}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.75rem;margin-bottom:1.5rem;}.result-box{padding:1rem 0.5rem;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);}.result-num{display:block;font-family:'Fredoka One',cursive;font-size:1.3rem;color:var(--accent);}.result-label{font-size:0.7rem;text-transform:uppercase;color:var(--text-light);font-weight:700;}.ph-lives{display:flex;gap:0.4rem;}.ph-heart{font-size:1.5rem;color:#dc2626;transition:0.3s;}.ph-scope{display:none;}.ph-target{position:relative;overflow:hidden;}.ph-target-ring{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:2px solid var(--accent);border-radius:50%;opacity:0.2;transition:0.2s;}.ph-target:hover .ph-target-ring{opacity:1;animation:target-lock 0.3s;}.ph-hit{border-color:#059669 !important;background:#ecfdf5 !important;}.ph-miss{border-color:#dc2626 !important;background:#fee2e2 !important;}.ph-end-icon{font-size:3.5rem;margin-bottom:1rem;}.maze-grid{display:grid;gap:0.6rem;padding:0.5rem;max-width:560px;margin:0 auto;}.maze-card{perspective:800px;height:110px;cursor:pointer;}.card-inner{position:relative;width:100%;height:100%;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;}.maze-card.flipped .card-inner{transform:rotateY(180deg);}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0.5rem;}.card-front{background:linear-gradient(135deg,var(--primary),#10b981);color:#fff;border:2px solid var(--primary);box-shadow:var(--shadow-sm);}.card-icon{font-size:1.8rem;}.card-back{background:var(--white);border:2px solid var(--border);transform:rotateY(180deg);overflow:hidden;}.card-type{font-family:'Fredoka One',cursive;font-size:0.65rem;color:var(--accent);text-transform:uppercase;margin-bottom:0.2rem;}.card-text{font-size:0.72rem;text-align:center;line-height:1.35;color:var(--text);max-height:80px;overflow:hidden;}.maze-card.matched .card-inner{transform:rotateY(180deg) scale(0.95);}.maze-card.matched .card-back{border-color:#f59e0b;box-shadow:0 0 16px rgba(245,158,0,0.35);}.maze-stars{font-size:2.5rem;margin-bottom:1rem;}.arena-field{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0;}.arena-beast{text-align:center;flex:1;max-width:160px;}.arena-hp-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;margin-bottom:0.25rem;}.arena-hp-fill{height:100%;border-radius:4px;transition:width 0.5s ease;}.player-hp{background:linear-gradient(90deg,#059669,#34d399);}.enemy-hp{background:linear-gradient(90deg,#dc2626,#f87171);}.arena-hp-text{font-size:0.7rem;color:var(--text-light);font-weight:700;}.beast-sprite{width:80px;height:80px;margin:0.5rem auto;}.beast-svg{width:100%;height:100%;}.arena-vs{font-family:'Fredoka One',cursive;font-size:1.75rem;color:var(--accent);text-shadow:0 2px 4px rgba(0,0,0,0.1);}.arena-action{max-width:650px;margin:0 auto;}.arena-end-beast{width:100px;height:100px;margin:0 auto 1rem;}.arena-end-beast .beast-svg{width:100%;height:100%;}.evo-stage-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0;}.evo-beast-container{position:relative;width:100px;height:100px;}.evo-beast{width:100%;height:100%;}.evo-glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,0,0.12) 0%,transparent 70%);}.evo-info{text-align:left;}.evo-stage-name{font-family:'Fredoka One',cursive;font-size:1.2rem;color:var(--primary-dark);display:block;margin-bottom:0.5rem;}.evo-xp-bar{width:180px;height:10px;background:var(--border-light);border-radius:5px;overflow:hidden;}.evo-xp-fill{height:100%;background:linear-gradient(90deg,#059669,#f59e0b);border-radius:5px;transition:width 0.5s ease;}.evo-xp-text{font-size:0.72rem;color:var(--text-light);margin-top:0.25rem;display:block;font-weight:600;}.evo-progress-dots{display:flex;justify-content:center;gap:0.5rem;margin-bottom:1rem;}.evo-dot{width:30px;height:30px;border-radius:50%;background:var(--border-light);display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:800;color:var(--text-light);transition:0.3s;border:2px solid transparent;}.evo-dot.active{background:var(--primary);color:#fff;border-color:#34d399;box-shadow:0 0 8px rgba(5,150,105,0.3);}.evo-final-beast{width:120px;height:120px;margin:0 auto 0.5rem;}.evo-final-beast .beast-svg{width:100%;height:100%;}.evo-final-name{font-family:'Fredoka One',cursive;color:var(--accent);font-size:1.2rem;margin-bottom:1rem;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}.anim-slide-in{animation:slideIn 0.3s ease both;}@keyframes pop{0%{transform:scale(0.5);opacity:0;}60%{transform:scale(1.15);}100%{transform:scale(1);opacity:1;}}.anim-pop{animation:pop 0.4s ease both;}@keyframes shake{0%,100%{transform:translateX(0);}20%{transform:translateX(-8px);}40%{transform:translateX(8px);}60%{transform:translateX(-5px);}80%{transform:translateX(5px);}}.anim-shake{animation:shake 0.4s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.anim-fade-in{animation:fadeIn 0.5s ease both;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}.anim-float{animation:float 2s ease-in-out infinite;}@keyframes idle{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-3px) scale(1.02);}}.anim-idle{animation:idle 1.5s ease-in-out infinite;}@keyframes pulseBright{0%,100%{filter:brightness(1);}50%{filter:brightness(1.3);}}.anim-pulse{animation:pulseBright 0.3s ease;}@keyframes attack{0%{transform:translateX(0);}30%{transform:translateX(40px) scale(1.1);}60%{transform:translateX(30px);}100%{transform:translateX(0);}}.anim-attack{animation:attack 0.5s ease both;}@keyframes attackR{0%{transform:translateX(0);}30%{transform:translateX(-40px) scale(1.1);}60%{transform:translateX(-30px);}100%{transform:translateX(0);}}.anim-attack-r{animation:attackR 0.5s ease both;}@keyframes hurt{0%{transform:translateX(0);filter:brightness(1);}20%{transform:translateX(10px);filter:brightness(2) saturate(0);}40%{transform:translateX(-8px);}60%{transform:translateX(5px);}100%{transform:translateX(0);filter:brightness(1);}}.anim-hurt{animation:hurt 0.5s ease;}@keyframes heartBreak{0%{transform:scale(1);}30%{transform:scale(1.4);}60%{transform:scale(0.6) rotate(15deg);}100%{transform:scale(0.8);opacity:0.3;}}.anim-heart-break{animation:heartBreak 0.5s ease both;color:#9ca3af !important;}@keyframes hitBurst{0%{box-shadow:0 0 0 0 rgba(5,150,105,0.6);}50%{box-shadow:0 0 0 12px rgba(5,150,105,0);}100%{box-shadow:none;}}.anim-hit-burst{animation:hitBurst 0.5s ease;}@keyframes targetIn{from{opacity:0;transform:scale(0.8) rotate(-5deg);}to{opacity:1;transform:scale(1) rotate(0);}}.anim-target-in{animation:targetIn 0.3s ease both;}@keyframes target-lock{0%{transform:translateY(-50%) scale(1);}50%{transform:translateY(-50%) scale(1.3);}100%{transform:translateY(-50%) scale(1);}}@keyframes cardDeal{from{opacity:0;transform:scale(0.5) rotateZ(10deg);}to{opacity:1;transform:scale(1) rotateZ(0);}}.anim-card-deal{animation:cardDeal 0.4s ease both;}@keyframes matchGlow{0%{box-shadow:0 0 0 rgba(245,158,0,0);}50%{box-shadow:0 0 20px rgba(245,158,0,0.5);}100%{box-shadow:0 0 8px rgba(245,158,0,0.2);}}.anim-match-glow{animation:matchGlow 0.6s ease both;}@keyframes evolve{0%{transform:scale(1);filter:brightness(1);}40%{transform:scale(0.3);filter:brightness(3);}60%{transform:scale(0.3);filter:brightness(3);}100%{transform:scale(1);filter:brightness(1);}}.anim-evolve{animation:evolve 0.8s ease both;}@keyframes glowBurst{0%{opacity:0.2;transform:scale(1);}50%{opacity:0.8;transform:scale(1.8);}100%{opacity:0.2;transform:scale(1);}}.anim-glow-burst{animation:glowBurst 0.8s ease both;}@keyframes fire{0%,100%{text-shadow:0 0 4px #f59e0b;}50%{text-shadow:0 0 12px #f59e0b,0 0 20px #ef4444;}}.anim-fire{animation:fire 0.6s ease infinite;color:#f59e0b !important;}.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;animation:particleFly 0.6s ease-out both;z-index:10;}@keyframes particleFly{0%{transform:translate(0,0) scale(1);opacity:1;}100%{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0;}}.rq-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:0.6rem;background:var(--white);box-shadow:var(--shadow-sm);}.rq-item summary{padding:0.85rem 1rem;cursor:pointer;font-size:0.93rem;line-height:1.5;font-weight:600;}.rq-item summary:hover{color:var(--primary);}.rq-choices{padding:0 1rem;}.rq-choice{padding:0.4rem 0.5rem;margin-bottom:0.3rem;border-radius:var(--radius-xs);font-size:0.88rem;}.rq-choice-correct{background:#ecfdf5;font-weight:700;}.rq-letter{display:inline-block;width:20px;font-weight:800;color:var(--text-light);}.rq-check{color:#059669;font-weight:800;}.rq-explanation{padding:0.5rem 1rem 0.85rem;font-size:0.85rem;color:var(--text-light);font-style:italic;line-height:1.6;}