:root{color-scheme:dark;--bg:#090b0a;--card:#171c17;--card2:#202720;--text:#f5f3e9;--muted:#a6ada2;--line:#343c32;--green:#b8f34a;--blue:#52b8ff;--red:#ff4f4f;--gold:#ffd84a}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0%,rgba(184,243,74,.12),transparent 28rem),radial-gradient(circle at 95% 24%,rgba(82,184,255,.08),transparent 25rem),linear-gradient(rgba(184,243,74,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(184,243,74,.025) 1px,transparent 1px),var(--bg);background-size:auto,auto,52px 52px,52px 52px,auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:auto;padding:24px 0 36px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 34px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--green);border-radius:9px;color:var(--green);background:rgba(184,243,74,.12);font-weight:900}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted)}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}.status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(184,243,74,.8)}.screen{display:none;animation:screen-in .3s ease both}.screen.active{display:block}@keyframes screen-in{from{opacity:0;transform:translateY(12px)}}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.9rem,8vw,6.8rem);line-height:.92;letter-spacing:-.07em}h2{margin-bottom:0;font-size:clamp(1.7rem,3vw,2.55rem);letter-spacing:-.045em}.hero{max-width:900px;padding:clamp(36px,7vw,76px) 0 38px}.hero>p:last-child,.head p:last-child{max-width:680px;margin:22px 0 0;color:#c8cec5;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}.drivers,.missions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.driver,.mission{position:relative;border:1px solid var(--line);border-radius:14px;color:inherit;background:linear-gradient(145deg,var(--card2),var(--card));overflow:hidden;box-shadow:0 15px 45px rgba(0,0,0,.22)}.driver{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;min-height:245px;padding:28px;text-align:left;cursor:pointer;transition:.18s}.driver:hover{transform:translateY(-4px);border-color:rgba(184,243,74,.72);box-shadow:0 28px 80px rgba(0,0,0,.42)}.driver:after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(184,243,74,.17),transparent 68%)}.start-number{position:absolute;top:19px;right:21px;z-index:1;display:grid;justify-items:end;color:rgba(255,255,255,.48);font-size:.59rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.start-number strong{color:rgba(255,255,255,.22);font-size:2.05rem;line-height:1}.avatar{display:grid;place-items:center;width:104px;height:104px;border:2px solid;border-radius:50%;font-size:3rem;font-weight:900;box-shadow:inset 0 0 0 8px rgba(0,0,0,.18)}.leo{color:#0e1408;border-color:var(--green);background:linear-gradient(145deg,#d2ff7c,#8ec822)}.mio{color:#07131b;border-color:var(--blue);background:linear-gradient(145deg,#8ed4ff,#298fd3)}.driver-copy{position:relative;z-index:1}.driver-copy strong{display:block;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.06em}.driver-copy small{color:var(--muted)}.driver-cta{position:absolute;left:28px;bottom:25px;z-index:1;color:var(--green);font-size:.85rem;font-weight:800}.head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:clamp(36px,7vw,70px) 0 28px}.head>div{max-width:900px}.game-head{padding:20px 0 16px}.game-head h1{font-size:clamp(2.65rem,6vw,5rem)}.game-head p:last-child{margin-top:14px}.text-btn{flex:0 0 auto;padding:11px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.025);cursor:pointer}.progress{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;align-items:center;gap:24px;margin-bottom:16px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.progress span,.progress strong{display:block}.progress span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em}.bar{height:10px;border-radius:999px;background:#272d25;overflow:hidden}.bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8fca22,var(--green));transition:.35s}.academy-tools{display:flex;justify-content:flex-end;margin:-4px 0 16px}.academy-tools .secondary{min-height:40px;padding:10px 14px;font-size:.78rem}.mission{min-height:420px;padding:24px}.mission.done{border-color:rgba(255,216,74,.55);box-shadow:0 15px 55px rgba(255,216,74,.08)}.mission.done:after{content:"★";position:absolute;top:18px;right:18px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff0a2;border-radius:50%;color:#5a4000;background:radial-gradient(circle at 35% 30%,#fff7b6,var(--gold) 58%,#dca100);font-size:1.55rem;box-shadow:0 0 30px rgba(255,216,74,.28);animation:star-pop .45s both}@keyframes star-pop{from{opacity:0;transform:scale(.25) rotate(-45deg)}}.topline{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.mission.done .topline{padding-right:56px}.topline b{color:var(--green)}.mission-visual{display:grid;place-items:center;width:170px;height:118px;margin:32px 0 22px;border:1px solid rgba(184,243,74,.32);border-radius:13px;background:radial-gradient(circle,rgba(184,243,74,.11),transparent 68%),#101410;overflow:hidden}.memory-preview{grid-template-columns:repeat(2,65px);gap:8px}.preview-card{display:grid;place-items:center;height:82px;border-radius:10px;background:linear-gradient(#3c80b8,#6bb4e5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.preview-card svg{width:58px;height:70px}.traffic-preview{position:relative}.traffic-preview:after{content:"";position:absolute;bottom:3px;width:8px;height:24px;border-radius:3px;background:#4d554a}.traffic-housing{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,34px);gap:9px;padding:12px 14px;border:2px solid #4c5449;border-radius:12px;background:#080a08}.traffic-housing span{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 6px rgba(0,0,0,.28)}.traffic-housing span:nth-child(1){background:var(--red)}.traffic-housing span:nth-child(2){background:var(--gold)}.traffic-housing span:nth-child(3){background:var(--green)}.mission p{margin:14px 0 0;color:#bcc4b9;line-height:1.6}.record{margin-top:18px;color:var(--muted);font-size:.78rem}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 17px;border-radius:9px;font-size:.84rem;font-weight:850;cursor:pointer}.primary{border:1px solid var(--green);color:#0a0d08;background:var(--green)}.secondary{border:1px solid var(--line);color:var(--text);background:var(--card2)}.primary:disabled{cursor:not-allowed;opacity:.35}.mission .primary{position:absolute;left:24px;bottom:24px}.award-teaser{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:16px;padding:26px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(184,243,74,.06),rgba(255,255,255,.015))}.award-teaser.unlocked{border-color:rgba(255,216,74,.58)}.lock{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:1.8rem}.unlocked .lock{color:var(--gold);border-color:rgba(255,216,74,.55)}.award-teaser p:not(.eyebrow){margin:9px 0 0;color:var(--muted)}.stats{display:flex;flex-wrap:wrap;gap:8px;max-width:680px;margin:0 auto 12px}.stats span{min-width:116px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.68rem;text-transform:uppercase}.stats strong{display:block;margin-top:2px;color:var(--text);font-size:.96rem}.memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:680px;margin:auto;perspective:1000px}.card{position:relative;aspect-ratio:1.08/1;border:0;padding:0;background:transparent;cursor:pointer;perspective:850px}.inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.7,.2,1)}.card.flip .inner,.card.match .inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;backface-visibility:hidden}.back{background:repeating-conic-gradient(#24321e 0 25%,#182216 0 50%) 0/24px 24px}.back:after{content:"AP";display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--green);border-radius:8px;color:var(--green);background:rgba(9,11,10,.88);font-weight:900}.front{transform:rotateY(180deg);background:linear-gradient(#3f7daf,#67b2e4)}.front svg{width:78%;height:78%;filter:drop-shadow(0 11px 8px rgba(0,0,0,.25))}.card.match .face{border-color:var(--green);box-shadow:0 0 30px rgba(184,243,74,.15)}.result{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;max-width:680px;margin:14px auto 0;padding:20px;border:1px solid rgba(184,243,74,.48);border-radius:12px;background:rgba(184,243,74,.08);overflow:hidden}.result[hidden]{display:none}.result.celebrate{animation:result-pop .45s both}@keyframes result-pop{from{opacity:0;transform:translateY(18px) scale(.97)}}.check{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#0a0d08;background:var(--green);font-weight:900}.result p{margin:5px 0 0;color:var(--muted)}.stars{position:absolute;inset:0;pointer-events:none}.stars i{position:absolute;color:var(--gold);font-style:normal;animation:sparkle 1.4s ease-in-out infinite}@keyframes sparkle{0%,100%{opacity:.08;transform:scale(.35) rotate(0)}45%{opacity:1;transform:scale(1.35) rotate(25deg)}}.result>*:not(.stars){position:relative;z-index:1}.reaction{max-width:760px;margin:auto;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#161a16,#0e110f);box-shadow:0 28px 80px rgba(0,0,0,.42)}.lights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:430px;margin:0 auto 30px;padding:22px;border:1px solid #3e443b;border-radius:18px;background:#080a08}.lights span{aspect-ratio:1;border-radius:50%;background:#242824;box-shadow:inset 0 0 0 7px #151815}.lights .red{background:var(--red);box-shadow:inset 0 0 0 7px rgba(100,0,0,.28),0 0 35px rgba(255,79,79,.48)}.lights .green{background:var(--green);box-shadow:inset 0 0 0 7px rgba(42,80,0,.28),0 0 42px rgba(184,243,74,.58)}.pad{width:100%;min-height:250px;padding:28px;border:1px solid var(--line);border-radius:14px;color:var(--text);cursor:pointer;background:radial-gradient(circle,rgba(184,243,74,.07),transparent 62%),var(--card2)}.pad.go{color:#0a0d08;border-color:var(--green);background:var(--green)}.pad.false{border-color:var(--red);background:rgba(255,79,79,.13)}.pad span{display:block;color:var(--green);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em}.pad.go span{color:#183000}.pad strong{display:block;margin-top:12px;font-size:clamp(2.2rem,7vw,5.2rem);line-height:.95;letter-spacing:-.06em}.pad small{display:block;max-width:520px;margin:16px auto 0;color:var(--muted)}.reaction-result{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;max-width:760px;margin:16px auto 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.reaction-result[hidden]{display:none}.reaction-result strong{display:block;color:var(--green);font-size:1.7rem}.award-stage{max-width:900px;margin:auto;padding:clamp(42px,7vw,76px) 0 10px;text-align:center}.trophy{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 24px;border:2px solid var(--gold);border-radius:50%;color:#4b3900;background:radial-gradient(circle at 35% 30%,#fff5a0,var(--gold) 55%,#d89c00);font-size:3rem;box-shadow:0 0 60px rgba(255,216,74,.26)}.award-stage>p:not(.eyebrow){max-width:640px;margin:22px auto;color:#cbd1c7;line-height:1.7}.special{display:grid;place-items:center;max-width:430px;margin:34px auto 18px;padding:22px;border:1px solid rgba(255,216,74,.5);border-radius:15px;background:radial-gradient(circle,rgba(255,216,74,.14),transparent 62%),var(--card)}.special-car svg{width:150px;height:180px}.certificate{position:relative;max-width:760px;margin:18px auto 0;padding:clamp(28px,5vw,54px);border:8px double #cfae38;color:#181a16;background:#f5f0db;box-shadow:0 24px 70px rgba(0,0,0,.38)}.cert-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border:2px solid #181a16;border-radius:50%;font-weight:900}.certificate>p{margin-bottom:12px}.certificate h2{font-size:clamp(1.5rem,4vw,2.5rem)}.cert-name{margin:22px 0 14px;font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:700}.cert-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.cert-details span{padding:12px;border-top:1px solid rgba(0,0,0,.25)}.cert-details strong{display:block;margin-top:5px}.cert-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:16px;border-top:1px solid rgba(0,0,0,.25)}.award-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.confetti{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:10px;height:18px;background:var(--piece);animation:fall var(--duration) linear forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(720deg)}}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:42px 2px 0;color:var(--muted);font-size:.74rem}footer nav{display:flex;gap:14px}footer a{color:var(--muted);text-decoration:none}@media(max-width:760px){.shell{width:min(100% - 20px,1180px);padding-top:12px}.status{display:none}.drivers,.missions{grid-template-columns:1fr}.driver{min-height:220px;padding:22px}.driver-cta{left:22px}.head{align-items:flex-start;flex-direction:column}.progress{grid-template-columns:1fr}.academy-tools{justify-content:stretch}.academy-tools .secondary{width:100%}.award-teaser{grid-template-columns:auto 1fr}.award-teaser .primary{grid-column:1/-1}.memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.result{grid-template-columns:auto 1fr}.result .primary{grid-column:1/-1}.reaction-result{grid-template-columns:1fr 1fr}.reaction-result>div,.reaction-result>p{grid-column:1/-1}.cert-details{grid-template-columns:1fr}.cert-footer,footer{flex-direction:column;align-items:flex-start}.award-actions{flex-direction:column}.award-actions button{width:100%}}@media print{body{background:#fff}.header,main>.screen:not(#award),.award-stage>*:not(.certificate),footer{display:none!important}.screen#award{display:block}.certificate{box-shadow:none}}