:root{--sd-slot-h: 52px;--sd-rank: 28px}@media(min-width:768px){:root{--sd-slot-h: 56px}}.sd{display:flex;flex-direction:column}.sd-head{text-align:center}.sd-q:empty{min-height:calc(2 * var(--lh-page))}@media(min-width:768px){.sd-q:empty{min-height:calc(2 * var(--lh-big))}}.sd>:is(.banner,.notice)+.sd-head{margin-top:var(--s3)}.sd-src{margin:0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.sd-src b{font-weight:600;color:var(--ink)}.sd-q{margin:var(--s1) 0 0;font:600 var(--fs-page)/var(--lh-page) var(--font-serif);letter-spacing:-.01em;text-wrap:balance}.sd-q.long{font-size:var(--fs-title);line-height:var(--lh-title)}.sd-head .sd-q:first-child{margin-top:0}.sd-q:focus{outline:none}@media(min-width:768px){.sd-q{font-size:var(--fs-big);line-height:var(--lh-big)}.sd-q.long{font-size:var(--fs-page);line-height:var(--lh-page)}}.sd-form{margin-top:var(--s4);display:flex;gap:var(--s2)}.sd-form .input{flex:1;min-width:0;padding-left:var(--s4)}.sd-go{width:auto;flex:none;min-height:52px;padding:0 var(--s5)}.sd-form .show-result{flex:1}@media(min-width:768px){.sd-go{min-height:56px;padding:0 var(--s6)}}@media(max-width:320px){.sd-form{flex-wrap:wrap}.sd-go{flex:1 0 100%}}@media(max-width:479.98px){.sd-form input:not(:placeholder-shown)+.count{display:none}}.sd-say{margin:var(--s2) 0 0;min-height:var(--lh-small);text-align:center;font-size:var(--fs-small);line-height:var(--lh-small);font-weight:600;color:var(--ink)}.sd-say.open{color:var(--sage-text)}.sd-say.strike{color:var(--clay-text)}.sd-spin{display:inline-block;width:var(--lh-small);height:var(--lh-small);vertical-align:top;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:sd-spin .8s linear infinite}@keyframes sd-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sd-spin{animation-duration:2.4s}}.sd-board{margin-top:var(--s2)}.sd-slots{list-style:none;margin:0;padding:0;display:grid;gap:6px;perspective:800px}.sd-slot{height:var(--sd-slot-h);display:grid;grid-template-columns:var(--sd-rank) minmax(0,1fr) auto;align-items:center;column-gap:var(--s3);padding:0 var(--s4) 0 var(--s3);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.sd-rank{width:var(--sd-rank);height:var(--sd-rank);border-radius:50%;display:grid;place-items:center;background:var(--track);color:var(--muted);font-size:var(--fs-small);font-weight:600;font-variant-numeric:tabular-nums}.sd-label{min-width:0;font-size:var(--fs-body);line-height:20px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}.sd-pts{min-width:2ch;text-align:right;font-size:var(--fs-body);font-weight:600;font-variant-numeric:tabular-nums}.sd-slot.open{background:var(--sage);color:var(--on-fill);box-shadow:none}.sd-slot.open .sd-rank{background:var(--on-fill);color:var(--sage)}.sd-slot.missed{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}@media(prefers-reduced-motion:no-preference){.sd-slot.fresh{animation:sd-turn var(--tile-dur) var(--ease-out-quint) both;animation-delay:calc(var(--i, 0) * var(--tile-stagger))}.sd-slot.fresh>*{animation:tile-value var(--tile-dur) var(--ease-out-quint) both;animation-delay:calc(var(--i, 0) * var(--tile-stagger))}.sd-slots.full .sd-slot{animation:tile-pulse var(--pulse-dur) var(--ease-standard) both;animation-delay:calc(var(--tile-dur) + var(--p, 0) * var(--pulse-stagger))}.sd-slots.full .sd-slot.fresh{animation:sd-turn var(--tile-dur) var(--ease-out-quint) both,tile-pulse var(--pulse-dur) var(--ease-standard) both;animation-delay:0s,calc(var(--tile-dur) + var(--p, 0) * var(--pulse-stagger))}.sd-form .count.fresh>span,.sd-say>span{animation:tile-value var(--pulse-dur) var(--ease-out-quint) both}@keyframes sd-turn{0%{transform:rotateX(90deg)}}}.sd-how{display:grid;gap:var(--s2);margin-inline:0;margin-bottom:0}.sd-how .sd-q{font-size:var(--fs-body);line-height:var(--lh-body)}.sd-how .sd-slots{gap:var(--s1)}.sd-line{margin:0}.sd-line:focus{outline:none}.sd-cheer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2)}.sd-cheer .done{width:22px;height:22px}.sd-cheer .done .i{width:14px;height:14px}.sd-score{display:block;margin-top:var(--s1);font:600 var(--fs-body)/var(--lh-body) var(--font-sans);font-variant-numeric:tabular-nums}.sd-gl{list-style:none;margin:var(--s1) 0 0;padding:0;display:grid;gap:2px}.sd-gl li{display:flex;min-width:0;column-gap:var(--s2);font-size:var(--fs-small);line-height:var(--lh-small);white-space:nowrap}.sd-gl .g{min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.sd-gl .to{flex:none;color:var(--muted)}.sd-gl .to.hit{color:var(--sage-text);font-weight:600}.static .outcomes dl,.static .outcomes dl div{display:block}.static .outcomes dt,.static .outcomes dd{padding:0;text-align:left}.static .outcomes dl div{padding:var(--s1) 0}.static .outcomes h3{margin-top:0}.static .sd-how{margin-top:var(--s4);max-width:420px;padding:var(--s4);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line)}.static .sd-how .sd-slots{margin:0;padding:0}.static .sd-how .sd-q{margin:0}.static p,.static ol>li,.static dd{text-wrap:pretty}.static .outcomes dt{text-wrap:balance}