@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fff;background:#0c1831}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 52% 48%,transparent 38%,#07102575 100%)}.hud{position:fixed;z-index:10;left:0;right:0;top:0;padding:24px clamp(18px,4vw,66px);display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;font:800 18px/1 'Outfit',sans-serif;letter-spacing:.08em;text-shadow:0 2px 20px #08152a}.brand b{color:#7af0d5}.brand small{display:block;font:700 9px/1.5 'DM Sans',sans-serif;letter-spacing:.32em;color:#a9c5db;margin-top:3px}.brand-mark{display:grid;place-items:center;border-radius:12px;width:40px;height:40px;background:#7af0d5;color:#123d4b;font-size:25px;box-shadow:0 8px 30px #4ceacb55}.hud-right{display:flex;align-items:center;gap:12px}.stars{color:#ffce69;letter-spacing:3px;text-shadow:0 3px 12px #0007}.pill{border:1px solid #ffffff35;background:#10203f8c;backdrop-filter:blur(14px);border-radius:99px;padding:11px 17px;font-size:10px;font-weight:800;letter-spacing:.16em}.icon-btn{border:1px solid #ffffff35;color:#fff;background:#10203f8c;backdrop-filter:blur(14px);border-radius:50%;height:37px;width:37px;font-size:19px}.overlay{position:fixed;z-index:5;inset:0;display:flex;align-items:center;padding:90px clamp(22px,8vw,150px) 40px;background:linear-gradient(90deg,#07142fe8 0%,#0c214ab6 42%,transparent 78%)}.overlay[hidden],.mission[hidden],.tip[hidden],.drive-controls[hidden],.task-controls[hidden]{display:none}.hero-card{max-width:560px;animation:slide .7s both}@keyframes slide{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.22em;color:#88f5d6}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7af0d5;box-shadow:0 0 0 6px #7af0d526}.hero-card h1{font:900 clamp(53px,7vw,108px)/.9 'Outfit',sans-serif;letter-spacing:-.055em;margin:25px 0}.hero-card h1 em{font-style:normal;color:#7af0d5}.hero-card p{font-size:16px;line-height:1.7;color:#d3dfed;max-width:440px}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.feature-row span{border-radius:99px;background:#ffffff19;border:1px solid #ffffff2e;padding:10px 12px;font-size:11px;font-weight:700}.primary{min-width:245px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:#76efd1;border:0;color:#0b3041;border-radius:13px;padding:18px 20px;font:800 13px 'Outfit',sans-serif;letter-spacing:.09em;box-shadow:0 15px 35px #49d7bd3d;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#a8ffe7}.primary span{font-size:23px}.age{color:#a7bfd3;font-size:11px;margin-top:17px}.mission{position:fixed;z-index:6;top:106px;left:clamp(18px,4vw,66px);width:min(335px,calc(100vw - 36px));background:#071a36d9;border:1px solid #9ccbe936;backdrop-filter:blur(20px);border-radius:19px;padding:20px 21px;box-shadow:0 18px 50px #03132980}.mission-top{display:flex;justify-content:space-between;color:#78efd3;font-size:10px;font-weight:800;letter-spacing:.14em}.mission h2{font:800 22px 'Outfit',sans-serif;margin:9px 0 5px}.mission p{font-size:12px;color:#c2d4e2;margin:0 0 16px;line-height:1.5}.progress{height:5px;background:#ffffff25;border-radius:9px;overflow:hidden}.progress div{height:100%;width:0;background:#79efd3;border-radius:9px;transition:width .4s}.tip{position:fixed;z-index:6;bottom:27px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0a2340d9;border:1px solid #bce6f55c;border-radius:99px;padding:11px 17px;color:#e8f8ff;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}.drive-controls{position:fixed;z-index:7;right:clamp(18px,4vw,66px);bottom:30px;display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,50px);gap:5px}.drive-controls button{background:#173c5ddc;border:1px solid #bce9f981;border-radius:13px;color:white;font-size:18px;touch-action:none}.drive-controls button:nth-child(1){grid-column:1;grid-row:2}.drive-controls button:nth-child(2){grid-column:2;grid-row:1}.drive-controls button:nth-child(3){grid-column:2;grid-row:2}.drive-controls button:nth-child(4){grid-column:3;grid-row:2}.drive-controls button:active{background:#6feacf;color:#0d3951}.task-controls{position:fixed;z-index:7;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;width:min(530px,calc(100vw - 36px));background:#0b2342ed;border:1px solid #c3eaf85c;border-radius:18px;padding:12px 13px;box-shadow:0 18px 50px #0018308c}.task-icon{font-size:30px;width:44px;text-align:center}.task-copy{flex:1}.task-copy strong{display:block;font:800 15px 'Outfit',sans-serif}.task-copy small{display:block;color:#bbd1df;font-size:11px;margin-top:3px}.task-controls button{border:0;background:#78efd3;color:#0b3441;border-radius:10px;padding:12px;font:800 10px 'Outfit',sans-serif;white-space:nowrap;letter-spacing:.06em}.toast{position:fixed;z-index:20;left:50%;top:25%;transform:translate(-50%,-10px);background:#0b2947e8;border:1px solid #8fffe2;border-radius:14px;padding:14px 21px;font:800 18px 'Outfit',sans-serif;box-shadow:0 15px 45px #06162dad;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:650px){.hud{padding:16px}.brand{font-size:13px}.brand-mark{width:34px;height:34px;font-size:21px}.pill{display:none}.overlay{padding:80px 22px 50px;background:linear-gradient(90deg,#07142ff5 0%,#0c214bd7 60%,#0c214b77 100%)}.hero-card h1{font-size:55px}.hero-card p{font-size:14px}.mission{top:75px}.tip{bottom:103px;font-size:10px}.drive-controls{bottom:13px;right:15px}.task-controls{bottom:14px}.stars{font-size:12px}}