*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#09111f;color:#eef6ff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 12%,rgba(69,213,255,.24),transparent 26%),radial-gradient(circle at 78% 8%,rgba(154,99,255,.18),transparent 28%),linear-gradient(135deg,#09111f 0%,#0e1830 45%,#17112a 100%);z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%);z-index:-1}.app-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 42px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;min-height:90vh}.brand-card,.panel,.card{background:rgba(13,25,46,.82);border:1px solid rgba(134,192,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);border-radius:28px;backdrop-filter:blur(14px)}.brand-card{padding:36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand-card:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:999px;background:rgba(82,211,255,.12)}.eyebrow,.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(103,232,249,.28);background:rgba(103,232,249,.09);color:#a5f3fc;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700;letter-spacing:.02em}.title{font-size:clamp(2.4rem,8vw,5.6rem);line-height:.92;margin:18px 0 12px;font-weight:950;letter-spacing:-.07em}.gradient-text{background:linear-gradient(90deg,#67e8f9,#a78bfa,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:clamp(1.05rem,2vw,1.38rem);color:#c7d8f2;line-height:1.55;max-width:720px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.role-card{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);transition:.25s transform,.25s border,.25s background}.role-card:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.46);background:rgba(103,232,249,.09)}.role-card h3{margin:12px 0 8px;font-size:1.22rem}.role-card p{margin:0;color:#b9c8dc;line-height:1.45}.button-row{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:850;cursor:pointer;color:#07111f;background:#e2e8f0;transition:.2s transform,.2s filter,.2s box-shadow;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:white;box-shadow:0 14px 34px rgba(34,211,238,.2)}.btn-warning{background:linear-gradient(135deg,#fbbf24,#fb7185);color:#1b1020}.btn-danger{background:#fb7185;color:white}.btn-ghost{background:rgba(255,255,255,.08);color:#dbeafe;border:1px solid rgba(255,255,255,.14)}.btn-success{background:linear-gradient(135deg,#34d399,#22c55e);color:#052e1a}.btn-xl{font-size:1.05rem;padding:16px 22px;border-radius:18px}.side-visual{padding:24px;display:flex;flex-direction:column;gap:16px}.runner-preview{position:relative;min-height:320px;overflow:hidden;border-radius:24px;background:linear-gradient(#18284c 0 52%,#0f172a 52%);border:1px solid rgba(255,255,255,.12)}.moon{position:absolute;top:30px;right:42px;width:62px;height:62px;border-radius:50%;background:#fde68a;box-shadow:0 0 38px rgba(253,230,138,.45)}.preview-ground{position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg,#182f46,#0e2135);border-top:4px solid #38bdf8}.preview-avatar,.avatar{position:absolute;border-radius:50%;background:linear-gradient(135deg,#67e8f9,#8b5cf6);box-shadow:0 0 0 6px rgba(103,232,249,.14),0 18px 24px rgba(0,0,0,.28)}.preview-avatar{left:70px;bottom:82px;width:54px;height:54px;animation:bob 1.1s ease-in-out infinite}.preview-avatar:before,.avatar:before{content:"";position:absolute;inset:13px 11px auto auto;width:10px;height:10px;background:#06111f;border-radius:50%;box-shadow:-17px 0 0 #06111f}.preview-obstacle{position:absolute;bottom:88px;width:32px;height:48px;background:linear-gradient(#fb7185,#f97316);border-radius:12px 12px 4px 4px}.preview-obstacle.one{left:185px}.preview-obstacle.two{right:75px;height:68px}.preview-star{position:absolute;color:#fde047;font-size:22px;animation:float 1.6s ease-in-out infinite}.preview-star.a{left:255px;top:112px}.preview-star.b{right:150px;top:74px;animation-delay:.4s}@keyframes bob{50%{transform:translateY(-10px)}}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center}.stat strong{display:block;font-size:1.25rem}.stat span{color:#9fb2cd;font-size:.78rem}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(10px);z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0e1a2f;border:1px solid rgba(148,163,184,.26);border-radius:28px;box-shadow:0 35px 120px rgba(0,0,0,.55);padding:26px;animation:pop .22s ease-out}.modal.large{width:min(900px,100%)}@keyframes pop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1)}}.field{display:grid;gap:8px;margin:14px 0}.field label{font-weight:800;color:#dbeafe}.field input,.field select{width:100%;border:1px solid rgba(148,163,184,.25);background:rgba(2,6,23,.35);border-radius:14px;color:#f8fafc;padding:13px 14px;font-size:1rem;outline:none}.field input:focus,.field select:focus{border-color:#67e8f9;box-shadow:0 0 0 4px rgba(103,232,249,.1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.muted{color:#9fb2cd}.small{font-size:.87rem}.error{color:#fda4af;font-weight:800}.success{color:#86efac;font-weight:900}.panel{padding:24px;margin-bottom:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-title h2,.section-title h3{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.hud{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:16px 0}.hud .stat{padding:10px}.progress-outer{height:14px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progress-inner{height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#a78bfa,#fbbf24);border-radius:inherit;transition:width .16s linear}.level-map{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:14px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.map-node{min-width:82px;min-height:72px;border-radius:18px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;text-align:center;padding:8px;background:rgba(255,255,255,.05);color:#94a3b8;font-weight:850;position:relative}.map-node.current{background:rgba(34,211,238,.18);border-color:#22d3ee;color:white;box-shadow:0 0 28px rgba(34,211,238,.2)}.map-node.completed{background:rgba(52,211,153,.18);border-color:#34d399;color:#dcfce7}.map-node.locked{opacity:.55}.map-node.failed{border-color:#fb7185}.map-node.final{background:rgba(251,191,36,.13);border-color:#fbbf24}.map-arrow{color:#64748b}.game-stage{height:330px;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(#121c3b 0 52%,#111827 52% 100%);box-shadow:inset 0 -70px 0 rgba(15,23,42,.7)}.game-stage.final-stage{background:linear-gradient(#28144d 0 52%,#171126 52%)}.game-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(253,224,71,.2),transparent 13%),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,90px 100%;animation:scrollBg 7s linear infinite}.game-stage.paused:before{animation-play-state:paused}@keyframes scrollBg{to{background-position:0 0,-180px 0}}.ground{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,#164e63,#0f2d44);border-top:5px solid #22d3ee}.avatar{left:13%;bottom:72px;width:48px;height:48px;z-index:8;transition:bottom .05s linear}.avatar.survival{filter:saturate(.7);box-shadow:0 0 0 6px rgba(251,113,133,.16)}.avatar:after{content:"";position:absolute;right:-7px;bottom:6px;width:18px;height:18px;border-radius:50%;background:#fbbf24;box-shadow:-35px 4px 0 -5px #0f172a}.obstacle{position:absolute;bottom:72px;width:34px;border-radius:12px 12px 5px 5px;background:linear-gradient(180deg,#fb7185,#f97316);box-shadow:0 10px 18px rgba(0,0,0,.25);z-index:6}.crystal{position:absolute;bottom:150px;width:26px;height:26px;background:linear-gradient(135deg,#fef08a,#38bdf8);transform:rotate(45deg);border-radius:6px;box-shadow:0 0 16px rgba(250,204,21,.38);z-index:5}.crystal.collected{opacity:.18;filter:grayscale(1)}.flag{position:absolute;right:28px;bottom:72px;width:14px;height:92px;background:#e2e8f0;border-radius:10px 10px 0 0}.flag:after{content:"";position:absolute;top:9px;left:13px;width:58px;height:34px;border-radius:0 12px 12px 0;background:linear-gradient(135deg,#34d399,#22d3ee)}.portal{position:absolute;right:68px;bottom:85px;width:58px;height:88px;border-radius:50%;border:8px solid #a78bfa;box-shadow:0 0 35px rgba(167,139,250,.65),inset 0 0 20px rgba(34,211,238,.5)}.runner-message{position:absolute;top:16px;left:16px;right:16px;z-index:12;display:flex;justify-content:space-between;gap:10px;align-items:center}.toast{border-radius:999px;padding:9px 13px;background:rgba(2,6,23,.62);border:1px solid rgba(255,255,255,.12);font-weight:850}.mobile-controls{display:none;margin-top:12px}.question-card{display:grid;gap:14px}.option{width:100%;text-align:left;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.06);color:#e5f2ff;border-radius:18px;padding:15px;font-weight:800;cursor:pointer;transition:.18s}.option:hover,.option.selected{border-color:#67e8f9;background:rgba(103,232,249,.12);transform:translateY(-1px)}.option.correct{border-color:#34d399;background:rgba(52,211,153,.16)}.option.wrong{border-color:#fb7185;background:rgba(251,113,133,.16)}.feedback{padding:14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.final-score{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.table-wrap{overflow:auto}.ranking-table{width:100%;border-collapse:collapse;min-width:760px}.ranking-table th,.ranking-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.ranking-table th{color:#a5f3fc;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin:18px 0}.podium-card{border-radius:22px;padding:16px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);min-height:118px}.podium-card.first{min-height:160px;background:linear-gradient(180deg,rgba(251,191,36,.24),rgba(255,255,255,.06));border-color:#fbbf24}.podium-card.second{min-height:135px}.podium-card.third{min-height:120px}.confetti{position:fixed;width:10px;height:16px;top:-20px;z-index:80;animation:confetti 2.8s linear forwards}@keyframes confetti{to{transform:translateY(105vh) rotate(720deg);opacity:0}}.copy-box{white-space:pre-wrap;background:rgba(2,6,23,.38);border:1px dashed rgba(103,232,249,.35);border-radius:18px;padding:14px;color:#c7d8f2}.hidden{display:none!important}@media(max-width:920px){.hero,.grid-2,.grid-3{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.hud{grid-template-columns:repeat(2,1fr)}.stats-strip,.final-score{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;flex-direction:column}.game-stage{height:280px}.mobile-controls{display:block}.btn-mobile-jump{width:100%;padding:18px;font-size:1.1rem}.podium{grid-template-columns:1fr}.title{letter-spacing:-.04em}}@media(max-width:560px){.app-shell{width:min(100% - 18px,1180px);padding-top:12px}.brand-card,.panel,.modal{border-radius:22px;padding:18px}.hud{grid-template-columns:1fr 1fr}.stats-strip,.final-score{grid-template-columns:1fr}.map-node{min-width:76px}.game-stage{height:240px}.avatar{width:42px;height:42px}.title{font-size:2.65rem}}.game-stage.theme-0{background:linear-gradient(#121c3b 0 52%,#111827 52% 100%)}.game-stage.theme-1{background:linear-gradient(#14334a 0 52%,#10263a 52% 100%)}.game-stage.theme-2{background:linear-gradient(#241747 0 52%,#171126 52% 100%)}.game-stage.theme-3{background:linear-gradient(#183829 0 52%,#11281f 52% 100%)}.avatar{transition:left .12s ease-out,bottom .05s linear}.obstacle.spike{width:28px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#fbbf24,#f97316);clip-path:polygon(50% 0,100% 100%,0 100%)}.obstacle.barrier{width:30px;background:linear-gradient(180deg,#fb7185,#be123c);border-radius:10px 10px 5px 5px}.obstacle.gate{width:48px;background:linear-gradient(90deg,#22d3ee 0 18%,transparent 18% 82%,#22d3ee 82%);border:2px solid rgba(103,232,249,.65);border-bottom:0;box-shadow:0 0 22px rgba(34,211,238,.28);border-radius:14px 14px 4px 4px}.obstacle.drone{bottom:142px!important;width:44px;height:24px!important;border-radius:999px;background:linear-gradient(135deg,#a78bfa,#22d3ee);box-shadow:0 0 20px rgba(167,139,250,.35)}.obstacle.drone:before,.obstacle.drone:after{content:"";position:absolute;top:8px;width:12px;height:4px;background:#e0f2fe;border-radius:999px}.obstacle.drone:before{left:-9px}.obstacle.drone:after{right:-9px}.btn-mobile-move{min-width:72px}.mobile-controls{gap:10px;grid-template-columns:72px 1fr 72px}.mobile-controls .btn-mobile-jump{width:auto}@media(max-width:920px){.mobile-controls{display:grid}}