@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;color:#f7f8f8;background:#111315;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.registration{background:radial-gradient(circle at 50% 10%,#16332b 0,#111315 46%)}.registration-card{width:min(820px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.brand-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:34px;color:#09241b;background:#00ffa3;box-shadow:0 0 40px #00ffa344}h1,h2,p{margin:0}h1{font-size:clamp(34px,6vw,62px);line-height:1.08}h2{font-size:22px}.eyebrow{color:#00ffa3;letter-spacing:.16em;font-size:12px;font-weight:800}.muted{color:#a9b0b0;line-height:1.65}.small{font-size:13px}.channel-form{display:flex;width:100%;gap:10px;margin-top:14px}input{border:1px solid #ffffff22;background:#1a1d20;color:#fff;border-radius:10px;padding:15px 16px;min-width:0}.channel-form input{flex:1}.error,.notice{color:#ff7d7d}.fairness-note{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding:18px 22px;color:#b8ffdf;border:1px solid #00ffa355;border-radius:14px;background:#00ffa30a;font-size:14px}.fairness-note span{color:#a9b0b0}.primary,.secondary,.text-button{border:0;border-radius:10px;padding:14px 20px;font-weight:800;transition:.2s ease}.primary{color:#072319;background:#00ffa3}.secondary{color:#00ffa3;background:transparent;border:1px solid #00ffa3}.text-button{color:#a9b0b0;padding:8px;background:transparent}button:hover{transform:translateY(-1px);filter:brightness(1.06)}button:disabled{cursor:wait;opacity:.65}.large{min-height:54px}header{border-bottom:1px solid #ffffff12;background:#141719cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px}.header-inner h1{margin-top:5px;font-size:27px}.channel{display:flex;align-items:center;gap:12px}.channel img,.channel-placeholder{width:42px;height:42px;border-radius:50%;background:#272c2f;object-fit:cover}.channel span{display:block;color:#a9b0b0;font-size:12px;margin-top:3px}.content{max-width:1440px;margin:0 auto;padding:24px}.tab-list{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto}.tab-button{border:1px solid #ffffff12;border-radius:999px;padding:10px 16px;color:#a9b0b0;background:#181b1e;font-weight:800;white-space:nowrap}.tab-button.active{color:#072319;border-color:#00ffa3;background:#00ffa3}.card{border:1px solid #ffffff12;border-radius:16px;background:#181b1e;box-shadow:0 18px 42px #00000020}.toolbar{padding:18px}.toolbar-buttons{display:flex;gap:10px}.toolbar-buttons button{flex:1}.option-grid{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:18px}.toggle{display:inline-flex;align-items:center;gap:9px;color:#d8dddd;font-size:14px;cursor:pointer}.toggle input{display:none}.toggle-control{position:relative;width:42px;height:23px;border-radius:99px;background:#373d40;transition:.2s}.toggle-control:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+.toggle-control{background:#00bd7a}.toggle input:checked+.toggle-control:after{transform:translate(19px)}.timer-option,.timer-option label{display:flex;align-items:center;gap:8px}.timer-option input{width:80px;padding:8px}.timer{position:sticky;top:15px;z-index:2;width:max-content;margin:16px auto 0;padding:8px 18px;border-radius:99px;color:#08231a;background:#00ffa3;font-weight:900}.notice{margin:16px 0 0;padding:14px 16px;border-radius:10px;background:#ff4c4c18}.participant-layout{margin-top:18px}.participants-card{min-height:460px;overflow:hidden}.section-title{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #ffffff12}.section-title .muted{margin-top:7px;font-size:13px}.status{height:fit-content;white-space:nowrap;border-radius:99px;padding:6px 10px;color:#a9b0b0;background:#ffffff0d;font-size:12px;font-weight:800}.status.connected{color:#00ffa3;background:#00ffa315}.status.error{color:#ff7d7d;background:#ff4c4c18}.participants{min-height:340px;max-height:560px;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:18px}.vote-winner-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:14px}.vote-winner-summary strong{color:#00ffa3;font-size:28px}.vote-winner-summary span{color:#a9b0b0}.empty{width:100%;align-self:center;color:#727a7a;text-align:center}.viewer-chip{display:inline-flex;align-items:center;gap:6px;height:fit-content;padding:9px 11px;border:1px solid #ffffff13;border-radius:9px;background:#202428;font-size:14px}.viewer-chip.inactive{opacity:.28;text-decoration:line-through}.viewer-chip img{width:18px;height:18px;object-fit:contain}.viewer-chip b{color:#00ffa3;font-size:10px}.participant-footer{display:flex;justify-content:space-between;padding:15px 18px;color:#a9b0b0;border-top:1px solid #ffffff12;font-size:13px}.roulette-preview-card{margin-top:18px;overflow:hidden}.roulette-preview-body{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:18px;align-items:center;padding:18px}.roulette-preview-card .roulette-wheel-area{padding:4px}.roulette-ranking{height:100%;max-height:430px;overflow:hidden;border:1px solid #ffffff12;border-radius:14px;background:#101315}.roulette-ranking-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid #ffffff12}.roulette-ranking-title span{color:#00ffa3;font-size:12px;font-weight:900}.roulette-ranking-list{max-height:370px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px}.roulette-ranking-list .muted{padding:16px 4px;text-align:center}.roulette-ranking-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid #ffffff0f;border-radius:10px;background:#202428}.roulette-ranking-item span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#08231a;background:#00ffa3;font-size:12px;font-weight:1000}.roulette-ranking-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roulette-ranking-item b{color:#00ffa3;font-size:12px}.history{margin-top:18px;padding:20px}.winner-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.footer{display:flex;justify-content:center;gap:16px;padding:0 24px 28px;color:#a9b0b0;font-size:13px}.footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000000b5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slot-modal{width:min(720px,100%);min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;border:1px solid #00ffa344;border-radius:20px;background:#171b1d;box-shadow:0 0 80px #00ffa31e;text-align:center;overflow:hidden}.slot-window{width:min(440px,100%);height:82px;overflow:hidden;border-block:2px solid #00ffa3;background:#0e1113}.slot-track{animation:slot-spin 2.8s cubic-bezier(.12,.72,.12,1) forwards}.slot-row{height:78px;display:grid;place-items:center;font-size:25px;font-weight:900}.slot-viewer-chip{max-width:92%;justify-content:center;padding:12px 16px;border-color:#00ffa333;background:#202b29;font-size:22px;font-weight:900}.slot-viewer-chip img{width:24px;height:24px}.winner{display:flex;width:100%;flex-direction:column;gap:16px;align-items:center;animation:winner-in .45s ease both}.winner h2{color:#00ffa3;font-size:clamp(36px,8vw,62px)}.winner-viewer-chip{max-width:100%;justify-content:center;padding:16px 22px;border-color:#00ffa355;background:#0f241f;color:#00ffa3;font-size:clamp(30px,6vw,52px);font-weight:900;box-shadow:0 0 34px #00ffa31a}.winner-viewer-chip img{width:clamp(30px,5vw,44px);height:clamp(30px,5vw,44px)}.winner-viewer-chip b{font-size:13px}.winner p{color:#a9b0b0}.winner-chat{width:100%;overflow:hidden;border:1px solid #ffffff12;border-radius:12px;background:#101315;text-align:left}.winner-chat-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #ffffff12}.winner-chat-messages{height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px}.chat-balloon{width:fit-content;max-width:90%;padding:9px 11px;border-radius:3px 10px 10px;color:#edf4f2!important;background:#26302f;line-height:1.45}@keyframes slot-spin{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 78px))}}@keyframes winner-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.roulette-modal{position:relative;width:min(760px,100%);min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;border:1px solid #00ffa344;border-radius:22px;background:radial-gradient(circle at 50% 35%,#1f3430,#15191b 58%);box-shadow:0 0 90px #00ffa31f;text-align:center;overflow:hidden}.roulette-wheel-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.roulette-pointer-label{z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:-18px;color:#00ffa3;font-size:16px;font-weight:1000;text-shadow:0 0 14px #00ffa366}.roulette-pointer{display:block;width:0;height:0;border-inline:18px solid transparent;border-top:32px solid #00ffa3;border-bottom:0;filter:drop-shadow(0 0 12px #00ffa399)}.roulette-wheel-wrap{position:relative;width:min(380px,82vw);aspect-ratio:1;display:grid;place-items:center;border:10px solid #101416;border-radius:50%;background:#101416;box-shadow:inset 0 0 0 3px #00ffa355,0 0 45px #00ffa324}.roulette-wheel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:#18201f;transition:transform .35s ease}.roulette-wheel.spinning{animation:roulette-spin 3.6s cubic-bezier(.09,.74,.08,1) forwards}.roulette-wheel svg{width:100%;height:100%;display:block}.roulette-slice-button{cursor:pointer;outline:none}.roulette-wheel.spinning .roulette-slice-button{cursor:default;pointer-events:none}.roulette-slice{stroke:#101416;stroke-width:2.4;filter:drop-shadow(0 1px 0 #ffffff18);transition:filter .18s ease,opacity .18s ease,stroke-width .18s ease}.roulette-slice-button:hover .roulette-slice,.roulette-slice-button:focus .roulette-slice,.roulette-slice.selected{filter:brightness(1.22) drop-shadow(0 0 8px #00ffa366);stroke:#00ffa3;stroke-width:4}.roulette-empty-slice{fill:#202428;stroke:#00ffa333;stroke-width:3}.roulette-label{fill:#fff;stroke:#0009;stroke-width:3px;paint-order:stroke;dominant-baseline:middle;font-size:15px;font-weight:900;text-anchor:middle;letter-spacing:-.3px;pointer-events:none}.roulette-empty-label{position:relative;z-index:2;margin-top:132px;color:#a9b0b0;font-size:14px;font-weight:800}.roulette-center{position:relative;z-index:2;display:grid;width:82px;height:82px;place-items:center;border:8px solid #101416;border-radius:50%;color:#08231a;background:#00ffa3;font-size:34px;font-weight:900;box-shadow:0 0 24px #00ffa366}.roulette-tooltip{position:relative;width:min(420px,92vw);margin-top:18px;padding:14px;border:1px solid #00ffa344;border-radius:14px;background:#101819;box-shadow:0 18px 40px #0005;text-align:left}.roulette-tooltip:before{content:"";position:absolute;left:50%;top:-10px;width:18px;height:18px;border-left:1px solid #00ffa344;border-top:1px solid #00ffa344;background:#101819;transform:translate(-50%) rotate(45deg)}.roulette-tooltip>strong{position:relative;z-index:1;display:block;color:#00ffa3;font-size:18px;word-break:break-word}.roulette-voter-list{position:relative;z-index:1;max-height:156px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-right:4px}.roulette-winner{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;gap:16px;animation:winner-in .45s ease both}.roulette-winner>strong{max-width:100%;padding:12px 20px;border:1px solid #00ffa355;border-radius:16px;color:#00ffa3;background:#0f241f;font-size:clamp(38px,8vw,76px);font-weight:1000;line-height:1.05;word-break:break-word;box-shadow:0 0 42px #00ffa324}.roulette-winner p{color:#a9b0b0}.roulette-author{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#a9b0b0}.fanfare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fanfare i{--angle: calc(var(--i) * 15deg);position:absolute;left:50%;top:42%;width:10px;height:18px;border-radius:3px;background:hsl(calc(var(--i) * 28),100%,65%);transform:rotate(var(--angle)) translateY(0) scale(.25);animation:confetti-pop .9s ease-out forwards;animation-delay:calc((var(--i) % 6) * 30ms)}@keyframes roulette-spin{0%{transform:rotate(0)}to{transform:rotate(var(--spin-degrees))}}@keyframes confetti-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.25)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-250px) rotate(540deg) scale(1)}}@media(max-width:850px){.header-inner{align-items:flex-start;flex-direction:column}.channel{width:100%}.channel .text-button{margin-left:auto}.roulette-preview-body{grid-template-columns:1fr}.roulette-ranking{max-height:240px}.roulette-ranking-list{max-height:180px}}@media(max-width:560px){.content,.header-inner{padding-inline:14px}.channel-form,.toolbar-buttons{flex-direction:column}.registration-card{gap:16px}.section-title{flex-direction:column}.status{width:fit-content}}