#chanceCompass{max-width:660px;padding:28px 35px;text-align:center;background:#e8e1d3;max-height:94vh;overflow:auto}.chance-heading h2{margin:10px 0;font-size:38px}.chance-heading p{font-size:13px;margin:5px}.compass-device{position:relative;max-width:350px;margin:12px auto;filter:drop-shadow(0 10px 12px #13202955)}.compass-device svg{width:100%;display:block}.compass-ring{transform-origin:200px 200px;transition:transform .5s}.compass-orb{position:absolute;left:44%;top:44%;width:12%;height:12%;border-radius:50%;border:1px solid #b7ba8e;background:radial-gradient(circle at 36% 30%,#c3e4df,#529eaf 40%,#133947);box-shadow:0 0 16px #6ab8cf88;min-height:40px;min-width:40px}.compass-rim{position:absolute;right:0;top:43%;background:#79674d;color:#e8d8ae;border:1px solid #a18c65;border-radius:50%;width:38px;height:38px}.searching .inner-ring{animation:compass-turn 2s linear infinite}.searching .outer-ring{animation:compass-turn 5s linear infinite reverse}.searching .compass-orb{animation:compass-pulse .6s ease-in-out infinite alternate}.chance-result{font-family:Georgia,serif;font-size:29px;min-height:42px;color:#24424b}.chance-actions{display:flex;justify-content:center;gap:12px;margin:14px}.chance-actions button,#chanceArtist button{padding:9px 13px;border:1px solid #b6a68b;border-radius:3px;font-size:12px}.chance-actions button:disabled{opacity:.45}.chance-saved{display:grid;gap:7px;font-size:12px;text-align:left}#chanceSaved,#chanceArtist input{width:100%;padding:10px;border:1px solid #b6aa96;background:#f6f1e7;color:#2f4145;border-radius:3px}#chanceArtist{text-align:left;margin-top:15px;font-size:12px}.chance-status,.chance-footnote{font-size:11px!important;min-height:16px;margin:8px 0!important}.chance-footnote{color:#68685c}#chanceArtwork{margin-top:10px}@keyframes compass-turn{to{transform:rotate(360deg)}}@keyframes compass-pulse{to{box-shadow:0 0 30px #77c5df;filter:brightness(1.3)}}@media(prefers-reduced-motion:reduce){.searching .inner-ring,.searching .outer-ring,.searching .compass-orb{animation:none}}@media(max-width:600px){#chanceCompass{padding:24px 18px}.compass-device{max-width:260px}.chance-heading h2{font-size:30px}.chance-result{font-size:25px}}

#chanceCompass{overflow:hidden;max-height:94dvh;padding:16px 22px}.chance-heading h2{font-size:30px;margin:5px 0}.chance-heading p{margin:3px 0;font-size:12px}.compass-device{max-width:none;flex-shrink:1;margin:6px auto}.compass-device svg{height:100%}.chance-result{font-size:25px;min-height:30px}.chance-actions{margin:7px;gap:8px}.chance-actions button{padding:7px 10px}.chance-saved{gap:4px}#chanceSaved{padding:7px}.chance-status:empty{display:none}.chance-footnote{font-size:10px!important;line-height:1.25!important;margin:4px 0!important;min-height:0}.chance-heading .eyebrow{font-size:10px}#chanceArtist{margin-top:6px}#chanceArtist input{padding:6px}@media(max-height:450px){.chance-heading p,.chance-footnote{display:none}.chance-heading h2{font-size:23px}.chance-result{font-size:20px;min-height:24px}.chance-actions{margin:4px}}

.compass-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%;pointer-events:none}.compass-device svg{position:relative;opacity:.12;pointer-events:none}.compass-orb{top:50%;background:radial-gradient(circle at 36% 30%,#c3e4df88,#529eaf44 40%,#13394744)}

.compass-animation{border-radius:0;mask-image:url("./assets/chance-dial-cutout-v2.png");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("./assets/chance-dial-cutout-v2.png");-webkit-mask-size:100% 100%}.compass-device svg{opacity:0}