:root{--bg:#d9f8d9;--lane:#c7eec7;--accent:#2e7d32;--muted:#375a3a}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,#bfeecf,#d9f8d9);color:#083}
.wrap{max-width:980px;margin:18px auto;padding:16px}
h1{text-align:center;margin:6px 0 14px;color:var(--accent)}
.hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.controls{display:flex;gap:8px;align-items:center}
.btn{padding:8px 12px;border-radius:8px;border:0;background:linear-gradient(90deg,#7c3aed,#00e5ff);color:#fff;font-weight:700;cursor:pointer}
.btn.ghost{background:transparent;color:var(--muted);border:1px solid rgba(0,0,0,0.06)}
.countdown{font-weight:800;color:var(--muted);min-width:48px;text-align:center}
.info{font-weight:600;color:var(--muted)}

.track{background:linear-gradient(180deg,#88d37a,#6cc05a);padding:12px;border-radius:10px;position:relative;overflow:hidden}
.lane{height:92px;border-radius:8px;background:linear-gradient(180deg,var(--lane),#c1ecc1);margin:10px 0;display:flex;align-items:center;padding:8px;position:relative}
.finish-line{position:absolute;right:48px;top:6px;bottom:6px;width:6px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,0.06)}
.turtle{width:64px;height:48px;border-radius:26px;display:flex;align-items:center;justify-content:center;position:absolute;left:12px;transition:left 0.12s linear}
.t-shell{width:44px;height:34px;border-radius:20px;background:#6ab04c;position:relative}
.t-eye{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:6px}
.t-eye.left{left:8px}
.t-eye.right{right:8px}
.t-pupil{width:3px;height:3px;border-radius:50%;background:#000;position:absolute;left:2px;top:2px}
.label{font-weight:700;margin-left:84px;color:#043}
.posboard{margin-top:10px;font-weight:700}
.winner{margin-top:10px;padding:12px;border-radius:10px;background:linear-gradient(90deg,#ffd54f,#ffb300);color:#222;font-weight:900;text-align:center}
.hidden{display:none}

@media (max-width:720px){.lane{height:76px}.turtle{width:56px;height:40px}}