:root{--primary: #ffb02e;--primary-deep: #ff8a00;--secondary: #3a0f3f;--accent: #ff5e8a;--gold: #ffd36e;--bg: radial-gradient( 120% 100% at 50% 0%, #eaf1fb 0%, #f2f6fc 45%, #eef2f8 100% );--card: rgba(255, 255, 255, .07);--card-warm: rgba(90, 30, 70, .55);--card-solid: #fff6e6;--text: #fff5ec;--text-dark: #3a1030;--muted: rgba(255, 235, 220, .66);--radius: 24px;--shadow: 0 18px 50px rgba(30, 5, 30, .5);--font: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden}html,body,#root{height:100%}body:not(.allow-scroll){overflow:hidden}body{font-family:var(--font);color:var(--text);background:#eef2f8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh;height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.app-bg{height:100vh;height:100dvh;background:radial-gradient(120% 100% at 50% 0%,#eaf1fb,#f2f6fc 45%,#eef2f8);display:flex;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.app-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 16% 14%,rgba(59,125,234,.16),transparent 44%),radial-gradient(circle at 86% 24%,rgba(90,160,255,.14),transparent 48%),radial-gradient(circle at 50% 98%,rgba(120,180,255,.12),transparent 46%);pointer-events:none}.app-bg-start,.app-bg-intro2,.app-bg-game{background:#141c26}.app-bg-how-to-play,.app-bg-journey{background:#8bcc95}.app-bg-milestone-1{background:#4272b8}.app-bg-quiz-intro{background:#1ca764}.app-bg-quiz{background:#fee0cd}body.correct-answer-active .app-bg-quiz{background:#4272b8}.app-bg-milestone-2{background:#fef8ce}.app-bg-complete{background:#141c26}.app-bg-badge{background:#4272b8}.app-bg-start:before,.app-bg-intro2:before,.app-bg-game:before,.app-bg-how-to-play:before,.app-bg-journey:before,.app-bg-milestone-1:before,.app-bg-quiz-intro:before,.app-bg-quiz:before,.app-bg-milestone-2:before,.app-bg-complete:before,.app-bg-badge:before{display:none}.stage{width:100%;max-width:520px;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);z-index:1;overflow:hidden;margin-left:auto;margin-right:auto;align-self:center}.stage:before{content:"";position:absolute;top:0;left:-4%;right:-4%;height:26px;z-index:5;pointer-events:none;background:radial-gradient(circle at 6% 10px,#ffd36e 3.5px,transparent 4px),radial-gradient(circle at 18% 16px,#ff5e8a 3.5px,transparent 4px),radial-gradient(circle at 30% 9px,#7bdcff 3.5px,transparent 4px),radial-gradient(circle at 42% 17px,#ffd36e 3.5px,transparent 4px),radial-gradient(circle at 54% 10px,#b98cff 3.5px,transparent 4px),radial-gradient(circle at 66% 17px,#ff5e8a 3.5px,transparent 4px),radial-gradient(circle at 78% 9px,#ffd36e 3.5px,transparent 4px),radial-gradient(circle at 90% 16px,#7bdcff 3.5px,transparent 4px);animation:twinkle 2.4s ease-in-out infinite}.stage:after{content:"";position:absolute;top:6px;left:-4%;right:-4%;height:16px;z-index:4;pointer-events:none;border-bottom:2px solid rgba(255,176,46,.35);border-radius:0 0 50% 50%/0 0 100% 100%}@keyframes twinkle{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(255,211,110,.6))}50%{opacity:.7;filter:drop-shadow(0 0 7px rgba(255,94,138,.5))}}@media (min-width: 900px){.stage:before,.stage:after{left:0;right:0}}@media (min-width: 900px){.stage{max-width:440px;height:min(880px,96vh);align-self:center;border-radius:20px;box-shadow:0 40px 120px #140418a6;overflow:hidden;background:linear-gradient(180deg,#4a123c8c,#2a0a3099);backdrop-filter:blur(4px);border:1px solid rgba(255,176,46,.18)}}.stage.wide{max-width:1100px}.stage.full{max-width:100%}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(14px,2.6vh,24px) clamp(16px,4vw,22px) clamp(16px,2.6vh,28px);position:relative;overflow:hidden}.spacer{flex:1 1 0;min-height:0}.screen-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.4vh,14px)}.screen-body::-webkit-scrollbar{display:none}.screen-body.top{justify-content:flex-start}.screen-foot{flex:0 0 auto;padding-top:clamp(10px,1.8vh,16px);display:flex;flex-direction:column;gap:10px}.screen-head{flex:0 0 auto}.h1{font-size:clamp(28px,8vw,40px);font-weight:800;line-height:1.05;margin:0}.h2{font-size:clamp(22px,6vw,30px);font-weight:800;margin:0}.subtitle{color:var(--muted);font-size:15px;line-height:1.5;margin:6px 0 0}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 26px;font-size:17px;font-weight:700;border-radius:999px;color:#4a1500;background:linear-gradient(135deg,#ffd36e,#ff8a00);box-shadow:0 10px 26px #ff8a0073,inset 0 -3px #7832002e,inset 0 1px #fff6;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;width:100%;user-select:none}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.96);box-shadow:0 4px 14px #ff8a0066}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3)}.btn.secondary{background:linear-gradient(135deg,#4a1240,#2f0a34);color:var(--gold);box-shadow:0 10px 24px #14041880,inset 0 0 0 1px #ffb02e59}.btn.ghost{background:transparent;color:var(--muted);box-shadow:none;min-height:44px}.btn.accent{background:linear-gradient(135deg,#ff7ea8,#ff5e8a);color:#fff;box-shadow:0 10px 26px #ff5e8a6b}.card{background:var(--card-warm);border:1px solid rgba(255,176,46,.18);border-radius:var(--radius);padding:18px;backdrop-filter:blur(8px)}.card.solid{background:var(--card-solid);color:var(--text-dark)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;letter-spacing:.3px}.input{width:100%;min-height:54px;padding:0 18px;border-radius:16px;background:#fff5ec14;border:1.5px solid rgba(255,176,46,.25);color:var(--text);font-size:16px;transition:border-color .15s ease,background .15s ease}.input::placeholder{color:#ffebdc6b}.input:focus{outline:none;border-color:var(--primary);background:#fff5ec24;box-shadow:0 0 0 3px #ffb02e2e}.input.error{border-color:#ff6b6b}.error-text{color:#ff9a9a;font-size:13px;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ffb02e38,#ff5e8a2e);border:1px solid rgba(255,176,46,.3);font-size:13px;font-weight:600;color:var(--gold)}.brand{text-align:center}.brand .logo{font-size:clamp(30px,10vw,46px);font-weight:800;letter-spacing:-1px;color:#fff}.brand .logo .smile{color:var(--primary)}.brand .logo-img{display:block;margin:0 auto;width:clamp(140px,46vw,220px);height:auto;object-fit:contain}.brand .peak{font-size:clamp(22px,6vw,30px);font-weight:900;color:var(--gold);letter-spacing:4px;margin-top:2px;text-shadow:0 2px 12px rgba(255,176,46,.45)}.flex{display:flex}.between{justify-content:space-between}.items-center{align-items:center}.gap{gap:12px}.mt{margin-top:clamp(10px,1.8vh,16px)}.mt-lg{margin-top:clamp(14px,2.8vh,28px)}.stack>*+*{margin-top:clamp(10px,1.6vh,14px)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-weight:600}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-color:#ff990038;border-radius:50%;animation:spinnerSpin .7s linear infinite;vertical-align:middle}@keyframes spinnerSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.journey-trail{position:relative;width:100%;height:100%;min-height:340px;border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,176,46,.1),transparent 55%),linear-gradient(180deg,#5a1e468c,#2a0a30c7);border:1px solid rgba(255,176,46,.18)}.trail-svg{position:absolute;inset:0;width:100%;height:100%}.trail-tree{position:absolute;font-size:clamp(18px,3.4vh,26px);transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(20,4,24,.4));opacity:.9}.trail-chest{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 12px rgba(255,176,46,.4))}.trail-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:2}.trail-node.side-left{flex-direction:row-reverse}.trail-circle{width:clamp(42px,7vh,54px);height:clamp(42px,7vh,54px);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ffd36e,#ff8a00);border:3px solid rgba(255,246,230,.92);box-shadow:0 8px 20px #14041866}.trail-node.locked .trail-circle{background:linear-gradient(135deg,#9a7ba8,#6b4f78);color:#ffffffb3}.trail-label{max-width:120px;font-size:clamp(12px,1.7vh,14px);font-weight:700;line-height:1.15;color:#fff;background:#2a0a3099;border:1px solid rgba(255,176,46,.28);padding:6px 10px;border-radius:12px;backdrop-filter:blur(4px)}.trail-node.locked .trail-label{color:var(--muted)}.journey-map{position:relative;width:100%;height:clamp(180px,30vh,300px);flex:0 0 auto;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#5a1e4680,#2a0a30b8);border:1px solid rgba(255,176,46,.18)}.journey-svg{position:absolute;inset:0;width:100%;height:100%}.tree{position:absolute;font-size:22px;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.milestone-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:120px}.node-circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd36e,#ff8a00);box-shadow:0 8px 20px #14041866,0 0 16px #ffb02e80;border:3px solid rgba(255,246,230,.9)}.milestone-node.locked .node-circle{background:linear-gradient(135deg,#94a3b8,#64748b);border-color:#fff6}.milestone-node.completed .node-circle{background:linear-gradient(135deg,#4ade80,#22c55e)}.node-label strong{display:block;font-size:12px;color:var(--primary)}.milestone-node.locked .node-label strong{color:var(--muted)}.node-label span{font-size:12px;color:var(--muted);line-height:1.2}.ms-list{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,12px)}.ms-row{display:flex;align-items:center;gap:14px;padding:clamp(10px,1.6vh,14px) 16px;border-radius:18px;background:var(--card-warm);border:1px solid rgba(255,176,46,.16)}.ms-row.active{border-color:var(--primary);box-shadow:0 0 0 2px #ffb02e59}.ms-row.completed{opacity:.9}.ms-row .ms-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff1a;flex-shrink:0}.ms-row h4{margin:0;font-size:15px}.ms-row p{margin:2px 0 0;font-size:13px;color:var(--muted)}.ms-status{margin-left:auto;font-size:12px;font-weight:700}.ms-status.completed{color:#4ade80}.ms-status.active{color:var(--primary)}.ms-status.locked{color:var(--muted)}.how-cards{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);min-height:0}.how-card{display:flex;gap:16px;align-items:center;padding:clamp(10px,1.6vh,16px);border-radius:18px;background:var(--card-warm);border:1px solid rgba(255,176,46,.16)}.how-card .step-badge{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffd36e,#ff8a00);color:#4a1500;font-weight:800;display:grid;place-items:center;flex-shrink:0}.how-card h4{margin:0 0 2px;font-size:15px}.how-card p{margin:0;font-size:13px;color:var(--muted)}.mini-tiles{display:flex;gap:6px;margin-top:8px}.mini-tile{width:34px;height:34px;border-radius:10px;background:#ffffff1f;display:grid;place-items:center}.mini-tile.match{outline:2px solid #ffd93d}.game-screen{padding:12px 12px 16px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.hud{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.game-hud{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex:0 0 auto}.hud-chip{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;min-width:0;height:40px;box-sizing:border-box;border-radius:999px;background:transparent;border:none;box-shadow:none}.hud-chip .chip-ico{font-size:22px;line-height:1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd36e,#ff8a00)}.hud-chip .chip-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.hud-chip .chip-value{font-size:20px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.hud-chip.timer .chip-value{color:var(--gold)}.hud-chip.timer.urgent .chip-value{color:#ff6b6b}.hud-chip.timer.pulse{animation:hudPulse .6s ease-in-out infinite}.hud-box{flex:1;background:linear-gradient(135deg,#4a123cb3,#2a0a30b3);border:1px solid rgba(255,176,46,.22);border-radius:16px;padding:10px 14px;text-align:center}.hud-box .label{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.hud-box .value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.hud-box.timer.urgent .value{color:#ff6b6b}.hud-box.timer.pulse{animation:hudPulse .6s ease-in-out infinite}@keyframes hudPulse{50%{transform:scale(1.06);box-shadow:0 0 0 3px #ff6b6b66}}.board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:clamp(24px,5vh,60px);transform:translateY(-8px)}.board{display:grid;gap:4px;width:auto;height:100%;max-height:min(100%,70vh);max-width:min(98vw,520px);aspect-ratio:1 / 1;background:transparent;border:none;border-radius:0;padding:0;gap:6px;touch-action:none}.tile{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:transparent;display:grid;place-items:center;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;will-change:transform,opacity;transition:transform .14s ease,box-shadow .14s ease;border:1.5px solid transparent}.tile:active{cursor:grabbing}.tile-image{display:block;width:88%;height:88%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.powerup-image{display:block;width:26px!important;height:26px!important;max-width:26px;max-height:26px;object-fit:contain;pointer-events:none}.tile.selected{border-color:#ffd93d;box-shadow:0 0 0 3px #ffd93d66,0 0 18px #ffd93d80;transform:scale(1.08);z-index:2}.tile.matched{animation:tileBurst .32s ease forwards}@keyframes tileBurst{0%{transform:scale(1)}40%{transform:scale(1.25);filter:brightness(1.6)}to{transform:scale(0);opacity:0}}.tile.dropping{animation:tileDrop .28s ease}@keyframes tileDrop{0%{transform:translateY(-40px);opacity:.4}to{transform:translateY(0);opacity:1}}.board.shake{animation:boardShake .3s ease}@keyframes boardShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.float-score{position:absolute;font-weight:800;font-size:20px;color:#ffd93d;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;z-index:30}.combo-banner{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:30px;font-weight:900;color:#fff;text-shadow:0 0 20px #ff9900,0 2px 8px rgba(0,0,0,.6);pointer-events:none;z-index:35}.benefit-box-wrap{flex:0 0 auto;min-height:184px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;margin:12px 0 6px;z-index:45;pointer-events:none;transform:translateY(0)}.bb-mascot-box{flex-shrink:0;width:136px;height:136px;display:grid;place-items:center;line-height:1;transform:translateY(0)}.bb-mascot-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 10px 16px rgba(0,0,0,.45)) drop-shadow(0 20px 30px rgba(0,0,0,.3));transform:perspective(600px) rotateX(6deg) rotateY(-8deg);transform-style:preserve-3d}.bb-bubble{position:absolute;left:0;bottom:82px;width:min(76%,300px);text-align:left;padding:12px 15px;background:#fff;color:#111827;border-radius:14px 14px 14px 5px;border:1px solid rgba(15,23,42,.12);box-shadow:0 10px 24px #070a1452;opacity:.96}.bb-bubble:after{content:"";position:absolute;left:30px;bottom:-8px;width:16px;height:16px;background:#fff;border-radius:0 0 4px;transform:rotate(45deg)}.bb-copy{display:flex;flex-direction:column;gap:4px}.bb-bubble strong{display:block;font-size:14px;font-weight:800;color:#f26222;letter-spacing:.01em}.bb-title{display:block;font-size:15px;line-height:1.25;font-weight:800;color:#475569}.bb-description{display:block;font-size:12.5px;line-height:1.5;color:#64748b}.celebrate{text-align:center}.celebrate .screen-body{align-items:center}.big-trophy{font-size:90px;filter:drop-shadow(0 10px 30px rgba(255,176,46,.6))}.score-pop{font-size:clamp(44px,14vw,72px);font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(255,176,46,.6)}.milestone-tag{font-size:14px;letter-spacing:3px;font-weight:800;color:var(--primary);text-transform:uppercase}.quiz-stage{aspect-ratio:934 / 1684;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#fee0cd;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.quiz-stage:before,.quiz-stage:after{display:none}.quiz-screen{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:transparent;padding:clamp(42px,6vh,58px) clamp(26px,6vw,40px) clamp(90px,14vh,130px);color:#3a2140}@media (min-width: 900px){.quiz-stage{aspect-ratio:934 / 1684;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.quiz-screen .quiz-pill{padding:6px 12px;font-size:11px}.quiz-stage .quiz-screen .quiz-timer-bar{margin-bottom:22px}.quiz-stage .quiz-screen .quiz-qblock{padding-top:22px}.quiz-stage .quiz-screen .q-text{font-size:14px;line-height:1.25;margin-bottom:10px}.quiz-stage .quiz-screen .options{gap:8px}.quiz-stage .quiz-screen .option{gap:9px;padding:8px 12px;font-size:12px}.quiz-stage .quiz-screen .letter{width:27px;height:27px}}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;margin:clamp(6px,.9vh,12px) clamp(-8px,-1.2vw,-4px) 4px}.quiz-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:800;line-height:1;background:#ffb02e29;border:1px solid rgba(255,176,46,.4);color:var(--gold, #ffb02e)}.quiz-pill-timer{color:#ffd07a}.quiz-pill-timer .quiz-clock{font-size:14px}.quiz-pill-timer.danger{color:#ff9a9a;background:#ff5c5c29;border-color:#ff5c5c80}.quiz-progress{display:flex;gap:6px;margin-bottom:8px}.quiz-progress .dot{flex:1;height:6px;border-radius:3px;background:#ffffff26}.quiz-progress .dot.done{background:#4ade80}.quiz-progress .dot.current{background:var(--primary)}.quiz-timer-bar{height:8px;border-radius:4px;background:#5a32642e;overflow:hidden;margin:10px 0 28px}.quiz-timer-bar .fill{height:100%;background:linear-gradient(90deg,#4ade80,#ffd93d);transition:width .25s linear}.quiz-timer-bar .fill.warn{background:linear-gradient(90deg,#ffd93d,#f90)}.quiz-timer-bar .fill.danger{background:linear-gradient(90deg,#f90,#ff5c5c)}.quiz-screen .q-text{font-size:clamp(17px,2.4vh,20px);font-weight:800;line-height:1.3;margin-bottom:clamp(12px,2vh,18px);color:#2f1836}.quiz-qblock{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding-top:clamp(18px,3.5vh,32px)}.options{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,12px)}.quiz-screen .options{flex:0 1 auto;justify-content:flex-start;gap:clamp(12px,2vh,20px);padding-bottom:clamp(8px,2vh,20px)}.quiz-screen .option{display:flex;align-items:center;gap:14px;padding:clamp(12px,1.6vh,18px) clamp(14px,2.2vw,18px);border-radius:16px;background:#fff;border:1.5px solid rgba(90,50,100,.18);box-shadow:0 3px 8px #50285a1f;text-align:left;font-size:clamp(14px,1.8vh,16px);font-weight:700;color:#2f1836;transition:transform .12s ease,border-color .15s ease,background .15s ease;min-height:clamp(52px,7.5vh,68px)}.quiz-screen .option .letter{width:30px;height:30px;font-size:15px;background:#5a32641f;color:#5a3264}@media (max-width: 420px){.quiz-screen .option{gap:10px;padding:10px 12px;min-height:50px;border-radius:14px;font-size:14px}.quiz-screen .option .letter{width:28px;height:28px;font-size:14px}}.option:active{transform:scale(.98)}.option .letter{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;font-weight:800;flex-shrink:0}.option.selected{border-color:#22c55e;background:#22c55e47}.option.selected .letter{background:#22c55e;color:#fff}.option.correct{border-color:#22c55e;background:#22c55e33}.option.correct .letter{background:#22c55e}.option.incorrect{border-color:#ff5c5c;background:#ff5c5c2e;animation:boardShake .3s ease}.option.incorrect .letter{background:#ff5c5c}.option:disabled{cursor:default}.explain{margin-top:16px;padding:14px 16px;border-radius:14px;background:#ffffff14;font-size:14px;color:var(--muted)}.quiz-screen .explain{background:#5a326414;color:#4a2d52}.quiz-score{font-size:13px;font-weight:800;color:#5a3264}.cert-wrap{padding:8px}.certificate{background:linear-gradient(135deg,#fffdf5,#fff6e0);color:#1a2233;border-radius:14px;padding:26px 22px;border:3px solid var(--primary);box-shadow:0 20px 50px #0006;position:relative;overflow:hidden}.certificate:before{content:"";position:absolute;inset:8px;border:1.5px dashed rgba(255,153,0,.5);border-radius:8px;pointer-events:none}.cert-seal{width:70px;height:70px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,#ffd93d,#f90);display:grid;place-items:center;box-shadow:0 6px 16px #ff990080}.cert-title{font-size:24px;font-weight:900;text-align:center;color:#232f3e}.cert-sub{text-align:center;color:var(--accent);font-weight:700;letter-spacing:1px;margin-bottom:14px}.cert-name{text-align:center;font-size:26px;font-weight:800;color:var(--primary);border-bottom:2px solid rgba(0,0,0,.08);padding-bottom:8px;margin:12px 0}.cert-desc{text-align:center;font-size:13px;line-height:1.5;color:#4a5568}.cert-meta{display:flex;justify-content:space-between;margin-top:18px;font-size:12px}.cert-meta .block{text-align:center;flex:1}.cert-meta .block strong{display:block;font-size:16px;color:#232f3e}.cert-meta .block span{color:#718096}.cert-footer{text-align:center;font-size:11px;color:#a0aec0;margin-top:16px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.icon-btn{width:42px;height:42px;border-radius:12px;background:#ffb02e24;border:1px solid rgba(255,176,46,.22);display:grid;place-items:center;color:var(--gold)}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--card)}.leaderboard-row .rank{width:28px;font-weight:800;color:var(--primary)}.leaderboard-row .score{margin-left:auto;font-weight:700}.getstarted-stage{aspect-ratio:935 / 1683;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#141c26;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.getstarted-stage:before,.getstarted-stage:after{display:none}.getstarted-screen{padding:0;overflow:visible;position:relative}.gs-form{position:absolute;inset:0;margin:0;width:100%;box-sizing:border-box;pointer-events:none}.gs-form .gs-field,.gs-form .gs-start-btn{pointer-events:auto}.gs-form .gs-field{position:absolute;left:50%;transform:translate(-50%);top:81%;width:min(78%,320px);margin:0}@media (max-width: 600px){.gs-form .gs-field{top:79%}}.gs-toast{position:absolute;top:clamp(16px,3vh,30px);left:50%;transform:translate(-50%);z-index:50;max-width:min(88%,340px);padding:11px 20px;border-radius:999px;background:#14081aeb;border:1.5px solid rgba(255,176,46,.6);color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:1.3;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(6px)}.gs-form .gs-start-btn{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(14px,2%,34px);margin:0}@media (max-width: 600px){.gs-form .gs-start-btn{bottom:clamp(18px,3.5%,46px)}}@media (min-width: 900px){.getstarted-stage{aspect-ratio:935 / 1683;height:min(880px,96vh);width:auto;max-width:none;background-size:cover}}.gs-field{display:flex;align-items:center;gap:10px;width:100%;min-height:clamp(46px,5.8vh,54px);padding:0 16px;border-radius:14px;background:#171b26;border:1.5px solid rgba(255,176,46,.55);box-shadow:none}.gs-field .gs-ico{font-size:18px;opacity:1;flex-shrink:0;line-height:1;display:inline-flex;align-items:center;justify-content:center}.gs-field .gs-ico img{width:20px;height:20px;object-fit:contain;display:block}.gs-input{flex:1;background:transparent;border:none;outline:none;color:#fff5ec;font-size:15px;min-width:0}.gs-input::placeholder{color:#ffebdc99}.gs-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ffb02e33,0 8px 22px #0a041066}.gs-start-btn{display:block;width:min(54%,190px);margin:0 auto;padding:0;border:none;background:none;cursor:pointer;position:relative;line-height:0;transform:translate(-50%);transition:transform .16s cubic-bezier(.22,1,.36,1),filter .16s ease}.gs-start-btn:before{content:"";position:absolute;left:50%;top:50%;width:78%;height:62%;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,176,46,.55),rgba(255,138,0,.15) 55%,transparent 72%);filter:blur(10px);z-index:-1;opacity:.75;animation:gsGlowPulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes gsGlowPulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}}.gs-start-btn img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.gs-start-btn:hover{transform:translate(-50%) translateY(-3px) scale(1.04);filter:brightness(1.08)}.gs-start-btn:hover:before{opacity:1;animation-duration:1.4s}.gs-start-btn:active{transform:translate(-50%) translateY(0) scale(.94);transition-duration:.08s}.gs-start-btn:disabled{opacity:.7;cursor:not-allowed}.gs-start-loading{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:16px}.intro2-stage{aspect-ratio:941 / 1672;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#141c26;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.intro2-stage:before,.intro2-stage:after{display:none}.intro2-screen{padding:0;overflow:visible;position:relative}.i2-greet{position:absolute;left:8%;right:8%;top:19%;color:#fff}@media (max-width: 600px){.i2-greet{top:20%}}.i2-hi{margin:0;font-size:clamp(20px,3.2vh,28px);font-weight:900}.i2-sub{margin:3px 0 0;font-size:clamp(12px,1.8vh,15px);color:#c7ccd6;font-weight:600}.intro2-screen .intro2-btn{position:absolute;inset:72.5% 0 auto;transform:none;margin:0 auto;width:min(48%,175px);z-index:6}.intro2-screen .intro2-btn:hover{transform:translateY(-3px) scale(1.04)}.intro2-screen .intro2-btn:active{transform:scale(.94)}@media (min-width: 900px){.intro2-stage{aspect-ratio:941 / 1672;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}}.journey-stage{aspect-ratio:935 / 1681;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#8bcc95;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.journey-stage:before,.journey-stage:after{display:none}.journey-screen{padding:0;overflow:visible;position:relative}.journey-start-btn{position:absolute;left:0;right:0;bottom:clamp(32px,5%,52px);margin:0 auto;width:min(32%,120px);height:clamp(34px,4.5vh,40px);border:none;border-radius:12px;background:#f7f7f5;color:#1c2230;font-size:clamp(13px,1.8vh,16px);font-weight:900;letter-spacing:.3px;box-shadow:0 10px 26px #00000059,inset 0 -3px #00000014;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.journey-start-btn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.02)}.journey-start-btn:active{transform:scale(.96);box-shadow:0 4px 14px #0000004d}@media (max-width: 600px){.journey-start-btn{bottom:clamp(28px,4%,44px)}}.journey-btn{position:absolute;left:0;right:0;bottom:clamp(-10px,-.5%,4px);margin:0 auto;width:min(80%,300px)}@media (min-width: 900px){.journey-stage{aspect-ratio:935 / 1681;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.journey-start-btn{bottom:clamp(32px,5%,52px)}.journey-btn{width:min(58%,210px);bottom:clamp(-4px,.4%,8px)}}.howto-stage{aspect-ratio:940 / 1630;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#2a0a30;cursor:pointer}.howto-stage:before,.howto-stage:after{display:none}.howto-screen{padding:0;overflow:visible;position:relative}.howto-tap{position:absolute;left:0;right:0;bottom:clamp(0px,.5%,9px);text-align:center;font-size:clamp(14px,2vh,18px);font-weight:700;letter-spacing:.4px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none;animation:tapBlink 1.1s ease-in-out infinite}@keyframes tapBlink{0%,to{opacity:1}50%{opacity:.25}}@media (min-width: 900px){.howto-stage{aspect-ratio:900 / 1500;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.howto-tap{bottom:clamp(-2px,.2%,6px)}}.game-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding-top:8px}.powerups{display:flex;gap:clamp(28px,8vw,52px)}.powerup{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:transparent;border:2px solid rgba(255,255,255,.18);box-shadow:none;transition:transform .12s ease,border-color .12s ease}.powerup:active{transform:scale(.92)}.powerup .pu-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ffd36e,#ff8a00);color:#4a1500;font-size:12px;font-weight:800;display:grid;place-items:center;border:1.5px solid #171b26}.pause-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:#cfd3dc;background:transparent;border:none;box-shadow:none;transition:transform .12s ease,color .12s ease}.pause-btn:hover{color:#fff}.pause-btn:active{transform:scale(.92)}.pause-overlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#140418b8;backdrop-filter:blur(4px)}.pause-card{text-align:center;padding:28px 32px;border-radius:22px;background:linear-gradient(180deg,#4a123cf2,#2a0a30f2);border:1.5px solid rgba(255,176,46,.35);min-width:220px}.pause-title{font-size:24px;font-weight:900;color:var(--gold);margin-bottom:6px}.pause-text{margin:0 0 16px;font-size:14px;color:var(--muted)}.btn-fx{position:relative;z-index:0;padding:0;border:none;background:none;cursor:pointer;line-height:0;transition:transform .16s cubic-bezier(.22,1,.36,1),filter .16s ease}.btn-fx:before{content:"";position:absolute;left:50%;top:50%;width:80%;height:60%;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,176,46,.55),rgba(255,138,0,.15) 55%,transparent 72%);filter:blur(10px);z-index:-1;opacity:.7;animation:gsGlowPulse 2.2s ease-in-out infinite;pointer-events:none}.btn-fx:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.08)}.btn-fx:hover:before{opacity:1;animation-duration:1.4s}.btn-fx:active{transform:scale(.94);transition-duration:.08s}.btn-fx img{display:block;width:100%;height:auto}.game-stage{background:#141c26;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.gameover-overlay{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:#140418d1;backdrop-filter:blur(6px);cursor:pointer}.gameover-card{text-align:center;padding:34px 40px;border-radius:24px;background:#161b28;border:1.5px solid rgba(255,210,90,.45);box-shadow:0 20px 60px #0009;min-width:240px}.gameover-title{font-size:26px;font-weight:900;color:#ffe14d;margin-bottom:14px}.gameover-score-label{font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.gameover-score{font-size:clamp(48px,12vh,72px);font-weight:900;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(255,176,46,.6);margin:4px 0 18px}.gameover-tap{font-size:15px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);animation:tapBlink 1.1s ease-in-out infinite}.milestone-stage{aspect-ratio:939 / 1676;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.milestone-stage:before,.milestone-stage:after{display:none}.milestone-screen{padding:0 clamp(20px,6vw,34px);overflow:visible;position:relative;background:transparent}.ms-result{position:absolute;left:0;right:0;bottom:clamp(28px,5%,56px);margin:0 auto;width:min(86%,340px);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff5ec;background:transparent}.ms-earned{margin:0;font-size:clamp(14px,1.9vh,17px);font-weight:800;color:#fff5ec;letter-spacing:.5px}.ms-score{font-size:clamp(44px,9vh,72px);font-weight:900;line-height:1.05;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(255,176,46,.6);margin:2px 0 8px}.ms-note{margin:0 auto clamp(14px,2.8vh,24px);max-width:320px;font-size:clamp(15px,2.2vh,19px);font-weight:600;line-height:1.4;color:#fff5ec}.ms-unlocked{margin:0 auto clamp(8px,1.6vh,14px);max-width:340px;font-size:clamp(17px,2.7vh,23px);font-weight:800;line-height:1.25;color:#fff5ec}.ms-btn{width:min(62%,220px);margin:0 auto;position:relative}@media (min-width: 900px){.milestone-stage{aspect-ratio:939 / 1676;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.ms-result{bottom:clamp(34px,5%,58px)}.ms-note{margin-bottom:clamp(14px,2.8vh,24px)}}.whatsnext-stage{aspect-ratio:940 / 1630;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#f6e9c9}.whatsnext-stage:before,.whatsnext-stage:after{display:none}.whatsnext-screen{padding:0;overflow:visible;position:relative}.whatsnext-btn{position:absolute;left:0;right:0;bottom:clamp(-26px,-2%,-10px);margin:0 auto;width:min(92%,360px)}@media (min-width: 900px){.whatsnext-stage{aspect-ratio:940 / 1630;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.whatsnext-btn{width:min(70%,260px);bottom:clamp(-24px,-2%,-10px)}}.quizintro-stage{aspect-ratio:935 / 1681;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#1ca764;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.quizintro-stage:before,.quizintro-stage:after{display:none}.quizintro-screen{padding:0;overflow:visible;position:relative}.quizintro-action{position:absolute;left:0;right:0;bottom:clamp(26px,4.5%,56px);display:flex;flex-direction:column;align-items:center}.quizintro-note{width:min(90%,360px);margin:0 auto clamp(18px,3vh,28px);color:#fff;font-size:clamp(14px,2.2vh,20px);font-weight:700;line-height:1.35;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.28)}.quizintro-btn{margin:0 auto;width:min(66%,240px)}@media (min-width: 900px){.quizintro-stage{aspect-ratio:935 / 1681;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.quizintro-btn{width:min(48%,180px)}.quizintro-action{bottom:clamp(30px,4.5%,58px)}.quizintro-note{margin-bottom:clamp(20px,3vh,28px);font-size:clamp(15px,2.3vh,20px)}}.correct-stage{aspect-ratio:942 / 1669;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.correct-stage:before,.correct-stage:after{display:none}.correct-screen{padding:0;overflow:visible;position:relative;background:transparent}.correct-btn{position:absolute;left:0;right:0;bottom:clamp(12px,3%,40px);margin:0 auto;width:min(74%,300px)}@media (max-width: 600px){.correct-btn{width:min(56vw,210px);max-width:210px;bottom:clamp(8px,2%,20px)}.correct-btn img{display:block;width:100%;height:auto;transform:scaleY(1.01);transform-origin:center}}@media (min-width: 900px){.correct-stage{aspect-ratio:942 / 1669;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.correct-btn{width:min(56%,220px)}}.milestone2-stage{aspect-ratio:946 / 1663;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#fef8ce;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.milestone2-stage:before,.milestone2-stage:after{display:none}.milestone2-screen{padding:0;overflow:visible;position:relative;background:transparent}.m2-result{position:absolute;left:50%;transform:translate(-50%);top:48%;width:min(86%,360px);display:flex;flex-direction:column;align-items:center;text-align:center;color:#2b2f3a}.m2-heading{font-size:clamp(32px,6vh,46px);font-weight:900;color:#2b2f3a;margin-bottom:6px}.m2-sub{margin:0 0 clamp(18px,3vh,30px);font-size:clamp(14px,2vh,17px);font-weight:600;line-height:1.4;color:#000}.m2-score-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(12px,2vh,18px) clamp(24px,6vw,40px);border-radius:18px;background:#fff;box-shadow:0 8px 24px #5046142e;margin-bottom:clamp(20px,3.5vh,36px)}.m2-score-label{font-size:clamp(13px,1.8vh,15px);font-weight:700;color:#4a4f5a}.m2-score-value{font-size:clamp(30px,5.5vh,44px);font-weight:900;line-height:1.05;color:#2f7dd1;font-variant-numeric:tabular-nums}.m2-next-btn{display:block;width:min(46%,170px);margin:0 auto}@media (max-width: 600px){.m2-next-btn{width:min(42vw,155px);max-width:155px;margin-top:8px}.m2-result{top:47%}}@media (min-width: 900px){.milestone2-stage{aspect-ratio:946 / 1663;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}}.complete-stage{aspect-ratio:948 / 1659;height:100dvh;max-height:100dvh;width:auto;max-width:100vw;align-self:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#141c26;border:none;outline:none;box-shadow:none;filter:none;transform:none;perspective:none}.complete-stage:before,.complete-stage:after{display:none}.complete-screen{padding:0;overflow:visible;position:relative;background:transparent}.complete-score-overlay{position:absolute;inset:0;z-index:70;display:grid;place-items:center;background:#140418d1;backdrop-filter:blur(6px);cursor:pointer}.complete-score-card{text-align:center;padding:26px 24px;border-radius:24px;background:#161b28;border:1.5px solid rgba(255,210,90,.45);box-shadow:0 20px 60px #0009;width:min(88%,380px)}.complete-score-title{font-size:clamp(24px,4.5vh,32px);font-weight:900;color:#ffe14d;line-height:1.1;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.complete-cert{margin:0 0 18px;text-align:center;max-height:clamp(150px,24vh,210px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}.complete-score-label{font-size:clamp(13px,1.8vh,16px);font-weight:800;letter-spacing:.5px;color:var(--gold);text-transform:uppercase}.complete-score-value{font-size:clamp(44px,10vh,66px);font-weight:900;line-height:1.05;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(255,176,46,.6);margin:4px 0 18px}.complete-score-tap{font-size:15px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5);animation:tapBlink 1.1s ease-in-out infinite}.complete-popup-btn{display:block;width:min(80%,240px);margin:0 auto 16px}.complete-popup-btn:disabled{cursor:not-allowed}.complete-btn-loading{position:absolute;inset:0;display:grid;place-items:center}.complete-btn:disabled{cursor:not-allowed}.complete-btn{display:block;margin:0 auto;width:min(86%,340px)}.complete-actions{position:absolute;left:0;right:0;bottom:clamp(12px,2.5%,38px);display:flex;flex-direction:column;align-items:center}.complete-choice{position:absolute;left:0;right:0;top:calc(50% + 38px);display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.6vh,24px)}.complete-choice-btn{display:block;width:min(44%,168px)}.complete-end-btn{width:min(44%,168px)}.complete-end-btn img{height:34px;width:auto;margin:0 auto;object-fit:contain}.complete-choice-btn img{display:block;width:100%;height:auto;object-fit:contain}@media (min-width: 900px){.complete-stage{aspect-ratio:948 / 1659;height:min(880px,96vh);width:auto;max-width:none;background-size:100% 100%}.complete-btn{width:min(64%,250px)}}@media (max-width: 600px){.getstarted-stage,.intro2-stage,.journey-stage,.howto-stage,.milestone-stage,.whatsnext-stage,.quizintro-stage,.quiz-stage,.correct-stage,.milestone2-stage,.complete-stage{aspect-ratio:auto!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;background-size:100% 100%!important}}.getstarted-stage,.intro2-stage,.journey-stage,.howto-stage,.milestone-stage,.whatsnext-stage,.quizintro-stage,.quiz-stage,.correct-stage,.milestone2-stage,.complete-stage{align-self:center;margin-left:auto;margin-right:auto}.admin-root{min-height:100vh;background:#0f172a;color:#e2e8f0;font-family:var(--font)}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1e293b,#0f172a);padding:20px}.admin-login .box{width:100%;max-width:400px;background:#1e293b;border-radius:20px;padding:32px;box-shadow:0 30px 80px #00000080;border:1px solid rgba(255,255,255,.08)}.admin-login h1{margin:0 0 4px;font-size:24px}.admin-login p{margin:0 0 24px;color:#94a3b8;font-size:14px}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{background:#0b1220;border-right:1px solid rgba(255,255,255,.06);padding:20px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-brand{font-weight:800;font-size:18px;padding:0 12px 20px;color:#fff}.admin-brand span{color:var(--primary)}.admin-nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:2px;transition:background .15s,color .15s}.admin-nav a:hover{background:#ffffff0d;color:#e2e8f0}.admin-nav a.active{background:#ff990026;color:var(--primary)}.admin-main{padding:28px 32px;overflow-x:hidden}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.admin-header h1{margin:0;font-size:26px}.admin-topbar-mobile{display:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#1e293b;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.06)}.stat-card .n{font-size:30px;font-weight:800;color:#fff}.stat-card .l{color:#94a3b8;font-size:13px;margin-top:4px}.admin-card{background:#1e293b;border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.06);margin-bottom:20px}.admin-card h3{margin:0 0 16px;font-size:17px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-table th{color:#94a3b8;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-table tr:hover td{background:#ffffff05}.table-wrap{overflow-x:auto}.admin-form{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-field label{display:block;font-size:12px;color:#94a3b8;margin-bottom:6px;font-weight:600}.admin-input,.admin-select{width:100%;padding:10px 12px;border-radius:10px;background:#0f172a;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:14px}.admin-input:focus,.admin-select:focus{outline:none;border-color:var(--primary)}.admin-input.full,.admin-field.full{grid-column:1 / -1}.admin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--primary);color:#2a1a00;font-weight:700;font-size:14px;transition:filter .15s,transform .1s}.admin-btn:hover{filter:brightness(1.05)}.admin-btn:active{transform:scale(.97)}.admin-btn.secondary{background:#ffffff1a;color:#e2e8f0}.admin-btn.danger{background:#ef4444;color:#fff}.admin-btn.sm{padding:6px 12px;font-size:13px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.toggle{position:relative;width:46px;height:26px;border-radius:13px;background:#ffffff26;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:#22c55e}.toggle .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on .knob{transform:translate(20px)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.badge-pill{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-pill.on{background:#22c55e33;color:#4ade80}.badge-pill.off{background:#94a3b833;color:#94a3b8}.admin-toast{position:fixed;bottom:24px;right:24px;background:#22c55e;color:#fff;padding:14px 20px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px #0006;z-index:100}.admin-toast.error{background:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:90;padding:20px}.modal{background:#1e293b;border-radius:16px;padding:24px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.08)}.modal h3{margin:0 0 18px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:10px}.bar-chart .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar-chart .bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--primary),#146eb4);border-radius:6px 6px 0 0;min-height:3px;transition:height .4s ease}.bar-chart .bar-label{font-size:10px;color:#64748b}.pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:16px;font-size:14px}@media (max-width: 820px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:0;top:0;width:250px;z-index:80;transform:translate(-100%);transition:transform .25s ease}.admin-sidebar.open{transform:translate(0)}.admin-topbar-mobile{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#0b1220;border-bottom:1px solid rgba(255,255,255,.06)}.admin-main{padding:18px}.hamburger{font-size:22px;color:#fff}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:75}}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:240px}