.drive-root{position:fixed;inset:0;background:#e9eedb;color:#17160f;overflow:hidden;touch-action:none}.drive-root canvas{display:block}.drive-hud{position:absolute;top:18px;left:20px;right:20px;display:grid;gap:4px;pointer-events:none}.drive-hud>*{pointer-events:auto;width:fit-content}.drive-back{font-size:.9rem;color:#4f4c45}.drive-back:hover{color:var(--orange)}.drive-title{margin-top:8px;font-family:var(--font-display-stack);font-weight:700;font-size:var(--step-2);letter-spacing:-.02em}.drive-hint,.drive-yarn{font-size:var(--step--1);color:#4f4c45}.drive-yarn{margin-top:8px;display:flex;align-items:center;gap:6px}.drive-yarn-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--c);background:transparent;transition:background .2s}.drive-yarn-dot.is-got{background:var(--c)}.drive-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#17160f;color:#fdfcf9;font-family:var(--font-sans-stack);font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(23,22,15,.6);animation:chip-in .26s var(--spring) both}.drive-chip kbd{font-family:var(--font-mono-stack);font-size:.7rem;padding:2px 6px;border-radius:4px;background:rgba(253,252,249,.18)}@keyframes chip-in{0%{opacity:0;transform:translateY(6px) scale(.9)}}.drive-look{position:absolute;right:28px;bottom:44px;padding:14px 22px;border-radius:999px;background:#17160f;color:#fdfcf9;font-weight:600;font-size:1rem}.drive-stick{position:absolute;left:28px;bottom:36px;width:128px;height:128px;border-radius:50%;background:rgba(23,22,15,.08);border:2px solid rgba(23,22,15,.18);display:grid;place-items:center;touch-action:none}.drive-stick-knob{width:56px;height:56px;border-radius:50%;background:#17160f;opacity:.85;transition:transform 60ms linear}.drive-loading{place-items:center;background:#e9eedb;font-family:var(--font-mono-stack);font-size:var(--step-1);color:#4f4c45}.drive-loading,.drive-overlay{position:absolute;inset:0;display:grid}.drive-overlay{z-index:30;place-items:center;padding:20px;background:rgba(23,22,15,.35);animation:overlay-in .2s ease both}@keyframes overlay-in{0%{opacity:0}}.drive-card{position:relative;width:min(460px,100%);max-height:calc(100svh - 40px);overflow:auto;padding:26px 28px 30px;border-radius:16px;background:#fdfcf9;color:#17160f;box-shadow:0 30px 70px -30px rgba(23,22,15,.7);animation:card-in .32s var(--spring) both}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.drive-card h2{font-size:var(--step-2);margin-top:14px}.drive-card p{margin-top:10px;color:#4f4c45}.drive-card .arrow-link{margin-top:18px}.drive-card .facts{margin-top:16px}.drive-card .facts dd,.drive-card .facts dt{font-size:.9rem}.drive-card-media{border-radius:10px;overflow:hidden;background:var(--tint);padding:7% 7% 0}.drive-card-media img{border-radius:6px 6px 0 0;width:100%;height:auto}.drive-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%;font-size:1.4rem;line-height:1;color:#4f4c45}.drive-close:hover{background:#f3f1eb;color:#17160f}