.fate-sphere-stage{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.fate-sphere{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 32% 28%,#4a4a55 0%,#16161c 55%,#050508 100%);border:none;border-radius:50%;width:clamp(13rem,min(80vw,56vh),34rem);padding:0;transition:transform .18s;position:relative;box-shadow:0 2.5rem 3.5rem #0000008c,inset 0 -1.5rem 2.5rem #000000d9;container:ball/inline-size}.fate-sphere:hover{transform:translateY(-.35rem)scale(1.02)}.fate-sphere:active{transform:translateY(0)scale(.99)}.fate-sphere:focus-visible{outline-offset:6px;outline:3px solid #ffd76e}.fate-sphere__gloss{filter:blur(2px);pointer-events:none;background:radial-gradient(#ffffff80,#0000 70%);border-radius:50%;width:30%;height:20%;position:absolute;top:12%;left:18%}.fate-sphere__window{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#fff 0%,#ededf2 60%,#cfcfd8 100%);border-radius:50%;place-items:center;width:52%;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 .35rem #ffffffe6}.fate-sphere__triangle{aspect-ratio:1;clip-path:polygon(50% 4%,97% 94%,3% 94%);box-sizing:border-box;background:linear-gradient(#2a3d92 0%,#101a4d 100%);place-items:center;width:92%;padding:50% 0 6%;display:grid}.fate-sphere__answer{text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:3;line-clamp:3;letter-spacing:.02em;text-transform:uppercase;color:#f2f4ff;text-shadow:0 1px 2px #0009;-webkit-box-orient:vertical;max-width:56%;font-size:4.3cqi;font-weight:700;line-height:1.2;animation:.42s both answer-fade;display:-webkit-box;overflow:hidden}.fate-sphere__answer[data-tone=positive]{color:#b9f5c8}.fate-sphere__answer[data-tone=negative]{color:#ffc0c0}@keyframes answer-fade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fate-sphere.is-shaking{animation:.9s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-.5rem,.2rem)rotate(-4deg)}20%,80%{transform:translate(.7rem,-.3rem)rotate(5deg)}30%,50%,70%{transform:translate(-1rem,.4rem)rotate(-7deg)}40%,60%{transform:translate(1rem,-.4rem)rotate(7deg)}}.fate-sphere-hint{color:#ffffffb8;letter-spacing:.03em;margin:0;font-size:clamp(.85rem,.6rem + .5vw,1.15rem)}@media (prefers-reduced-motion:reduce){.fate-sphere,.fate-sphere.is-shaking,.fate-sphere__answer{transition:none;animation:none}}.star-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star-field__star{opacity:.25;background:#fff;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.star-field__star{opacity:.35;animation:none}}.app{box-sizing:border-box;background:radial-gradient(at 50% -10%,#3b2a6d 0%,#0000 60%),linear-gradient(160deg,#12112a 0%,#1d1440 45%,#090a18 100%);place-items:center;min-height:100dvh;padding:clamp(1rem,4vmin,3rem) clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.app__content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(1rem,4vmin,3rem);display:flex;position:relative}.app__header{letter-spacing:-.015em;text-align:center;color:#fff;text-shadow:0 0 2.5rem #9682ff8c;margin:0;font-size:clamp(1.6rem,1rem + 3.5vmin,4.5rem);font-weight:800;line-height:1.15}.app__loading{color:#ffffffb3;margin:0;font-size:1.05rem}.app__warnings{z-index:2;color:#ffe9b0;text-align:left;background:#281e00e6;border:1px solid #ffd16680;border-radius:.6rem;max-width:min(28rem,100vw - 2rem);padding:.85rem 1rem;font-size:.82rem;position:fixed;bottom:1rem;left:1rem}.app__warnings ul{margin:.5rem 0 0;padding-left:1.1rem}.app__warnings li{margin-bottom:.25rem}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{color:#f5f5ff;background:#090a18;margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}