@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 var(--color-border);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:var(--color-bg);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:var(--color-label);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:var(--color-hover-overlay);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:var(--color-dark);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 var(--color-border);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:var(--color-dark);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:var(--color-label);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:var(--color-bg);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:var(--color-dark);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 var(--color-border);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:var(--color-label);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:var(--color-dark);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:var(--color-surface);border:none;color:var(--color-muted);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:var(--color-surface);border:none;color:var(--color-muted);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:var(--color-surface);border:none;color:var(--color-muted);font-size:3.5vw;font-weight:700;padding:1.3vw 2.5vw;border-radius:10px}}.spin:hover{background-color:var(--color-surface-hover);cursor:pointer}.spin:active{background-color:var(--color-accent-teal)}@media screen and (min-width:1200px){.selected-names{margin-top:2rem;padding:1rem;text-align:center;color:var(--color-dark);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:var(--color-text);font-size:1.5vw}.excluded-names{display:flex;flex-direction:column;gap:.5rem;width:100%}.excluded-name-box{background-color:var(--color-surface);color:var(--color-text);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:var(--color-accent-red)}.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:var(--color-dark);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:var(--color-text);font-size:2.5vw}.excluded-names{display:flex;flex-direction:column;gap:2.5vw;width:100%}.excluded-name-box{background-color:var(--color-surface);color:var(--color-text);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:var(--color-accent-red)}.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:var(--color-text);font-size:3.5vw}.excluded-name-box{background-color:var(--color-surface);color:var(--color-text);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:var(--color-accent-red)}.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:var(--color-overlay-bg);.modal{-webkit-user-select:none;user-select:none;position:relative;display:flex;flex-direction:column;background:var(--color-bg);padding:3rem 5rem;border-radius:12px;min-width:20vw;width:30vw;max-width:300px;box-shadow:0 20px 60px var(--color-shadow)}.close-button:hover{color:var(--color-accent-pink)}.close-button:active{color:var(--color-accent-green)}@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:var(--color-dark);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:var(--color-dark);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:var(--color-bg);padding:8vw 8vh;border-radius:12px;min-width:20vw;width:30vw;max-width:300px;box-shadow:0 20px 60px var(--color-shadow)}}}:root{--color-bg: #d5d6d6;--color-text: #595959;--color-surface: #e3e4e4;--color-border: #e3e4e4;--color-dark: #28282a;--color-label: #E7E7E7;--color-muted: #8c8b8b;--color-hover-overlay: rgba(0, 0, 0, .3);--color-overlay-bg: rgba(0, 0, 0, .5);--color-shadow: rgba(0, 0, 0, .35);--color-surface-hover: #c6c7c7;--color-accent-teal: #a3d4c9;--color-accent-green: #98D2C6;--color-accent-pink: #ea8a9a;--color-accent-red: #d47a8a}*{font-family:Noto Sans Mono,monospace}body{-webkit-user-select:none;user-select:none;background-color:var(--color-bg);color:var(--color-text);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}}