:root{--bg:#07101f;--panel:#101d35;--text:#f7fbff;--muted:#aebbd2;--yellow:#ffd23f;--orange:#ff7a18;--blue:#25a7ff;--red:#ff435b;--green:#42d66d;--purple:#9b66ff;--cyan:#3ce6e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(#07101f,#0a1730 55%,#07101f);color:var(--text);min-height:100vh}.hero{min-height:82vh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,#183768 0,transparent 34%),linear-gradient(135deg,#081326,#10264c)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(165deg,transparent 49%,#07101f 50%)}nav{position:relative;z-index:3;max-width:1120px;margin:auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:1000;letter-spacing:.08em;color:white;text-decoration:none}.hud{display:flex;gap:12px;align-items:center}.hud span,.hud button{background:#ffffff12;border:1px solid #ffffff25;color:white;border-radius:999px;padding:9px 13px;font-weight:800}.hud button{cursor:pointer}.hero-copy{position:relative;z-index:2;max-width:1120px;margin:11vh auto 0;padding:0 20px}.eyebrow{color:var(--yellow);font-weight:1000;letter-spacing:.25em}.hero h1{font-size:clamp(4rem,12vw,8.6rem);line-height:.82;margin:0;max-width:800px;text-shadow:0 8px 0 #0003}.tag{font-size:clamp(1.35rem,3vw,2.2rem);color:#dce8ff;font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{appearance:none;border:1px solid #ffffff35;border-radius:14px;background:#ffffff10;color:white;padding:14px 18px;font-weight:900;text-decoration:none;cursor:pointer;font-size:1rem}.btn.primary{background:var(--yellow);border-color:var(--yellow);color:#101828;box-shadow:0 8px 0 #d3a900}.truck{position:absolute;z-index:2;bottom:88px;font-size:64px;left:-150px;animation:drive 9s ease-in-out infinite}@keyframes drive{0%{left:-150px;transform:rotate(-3deg)}45%{left:72%;transform:rotate(2deg)}55%,100%{left:110%;transform:rotate(0)}}.stars{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:26px 26px}.section{max-width:1120px;margin:0 auto;padding:72px 20px}.section h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}.section>p{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.card{min-height:250px;padding:28px;border-radius:28px;text-decoration:none;color:white;position:relative;overflow:hidden;border:1px solid #ffffff18;box-shadow:0 20px 50px #0004;transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 28px 60px #0007}.card span{font-size:55px;display:block}.card h3{font-size:1.7rem;margin:16px 0 8px}.card p{max-width:420px;color:#eef6ff}.card b{position:absolute;bottom:24px;left:28px}.orange{background:linear-gradient(135deg,#6f2c00,#ff7a18)}.blue{background:linear-gradient(135deg,#073365,#25a7ff)}.red{background:linear-gradient(135deg,#681527,#ff435b)}.green{background:linear-gradient(135deg,#115026,#42d66d)}.purple{background:linear-gradient(135deg,#3c1f72,#9b66ff)}.cyan{background:linear-gradient(135deg,#07545c,#20bfc8)}.coming{filter:saturate(.75)}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.chips button{background:#ffffff10;border:1px solid #ffffff20;color:white;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer}.chips button:hover{background:#ffffff20;transform:rotate(-2deg)}.mission-card{margin-top:20px;background:linear-gradient(135deg,#132544,#172f57);border:1px solid #ffffff1c;border-radius:24px;padding:26px}.mission-card p{font-size:1.25rem;font-weight:800}footer{text-align:center;color:#8ea0bf;padding:50px 20px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:20;padding:22px;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{background:#0e1a30;border:1px solid #ffffff20;border-radius:26px;max-width:540px;width:100%;max-height:80vh;overflow:auto;padding:28px;position:relative}.close{position:absolute;right:18px;top:16px;background:transparent;border:0;color:white;font-size:24px;cursor:pointer}.achievement{padding:13px 0;border-bottom:1px solid #ffffff15}.achievement.locked{opacity:.45}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{min-height:720px}.hud button{font-size:0}.hud button:after{content:"🏆";font-size:16px}.card{min-height:225px}.truck{font-size:48px}.hero h1{font-size:clamp(4.1rem,21vw,6.4rem)}}

.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:10px;pointer-events:none}.toast{background:#0e1a30;border:1px solid #ffffff30;box-shadow:0 14px 40px #0008;border-radius:16px;padding:14px 18px;font-weight:900;transform:translateY(20px);opacity:0;transition:.22s;max-width:330px}.toast.show{transform:translateY(0);opacity:1}.likes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}.like-card{background:#ffffff0b;border:1px solid #ffffff18;border-radius:22px;padding:22px}.like-card h3{margin:0 0 8px;font-size:1.3rem}.like-card p{margin:0;color:#c5d2e8;line-height:1.55}.game-shell{max-width:980px;margin:auto;padding:28px 18px 56px}.game-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.game-panel{background:#ffffff0b;border:1px solid #ffffff18;border-radius:24px;padding:18px;margin-top:18px}.game-status{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.stat-pill{background:#ffffff10;border:1px solid #ffffff18;border-radius:999px;padding:8px 12px;font-weight:800}.game-btn{appearance:none;border:0;border-radius:14px;padding:12px 16px;font-weight:1000;cursor:pointer;background:var(--yellow);color:#101828;box-shadow:0 6px 0 #d3a900}.game-btn:active{transform:translateY(3px);box-shadow:0 3px 0 #d3a900}.secondary-btn{background:#ffffff12;color:white;border:1px solid #ffffff28;box-shadow:none}.game-note{color:#b9c7dc}.canvas-wrap{position:relative;border-radius:24px;overflow:hidden;border:3px solid #ffffff18;background:#0d1c34;touch-action:none}.canvas-wrap canvas{display:block;width:100%;height:auto;max-height:72vh;touch-action:none}.overlay-message{position:absolute;inset:auto 16px 16px;display:flex;justify-content:center;pointer-events:none}.overlay-message span{background:#081326d9;border:1px solid #ffffff25;border-radius:14px;padding:10px 14px;font-weight:900}.controls-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.touch-pad{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,54px);gap:8px;justify-content:center}.touch-pad button{font-size:24px}.touch-pad .up{grid-column:2}.touch-pad .left{grid-column:1;grid-row:2}.touch-pad .down{grid-column:2;grid-row:2}.touch-pad .right{grid-column:3;grid-row:2}.palette{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:42px;height:42px;border-radius:12px;border:3px solid #fff4;cursor:pointer}.swatch.active{outline:3px solid white;outline-offset:2px}@media(max-width:700px){.likes-grid{grid-template-columns:1fr}.toast-stack{left:12px;right:12px;bottom:12px}.toast{max-width:none}.game-shell{padding:18px 12px 40px}.touch-pad{grid-template-columns:repeat(3,58px)}}

.meter{height:26px;background:#ffffff15;border-radius:99px;overflow:hidden}.fill{height:100%;width:0;background:linear-gradient(90deg,#42d66d,#ffd23f,#ff435b);transition:width .03s linear}