:root{--bg:#07070d;--bg-glow:#1b1640;--ink:#ece9f7;--muted:#9d99b6;--accent:#4d5bf0;--accent-hover:#5f6cff;--warn-ink:#ffd6cc;--warn-bg:#ff785a14;--warn-line:#ff8c6e47;--support-bg:#788cff14;--support-line:#8c9bff4d;--ball:min(400px, calc(100vw - 48px), 56svh);--window:calc(var(--ball) * .5);--edge:calc(var(--window) * .66);--inradius:calc(var(--edge) * .755761);--die-font:"Futura", "Futura PT", "Century Gothic", "Avenir Next", "Trebuchet MS", sans-serif;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse 90% 60% at 50% 32%, var(--bg-glow) 0%, #0c0a1f 45%, var(--bg) 80%) fixed, var(--bg);min-height:100svh;color:var(--ink);font:16px/1.5 var(--ui-font);-webkit-font-smoothing:antialiased}a{color:#aab4ff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.page{flex-direction:column;align-items:center;gap:20px;max-width:560px;min-height:100svh;margin:0 auto;padding:32px 16px 24px;display:flex}.modes{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.modes a{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:600;text-decoration:none}.modes a:hover{color:var(--ink)}.modes a[aria-current=page]{color:var(--ink);background:#ffffff1a}.modes a:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.masthead{text-align:center}.masthead h1{font:700 clamp(1.15rem, 3.2vw, 1.45rem) / 1.2 var(--die-font);letter-spacing:.22em;text-transform:uppercase;margin:0}.masthead .not-so{color:var(--muted)}.masthead .fallback-note{color:#ffd479}.masthead p{max-width:34em;color:var(--muted);margin:6px auto 0}.ball-area{width:var(--ball);aspect-ratio:1;margin:4px 0 16px;position:relative}.ball-shadow{filter:blur(6px);background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:12%;position:absolute;bottom:-8%;left:14%;right:14%}.ball-wrap{cursor:pointer;position:absolute;inset:0}.ball{background:radial-gradient(circle at 42% 36%,#34343f 0%,#17171d 38%,#060608 68%,#000 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 0 80px #6f7cff24}.ball-surface{position:absolute;inset:0}.ball-gloss{pointer-events:none;box-shadow:inset calc(var(--ball) * -.04) calc(var(--ball) * -.06) calc(var(--ball) * .12) #000c;background:radial-gradient(13% 7% at 33% 17%,#ffffff8c,#0000 100%),radial-gradient(34% 22% at 36% 22%,#ffffff24,#0000 100%),radial-gradient(circle,#0000 62%,#96a0ff12 70%,#0000 71%);border-radius:50%;position:absolute;inset:0}.eight,.window{border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.eight{width:calc(var(--ball) * .46);aspect-ratio:1;box-shadow:inset 0 calc(var(--ball) * -.012) calc(var(--ball) * .03) #0000004d;background:radial-gradient(circle at 40% 34%,#fff 0%,#f0f0f4 48%,#c9c9d3 100%);place-items:center;display:grid}.eight span{font:700 calc(var(--ball) * .3) / 1 var(--die-font);color:#0b0b10;translate:0 3%}.window{width:var(--window);aspect-ratio:1;box-shadow:0 0 0 calc(var(--ball) * .012) #09090d, 0 0 0 calc(var(--ball) * .022) #24242d, 0 0 calc(var(--ball) * .04) calc(var(--ball) * .02) #000c;transform:translateY(calc(var(--ball) * .5)) scaleY(0);opacity:0;background:#02040c}.liquid{background:radial-gradient(circle at 50% 42%,#10256a 0%,#0a1845 30%,#050c26 60%,#01030b 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.liquid:after{content:"";z-index:2;pointer-events:none;box-shadow:inset 0 0 calc(var(--window) * .08) #000;background:radial-gradient(circle at 50% 46%,#0000 36%,#01030cb3 56%,#000006f7 76%);border-radius:50%;position:absolute;inset:0}.ball[data-side=window] .eight{animation:.75s cubic-bezier(.45,0,.55,1) forwards roll-away}.ball[data-side=window] .window{animation:.75s cubic-bezier(.45,0,.55,1) forwards roll-in}@keyframes roll-away{0%{opacity:1;transform:none}33%{transform:translateY(calc(var(--ball) * -.25)) scaleY(.866)}66%{transform:translateY(calc(var(--ball) * -.433)) scaleY(.5);opacity:.7}to{transform:translateY(calc(var(--ball) * -.5)) scaleY(0);opacity:0}}@keyframes roll-in{0%{transform:translateY(calc(var(--ball) * .5)) scaleY(0);opacity:0}33%{transform:translateY(calc(var(--ball) * .433)) scaleY(.5);opacity:.7}66%{transform:translateY(calc(var(--ball) * .25)) scaleY(.866);opacity:1}to{opacity:1;transform:none}}.die-depth{position:absolute;inset:0}.die-depth.settled{animation:5s ease-in-out infinite bob}@keyframes bob{0%,to{translate:0;rotate:0deg}50%{translate:0 -1.2%;rotate:1deg}}.die-stage{perspective:calc(var(--edge) * 6);position:absolute;inset:0}.die{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.face{width:var(--edge);height:calc(var(--edge) * .866025);left:calc(var(--edge) * -.5);top:calc(var(--edge) * -.57735);transform-origin:50% 66.6667%;clip-path:polygon(50% 0,100% 100%,0 100%);backface-visibility:hidden;color:#eef0ff;font:700 calc(var(--edge) * .082) / 1.04 var(--die-font);letter-spacing:.03em;text-align:center;background:linear-gradient(#3040cc 0%,#1f2ea6 55%,#172285 100%);position:absolute}.face:after{content:"";opacity:var(--shade,0);background:#01030b;position:absolute;inset:0}.face-text{text-shadow:0 0 .35em #aabeff73;flex-direction:column;align-items:center;display:flex;position:absolute;top:72%;left:0;right:0;translate:0 -50%}.bubbles{z-index:1;pointer-events:none;position:absolute;inset:0}.bubbles i{bottom:-8%;left:var(--x);width:var(--s);aspect-ratio:1;opacity:0;background:radial-gradient(circle at 35% 35%,#c8d7ff8c,#7896ff14 70%);border-radius:50%;position:absolute}.ball.stirring .bubbles i{animation:bubble 1.5s ease-in var(--d) both}@keyframes bubble{0%{opacity:0;translate:0}15%{opacity:.85}to{opacity:0;translate:var(--drift) calc(var(--window) * -1.1)}}.asked{max-width:480px;color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0;font-style:italic}.notice,.support{border-radius:14px;width:min(100%,480px);margin:0;padding:12px 16px}.notice{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);text-align:center}.support{background:var(--support-bg);border:1px solid var(--support-line)}.support h2{margin:0 0 4px;font-size:1rem}.support p{color:var(--ink);margin:0}.ask{grid-template-columns:1fr auto;gap:8px;width:min(100%,480px);display:grid}.ask input{min-width:0;font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:12px 18px}.ask input::placeholder{color:#77738f}.ask input:focus-visible,.ask button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.ask-submit{font:600 1rem / 1 var(--ui-font);color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:0 24px}.ask-submit:hover{background:var(--accent-hover)}.ask-submit[aria-disabled=true]{opacity:.55;cursor:progress}.ask-custom{grid-template-columns:1fr}.ask-custom .ask-submit{margin-top:8px;padding:14px 24px}.ask-classic{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.ask-prompt{color:var(--muted);margin:0}.ask-classic .ask-submit{padding:14px 44px}.choices{border:0;min-width:0;margin:12px 0 0;padding:0}.choices legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0 18px;font-size:.8125rem;font-weight:600}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.choice-list li{display:flex;position:relative}.choice-list input{flex:1;padding-right:44px}.choice-remove{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:6px;translate:0 -50%}.choice-remove:hover{color:var(--ink);background:#ffffff14}.choice-remove:disabled{visibility:hidden}.choices-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:10px;padding-right:18px;font-size:.8125rem;display:flex}.add-choice{font:600 .875rem / 1 var(--ui-font);color:var(--ink);cursor:pointer;background:0 0;border:1px dashed #ffffff4d;border-radius:999px;padding:7px 16px}.add-choice:hover:not(:disabled){background:#ffffff0d;border-style:solid}.add-choice:disabled{opacity:.4;cursor:not-allowed}@media (width<=420px){.choice-list{grid-template-columns:1fr}}.ask-meta{color:var(--muted);grid-column:1/-1;justify-content:space-between;gap:12px;padding:0 18px;font-size:.8125rem;display:flex}.counter{font-variant-numeric:tabular-nums}.human-check{grid-column:1/-1}.human-check:empty{display:none}.counter.near{color:#ffd479}.counter.full{color:#ff9d8a}.credit{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:4px;margin-top:auto;font-size:.8125rem;display:flex}.credit p{max-width:34em;margin:0}.tip-dialog{width:min(440px,100vw - 32px);max-width:none;max-height:none;color:var(--ink);background:#13111f;border:1px solid #ffffff1f;border-radius:16px;padding:0;box-shadow:0 30px 80px #0009}.tip-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04030cb8}.tip-dialog-body{flex-direction:column;max-height:calc(100svh - 32px);display:flex}.tip-dialog-header{justify-content:space-between;align-items:center;padding:10px 10px 10px 20px;display:flex}.tip-dialog-header h2{margin:0;font-size:1rem}.tip-dialog-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.4rem;line-height:1}.tip-dialog-close:hover{color:var(--ink);background:#ffffff14}.tip-dialog-close:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.tip-frame{background:#f9f9f9;border:0;border-radius:0 0 15px 15px;flex:0 auto;width:100%;height:712px;min-height:0;padding:4px;display:block}html:has(.tip-dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){.eight,.window{transition:opacity .3s}.ball[data-side=window] .eight{opacity:0;animation:none}.ball[data-side=window] .window{opacity:1;animation:none;transform:none}.ball.stirring .bubbles i,.die-depth.settled{animation:none}}