:root{--bg:#fff;--surface:#f5f5f7;--surface-2:#fbfbfd;--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--blue-hover:#0077ed;--blue-deep:#0058b0;--blue-soft:#0071e314;--line:#00000017;--line-strong:#00000029}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Inter,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.site-shell{background:radial-gradient(circle at 50% 42%,#0071e31a,transparent 40rem),radial-gradient(circle at 50% 104%,#0071e30d,transparent 26rem),var(--bg);flex-direction:column;min-height:100svh;padding:24px clamp(20px,4vw,48px) 30px;display:flex;position:relative;overflow:hidden}.site-shell.has-background:before{content:"";z-index:0;background-image:linear-gradient(#ffffffb8,#ffffffb8),var(--user-background);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;display:flex;position:relative}.brand{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.brand-logo{width:250px;height:auto;display:block}.brand:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}.top-actions{align-items:center;gap:10px;display:flex}.sound-button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;font-size:15px;transition:all .2s;display:grid}.sound-button:hover{border-color:var(--line-strong);color:var(--ink)}.sound-button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.edit-button{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:-.01em;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px 9px 11px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 6px 18px #0071e33d}.edit-button:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 10px 24px #0071e34d}.edit-button span{background:#fff3;border-radius:50%;place-items:center;width:21px;height:21px;font-size:15px;font-weight:400;display:grid}.text-button{cursor:pointer;color:var(--blue);letter-spacing:-.01em;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.text-button:hover{text-decoration:underline}.arena{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1440px;margin:0 auto;display:flex;position:relative}.ticker{color:var(--muted);align-items:center;gap:14px;font-size:13px;font-weight:400;display:flex}.ticker .dot{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.ticker strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:5px;font-weight:600}.winner-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:min(680px,92vw);margin:-6px 0 0;display:flex}.winner-strip b{background:var(--blue-soft);color:var(--blue-deep);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500}.winner-strip i{background:var(--surface);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:500}.stage{place-items:center;display:grid;position:relative}.orbit{pointer-events:none;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;border:1px solid #0000000f;width:min(74vmin,690px)}.orbit-two{aspect-ratio:1;border:1px dashed #0071e329;width:min(80vmin,760px);animation:60s linear infinite drift}.orbit-one:after,.orbit-two:after{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 10px #0071e380}.orbit-one:after{top:17%;left:8%}.orbit-two:after{width:4px;height:4px;bottom:12%;right:13%}.wheel-frame{aspect-ratio:1;background:#fff;border:14px solid #fff;border-radius:50%;width:min(66vmin,620px);position:relative;box-shadow:0 30px 70px #00000021,0 2px 8px #0000000f,0 0 0 1px #0000000d}.wheel-frame:before{content:"";z-index:-1;border:1px dashed #0071e32e;border-radius:50%;animation:30s linear infinite drift;position:absolute;inset:-22px}.wheel-disc{will-change:transform;border-radius:50%;transition:transform 4.7s cubic-bezier(.1,.64,.13,1);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.wheel-disc:after{content:"";background:repeating-conic-gradient(from calc(90deg - var(--segment,45deg) / 2),#ffffffbf 0 .3deg,transparent .3deg var(--segment,45deg)),radial-gradient(circle at 34% 24%,#ffffff29,transparent 30%),radial-gradient(circle,transparent 60%,#0000001a);pointer-events:none;border-radius:50%;position:absolute;inset:0}.inner-ring{z-index:1;border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:9%}.pointer{z-index:5;filter:drop-shadow(0 4px 8px #00000038);place-items:start center;width:52px;height:51px;display:grid;position:absolute;top:-26px}.pointer:before{content:"";border-left:18px solid #0000;border-right:18px solid #0000;border-top:34px solid var(--ink);width:0;height:0}.pointer span{background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:4px}.wheel-label{z-index:2;width:50%;height:calc(clamp(26px,5.2vmin,46px) * var(--label-scale,1));transform-origin:0;transform:translateY(-50%) rotate(var(--angle));color:#fff;font-weight:600;font-size:calc(clamp(14px,2.7vmin,26px) * var(--label-scale,1) * var(--fit,1));letter-spacing:-.01em;justify-content:flex-end;align-items:center;padding:0 5% 0 17%;display:flex;position:absolute;top:50%;left:50%}.wheel-label b{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000047;max-width:100%;font-weight:600;transition:transform .2s;overflow:hidden}.wheel-label.flip b{transform:rotate(180deg)}.is-empty .spin-button{opacity:0;pointer-events:none}.wheel-empty{z-index:6;text-align:center;place-content:center;justify-items:center;gap:4px;padding:0 6%;display:grid;position:absolute;inset:14%}.wheel-empty b{color:var(--ink);letter-spacing:-.02em;font-size:clamp(17px,2.6vmin,24px);font-weight:600}.wheel-empty span{color:var(--muted);font-size:clamp(12px,1vw,15px);font-weight:400}.wheel-empty button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:10px;padding:12px 22px;font-size:14px;font-weight:500;box-shadow:0 6px 18px #0071e33d}.spin-button{z-index:4;aspect-ratio:1;background:linear-gradient(180deg,#0a84ff,var(--blue) 55%,var(--blue-deep));color:#fff;cursor:pointer;border:8px solid #fff;border-radius:50%;align-content:center;place-items:center;width:29%;transition:transform .25s,box-shadow .25s,background .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #0000002e,0 0 0 1px #0000000d,inset 0 1px #ffffff59}.spin-button:hover:not(:disabled){background:linear-gradient(180deg,#2b95ff,var(--blue-hover) 55%,#0062c4);transform:translate(-50%,-50%)scale(1.045);box-shadow:0 18px 40px #0071e352,0 0 0 1px #0000000d,inset 0 1px #ffffff59}.spin-button:focus-visible,.edit-button:focus-visible,.panel-primary:focus-visible,.sound-button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.spin-button:disabled{cursor:wait}.is-spinning .spin-button{animation:1.1s ease-in-out infinite alternate pulse}.spin-copy{letter-spacing:.14em;text-indent:.14em;font-size:clamp(11px,1.7vmin,15px);font-weight:600}.sparks{align-items:flex-end;gap:2px;height:23px;display:flex;position:absolute;top:6%;left:52%}.sparks i{opacity:0;border:1px solid #ffffffe6;border-radius:50%;width:4px;height:4px}.is-spinning .sparks i{animation:1.3s ease-out infinite spark}.is-spinning .sparks i:nth-child(2){width:6px;height:6px;animation-delay:.35s}.is-spinning .sparks i:nth-child(3){animation-delay:.7s}.spin-hint{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:400;display:flex}.spin-hint span{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;place-items:center;padding:4px 9px;font-size:11px;font-weight:500;display:inline-grid;box-shadow:0 1px #0000000d}.scrim{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#00000047;border:0;width:100%;animation:.22s both fade-in;position:fixed;inset:0}.drawer{z-index:21;background:var(--bg);border-left:1px solid var(--line);width:min(440px,100%);height:100svh;padding:clamp(34px,6vh,68px) clamp(25px,5vw,52px) 35px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;right:0;overflow:auto;transform:translate(102%);box-shadow:-20px 0 60px #0000001f}.drawer.open{transform:translate(0)}.drawer-close,.result-close{background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--muted);border:0;border-radius:50%;place-items:center;font-size:21px;font-weight:400;transition:all .2s;display:grid;position:absolute;top:25px;right:25px}.drawer-close:hover,.result-close:hover{color:var(--ink);background:#e8e8ed}.panel-kicker{color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:600}.drawer h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(32px,3.4vw,44px);font-weight:600;line-height:1.05}.panel-intro{color:var(--muted);margin:16px 0 26px;font-size:15px;line-height:1.6}textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:310px;color:var(--ink);border-radius:14px;outline:0;padding:18px;font-family:inherit;font-size:15px;line-height:1.7;transition:all .2s}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);background:#fff}.name-count{text-align:right;color:var(--muted);margin:9px 3px 20px;font-size:12px;font-weight:400}.panel-primary{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:-.01em;border:0;border-radius:999px;width:100%;padding:15px 20px;font-size:15px;font-weight:500;transition:all .2s;box-shadow:0 6px 18px #0071e338}.panel-primary:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 10px 24px #0071e347}.panel-primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.mode-switch{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 26px;display:grid}.mode-switch button{border:1px solid var(--line-strong);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:14px;min-height:102px;padding:16px;transition:all .2s}.mode-switch button:hover{background:var(--surface)}.mode-switch button.active{border-color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.mode-switch b,.mode-switch span{display:block}.mode-switch b{letter-spacing:-.01em;color:var(--ink);font-size:14px;font-weight:600}.mode-switch span{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.4}.pick-area{margin:-2px 0 26px}.pick-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px;font-weight:500;display:flex}.pick-heading button{cursor:pointer;color:var(--blue);background:0 0;border:0;padding:4px;font-size:12px;font-weight:500}.pick-grid{grid-template-columns:1fr 1fr;gap:8px;max-height:278px;padding-right:3px;display:grid;overflow:auto}.pick-grid button{border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;text-align:left;min-width:0;color:var(--ink);border-radius:11px;align-items:center;gap:9px;padding:9px;font-size:13px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.pick-grid button span{width:23px;height:23px;color:var(--muted);background:#e8e8ed;border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.pick-grid button.selected{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-deep)}.pick-grid button.selected span{background:var(--blue);color:#fff}.host-note{color:var(--muted);margin:13px 3px 0;font-size:12px;line-height:1.5}.result-layer{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f5f7bf;place-items:center;padding:20px;animation:.25s both fade-in;display:grid;position:fixed;inset:0}.result-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(590px,100%);min-height:400px;padding:56px 40px 42px;animation:.55s cubic-bezier(.2,.9,.2,1.15) both surface;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000029,0 2px 10px #0000000d}.result-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0071e31a,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-250px}.result-card>p{color:var(--blue);letter-spacing:.02em;margin:0 0 10px;font-size:13px;font-weight:600}.result-card h2{overflow-wrap:anywhere;max-width:100%;color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(52px,8vw,92px);font-weight:600;line-height:.95}.result-actions{gap:10px;width:min(320px,100%);margin-top:34px;display:grid}.result-actions .text-button{justify-self:center}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{--i:0;left:calc((var(--i) * 37) % 100 * 1%);background:var(--blue);width:9px;height:14px;animation:confetti-fall calc(2.5s + (var(--i) % 5) * .22s) calc((var(--i) % 8) * .11s) ease-in infinite;transform:rotate(calc(var(--i) * 19deg));border-radius:2px;position:absolute;top:-6%}.confetti i:nth-child(3n){background:#0a84ff}.confetti i:nth-child(4n){background:#0b2c4f;border-radius:50%;width:10px;height:10px}.confetti i:nth-child(5n){background:#c7c7cc}@keyframes drift{to{transform:rotate(360deg)}}@keyframes pulse{to{transform:translate(-50%,-50%)scale(1.035)}}@keyframes spark{0%{opacity:0;transform:translateY(10px)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(7px,-17px)scale(1.4)}}@keyframes fade-in{0%{opacity:0}}@keyframes surface{0%{opacity:0;transform:translateY(25px)scale(.95)}}@keyframes confetti-fall{to{transform:translateX(calc((var(--i) % 2) * 80px - 40px)) rotate(740deg);top:110%}}@media (max-width:760px){.site-shell{padding-inline:18px}.arena{gap:16px}.wheel-frame{border-width:10px;width:min(86vw,540px)}.orbit-one{width:min(96vw,600px)}.orbit-two{width:min(104vw,640px)}.pointer{top:-20px}.wheel-label{height:calc(clamp(22px,6vw,40px) * var(--label-scale,1));font-size:calc(clamp(11px,3.6vw,21px) * var(--label-scale,1) * var(--fit,1))}.result-card{min-height:370px}}@media (max-width:500px){.site-shell{padding-top:18px}.brand-logo{width:205px}.ticker{gap:11px;font-size:12px}.spin-button{border-width:6px}.drawer{padding-top:62px}.mode-switch{grid-template-columns:1fr}.mode-switch button{min-height:76px}textarea{min-height:280px}.result-card{min-height:350px;padding-inline:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wheel-disc{transition-duration:.01ms}}