.dbd-root{--text-xs:.875rem;--text-s:1.0625rem;background:radial-gradient(60rem 28rem at 100% -6rem, #ffc23329, transparent 70%), radial-gradient(40rem 22rem at -10% 110%, #7cc8ff1f, transparent 70%), var(--bg);min-height:100dvh}.dbd-page{max-width:44rem;padding:calc(8px + var(--safe-top)) var(--gutter) calc(36px + var(--safe-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.dbd-page--home{max-width:62rem}.dbd-page--wide{max-width:66rem}.dbd-page--play{padding-bottom:calc(20px + var(--safe-bottom));gap:12px}.dbd-header{align-items:center;gap:8px;min-height:48px;display:flex}.dbd-back{min-height:44px;color:var(--ink-700);font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px 0 0;font-weight:650;text-decoration:none;display:inline-flex}.dbd-spacer{flex:1}.dbd-icon{background:var(--paper);width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-700);transition:box-shadow var(--dur-fast);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.dbd-icon:hover{box-shadow:inset 0 0 0 1.5px var(--ink-300)}.dbd-icon svg{width:22px;height:22px}.dbd-count{color:var(--ink-700);font-size:var(--text-s);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.dbd-home{align-items:center;gap:24px;display:grid}.dbd-home__main{flex-direction:column;gap:14px;min-width:0;display:flex}.dbd-home__heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.dbd-title{letter-spacing:-.025em;font-size:clamp(2.5rem,1.6rem + 4vw,4.25rem);font-weight:850;line-height:.95}.dbd-title--page{font-size:var(--text-2xl)}.dbd-home__art{display:none}.dbd-logo{--tile:48px;--tilt:10deg;flex:none;align-items:center;padding:6px 8px 10px;display:inline-flex;position:relative}.dbd-logo[data-count="5"]{--tile:38px;--tilt:6deg}.dbd-logo__tile{z-index:calc(10 - var(--d,0));width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .24);background:var(--ink-100);box-shadow:0 0 0 3px var(--paper), 0 10px 20px -10px #1a14468c;transform:translateY(calc(var(--tile) * .08 * var(--d,0))) rotate(calc(var(--tilt) * var(--i,0))) scale(calc(1.06 - .06 * min(var(--d,0), 1)));flex:none;position:relative;overflow:hidden}.dbd-logo__tile img{object-fit:cover;width:100%;height:100%}.dbd-home__hero{--tile:clamp(120px, 11.5vw, 160px)}.dbd-home__hero[data-count="5"]{--tile:clamp(84px, 8vw, 104px)}.dbd-home__hero .dbd-logo__tile{box-shadow:0 0 0 5px var(--paper), 0 24px 40px -18px #1a144680}.dbd-lead{color:var(--ink-700);font-size:var(--text-l);font-weight:550}.dbd-levels{margin:4px 0 0}.dbd-levels__track{gap:4px;padding:5px}.dbd-levels__track .es-segment span{padding:0 4px}.dbd-level__best{font-size:var(--text-xs);opacity:.8;font-weight:600;line-height:1.1}.dbd-levels__note{min-height:1.5em;color:var(--text-muted);font-size:var(--text-s);margin-top:8px}.dbd-levels__note b{color:var(--ink-900);font-weight:800}.dbd-start{letter-spacing:.01em;width:100%;min-height:66px;font-size:1.375rem;font-weight:800}.dbd-start__bolt{width:26px;height:26px;transition:transform var(--dur-med) var(--ease-spring)}.dbd-start:hover .dbd-start__bolt{transform:rotate(-12deg)scale(1.15)}.dbd-tonal{--button-bg:#ffeaa6;--button-fg:var(--ink-900);--button-edge:#efc24f;--button-shine:inset 0 1.5px 0 #ffffffbf;min-height:54px;box-shadow:var(--button-shine), 0 3px 0 var(--button-edge);font-size:var(--text-m);background-image:linear-gradient(#fff4d2 0%,#ffe7a0 100%);padding:0 1.2em}.dbd-tonal:hover{box-shadow:var(--button-shine), 0 4px 0 var(--button-edge)}.dbd-tonal:active{box-shadow:var(--button-shine), 0 1px 0 var(--button-edge)}.dbd-actions{gap:10px;display:grid}.dbd-actions--row{flex-wrap:wrap;display:flex}.dbd-actions--row>.button{flex:1 1 0;min-width:max-content}.dbd-wide{width:100%}.dbd-count-badge{background:var(--paper);min-width:1.8em;height:1.8em;color:var(--ink-900);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .45em;font-size:.78em;display:inline-grid}.dbd-stats{color:var(--ink-700);font-size:var(--text-s)}.dbd-stats b{color:var(--ink-900);font-weight:800}.dbd-links{font-size:var(--text-s)}.dbd-link{min-height:44px;color:var(--ink-700);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.dbd-notice{border-radius:var(--radius-m);background:var(--marigold-100);font-size:var(--text-s);padding:10px 14px}.dbd-preview-note{border-left:3px solid var(--ink-200);color:var(--text-muted);font-size:var(--text-xs);padding-left:12px}.dbd-small{color:var(--text-muted);font-size:var(--text-s)}.dbd-eyebrow{color:var(--ink-500);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.dbd-section-title{font-size:var(--text-l)}.dbd-chip{background:var(--marigold-100);color:var(--ink-900);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 10px;font-weight:700;display:inline-block}@media (width>=860px){.dbd-home{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:48px;min-height:min(640px,100dvh - 120px)}.dbd-home__logo{display:none}.dbd-home__art{place-items:center;display:grid}}.dbd-clock{background:var(--ink-900);min-width:3.6em;color:var(--paper);font-size:var(--text-l);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:baseline;padding:6px 12px;font-weight:800;line-height:1;display:inline-flex;position:relative}.dbd-clock small{opacity:.75;margin-left:1px;font-size:.7em;font-weight:700}.dbd-clock.is-low{background:var(--marigold);color:var(--ink-900);animation:1s ease-in-out infinite dbd-pulse}@keyframes dbd-pulse{50%{transform:scale(1.07)}}.dbd-score{color:var(--ink-700);font-size:var(--text-s);white-space:nowrap;font-weight:700}.dbd-score b{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:850;line-height:1;display:inline-block}.dbd-score b.is-bumped{animation:dbd-bump .38s var(--ease-spring)}@keyframes dbd-bump{0%{color:var(--mint-700);transform:scale(1.45)}}.dbd-stage{gap:12px;display:grid}.dbd-frame{aspect-ratio:4/3;border-radius:var(--radius-l);background:var(--ink-100);width:min(100%,133.333dvh - 400px);min-width:min(100%,260px);box-shadow:var(--shadow-lift);transition:box-shadow var(--dur-med);margin:0 auto;position:relative;overflow:hidden}.dbd-frame.is-right{box-shadow:0 0 0 4px var(--mint), var(--shadow-lift)}.dbd-frame.is-missed{box-shadow:0 0 0 4px var(--marigold), var(--shadow-lift)}.dbd-frame>.dbd-photo{position:absolute;inset:0}.dbd-timebar{z-index:2;background:#ffffff8c;height:6px;position:absolute;top:0;left:0;right:0}.dbd-timebar span{background:var(--marigold);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.dbd-countdown{background:linear-gradient(160deg, var(--ink-100), var(--marigold-100));place-items:center;display:grid;position:absolute;inset:0}.dbd-countdown span{color:var(--ink-900);font-family:var(--font-display);animation:dbd-count .6s var(--ease-spring);font-size:clamp(5rem,3rem + 10vw,9rem);font-weight:850;line-height:1}@keyframes dbd-count{0%{opacity:0;transform:scale(1.6)}}.dbd-frame__answer{z-index:3;border-radius:var(--radius-m);color:var(--ink-900);font-size:var(--text-m);text-align:center;animation:dbd-rise .22s var(--ease-out);background:#fffffff0;padding:7px 12px;font-weight:800;line-height:1.25;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 10px 24px -10px #1a144680}@keyframes dbd-rise{0%{opacity:0;transform:translateY(10px)}}.dbd-enter{animation:dbd-enter .24s var(--ease-out)}@keyframes dbd-enter{0%{opacity:0;transform:translate(28px)scale(.985)}}.dbd-photo{background:var(--ink-100);position:relative;overflow:hidden}.dbd-photo img{object-fit:cover;width:100%;height:100%}.dbd-photo__status{text-align:center;color:var(--ink-700);background:var(--ink-100);font-size:var(--text-s);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex;position:absolute;inset:0}.dbd-photo--placeholder{background:radial-gradient(circle at 70% 20%, #ffffffb3, transparent 55%), linear-gradient(160deg, var(--ink-100), #fdf0cf);flex-direction:column;justify-content:space-between;gap:8px;padding:18px 14px 14px;display:flex}.dbd-photo__chip{color:var(--ink-700);font-size:var(--text-xs);background:#ffffffd9;border-radius:999px;align-self:flex-start;padding:4px 10px;font-weight:750}.dbd-photo__ghost{width:auto;max-width:40%;min-height:0;color:var(--ink-300);opacity:.8;flex:auto;margin:0 auto}.dbd-photo__clues{border-radius:var(--radius-m);font-size:var(--text-s);background:#ffffffe6;gap:4px;margin:0;padding:10px 12px;font-weight:600;line-height:1.3;list-style:none;display:grid}.dbd-photo__clues li{padding-left:16px;position:relative}.dbd-photo__clues li:before{background:var(--marigold);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.45em;left:2px}.dbd-photo--small{aspect-ratio:4/3;border-radius:var(--radius-m)}.dbd-photo--small.dbd-photo--placeholder{padding:8px}.dbd-photo--small .dbd-photo__chip{white-space:nowrap;padding:2px 8px;font-size:.6875rem}.dbd-photo--small .dbd-photo__ghost{max-width:46%}.dbd-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dbd-choices[data-count="5"]>:last-child{grid-column:1/-1}.dbd-correction{gap:10px;margin-top:2px;display:grid}.dbd-hold{background:var(--ink-100);border-radius:999px;height:8px;overflow:hidden}.dbd-hold span{border-radius:inherit;background:var(--marigold);transform-origin:0;height:100%;animation:linear forwards dbd-hold;display:block}@keyframes dbd-hold{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dbd-cues{color:var(--ink-800);animation:dbd-clue-in .22s var(--ease-out) both;gap:6px;margin:0 2px;padding:0;font-size:1.1875rem;font-weight:600;line-height:1.3;list-style:none;display:grid}.dbd-cues b{color:var(--ink-900);margin-right:.3em;font-weight:850}@keyframes dbd-clue-in{0%{transform:translateY(4px)}}.dbd-choice{border-radius:var(--radius-m);background:var(--paper);min-height:62px;box-shadow:inset 0 0 0 1.5px var(--line), 0 3px 0 var(--ink-200);color:var(--ink-900);font:inherit;font-size:var(--text-m);text-align:left;text-wrap:balance;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast), background-color var(--dur-fast), opacity var(--dur-med);animation:dbd-rise .2s var(--ease-out) both;border:0;align-items:center;gap:10px;padding:10px 14px;font-weight:700;line-height:1.2;display:flex;position:relative}.dbd-choice:nth-child(2){animation-delay:30ms}.dbd-choice:nth-child(3){animation-delay:60ms}.dbd-choice:nth-child(4){animation-delay:90ms}.dbd-choice:nth-child(5){animation-delay:.12s}@media (hover:hover){.dbd-choice:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink-300), 0 4px 0 var(--ink-200);transform:translateY(-1px)}}.dbd-choice:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink-300), 0 1px 0 var(--ink-200);transform:translateY(2px)}.dbd-choice:disabled{cursor:default}.dbd-choice--ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:#ffffff8c}.dbd-choice.is-right{box-shadow:inset 0 0 0 2.5px var(--mint-700);animation:dbd-pop .32s var(--ease-spring);background:#e3f8ee}.dbd-choice.is-wrong{background:var(--marigold-100);box-shadow:inset 0 0 0 2.5px var(--marigold-600);animation:dbd-nudge .26s var(--ease-out)}.dbd-choice.is-dim{opacity:.45}@keyframes dbd-pop{40%{transform:scale(1.04)}}@keyframes dbd-nudge{25%{transform:translate(-4px)}60%{transform:translate(3px)}}.dbd-choice__key{background:var(--ink-100);width:1.6em;height:1.6em;color:var(--ink-700);border-radius:7px;flex:none;place-items:center;font-size:.8em;font-weight:800;display:inline-grid}@media (hover:none) and (pointer:coarse){.dbd-choice__key{display:none}}.dbd-choice__name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}@media (width<=360px){.dbd-choice{gap:6px;padding:10px}}.dbd-mark{width:28px;height:28px;box-shadow:0 0 0 3px var(--bg);color:var(--paper);animation:dbd-tag .36s var(--ease-spring);border-radius:50%;padding:4px;position:absolute;top:-9px;right:-7px}.dbd-mark--right{background:var(--mint-700)}.dbd-mark--wrong{background:var(--marigold-600)}.dbd-note{border-radius:var(--radius-l);background:var(--paper);box-shadow:var(--shadow-card);animation:dbd-rise .22s var(--ease-out);gap:12px;padding:18px;display:grid}.dbd-note__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dbd-note__verdict{font-size:var(--text-l);font-weight:800}.dbd-note__verdict.is-right{color:var(--mint-700)}.dbd-tag{background:linear-gradient(180deg, #ffdc78 0%, var(--marigold) 50%, #f9b41c 100%);max-width:100%;box-shadow:inset 0 1.5px 0 #ffffffa6, 0 3px 0 var(--marigold-600), 0 12px 22px -12px #1a144680;color:var(--ink-900);font-family:var(--font-display);animation:dbd-tag .42s var(--ease-spring);border-radius:999px 18px 18px 999px;justify-self:start;align-items:center;gap:12px;padding:10px 20px 10px 14px;font-size:clamp(1.3rem,1.05rem + 1vw,1.75rem);font-weight:850;line-height:1.05;display:inline-flex;position:relative;transform:rotate(-1.5deg)}.dbd-tag__ring{background:var(--paper);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 3px #e0a100}@keyframes dbd-tag{0%{opacity:0;transform:rotate(-9deg)scale(.8)}}.dbd-facts{gap:8px;display:grid}.dbd-facts__picked{border-radius:var(--radius-m);background:var(--marigold-100);font-size:var(--text-s);padding:10px 12px}.dbd-facts__traits{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dbd-facts__traits li{padding-left:18px;position:relative}.dbd-facts__traits li:before{background:var(--marigold);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:3px}.dbd-facts__lookalike,.dbd-facts__note{color:var(--ink-700);font-size:var(--text-s)}.dbd-facts__lookalike b{color:var(--ink-900)}.dbd-turn{text-align:center;gap:12px;display:grid}.dbd-turn__prompt{color:var(--ink-700);font-weight:600}.dbd-rate{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.dbd-rate .button{width:100%;min-width:0}.dbd-result{isolation:isolate;justify-items:start;gap:12px;padding-top:8px;display:grid;position:relative}.dbd-result__score{font-family:var(--font-body);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800}.dbd-result__score b{font-size:clamp(4.5rem,3rem + 7vw,7rem);font-weight:850;line-height:.9}.dbd-result__score--medium{font-size:var(--text-2xl)}.dbd-result__line{color:var(--ink-700);font-size:var(--text-l);font-weight:600}.dbd-result__best{color:var(--ink-700);font-size:var(--text-l);font-weight:700}.dbd-result__best.is-best{border-radius:var(--radius-m);background:var(--marigold);color:var(--ink-900);animation:dbd-tag .42s var(--ease-spring);padding:6px 14px}.dbd-result .dbd-actions{width:100%;max-width:30rem;margin-top:6px}.dbd-trend{gap:4px;margin:0;display:grid}.dbd-trend__chart{width:220px;height:56px;overflow:visible}.dbd-trend__base{stroke:var(--ink-200);stroke-width:1px}.dbd-trend__line{fill:none;stroke:var(--ink-300);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.dbd-trend__dot{fill:var(--ink-300)}.dbd-trend__now{fill:var(--marigold);stroke:var(--ink-900);stroke-width:1.5px}.dbd-trend__hit{fill:#0000}.dbd-trend__caption{color:var(--ink-700);font-size:var(--text-s)}.dbd-misses{gap:12px;margin-top:8px;display:grid}.dbd-misses__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dbd-miss{border-radius:var(--radius-l);background:var(--paper);box-shadow:var(--shadow-card);grid-template-columns:112px 1fr;align-items:start;gap:14px;padding:12px;display:grid}.dbd-miss__name{font-weight:800}.dbd-miss__picked{color:var(--ink-700);font-size:var(--text-s);font-weight:600}.dbd-miss__tip{font-size:var(--text-s);margin-top:4px}.dbd-clean{color:var(--mint-700);font-weight:800}.dbd-confetti{z-index:-1;pointer-events:none;position:absolute;top:70px;left:70px}.dbd-confetti i{background:var(--marigold);opacity:0;width:8px;height:12px;animation:dbd-burst 1.1s var(--ease-out) forwards;animation-delay:calc(var(--i) * 12ms);border-radius:2px;position:absolute}.dbd-confetti i:nth-child(3n){background:var(--marigold-600)}.dbd-confetti i:nth-child(4n){background:var(--ink-300)}@keyframes dbd-burst{0%{opacity:1;transform:rotate(calc(var(--i) * 20deg)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(calc(var(--i) * 20deg)) translateY(-130px) rotate(260deg)}}.dbd-intro{gap:12px;display:grid}.dbd-guide{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dbd-breed{border-radius:var(--radius-l);background:var(--paper);box-shadow:var(--shadow-card);grid-template-columns:minmax(96px,36%) 1fr;align-items:start;gap:14px;padding:12px;display:grid}.dbd-breed__body{gap:6px;min-width:0;display:grid}.dbd-breed__name{font-size:var(--text-l)}.dbd-breed__meta{color:var(--ink-500);font-size:var(--text-xs);font-weight:700}.dbd-breed .dbd-facts{font-size:var(--text-s)}.dbd-breed__record{color:var(--ink-700);font-size:var(--text-s);font-weight:650}@media (width>=680px){.dbd-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dbd-breed{grid-template-columns:1fr;align-content:start}}@media (width>=1040px){.dbd-guide{grid-template-columns:repeat(3,minmax(0,1fr))}}.dbd-ready{border-radius:var(--radius-xl);background:var(--ink-900);color:var(--paper);text-align:center;justify-items:center;gap:12px;margin-top:12px;padding:24px 18px;display:grid}.dbd-ready__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:850}.dbd-ready .button{--focus-ring:var(--marigold)}.dbd-howto{gap:16px;display:grid}.dbd-howto h3{font-size:var(--text-l);margin-bottom:4px}.dbd-settings,.dbd-progress{gap:14px;display:grid}.dbd-settings__title{font-size:var(--text-l);margin-top:6px}.dbd-progress__totals{font-weight:700}.dbd-progress__where{color:var(--text-muted);font-size:var(--text-xs);margin-top:-8px}.dbd-bests{border-collapse:collapse;width:100%}.dbd-bests th,.dbd-bests td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:6px 0}.dbd-bests td:nth-child(2){width:3em;font-size:var(--text-l);font-variant-numeric:tabular-nums;font-weight:800}.dbd-bests .dbd-trend__caption{display:none}.dbd-bests .dbd-trend__chart{width:140px;height:36px}.dbd-progress__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dbd-progress__list li{border-radius:var(--radius-s);background:var(--chalk);font-size:var(--text-s);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 12px;display:flex}@media (width<=600px) and (orientation:portrait){.dbd-page--play .dbd-choice{min-height:70px}}@media (orientation:landscape) and (height<=520px){.dbd-page--play .dbd-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.dbd-page--play .dbd-frame{width:min(100%,133.333dvh - 120px)}.dbd-page--play .dbd-choices{grid-template-columns:1fr;gap:8px}.dbd-page--play .dbd-choices[data-count="5"]>:last-child{grid-column:auto}.dbd-page--play .dbd-choice{min-height:48px;padding:8px 12px}.dbd-photo--placeholder{padding:12px 10px 10px}.dbd-photo__ghost{display:none}}@media (width<=360px){.dbd-header{gap:6px}.dbd-icon{width:40px;height:40px}.dbd-page--play .dbd-score__label{display:none}.dbd-photo__clues{font-size:var(--text-xs)}.dbd-choice{font-size:var(--text-s)}}