.db{gap:var(--space-4);flex-direction:column;display:flex}.db__global-controls{justify-content:flex-end;display:flex}.db__select[hidden],.db__field[hidden],.db__gameover[hidden],.db__tap-target[hidden],.db__direction-picker[hidden],.db__footer-actions[hidden]{display:none}.db__select{align-items:center;gap:var(--space-5);padding-block:var(--space-6);text-align:center;flex-direction:column;display:flex}.db__select-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-red);font-weight:600}.db__select-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink)}.db__select-intro{max-width:480px;color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.6}.db__select-options{gap:var(--space-3);flex-direction:column;width:100%;max-width:420px;display:flex}.db__select-option{align-items:center;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-white);flex-direction:column;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.db__select-option:hover,.db__select-option:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db__select-option--active{border-color:var(--color-indigo);background:var(--color-paper-dim)}.db__select-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink)}.db__select-desc{font-size:var(--text-sm);color:var(--color-ink-soft)}@media (width>=480px){.db__select-options{flex-direction:row}.db__select-option{flex:1}}.db__field{gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.db__scene{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:46svh;box-shadow:var(--shadow-md);margin-inline:auto;position:relative;overflow:hidden}.db__sky{background:linear-gradient(180deg, var(--color-paper) 0%, var(--color-paper-dim) 100%);position:absolute;inset:0}.db__ground{background:linear-gradient(180deg, var(--color-sage) 0%, #57623f 100%);height:32%;position:absolute;bottom:0;left:0;right:0}.db__ground:before{content:"";background:linear-gradient(#ffffff14 0%,#0000 40%);position:absolute;inset:0}.db__player{aspect-ratio:1/2.2;transform-origin:bottom;width:13%;position:absolute;bottom:32%;left:28%;transform:translate(-50%)}.db__player:before{content:"";aspect-ratio:1;background:var(--color-ink-soft);border-radius:50%;width:46%;position:absolute;top:0;left:50%;transform:translate(-50%)}.db__player:after{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-indigo);width:82%;height:58%;position:absolute;top:42%;left:50%;transform:translate(-50%)}@keyframes db-player-launch-swing{0%{transform:translate(-50%)rotate(0)}30%{transform:translate(-50%)rotate(-9deg)}55%{transform:translate(-50%)rotate(5deg)}to{transform:translate(-50%)rotate(0)}}.db__player--swing-launch{animation:db-player-launch-swing .65s var(--ease-out)}@keyframes db-player-strike-swing{0%{transform:translate(-50%)rotate(0)}18%{transform:translate(-50%)rotate(-13deg)}55%{transform:translate(-50%)rotate(9deg)}80%{transform:translate(-50%)rotate(3deg)}to{transform:translate(-50%)rotate(0)}}.db__player--swing-strike{animation:db-player-strike-swing .48s var(--ease-out)}.db__dandi{border-radius:var(--radius-full);transform-origin:bottom;width:6%;height:42%;box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#8a5d34 0%,#b3814f 55%,#8a5d34 100%);position:absolute;bottom:38%;left:34%;transform:rotate(-34deg)}@keyframes db-dandi-launch-swing{0%{transform:rotate(-34deg)}25%{transform:rotate(-55deg)}42%{transform:rotate(6deg)}70%{transform:rotate(-18deg)}to{transform:rotate(-34deg)}}.db__dandi--swing-launch{animation:db-dandi-launch-swing .65s var(--ease-out)}@keyframes db-dandi-strike-swing{0%{transform:rotate(-34deg)}15%{transform:rotate(-85deg)}40%{transform:rotate(12deg)}70%{transform:rotate(58deg)}to{transform:rotate(-34deg)}}.db__dandi--swing-strike{animation:db-dandi-strike-swing .48s var(--ease-out)}.db__biyo{aspect-ratio:3.4;border-radius:var(--radius-full);width:8%;box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#7c5528 0%,#a9763f 55%,#7c5528 100%);position:absolute;bottom:33%;left:42%;transform:translate(-50%)}@keyframes db-hop{0%{transform:translate(-50%)rotate(0)}60%{transform:translate(-50%, calc(-1 * var(--db-hop-height,40px))) rotate(calc(var(--db-hop-rotation,220deg) * .6))}to{transform:translate(-50%, calc(-.62 * var(--db-hop-height,40px))) rotate(var(--db-hop-rotation,220deg))}}.db__biyo--popped{animation:db-hop .377s var(--ease-out) .273s forwards}@keyframes db-biyo-float{0%,to{transform:translate(-50%, calc(-.62 * var(--db-hop-height,40px))) rotate(var(--db-hop-rotation,220deg))}50%{transform:translate(-50%, calc(-.74 * var(--db-hop-height,40px))) rotate(var(--db-hop-rotation,220deg))}}.db__biyo--floating{animation:1.1s ease-in-out infinite db-biyo-float}.db__impact{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#fff0 70%);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes db-impact-burst{0%{opacity:.9;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.db__impact--burst{animation:.32s ease-out db-impact-burst}.db__hud{top:var(--space-3);left:var(--space-3);right:var(--space-3);justify-content:space-between;align-items:center;display:flex;position:absolute}.db__hud-difficulty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-soft);border-radius:var(--radius-full);background:#fbf7f0d9;padding:.3rem .6rem;font-weight:600}.db__hud-progress{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink);border-radius:var(--radius-full);background:#fbf7f0d9;padding:.3rem .6rem;font-weight:700}.db__sound-toggle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-soft);border-radius:var(--radius-full);border:1px solid var(--color-line);background:#fbf7f0d9;align-items:center;min-height:32px;padding:.35rem .7rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.db__sound-toggle:hover,.db__sound-toggle:focus-visible{border-color:var(--color-indigo);color:var(--color-ink)}.db__direction-picker{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;max-width:420px;margin-inline:auto;display:flex}.db__direction-label{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:600}.db__direction-options{gap:var(--space-2);width:100%;display:flex}.db__direction-option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-line);background:var(--color-white);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-ink);flex:1;min-height:44px;transition:border-color .15s,background .15s}.db__direction-option:hover,.db__direction-option:focus-visible{border-color:var(--color-indigo)}.db__direction-option--active{border-color:var(--color-indigo);background:var(--color-paper-dim)}.db__tap-target{align-items:stretch;gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-white);touch-action:manipulation;flex-direction:column;min-height:88px;margin-inline:auto;transition:border-color .15s,box-shadow .15s;display:flex}.db__tap-target:hover:not(:disabled),.db__tap-target:focus-visible{border-color:var(--color-indigo);box-shadow:var(--shadow-md)}.db__tap-target:disabled{opacity:.6}.db__timing-bar{border-radius:var(--radius-full);background:var(--color-paper-dim);width:100%;height:14px;position:relative;overflow:hidden}.db__timing-band{border-radius:var(--radius-full);position:absolute;top:0;bottom:0}.db__timing-band--good{background:#e2a53059}.db__timing-band--perfect{background:var(--color-sage)}.db__timing-marker{border-radius:var(--radius-full);background:var(--color-red);width:4px;box-shadow:0 0 0 2px var(--color-white);position:absolute;top:-3px;bottom:-3px;left:0;transform:translate(-50%)}.db__timing-bar--strike{height:16px;box-shadow:0 0 0 1px #e2a53066}.db__timing-bar--strike .db__timing-band--good{background:#bd3b324d}.db__timing-bar--strike .db__timing-band--perfect{background:var(--color-marigold)}.db__timing-bar--strike .db__timing-marker{background:var(--color-indigo)}.db__tap-label{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--color-ink);text-align:center}.db__result{text-align:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink)}.db__result[data-tone=great]{color:var(--color-sage)}.db__result[data-tone=good]{color:var(--color-indigo)}.db__result[data-tone=ok]{color:var(--color-marigold-deep)}.db__result[data-tone=miss]{color:var(--color-red)}.db__result[data-tone=out]{color:var(--color-red-deep)}.db__footer{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.db__hint{color:var(--color-ink-soft);font-size:var(--text-sm);min-height:1.4em}.db__footer-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.db__gameover{align-items:center;gap:var(--space-4);padding-block:var(--space-6);text-align:center;flex-direction:column;display:flex}.db__gameover-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-red);font-weight:600}.db__gameover-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);color:var(--color-ink)}.db__gameover-stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr);width:100%;max-width:420px;display:grid}.db__gameover-stat{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-white);flex-direction:column;display:flex}.db__gameover-stat-value{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-ink)}.db__gameover-stat-label{font-size:var(--text-xs);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.db__gameover-record{max-width:420px;color:var(--color-ink-soft);font-size:var(--text-sm)}.db__gameover-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width>=480px){.db__gameover-stats{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){.db__scene{max-width:520px}.db__tap-target,.db__select-intro,.db__select-options{max-width:480px}.db__gameover-stats,.db__gameover-record{max-width:560px}}