:root{--dls-ink: #03060f;--dls-deep: #0a1230;--dls-mid: #1a1f3e;--dls-cream: #f4e7c8;--dls-cream-dim: #6a6e8a;--dls-flame: #f6c15e;--dls-coral: #ff6b8a;--dls-sky: #7ac8ed;--dls-mint: #8aeac0;--dls-mauve: #c9a8ef}html,body{background:var(--dls-ink);margin:0;padding:0;height:100%}body:has(.dls){background:radial-gradient(ellipse at 50% 30%,#14193a 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,#2a1640 0%,transparent 50%),var(--dls-ink);color:var(--dls-cream);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;overflow:hidden}.dls{position:fixed;inset:0;overflow:hidden}.dls__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.dls__bg-star{position:absolute;width:2px;height:2px;background:#f4e7c866;border-radius:50%;box-shadow:0 0 4px #f4e7c84d;animation:dls-bg-twinkle 6s ease-in-out infinite}@keyframes dls-bg-twinkle{0%,to{opacity:.3}50%{opacity:.8}}.dls__trails{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.dls__trail{stroke-linecap:round;stroke-width:1.6;vector-effect:non-scaling-stroke;fill:none;animation:dls-trail-fade 1.5s cubic-bezier(.2,.6,.3,1) forwards}@keyframes dls-trail-fade{0%{opacity:0;stroke-dashoffset:var(--dash-len, 200)}18%{opacity:1}80%{opacity:.6;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.dls__arrival{r:0;animation:dls-arrival .9s cubic-bezier(.2,.7,.3,1) forwards;pointer-events:none}@keyframes dls-arrival{0%{r:0;opacity:0;stroke-width:2}40%{r:8;opacity:.9;stroke-width:1.5}to{r:18;opacity:0;stroke-width:.5}}.dls__stars{position:absolute;inset:0;pointer-events:none;z-index:2}.dls__star{position:absolute;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--star-color, #f6c15e);box-shadow:0 0 8px var(--star-color, #f6c15e),0 0 18px color-mix(in srgb,var(--star-color, #f6c15e) 60%,transparent),0 0 32px color-mix(in srgb,var(--star-color, #f6c15e) 30%,transparent);transition:width .24s ease,height .24s ease;animation:dls-star-twinkle var(--twinkle-dur, 5s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s)}.dls__star--self{box-shadow:0 0 10px var(--star-color, #f6c15e),0 0 24px color-mix(in srgb,var(--star-color, #f6c15e) 70%,transparent),0 0 42px color-mix(in srgb,var(--star-color, #f6c15e) 35%,transparent),inset 0 0 4px #ffffff80}.dls__star--struck{animation:dls-star-strike .9s ease-out}@keyframes dls-star-twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes dls-star-strike{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.6)}to{transform:translate(-50%,-50%) scale(1)}}.dls__star-label{position:absolute;left:50%;top:100%;margin-top:6px;transform:translate(-50%);font-family:JetBrains Mono,SF Mono,monospace;font-size:9px;letter-spacing:.04em;color:var(--dls-cream-dim);white-space:nowrap;opacity:.6}.dls__star--self .dls__star-label{color:var(--dls-flame);opacity:.9}.dls__hud{position:absolute;z-index:5;pointer-events:auto}.dls__hud--tl{top:24px;left:24px;max-width:360px}.dls__live{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:4px;background:#ff6b8a26;color:var(--dls-coral);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;animation:dls-blink 2s ease-in-out infinite}@keyframes dls-blink{0%,to{opacity:1}50%{opacity:.5}}.dls__title{margin:12px 0 4px;font-family:Gloock,Times New Roman,serif;font-size:28px;letter-spacing:-.01em;color:var(--dls-cream)}.dls__sub{margin:0 0 8px;font-size:12px;color:var(--dls-cream-dim);letter-spacing:.02em}.dls__count{margin:0;font-size:13px;color:var(--dls-cream);font-weight:500}.dls__count strong{color:var(--dls-flame);font-weight:700}.dls__hud--tr{top:24px;right:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.dls__chip{border:1px solid rgba(244,231,200,.18);background:#0a1230b3;color:var(--dls-cream-dim);font-family:inherit;font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:4px;cursor:pointer;text-decoration:none;backdrop-filter:blur(6px)}.dls__chip:hover{color:var(--dls-cream);border-color:#f4e7c866}.dls__chip[aria-pressed=true]{color:var(--dls-flame);border-color:#f6c15e80;background:#f6c15e14}.dls__pads{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:5}.dls__pad{width:64px;height:64px;border-radius:12px;border:1px solid rgba(244,231,200,.15);background:#0a1230b3;color:var(--dls-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform 80ms ease,box-shadow .2s ease;backdrop-filter:blur(6px);font-family:inherit}.dls__pad:hover{border-color:#f4e7c859}.dls__pad:active{transform:translateY(2px) scale(.96)}.dls__pad--struck{box-shadow:0 0 22px var(--pad-glow, rgba(246, 193, 94, .7));border-color:var(--pad-glow, rgba(246, 193, 94, .7))}.dls__pad-glyph{font-size:18px;line-height:1}.dls__pad-key{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dls-cream-dim);letter-spacing:.05em}.dls__pad--low{color:#f6c15e;--pad-glow: rgba(246, 193, 94, .7)}.dls__pad--mid{color:#ff8a70;--pad-glow: rgba(255, 138, 112, .7)}.dls__pad--high{color:#c9a8ef;--pad-glow: rgba(201, 168, 239, .7)}.dls__pad--bell{color:#8aeac0;--pad-glow: rgba(138, 234, 192, .7)}.dls__about{position:absolute;bottom:100px;left:50%;transform:translate(-50%);max-width:640px;width:calc(100% - 64px);z-index:4;pointer-events:auto;padding:0 12px}.dls__about p{margin:0;font-size:11px;line-height:1.55;color:var(--dls-cream-dim);text-align:center;letter-spacing:.01em}.dls__about a{color:var(--dls-sky);text-decoration:none;border-bottom:1px dotted rgba(122,200,237,.4)}.dls__about a:hover{color:var(--dls-cream)}.dls__about code{font-family:JetBrains Mono,SF Mono,monospace;font-size:10px;color:var(--dls-mint);background:#0a1230b3;padding:1px 5px;border-radius:3px}@media(max-width:720px){.dls__hud--tl{max-width:240px}.dls__title{font-size:22px}.dls__about{display:none}.dls__pad{width:56px;height:56px}}