:root{--bg:#111613;--panel:#1a211b;--lime:#d5fc54;--white:#f1f2e9;--muted:#9ca899}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:95px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{font-weight:900;letter-spacing:-1px;font-size:23px;display:flex;align-items:center;gap:5px}.brand>span:not(.brand-icon){font-weight:400}.brand-icon{background:var(--lime);color:var(--bg);display:grid;place-items:center;width:33px;height:33px;border-radius:50%;margin-right:8px;font-size:29px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav>a:hover{color:var(--lime)}.nav-button{border:1px solid #687360;border-radius:25px;padding:12px 23px}.hero{max-width:1440px;margin:auto;padding:62px 6% 38px;position:relative;min-height:730px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);display:block}.dot{display:inline-block;background:var(--lime);height:7px;width:7px;border-radius:50%;margin-right:9px;box-shadow:0 0 13px #d5fc5440}.hero h1{font-size:clamp(55px,6.6vw,96px);line-height:.99;letter-spacing:-5px;position:relative;z-index:2;margin:40px 0 32px;max-width:700px;pointer-events:none}em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;align-items:flex-end;gap:30px;position:relative;z-index:2}.hero-bottom p{font-size:13px;line-height:1.8;color:var(--muted)}.button{background:var(--lime);color:var(--bg);border:0;border-radius:35px;padding:18px 22px;display:inline-flex;gap:25px;align-items:center;font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e4ff92}.button>span{font-size:21px}.hero-number{margin-top:60px;font-size:10px;letter-spacing:2px;color:var(--muted)}.scene{position:absolute;width:67%;height:600px;right:-4%;top:90px;isolation:isolate}.scene svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.sun{width:230px;height:230px;background:var(--lime);border-radius:50%;position:absolute;left:48%;top:5%;box-shadow:0 0 110px #d5fc5410}.scene-tag{position:absolute;bottom:8%;right:18%;font-size:8px;letter-spacing:1.6px;z-index:2}.cyclist{animation:bob 2s ease-in-out infinite}.spoke{transform-box:fill-box;transform-origin:center;animation:spin 2.1s linear infinite}.ticker{background:var(--lime);color:var(--bg);padding:18px 0;overflow:hidden;font-size:26px;font-weight:900;letter-spacing:1px;white-space:nowrap;transform:rotate(-1deg);margin:10px -1%}.ticker>div{animation:marquee 25s linear infinite;display:inline-block}.routes,.game-section{max-width:1440px;margin:auto;padding:100px 6% 10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:30px}.section-heading h2{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.1;margin:20px 0 0}.section-heading h2 span{color:var(--muted)}.section-heading p{font-size:13px;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{border:1px solid #ffffff17;background:var(--panel);border-radius:16px;padding:28px;transition:transform .3s,border-color .3s}.cards article:hover{transform:translateY(-7px);border-color:#d5fc5470}.card-icon{display:block;color:var(--lime);font-size:56px;height:100px}.label{font-size:9px;letter-spacing:2px;color:var(--muted)}h3{font-size:26px;letter-spacing:-1px;line-height:1.15}.cards p{color:var(--muted);font-size:13px;line-height:1.7;min-height:45px}.card-bottom{margin-top:35px;border-top:1px solid #ffffff1a;padding-top:20px;font-size:9px;letter-spacing:1.2px;display:flex;justify-content:space-between}.card-bottom span{font-size:18px;color:var(--lime)}.game-shell{background:var(--panel);border:1px solid #ffffff20;border-radius:18px;overflow:hidden}.game-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:10px;letter-spacing:1px;gap:12px}.game-bar strong{color:var(--lime);margin-left:10px}.game-bar button{border:1px solid #ffffff30;background:transparent;color:var(--white);border-radius:8px;padding:6px 12px}.game-bar button:disabled{opacity:.4}.canvas-wrap{position:relative;background:#263c2c}canvas{display:block;width:100%;height:auto;max-height:520px}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#111613b8;backdrop-filter:blur(4px);padding:15px}.game-overlay[hidden]{display:none}.game-overlay h3{font-size:clamp(27px,4vw,48px);margin:15px 0}.game-overlay p{font-size:13px;color:#d5ded0;margin:0 0 24px}.controls{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.controls button{width:55px;height:44px;background:#2d382c;border:1px solid #ffffff24;color:var(--lime);font-size:24px;border-radius:9px;touch-action:manipulation}.controls>span{font-size:11px;color:var(--muted);text-align:center;line-height:1.7}.controls small{font-size:9px}.game-status{font-size:11px;color:var(--muted);padding:0 22px 12px;margin-top:0}.closing{padding:110px 6%;max-width:1440px;margin:auto}.closing h2{font-size:clamp(55px,8vw,112px);letter-spacing:-5px;line-height:1;margin:30px 0}.closing>a{display:inline-block;border-bottom:1px solid var(--lime);padding-bottom:10px;font-size:14px}footer{padding:35px 6%;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span{font-size:9px;letter-spacing:1px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes marquee{to{transform:translateX(-40%)}}@media(max-width:800px){header{height:75px;padding:0 6%}nav{gap:15px}nav>a:first-child{display:none}.brand{font-size:19px}.hero{padding-top:40px;min-height:880px}.hero h1{font-size:65px;letter-spacing:-3px;margin-top:30px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:8px}.hero-bottom p{font-size:12px}.hero-number{margin-top:22px}.scene{width:110%;right:-13%;height:390px;top:490px}.sun{width:150px;height:150px;left:53%;top:0}.scene-tag{bottom:0;right:20%}.routes,.game-section{padding-top:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{letter-spacing:-1px}.section-heading p{margin:0}.cards{grid-template-columns:1fr}.cards article{padding:24px}.card-icon{height:72px}.cards h3{margin:12px 0}.cards p{min-height:0}.card-bottom{margin-top:20px}.game-bar{padding:16px 12px;font-size:8px;letter-spacing:0}.game-bar strong{margin-left:3px}.game-bar>span{display:none}.controls{padding:12px}.closing{padding-top:70px;padding-bottom:70px}.closing h2{letter-spacing:-3px}footer{flex-wrap:wrap}footer>span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
