.dr-page main{padding:0}.dr-stage{--top: 76px;position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 70% 30%,#0c1618,#05080a 70%)}.dr-stage canvas#dr-gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline:none}.dr-stage canvas#dr-gl:active{cursor:grabbing}.dr-nogl .dr-stage{display:none}[hidden]{display:none!important}.dr-intro{position:absolute;left:max(24px,calc((100vw - 1180px)/2 + 24px));bottom:12vh;max-width:640px;z-index:4}.dr-intro h1{font-size:clamp(44px,6.4vw,88px);line-height:.98}.dr-intro .lead{max-width:560px}.dr-intro-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.dr-intro .note{max-width:560px}.dr-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#05080ad1,#05080a4d 46%,#05080a00 70%),linear-gradient(0deg,#05080abf,#05080a00 30%)}.dr-on .dr-stage:after{background:linear-gradient(0deg,#05080ab3,#05080a00 22%)}.dr-card{position:absolute;z-index:5;left:20px;top:var(--top);bottom:112px;width:min(400px,34vw);overflow:auto;border-radius:var(--r);padding:22px 22px 18px;scrollbar-width:thin}.dr-card.in{animation:dr-in .6s var(--ease)}@keyframes dr-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dr-card h2{font-size:27px;line-height:1.1;margin:6px 0 14px}.dr-when{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.dr-when b{color:var(--lime);font-weight:500}.dr-sec{margin-top:12px}.dr-sec h3{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}.dr-sec p{font-size:14.5px;line-height:1.55;color:#d5dedb}.dr-lesson{border-left:2px solid var(--lime);padding-left:12px}.dr-lesson h3{color:var(--lime)}.dr-between{font-size:13px;color:var(--muted);margin-top:14px}.dr-between:empty{display:none}.dr-src{font-size:12.5px;color:var(--faint);margin-top:12px}.dr-src a{color:var(--muted)}.dr-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dr-cta .btn{white-space:normal;height:auto;min-height:36px;padding:7px 14px;line-height:1.25;text-align:left}.dr-hud{position:absolute;z-index:5;right:20px;top:var(--top);display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(560px,56vw)}.dr-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.dr-stats div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:7px 12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dr-stats b{display:block;font-family:var(--head);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.dr-stats span{display:block;font-size:11.5px;color:var(--muted)}.dr-stats .dr-best{max-width:300px}.dr-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dr-tools button,.dr-time button{font:500 13px Inter,sans-serif;color:var(--text);background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:7px 13px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dr-tools button:hover,.dr-time button:hover{background:#ffffff1a}.dr-tools button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.dr-legend{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:7px 12px}.dr-ramp{display:block;width:150px;height:8px;border-radius:4px;background:linear-gradient(90deg,#3f7fa0,#5fe0c8 25%,#dcff3c 45%,#ffb347 72%,#ff4f9a)}.dr-legend{flex-wrap:wrap;width:250px}.dr-ticks{display:flex;justify-content:space-between;width:150px;margin-left:46px;font-family:var(--mono);font-size:10.5px}.dr-ticks b{font-weight:400}.dr-time{position:absolute;z-index:5;left:20px;right:20px;bottom:18px;display:flex;align-items:flex-end;gap:8px}.dr-time>button{width:40px;height:40px;padding:0;font-size:18px;flex:none}.dr-track{position:relative;flex:1;height:74px;margin:0 14px;cursor:pointer;touch-action:none}.dr-track canvas{position:absolute;left:0;right:0;bottom:18px;width:100%;height:34px}.dr-track:before{content:"";position:absolute;left:0;right:0;bottom:17px;height:1px;background:var(--line2)}.dr-marks{position:absolute;inset:0;pointer-events:none}.dr-marks button{pointer-events:auto;position:absolute;bottom:54px;transform:translate(-50%);width:22px;height:22px;border-radius:50%;padding:0;font:500 10.5px var(--mono);color:var(--muted);background:#0d1517;border:1px solid var(--line2);cursor:pointer}.dr-marks button.past{color:#0b1200;background:#dcff3c8c;border-color:transparent}.dr-marks button.on{color:#0b1200;background:var(--lime);box-shadow:0 0 14px #dcff3c99}.dr-marks .yr{position:absolute;bottom:0;transform:translate(-2px);font-family:var(--mono);font-size:10.5px;color:var(--faint)}.dr-head{position:absolute;bottom:12px;width:2px;height:44px;margin-left:-1px;background:var(--lime);box-shadow:0 0 10px var(--lime);transition:left .4s var(--ease);pointer-events:none}.dr-head:after{content:"";position:absolute;left:-5px;bottom:-5px;width:12px;height:12px;border-radius:50%;background:var(--lime)}.dr-time output{flex:none;min-width:100px;padding-bottom:10px;font-family:var(--mono);font-size:13px;color:var(--text);text-align:right}.dr-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.dr-lab{position:absolute;left:0;top:0;white-space:nowrap;font:500 12px Inter,sans-serif;color:var(--text);background:#05080ac7;border:1px solid var(--line2);border-radius:8px;padding:3px 8px;margin:-32px 0 0 10px;transition:opacity .2s}.dr-lab:before{content:"";position:absolute;left:-10px;bottom:-8px;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.dr-lab.hl{pointer-events:auto;cursor:pointer}.dr-lab.pin{color:#ffb347;border-color:#ffb34766}.dr-lab.pin:before{background:transparent;border:2px solid #ffb347;width:14px;height:14px;left:-14px;bottom:-11px;box-shadow:0 0 12px #ffb347;animation:dr-ping 1.8s infinite}@keyframes dr-ping{50%{transform:scale(1.5);opacity:.5}}.dr-hole{position:absolute;z-index:6;right:20px;bottom:112px;width:320px;max-height:46vh;overflow:auto;border-radius:14px;padding:14px 16px;font-size:13.5px}.dr-hole h3{font-size:18px;margin-bottom:4px}.dr-hole .x{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--muted);font-size:22px;cursor:pointer}.dr-meta{color:var(--muted);font-size:12.5px}.dr-meta a{color:var(--muted)}.dr-hole ul{margin-top:8px}.dr-hole li{display:flex;align-items:baseline;gap:6px;padding:3px 0;border-top:1px solid var(--line)}.dr-hole li i{flex:none;width:9px;height:9px;border-radius:50%}.dr-hole li small{margin-left:auto;color:var(--faint);font-size:11px;white-space:nowrap}.dr-pend{color:var(--muted);margin-top:8px}.dr-credit{position:absolute;z-index:4;right:20px;bottom:2px;font-size:10.5px;color:var(--faint)}.dr-toast{position:absolute;z-index:9;left:50%;top:90px;transform:translate(-50%,-10px);opacity:0;background:var(--lime);color:#0b1200;font-weight:600;padding:8px 16px;border-radius:999px;transition:.3s var(--ease);pointer-events:none;max-width:90vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-toast.on{opacity:1;transform:translate(-50%)}.dr-read{padding-top:56px;padding-bottom:72px;max-width:820px}.dr-intro-text{font-size:18px;color:#c9d4d0;line-height:1.6}.dr-read .dr-ch{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}.dr-read .dr-ch h2{font-size:clamp(24px,3vw,32px);margin:6px 0 12px}.dr-read .dr-ch h3{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin:16px 0 4px}.dr-read .dr-ch p{color:#d5dedb}.dr-read .dr-src{margin-top:14px}.dr-read .dr-next a:not(.btn){color:var(--lime)}.dr-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.dr-nogl .dr-read{padding-top:110px}@media (max-width: 980px){.dr-card{width:min(380px,44vw)}.dr-hud{max-width:50vw}.dr-stats .dr-best,.dr-legend{display:none}}@media (max-width: 760px){.dr-stage{--top: 66px;height:100svh;min-height:560px}.dr-intro{left:16px;right:16px;bottom:7vh}.dr-card{inset:auto 8px 96px;width:auto;max-height:40svh;padding:16px}.dr-card h2{font-size:22px}.dr-hud{left:8px;right:8px;max-width:none;align-items:stretch}.dr-stats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.dr-stats div{flex:none;padding:5px 9px}.dr-stats b{font-size:14px}.dr-stats div:nth-child(4){display:none}.dr-tools{justify-content:flex-start}.dr-tools button{padding:5px 10px;font-size:12px}.dr-time{left:8px;right:8px;bottom:8px;gap:4px}.dr-time>button{width:34px;height:34px}.dr-time output{display:none}.dr-track{margin:0 6px;height:70px}.dr-marks button{width:11px;height:11px;font-size:0;bottom:56px}.dr-hole{left:8px;right:8px;width:auto;bottom:96px;max-height:40svh}.dr-read{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion: reduce){.dr-card.in,.dr-lab.pin:before{animation:none}.dr-head{transition:none}}