.ab{display:grid;justify-items:center;gap:var(--sp-3);text-align:center}.ab-wrap{--b:clamp(10rem,100svh - 28rem,15rem);cursor:pointer}.ball{width:var(--b);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(18% 11% at 35% 19%,#fffa,#fff0),radial-gradient(circle at 34% 28%,#5d5d6b,#25252d 20%,#0d0d11 48%,#030304 75%);box-shadow:inset -.7rem -.9rem 1.6rem #000a,0 0 0 1px #fff2,0 1.2rem 1.6rem -1rem #000a}.win{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#18256a,#070b2a 72%);box-shadow:0 0 0 .3rem #18181e,0 0 0 .45rem #34343d,inset 0 .5rem 1rem #000c}.ab-idle{font-size:calc(var(--b)*.26);font-weight:600;color:#8c9cff;text-shadow:0 0 1rem #5b6cff}.face{display:grid;place-items:center;width:112%;color:#fff}.face>*{grid-area:1/1}.face svg{fill:#2b3fc2;stroke:#2b3fc2;stroke-width:9;stroke-linejoin:round}.face p{align-self:start;margin-top:27%;width:60%;font-weight:600;line-height:1.08;text-wrap:balance;overflow-wrap:anywhere}.is-rising{animation:r 1.3s var(--ease)}@keyframes r{0%{opacity:0;transform:translateY(20%) rotate(-14deg) scale(.8);filter:blur(3px)}}.is-shaking .ball{animation:s .9s}@keyframes s{12%{translate:-6% -3%;rotate:-12deg}26%{translate:5% 2%;rotate:9deg}40%{translate:-4% -2%;rotate:-7deg}55%{translate:3%;rotate:5deg}70%{translate:-2%;rotate:-3deg}}.ab-row{display:flex;align-items:center;gap:var(--sp-2);width:100%}.ab-row p{flex:1;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.is-quiet{color:var(--text-3)}.touch .card>.btn-lg{justify-self:stretch}.ab-line,.ab-item{display:grid;grid:auto/1fr auto;gap:var(--sp-2)}.ab-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.ab-hist .btn{justify-self:start}.ab-hist .main{display:grid;white-space:normal}@media (width>=48em){.ab-wrap{--b:clamp(12rem,100svh - 30rem,19rem)}}