html,body{background:#07050f;margin:0}body:has(.dsy){color:#f4e7c8;font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.dsy{max-width:560px;margin:0 auto;padding:22px 14px 48px;display:flex;flex-direction:column;gap:18px;min-height:94vh}.dsy__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dsy__caller{display:flex;align-items:center;gap:14px}.dsy__noun{width:88px;height:88px;image-rendering:pixelated;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:transform .12s ease}.dsy--countin .dsy__noun{animation:dsyBob .5s ease-in-out infinite}@keyframes dsyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.dsy__speech{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.06em;color:#f4e7c8;background:#ffffff0f;border:1px solid rgba(244,231,200,.18);border-radius:4px 14px 14px;padding:9px 13px;max-width:210px;line-height:1.5}.dsy__score{display:flex;gap:18px}.dsy__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.dsy__score strong{font-family:Inter Tight,sans-serif;font-weight:800;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.dsy__stat:first-child strong{color:#8aeac0}.dsy__stat:last-child strong{color:#f6c15e}.dsy__score em{font-style:normal;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a8a9a}.dsy__stage{position:relative;flex:1;min-height:440px;display:flex;flex-direction:column;gap:14px;padding:18px 16px 22px;border-radius:16px;overflow:hidden;border:1px solid rgba(244,231,200,.1);background:linear-gradient(180deg,#0b0818,#140a24 78%,#1c0e2e)}.dsy__meter-wrap{position:relative;height:120px;border-radius:12px;background:#07050f73;border:1px solid rgba(244,231,200,.08)}.dsy__meter{position:absolute;inset:0;width:100%;height:100%;display:block}.dsy__dots{display:flex;justify-content:center;gap:12px;transition:opacity .2s ease}.dsy--playing .dsy__dots{opacity:.22}.dsy__dot{width:12px;height:12px;border-radius:50%;background:#f4e7c824;border:1px solid rgba(244,231,200,.2);transition:background 60ms ease,transform 60ms ease,box-shadow .12s ease}.dsy__dot--lit{background:#f6c15e;transform:scale(1.35);box-shadow:0 0 14px #f6c15eb3}.dsy__hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-family:JetBrains Mono,monospace}.dsy__hud-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px}.dsy__hud-val{font-family:Inter Tight,sans-serif;font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:#f4e7c8}.dsy__last{font-family:Inter Tight,sans-serif;font-weight:800;font-size:15px;color:#8a8a9a;min-height:20px}.dsy__last--pocket{color:#8aeac0;text-shadow:0 0 12px rgba(138,234,192,.6)}.dsy__last--rush{color:#7ac8ed}.dsy__last--drag{color:#ff6b8a}.dsy__hud-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a9a}.dsy__pad{position:relative;flex:1;min-height:150px;border:0;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 42%,#241236,#130a20 70%);box-shadow:inset 0 0 0 1px #f6c15e24;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 70ms ease,box-shadow .14s ease,background .14s ease}.dsy__pad:active{transform:scale(.985)}.dsy__pad--lit{background:radial-gradient(circle at 50% 42%,#3a1d55,#1a0e2b 70%);box-shadow:inset 0 0 0 1px #f6c15e80,0 0 28px #f6c15e38}.dsy__pad--good{box-shadow:inset 0 0 0 1px #8aeac0b3,0 0 32px #8aeac04d}.dsy__pad-ring{position:absolute;width:108px;height:108px;border-radius:50%;border:2px solid rgba(244,231,200,.12);pointer-events:none}.dsy--playing .dsy__pad-ring{border-color:#f6c15e4d}.dsy__pad-beat{font-family:Inter Tight,sans-serif;font-weight:800;font-size:40px;color:#f6c15e;font-variant-numeric:tabular-nums;line-height:1;z-index:1}.dsy__pad-hint{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8a8a9a;z-index:1}.dsy__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#07050fdb;backdrop-filter:blur(3px);z-index:4;text-align:center;padding:20px}.dsy__overlay.dsy__overlay--hidden{display:none}.dsy__title{font-family:JetBrains Mono,monospace;font-size:clamp(28px,8vw,50px);letter-spacing:.14em;margin:0;color:#f6c15e;text-shadow:0 0 20px rgba(246,193,94,.5)}.dsy__sub,.dsy__best-line{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a9a;margin:0;max-width:340px;line-height:1.6}.dsy__best-line{color:#d4a437}.dsy__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}.dsy__go:hover{transform:translateY(-1px);background:#ffd98a}.dsy__controls{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}.dsy__toggle{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f4e7c8;background:#ffffff0d;border:1px solid rgba(244,231,200,.2);border-radius:12px;padding:10px 18px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.dsy__toggle[aria-pressed=true]{color:#8aeac0;border-color:#8aeac080;background:#8aeac014}.dsy__toggle:disabled{opacity:.35;cursor:default}.dsy__hint{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a9a}.dsy__siblings{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:12px}.dsy__siblings a{color:#d4a437;text-decoration:none}.dsy__siblings a:hover{text-decoration:underline}@media(max-width:480px){.dsy__stage{min-height:400px}.dsy__score strong{font-size:28px}.dsy__noun{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){.dsy *,.dsy *:before,.dsy *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}