@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;600;700&display=swap";.wheel-overall-container{-webkit-user-select:none;user-select:none;width:100%;display:flex;justify-content:center;align-items:flex-start;gap:5rem}.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;pointer-events:none}@media screen and (min-width:1200px){.wheel{position:relative;width:37vw;height:37vw;border-radius:50%;border:10px solid #E3E4E4;transition:transform 13s cubic-bezier(.17,.67,.12,.99);transform-origin:50% 50%;overflow:hidden}.wheel-overall-container{flex-direction:row;align-items:flex-start}.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:auto;--label-radius: 50%}.wheel-label span:hover{background-color:#0000004d;border-radius:15px;padding:.3rem .5rem;transition:background-color .2s ease}.wheel-label span.no-hover:hover{background-color:transparent;padding:0}.wheel-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-840%) rotate(180deg);width:7%;aspect-ratio:1 / 1;background:#28282a;clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:4;pointer-events:none}}@media screen and (max-width:1200px){.wheel{position:relative;width:60vw;height:60vw;border-radius:50%;border:10px solid #E3E4E4;transition:transform 13s cubic-bezier(.17,.67,.12,.99);transform-origin:50% 50%;overflow:hidden}.wheel-overall-container{flex-direction:column;align-items:center;gap:0px}.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:2.5vw;font-weight:700;white-space:nowrap;width:70%;display:flex;justify-content:center;align-items:center;pointer-events:auto;--label-radius: 50%}.wheel-label span:hover{background-color:#0000004d;border-radius:15px;padding:.3rem .5rem;transition:background-color .2s ease}.wheel-label span.no-hover:hover{background-color:transparent;padding:0}.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:50%;left:50%;transform:translate(-50%,-740%) 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 (max-width:650px){.wheel{position:relative;width:65vw;height:65vw;border-radius:50%;border:10px solid #E3E4E4;transition:transform 13s cubic-bezier(.17,.67,.12,.99);transform-origin:50% 50%;overflow:hidden}.wheel-label{position:absolute;top:50%;left:15%;transform-origin:0 0;color:#e7e7e7;font-size:3vw;font-weight:700;white-space:nowrap;width:70%;display:flex;justify-content:center;align-items:center;pointer-events:auto;--label-radius: 50%}.wheel-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-890%) 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.2vw;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:1.1vw 1.1vh;border-radius:10px}}@media screen and (max-width:650px){.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:3.5vw;font-weight:700;padding:1.3vw 2.5vw;border-radius:10px}}.spin:hover{background-color:#c6c7c7;cursor:pointer}.spin:active{background-color:#a3d4c9}@media screen and (min-width:1200px){.selected-names{margin-top:2rem;padding:1rem;text-align:center;color:#28282a;font-weight:500}.excluded-container{display:flex;flex-direction:column;align-items:flex-start;padding:3vw 10vh;min-width:25%;text-align:left}.excluded-container h2{margin:0 0 1rem;color:#595959;font-size:1.5vw}.excluded-names{display:flex;flex-direction:column;gap:.5rem;width:100%}.excluded-name-box{background-color:#e3e4e4;color:#595959;padding:.9vw;border-radius:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:background-color .2s ease;font-size:1.2vw;font-weight:700}.excluded-name-box:hover{background-color:#d47a8a}.excluded-name-box.no-hover:hover{background-color:#e3e4e4}.remove-btn{margin-left:.5rem;font-weight:700;opacity:.8}}@media screen and (max-width:1200px){.selected-names{margin-top:2rem;padding:1rem;text-align:center;color:#28282a;font-weight:500}.excluded-container{display:flex;flex-direction:column;align-items:flex-start;padding:2vw;min-width:60%;text-align:left;margin-top:0rem;margin-bottom:10rem}.excluded-container h2{margin:0 0 1rem;color:#595959;font-size:2.5vw}.excluded-names{display:flex;flex-direction:column;gap:2.5vw;width:100%}.excluded-name-box{background-color:#e3e4e4;color:#595959;padding:.7rem;border-radius:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:background-color .2s ease;font-size:2.5vw;font-weight:700}.excluded-name-box:hover{background-color:#d47a8a}.excluded-name-box.no-hover:hover{background-color:#e3e4e4}.remove-btn{margin-left:.5rem;font-weight:700;opacity:.8}}@media screen and (max-width:650px){.excluded-container{display:flex;flex-direction:column;align-items:flex-start;padding:3vw;min-width:80%;text-align:left;margin-top:.75rem;margin-bottom:0}.excluded-container h2{margin:0 0 1rem;color:#595959;font-size:3.5vw}.excluded-name-box{background-color:#e3e4e4;color:#595959;padding:.7rem;border-radius:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:background-color .2s ease;font-size:3.5vw;font-weight:700}.excluded-name-box:hover{background-color:#d47a8a}.excluded-name-box.no-hover:hover{background-color:#e3e4e4}.remove-btn{margin-left:.5rem;font-weight:700;opacity:.8}}.excluded-name-box.no-hover:hover{background-color:#e3e4e4}.remove-btn{margin-left:.5rem;font-weight:700;opacity:.8}} .winner-container{-webkit-user-select:none;user-select:none;position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;background:#00000080;.modal{-webkit-user-select:none;user-select:none;position:relative;display:flex;flex-direction:column;background:#d5d6d6;padding:3rem 5rem;border-radius:12px;min-width:20vw;width:30vw;max-width:300px;box-shadow:0 20px 60px #00000059}.close-button:hover{color:#ea8a9a}.close-button:active{color:#98d2c6}@media screen and (min-width:1200px){.modal h1{-webkit-user-select:none;user-select:none;margin:0;font-size:1.5vw;text-align:center}.close-button{-webkit-user-select:none;user-select:none;position:absolute;top:1rem;right:1rem;background:transparent;font-weight:700;border:none;color:#28282a;font-size:1.5vw;cursor:pointer}}@media screen and (max-width:1200px){.modal h1{margin:0;font-size:2.5vw;text-align:center}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;font-weight:700;border:none;color:#28282a;font-size:2.5vw;cursor:pointer}}@media screen and (max-width:650px){.modal h1{-webkit-user-select:none;user-select:none;margin:0;font-size:4.5vw;text-align:center}.close-button{-webkit-user-select:none;user-select:none;position:absolute;top:1rem;right:1rem;background:transparent;font-weight:700;border:none;color:#28282a;font-size:4vw;cursor:pointer}.modal{-webkit-user-select:none;user-select:none;position:relative;display:flex;flex-direction:column;background:#d5d6d6;padding:8vw 8vh;border-radius:12px;min-width:20vw;width:30vw;max-width:300px;box-shadow:0 20px 60px #00000059}}}*{font-family:Noto Sans Mono,monospace}body{-webkit-user-select:none;user-select:none;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}}@media screen and (max-width:650px){h1{font-size:4.5vw}}