.page-header h1,.page-header p,.page-header-inner{z-index:1;position:relative}.game-btn,.input-field{transition:all var(--transition);width:100%}.page-header::after,.page-header::before,.stat-card::before{content:'';position:absolute;inset:0}.game-container,.page-header,.page-header h1,.page-header p,.stat-card,.stat-value{position:relative}.ad-slot,.page-header,.question-text,.quiz-placeholder,.results-wrapper,.stat-card{text-align:center}.blog-content h2 .serif-accent,.page-header h1 .accent{font-family:var(--font-serif);font-style:italic;text-transform:none;-webkit-text-fill-color:transparent}.page-header,.progress-bar,.sr-only,.stat-card{overflow:hidden}body{background:var(--clr-slate-100)}.page-header{background:var(--clr-slate-900);padding:4rem 1.5rem 5rem;color:var(--clr-white)}.blog-content a:hover,.page-header-badge{color:var(--clr-teal)}.page-header::before{background:radial-gradient(ellipse 60% 80% at 20% 50%,rgba(13,207,180,.14) 0,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 40%,rgba(34,211,238,.1) 0,transparent 55%)}.page-header::after{background-image:linear-gradient(rgba(13,207,180,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,207,180,.05) 1px,transparent 1px);background-size:48px 48px}.page-header-inner{max-width:780px;margin:0 auto}.page-header-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem 1rem;border-radius:var(--radius-pill);background:rgba(13,207,180,.12);border:1px solid rgba(13,207,180,.3);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem}.game-card,.input-field{background:var(--clr-white)}.card-title,.input-label{font-family:var(--font-display);font-weight:700;text-transform:uppercase}.page-header h1{font-family:var(--font-display);font-size:clamp(1.9rem, 5vw, 3.2rem);font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.05;margin:0 0 1rem}.page-header h1 .accent{background:linear-gradient(135deg,var(--clr-teal) 0,var(--clr-cyan) 100%);-webkit-background-clip:text;background-clip:text}.page-header p{font-size:1.05rem;color:rgba(255,255,255,.7);line-height:1.7;max-width:680px;margin:0 auto;font-weight:300}.game-container{max-width:1200px;margin:-2.5rem auto 3rem;padding:0 1.5rem;z-index:10}.game-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:1.5rem;align-items:start}.ad-slot{margin:1.5rem 0}.ad-label{font-size:.68rem;color:var(--clr-slate-400);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.1em}.game-card{border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lift);border:1px solid var(--clr-slate-200);margin-bottom:1.5rem;animation:.5s both slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-title{font-size:1rem;letter-spacing:.05em;color:var(--clr-slate-800);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-slate-200)}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.7rem;letter-spacing:.08em;color:var(--clr-slate-500);margin-bottom:.4rem}.input-field{padding:.6rem .8rem;border-radius:var(--radius-sm);border:2px solid var(--clr-slate-200);font-size:.92rem;font-weight:600;color:var(--clr-slate-800);outline:0;box-sizing:border-box}.game-btn,.stat-label{font-family:var(--font-display);font-weight:700}.game-btn,.stat-card{color:var(--clr-white)}.input-field:focus{border-color:var(--clr-teal);box-shadow:0 0 0 3px var(--clr-teal-glow)}.game-btn{border:none;border-radius:var(--radius-md);padding:.75rem 1rem;background:var(--clr-teal-deep);font-size:.88rem;letter-spacing:.04em;cursor:pointer;margin-bottom:.6rem;display:block}.game-btn:hover{background:var(--clr-teal);color:var(--clr-slate-900);transform:translateY(-1px);box-shadow:0 8px 20px rgba(13,207,180,.35)}.game-btn:active{transform:translateY(0)}.game-btn:disabled{opacity:.55;box-shadow:none;transform:none;cursor:not-allowed}.game-btn.secondary{background:0 0;border:2px solid rgba(13,207,180,.35);color:var(--clr-teal-deep)}.results-player,.stat-card{border-radius:var(--radius-sm)}.game-btn.secondary:hover{background:rgba(13,207,180,.08);border-color:var(--clr-teal);color:var(--clr-teal-deep);box-shadow:none}.game-btn.cert-btn{margin-top:.4rem}.stats-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.stat-card{background:var(--clr-slate-900);padding:.7rem .5rem}.stat-card::before{background:radial-gradient(ellipse 80% 80% at 50% 0,rgba(13,207,180,.15) 0,transparent 70%);pointer-events:none}.stat-label{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.15rem}.stat-value{font-family:'Courier New',monospace;font-size:1.25rem;font-weight:900;color:var(--clr-white);z-index:1}.question-meta,.quiz-placeholder-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase}.progress-bar{width:100%;height:6px;background:var(--clr-slate-200);border-radius:999px;margin-bottom:1.25rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--clr-teal-deep) 0,var(--clr-cyan) 100%);border-radius:999px;transition:width .35s}.quiz-area{min-height:260px}.quiz-placeholder{padding:3rem 1.5rem;color:var(--clr-slate-400)}.quiz-placeholder-emoji{font-size:3rem;margin-bottom:.75rem}.quiz-placeholder-title{font-size:1.1rem;letter-spacing:.03em;color:var(--clr-slate-600);margin-bottom:.5rem}.quiz-placeholder-text{font-size:.9rem;color:var(--clr-slate-400);line-height:1.7}.question-card{background:linear-gradient(135deg,rgba(13,207,180,.05) 0,rgba(34,211,238,.05) 100%);border:1px solid rgba(13,207,180,.15);border-radius:var(--radius-md);padding:1.75rem 1.5rem}.question-meta{font-size:.72rem;letter-spacing:.08em;color:var(--clr-teal-deep);margin-bottom:.6rem}.answer-btn,.question-text{font-family:'Courier New',monospace;font-weight:900}.question-meta span{font-size:.68rem;color:var(--clr-slate-400);font-weight:500;letter-spacing:.04em}.question-text{font-size:2.5rem;margin-bottom:1.5rem;color:var(--clr-slate-900);line-height:1.2}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.answer-btn{padding:1rem .75rem;border-radius:var(--radius-md);border:2px solid rgba(13,207,180,.3);background:var(--clr-white);font-size:1.5rem;color:var(--clr-teal-deep);cursor:pointer;transition:.15s;user-select:none}.answer-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(13,207,180,.25);background:var(--clr-teal-deep);color:var(--clr-white);border-color:var(--clr-teal-deep)}.answer-btn.correct{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:var(--clr-white);border-color:#059669;animation:.45s correctPulse}.answer-btn.incorrect{background:linear-gradient(135deg,#ef4444 0,#b91c1c 100%);color:#fff1f2;border-color:#ef4444;animation:.45s shake}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.particle{position:fixed;width:10px;height:10px;border-radius:999px;pointer-events:none;animation:1s ease-out forwards particleFloat;z-index:2000}@keyframes particleFloat{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-150%) scale(0);opacity:0}}.player-list{margin-top:.5rem}.player-placeholder{text-align:center;padding:1.25rem;color:var(--clr-slate-400);font-size:.875rem}.player-item{background:var(--clr-slate-100);border:1px solid var(--clr-slate-200);border-left:3px solid rgba(13,207,180,.3);border-radius:var(--radius-sm);padding:.65rem .85rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem;transition:all var(--transition)}.player-item.active{background:var(--clr-teal-deep);border-color:var(--clr-teal-deep);color:var(--clr-white);transform:scale(1.02);box-shadow:var(--shadow-teal)}.player-name{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.02em}.player-sub{font-size:.72rem;opacity:.75;margin-top:1px}.player-score{font-family:'Courier New',monospace;font-size:1.25rem;font-weight:900}.results-wrapper{padding:2rem 1.5rem;animation:.4s both slideUp}.results-emoji{font-size:3rem;margin-bottom:.6rem}.results-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--clr-teal-deep);margin-bottom:.4rem}.results-winner{font-size:.95rem;font-weight:600;color:var(--clr-slate-700);margin-bottom:1rem}.results-box-title,.results-player-name{font-weight:700;font-family:var(--font-display)}.results-box{background:linear-gradient(135deg,rgba(13,207,180,.06) 0,rgba(34,211,238,.06) 100%);border:1px solid rgba(13,207,180,.15);border-radius:var(--radius-md);padding:1.25rem 1rem}.results-box-title{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-teal-deep);margin-bottom:.75rem}.results-player{background:var(--clr-white);padding:.6rem .8rem;margin-bottom:.4rem;border:1px solid var(--clr-slate-200);text-align:left}.results-player-name{font-size:.88rem;color:var(--clr-slate-800)}.results-player-stats{font-size:.8rem;color:var(--clr-slate-500);margin-top:2px}.results-time{margin-top:.75rem;font-size:.85rem;font-weight:600;color:var(--clr-slate-500)}.tips-box{background:linear-gradient(135deg,rgba(13,207,180,.05) 0,rgba(34,211,238,.05) 100%);border-left:3px solid var(--clr-teal);border-radius:var(--radius-sm);padding:.9rem 1rem;margin-top:1rem}.tips-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--clr-teal-deep);margin-bottom:.35rem}.tips-text{font-size:.875rem;color:var(--clr-slate-600);line-height:1.7}.tips-text strong{color:var(--clr-slate-800);font-weight:600}.notification{position:fixed;top:88px;right:1rem;background:var(--clr-teal-deep);color:var(--clr-white);padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:0 12px 30px rgba(13,207,180,.35);font-size:.875rem;z-index:3000;max-width:260px;animation:.25s ease-out both slideInRight}.notification-text{font-weight:700}.notification-hide{animation:.25s ease-in forwards slideOutRight}@keyframes slideInRight{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(90px)}}.blog-section{max-width:900px;margin:3rem auto 0;padding:0 1.5rem}.blog-content{background:var(--clr-white);border-radius:var(--radius-lg);padding:3rem 3.5rem;box-shadow:var(--shadow-card);border:1px solid var(--clr-slate-200);line-height:1.9;margin-bottom:2rem}.blog-content h2{font-family:var(--font-display);font-size:clamp(1.25rem, 3.5vw, 1.85rem);font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:var(--clr-slate-800);margin:0 0 .5rem;line-height:1.15}.blog-content h2 .serif-accent{background:linear-gradient(135deg,var(--clr-teal-deep),var(--clr-cyan));-webkit-background-clip:text;background-clip:text}.meta-line{font-size:.82rem;color:var(--clr-slate-400);margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--clr-slate-200)}.example-box,.highlight-box{padding:1rem 1.25rem;margin:1.25rem 0;color:var(--clr-slate-700)}.example-box a,.meta-line a{color:var(--clr-teal-deep);text-decoration:underline}.blog-content h3{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--clr-slate-800);margin:1.75rem 0 .6rem}.blog-content h4{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--clr-teal-deep);margin:1.25rem 0 .4rem}.blog-content p,.blog-content ul{color:var(--clr-slate-600);font-size:.975rem}.blog-content p{margin-bottom:.9rem;line-height:1.85}.blog-content ul{margin:0 0 1rem 1.5rem}.blog-content li{margin-bottom:.4rem;line-height:1.75}.blog-content a{color:var(--clr-teal-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.blog-content strong,.example-box strong,.highlight-box strong{color:var(--clr-slate-800);font-weight:600;-webkit-text-fill-color:var(--clr-slate-800)}.highlight-box{background:linear-gradient(135deg,rgba(13,207,180,.06) 0,rgba(34,211,238,.06) 100%);border:1px solid rgba(13,207,180,.2);border-left:3px solid var(--clr-teal);border-radius:var(--radius-sm);font-size:.92rem;line-height:1.75}.example-box{background:rgba(14,165,233,.05);border:1px solid rgba(14,165,233,.2);border-left:3px solid #0ea5e9;border-radius:var(--radius-sm);font-size:.93rem;line-height:1.75}@media (max-width:1024px){.game-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.page-header{padding:3rem 1.25rem 4rem}.page-header h1{font-size:1.8rem}.game-container{margin-top:-1.5rem;padding:0 1rem}.game-card{padding:1.5rem 1.25rem;border-radius:var(--radius-md)}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.question-text{font-size:1.9rem}.answer-btn,.blog-content h2{font-size:1.2rem}.answer-btn{padding:.9rem .6rem}.blog-section{padding:0 1rem}.blog-content{padding:1.75rem 1.25rem}.desktop-nav{display:none}}@media (max-width:480px){.stat-value{font-size:1.05rem}.question-text{font-size:1.6rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0}