html,body{background:#07050f;margin:0}body:has(.drn){color:#f4e7c8;font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.drn{max-width:640px;margin:0 auto;padding:14px 12px 40px;display:flex;flex-direction:column;gap:10px;min-height:94vh}.drn__hud{display:flex;justify-content:space-between;align-items:baseline;font-family:JetBrains Mono,monospace;padding:2px 6px;min-height:44px;gap:10px}.drn__hud-left{display:flex;align-items:baseline;gap:8px}.drn__dist{font-family:Inter Tight,sans-serif;font-weight:800;font-size:34px;color:#f6c15e;font-variant-numeric:tabular-nums;min-width:52px;line-height:1}.drn__dist-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a9a}.drn__hud-mid{flex:1;text-align:center}.drn__flash{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.drn__flash--onbeat{color:#8aeac0;text-shadow:0 0 12px rgba(138,234,192,.7)}.drn__flash--clear{color:#7ac8ed}.drn__flash--hit{color:#ff6b8a;text-shadow:0 0 12px rgba(255,107,138,.6)}.drn__hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.drn__lives{display:flex;gap:5px}.drn__life{width:12px;height:12px;border-radius:3px;background:#ff6b8a;box-shadow:0 0 8px #ff6b8a80;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.drn__life--lost{background:#78788c47;box-shadow:none;transform:scale(.82)}.drn__best{font-size:11px;color:#d4a437;font-variant-numeric:tabular-nums;margin:0}.drn__stage{position:relative;flex:1;min-height:400px;border-radius:16px;overflow:hidden;border:1px solid rgba(244,231,200,.1);background:linear-gradient(180deg,#0b0818,#140a24 78%,#1c0e2e);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.drn__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.drn__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#07050fd1;backdrop-filter:blur(3px);z-index:3;text-align:center;padding:20px}.drn__overlay--hidden{display:none}.drn__title{font-family:JetBrains Mono,monospace;font-size:clamp(28px,8vw,50px);letter-spacing:.18em;margin:0;color:#f6c15e;text-shadow:0 0 20px rgba(246,193,94,.5)}.drn__sub{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a9a;margin:0}.drn__overlay .drn__best{color:#d4a437;font-size:12px}.drn__go{margin-top:10px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;letter-spacing:.2em;color:#07050f;background:#f6c15e;border:0;border-radius:14px;padding:14px 30px;cursor:pointer;transition:transform .1s ease,background .16s ease}.drn__go:hover{transform:translateY(-1px);background:#ffd98a}.drn__tap-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:2;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f4e7c857;transition:opacity .22s ease}.drn__tap-hint--gone{opacity:0}.drn__controls{display:flex;justify-content:center}.drn__jump{min-width:190px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(246,193,94,.5);border-radius:999px;background:#f6c15e1a;color:#f6c15e;cursor:pointer;font:800 13px/1 JetBrains Mono,monospace;letter-spacing:.14em}.drn__jump span{color:#8a8a9a;font-size:9px;font-weight:500;letter-spacing:.08em}.drn__jump:hover{background:#f6c15e2e}.drn__jump:focus-visible{outline:3px solid #7ac8ed;outline-offset:3px}.drn__siblings{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:12px}.drn__siblings a{color:#d4a437;text-decoration:none}.drn__siblings a:hover{text-decoration:underline}.drn__versions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font:700 10px/1.4 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.drn__versions span{color:#666477}.drn__versions a{padding:5px 8px;border:1px solid #373346;border-radius:999px;color:#a9a4b4;text-decoration:none}.drn__versions a[aria-current=page]{border-color:#f6c15e;color:#f6c15e;background:#f6c15e1a}.drn__versions a:hover{border-color:#f6c15e;color:#f6c15e}@media(prefers-reduced-motion:reduce){.drn *,.drn *:before,.drn *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}