@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;600;700&display=swap";@media screen and (min-width:1200px){.wheel{position:relative;width:37vw;height:37vw;border-radius:50%;border:10px solid #E3E4E4;transition:transform 8s cubic-bezier(.17,.67,.12,.99);transform-origin:50% 50%;overflow:hidden;--slice-angle: calc(360deg / 11)}.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;pointer-events:none}.wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;position:relative}.wheel-mid-hide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#d5d6d6;z-index:3;pointer-events:none;display:flex;align-items:center;justify-content:center}.wheel-label{position:absolute;top:50%;left:16%;transform-origin:0 0;color:#e7e7e7;font-size:1.5vw;font-weight:700;white-space:nowrap;width:70%;display:flex;justify-content:center;align-items:center;pointer-events:none;--label-radius: 50%}}@media screen and (max-width:1200px){.wheel{position:relative;width:60vw;height:60vw;border-radius:50%;border:10px solid #E3E4E4;transition:transform 8s cubic-bezier(.17,.67,.12,.99);transform-origin:50% 50%;overflow:hidden;--slice-angle: calc(360deg / 11)}.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;pointer-events:none}.wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh;position:relative}.wheel-pointer{position:absolute;top:30vw;left:50%;transform:translate(-50%) rotate(180deg);width:5vw;height:5vw;background:#28282a;clip-path:polygon(50% 100%,0% 0%,100% 0%);z-index:4;pointer-events:none}.wheel-label{position:absolute;top:50%;left:15%;transform-origin:0 0;color:#e7e7e7;font-size:2vw;font-weight:700;white-space:nowrap;width:70%;display:flex;justify-content:center;align-items:center;pointer-events:none;--label-radius: 50%}.wheel-mid-hide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#d5d6d6;display:flex;align-items:center;justify-content:center}.wheel-pointer{position:absolute;top:2%;left:50%;transform:translate(-50%,-50%) rotate(180deg);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;width:5vw;height:5vw;background:#28282a;clip-path:polygon(50% 0%,0% 100%,100% 100%)}}@media screen and (min-width:1200px){.spin{display:grid;place-items:center;position:relative;margin-top:3rem;margin-left:auto;margin-right:auto;background-color:#e3e4e4;border:none;color:#8c8b8b;font-size:1.5vw;font-weight:700;padding:.5vw 1.5vw;border-radius:10px}}@media screen and (max-width:1200px){.spin{display:grid;place-items:center;position:relative;margin-top:3rem;margin-left:auto;margin-right:auto;background-color:#e3e4e4;border:none;color:#8c8b8b;font-size:2vw;font-weight:700;padding:1vw 2vw;border-radius:10px}}.spin:hover{background-color:#c6c7c7;cursor:pointer}.spin:active{background-color:#a3d4c9}*{font-family:Noto Sans Mono,monospace}body{background-color:#d5d6d6;color:#595959;font-size:100%;margin-left:1rem}@media screen and (min-width:1200px){h1{font-size:1.5vw}}@media screen and (max-width:1200px){h1{font-size:2.5vw}}