*{box-sizing:border-box}body{margin:0;background:#101127;color:#f7f4ff;font:16px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:750;background:#ffda62;color:#202034}button:disabled{opacity:.4;cursor:default}header{padding:22px 4vw;border-bottom:1px solid #34344e;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-weight:900;letter-spacing:.1em;font-size:14px}.tag{color:#aca9c9;font-size:13px}main{max-width:1500px;margin:auto;padding:30px 4vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(32px,5vw,60px);letter-spacing:-.055em;margin:0}h1 span{color:#ffda62}p{line-height:1.5;color:#bdbad5}.eyebrow{color:#ac96ff;font-size:12px;letter-spacing:.15em;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:24px;margin-top:25px}.panel{background:#1b1c38;border:1px solid #3b3b58;border-radius:22px;overflow:hidden}.panelhead{padding:19px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #35364f}.panelhead h2{font-size:17px;margin:0}.badge{font-size:12px;padding:6px 10px;border-radius:8px;background:#ffffff10;color:#d4ccec}.track{padding:15px 20px 22px}.lane{display:grid;grid-template-columns:98px 1fr 34px;gap:10px;align-items:center;height:66px}.name{font-size:13px;font-weight:750}.name small{display:block;font-weight:400;color:#b3aec8}.road{height:46px;position:relative;border-bottom:2px solid #ffffff12;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff09 calc(10% - 1px),#ffffff09 10%)}.road:after{content:'';position:absolute;right:0;top:0;height:46px;width:8px;background:repeating-linear-gradient(0deg,#eee 0 6px,#27263e 6px 12px)}.horse{position:absolute;left:0;top:5px;transition:left .5s ease-out;z-index:1;display:flex;align-items:center;gap:3px}.horse .figure{display:inline-block;transform:scaleX(-1);font-size:28px}.number{background:var(--c);color:#121326;font-weight:900;border-radius:5px;font-size:12px;padding:3px 5px}.score{font-size:13px;color:#c5c2d6;text-align:right}.yourlane{background:#ffda6208;border-radius:9px}.boardwrap{padding:18px;text-align:center}canvas{display:block;width:100%;max-width:360px;aspect-ratio:360/490;margin:auto;touch-action:none;border-radius:18px;background:#292b4d}.feedback{min-height:29px;font-weight:800;margin:15px 0 8px;color:#ffda62}.hint{font-size:13px;margin:8px 0 16px}.controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}select{background:#101127;color:white;border:1px solid #59546e;padding:10px;border-radius:10px}label{font-size:13px;color:#bdbad5}.secondary{background:#353650;color:#eee}.footer{padding:18px 22px;border-top:1px solid #35364f;font-size:13px;color:#bdbad5}.stats{display:flex;gap:20px;padding:15px 22px;background:#12132a}.stats b{color:white}.finish{background:#ffda62;color:#19192d;margin-top:20px;border-radius:18px;padding:22px;text-align:center}.finish h2{margin:0 0 6px}.finish p{color:#403735;margin:0}.hidden{display:none}.help{margin-top:20px;font-size:14px}.kbd{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;text-align:left}.kbd label{display:grid;gap:6px}input[type=range]{width:100%;accent-color:#ffda62}.legend{font-size:13px;color:#ada8c9}.sound{background:transparent;color:#d8d3e9;border:1px solid #56526e;font-size:13px;padding:9px}.recent{padding:0 22px 20px;font-size:14px;color:#ddd4fb;min-height:36px}@media(max-width:850px){.layout{grid-template-columns:1fr}.lane{height:48px}.road,.road:after{height:39px}.intro{align-items:flex-start}.intro p{font-size:14px}.track{padding:8px 12px}.lane{grid-template-columns:84px 1fr 26px}.horse .figure{font-size:24px}main{padding:22px 14px}.panelhead{padding:15px}.tag{display:none}}@media(prefers-reduced-motion:reduce){.horse{transition:none}}