.wheel-wrap{position:relative;width:min(100%,320px);aspect-ratio:1;margin:0 auto 8px}.wheel-svg{display:block;width:100%;height:100%;transform:rotate(0deg);filter:drop-shadow(0 5px 8px #1d183322)}.wheel-spin{animation:wheel-stop var(--spin) cubic-bezier(.12,.68,.08,1) forwards}@keyframes wheel-stop{to{transform:rotate(var(--target))}}.wheel-pointer{position:absolute;z-index:2;left:calc(50% - 8px);top:-8px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:19px solid #383063;filter:drop-shadow(0 2px 2px #0003)}
.tool-wheel .intro h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.12;letter-spacing:-.045em;text-wrap:balance;margin:10px 0 7px}
.tool-wheel .result-panel{min-height:0;overflow:visible}
.tool-wheel .result-value{flex:0 1 auto;width:100%;max-width:100%;margin:clamp(18px,3vw,28px) auto 10px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
.tool-wheel .result-meta{margin:0 0 12px}
.tool-wheel .visual{width:100%;min-width:0}
.tool-wheel .result-bottom{margin-top:14px}
@media(max-width:650px){.tool-wheel .result-panel{padding:20px 16px 15px}.wheel-wrap{width:min(100%,clamp(188px,70vw,270px))}.tool-wheel .result-value{font-size:clamp(1.65rem,8vw,2.35rem);margin:15px auto 8px}.tool-wheel .result-meta{margin-bottom:8px}}
.coin{display:grid;place-items:center;width:94px;height:94px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(145deg,#f6c861,#d99025);color:#fff;font:800 36px Manrope;border:5px solid #f9dfa1;box-shadow:0 8px 18px #c68a3233}.coin.flip{animation:flip .65s ease-out}@keyframes flip{50%{transform:rotateY(720deg) scale(1.12)}}