.picker{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""pick""side";gap:12px 16px;margin:12px 0 8px;display:grid;position:relative}.picker-head{grid-area:head}.picker-stage{grid-area:stage;min-width:0;position:relative}.pick-row{grid-area:pick}.picker-side{grid-area:side}@media (width>=900px){.picker{grid-template:"head head""stage pick""stage side"1fr/minmax(0,1fr) 340px;align-items:start}.pick-row .btn-big{width:100%;min-width:0}}.picker-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-box{position:relative}.picker-actions{z-index:4;gap:6px;display:flex;position:absolute;top:8px;right:8px}.picker-actions .btn{background:color-mix(in srgb, var(--c-surface) 85%, transparent);border-color:var(--c-border);min-height:36px;box-shadow:var(--shadow)}.picker-actions .btn-icon{width:36px}.picker-actions .btn-small{padding:.2em .75em}.modes{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.modes::-webkit-scrollbar{display:none}.mode{border:2px solid var(--c-border);background:var(--c-surface);min-height:40px;color:var(--c-text);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.35em;padding:.35em .95em;font-weight:650;text-decoration:none;display:inline-flex}@media (hover:hover){.mode:hover{border-color:var(--c-primary);color:var(--c-text)}}.mode[aria-pressed=true],.mode[aria-current=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-ink)}.game-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-title{text-align:center;font:800 clamp(1.2rem, .9rem + 1.6vw, 2rem)/1.2 var(--font-display);margin:0 0 8px}.stage{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--c-border);background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--c-sun) 22%, transparent), transparent 45%), radial-gradient(circle at 85% 90%, color-mix(in srgb, var(--c-primary) 18%, transparent), transparent 50%), var(--c-surface);width:100%;min-height:260px;max-height:min(70vh,640px);box-shadow:var(--shadow);touch-action:manipulation;place-items:center;display:grid;position:relative;overflow:hidden}@media (width<=600px){.stage{aspect-ratio:4/3;min-height:230px}}@media (width>=900px){.stage{max-height:max(300px,100svh - 340px)}}.pick-row{text-align:center;justify-items:center;gap:8px;display:grid}.pick-row .btn-big{min-width:min(100%,320px)}.pick-row .keys{margin:0}@media (hover:none){.pick-row .keys{display:none}}kbd{font:600 .8em/1 var(--font);border:1px solid var(--c-border);background:var(--c-surface-2);border-radius:6px;padding:2px 6px}.cycle{margin:0}.result{z-index:5;background:var(--c-overlay);border-radius:var(--radius);place-items:center;padding:16px;animation:.18s ease-out fade-in;display:grid;position:absolute;inset:0}.result[hidden]{display:none}@media (width<=899px){.result{z-index:50;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));border-radius:0;position:fixed}}.result-card{text-align:center;width:min(100%,560px);max-height:100%;padding:22px;overflow:auto}.result-kicker{color:var(--c-muted);margin:0 0 6px;font-weight:700}.result-names{font:800 clamp(1.8rem, 1.2rem + 3.5vw, 3.4rem)/1.15 var(--font-display);color:var(--c-primary);word-break:break-word;margin:0 0 14px;padding:0;list-style:none;animation:.4s cubic-bezier(.2,1.4,.4,1) pop}.result-names.is-many{counter-reset:n;text-align:left;max-height:40vh;font-size:clamp(1.1rem,.9rem + 1.2vw,1.6rem);overflow:auto}.result-names.is-many li{counter-increment:n;border-bottom:1px solid var(--c-border);padding:4px 0}.result-names.is-many li:before{content:counter(n) ". ";color:var(--c-muted)}.result-card .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-card .fair{margin:14px 0 0}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.picker-side{gap:12px;min-width:0;display:grid}.panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.panel>summary::-webkit-details-marker{display:none}.panel>summary:after{content:"▾";color:var(--c-muted);transition:transform .15s}.panel[open]>summary:after{transform:rotate(180deg)}.panel-edit{color:var(--c-primary);margin-left:auto;font-weight:600}.panel[open] .panel-edit{display:none}.panel-body{gap:10px;padding:0 16px 16px;display:grid}.panel textarea{min-height:220px;font-size:1rem}.tool-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-row input[type=text]{flex:1;min-width:0}.select-small{border-radius:999px;width:auto;min-height:36px;padding:.2em .6em;font-size:.9rem}.file-btn{font-weight:650;position:relative}.dupes{color:var(--c-accent);margin:0}.save-form{gap:6px;display:grid}.settings label{gap:4px;display:grid}.settings label.inline{grid-template-columns:1fr 120px;align-items:center}.settings .check{align-items:center;gap:8px;font-weight:500;display:flex}.settings input[type=checkbox],.settings input[type=radio]{width:20px;height:20px;accent-color:var(--c-primary)}.settings fieldset{border:1px solid var(--c-border);border-radius:var(--radius-sm);gap:6px;margin:0;padding:8px 12px;display:grid}.settings legend{padding:0 4px;font-weight:600}.history{gap:4px;max-height:240px;margin:0;padding-left:1.2em;font-size:.92rem;display:grid;overflow:auto}.history time{color:var(--c-muted)}.quick{text-align:center;place-items:center;gap:8px;width:100%;padding:16px;display:grid}.quick-name{font:800 clamp(2.2rem, 1.2rem + 6vw, 5.5rem)/1.1 var(--font-display);word-break:break-word;max-width:100%}.quick-name.is-winner{color:var(--c-primary);animation:.45s cubic-bezier(.2,1.4,.4,1) pop}.quick-hint{margin:0}.countdown{z-index:3;font:900 clamp(4rem, 3rem + 10vw, 10rem)/1 var(--font-display);color:var(--c-accent);background:color-mix(in srgb, var(--c-surface) 70%, transparent);place-items:center;display:grid;position:absolute;inset:0}.countdown.pop{animation:.5s cubic-bezier(.2,1.4,.4,1) pop}.confetti{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0}.picker.is-full,.picker:fullscreen,.picker.is-pseudo-full{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--c-bg);flex-direction:column;justify-content:center;margin:0;display:flex;overflow:auto}.picker.is-pseudo-full{z-index:90;position:fixed;inset:0}:root.has-pseudo-full body{overflow:hidden}.picker.is-full .picker-stage,.picker:fullscreen .picker-stage,.picker.is-pseudo-full .picker-stage{flex:none}.picker.is-full .picker-side,.picker:fullscreen .picker-side,.picker.is-pseudo-full .picker-side,.picker.is-full .keys,.picker:fullscreen .keys,.picker.is-pseudo-full .keys{display:none}.picker.is-full .stage,.picker:fullscreen .stage,.picker.is-pseudo-full .stage{aspect-ratio:auto;height:calc(100dvh - 210px);max-height:none}.picker.is-full .stage-title,.picker:fullscreen .stage-title{font-size:clamp(1.6rem,1rem + 3vw,3.4rem)}:root.is-stream .picker{flex-direction:column;gap:12px;margin:0;display:flex}:root.is-stream .picker-side,:root.is-stream .picker-actions,:root.is-stream .keys{display:none}:root.is-stream .stage{box-shadow:none;aspect-ratio:auto;background:0 0;border:0;height:calc(100dvh - 120px);max-height:none}:root.is-stream main{padding:12px}@media (width<=600px){.share-text{display:none}.picker-actions [data-share]{width:36px;padding:0}}.result-alt{margin:-4px 0 12px}.result-alt .result-names{color:var(--c-text);max-height:22vh;font-size:1.05rem}.record{background:var(--c-surface-2);font-variant-numeric:tabular-nums;border-radius:8px;margin:0 0 10px;padding:6px 10px}.tickets label{align-items:center;gap:6px;font-weight:600;display:flex}.tickets input{width:90px}.chips{flex-wrap:wrap;gap:6px;max-height:220px;display:flex;overflow:auto}.chip{cursor:pointer;border:1px solid var(--c-border);background:var(--c-surface);border-radius:999px;min-height:34px;padding:4px 12px;font-weight:600}.chip[aria-pressed=true]{opacity:.55;background:var(--c-surface-2);text-decoration:line-through}.stage[data-look=neon]{background:radial-gradient(circle at 30% 20%,#ff2fd055,#0000 50%),radial-gradient(circle at 75% 80%,#00e5ff44,#0000 50%),linear-gradient(#0b0221,#1d0645)}.stage[data-look=candy]{background:radial-gradient(circle at 25% 20%,#ff8fc044,#0000 45%),linear-gradient(#fff0f7,#e6f6ff)}.stage[data-look=space]{background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 60%,#fff,#0000),radial-gradient(1.5px 1.5px at 45% 80%,#fff,#0000),linear-gradient(#03001c,#17204a)}.stage[data-look=gold]{background:radial-gradient(circle at 50% 40%,#ffe08a33,#0000 55%),linear-gradient(#1c1404,#3d2c08)}.stage[data-look=neon] .quick-name,.stage[data-look=space] .quick-name,.stage[data-look=gold] .quick-name{color:#fff}.stage[data-look=neon] .quick-name.is-winner{color:#ff2fd0;text-shadow:0 0 18px #ff2fd0}.stage[data-look=gold] .quick-name.is-winner{color:#f5d76e;text-shadow:0 0 14px #d4a01788}.stage[data-look=space] .quick-name.is-winner{color:#4cc9f0}.stage[data-look=candy] .quick-name{color:#5a2a4a}.stage[data-look=candy] .quick-name.is-winner{color:#ff5fa2}.stage[data-look=neon] .quick-hint,.stage[data-look=space] .quick-hint,.stage[data-look=gold] .quick-hint{color:#ffffffb0}.quick-photo{object-fit:cover;width:clamp(64px,18vmin,140px);height:clamp(64px,18vmin,140px);box-shadow:var(--shadow);border:4px solid #fff;border-radius:50%}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.photo-grid li{text-align:center;font-size:.78rem;position:relative}.photo-grid img{object-fit:cover;border-radius:50%;width:56px;height:56px;margin:0 auto 2px;display:block}.photo-grid button{background:var(--c-text);width:24px;height:24px;color:var(--c-bg);cursor:pointer;border:0;border-radius:50%;font-size:.8rem;line-height:1;position:absolute;top:-4px;right:2px}.result-names .avatar{object-fit:cover;vertical-align:middle;border:3px solid #fff;border-radius:50%;width:1.6em;height:1.6em;margin-right:.3em}.result-names:not(.is-many) .avatar{width:2.6em;height:2.6em;margin:0 auto 6px;display:block}.result{overflow:hidden}.result:before{content:"";pointer-events:none;background:repeating-conic-gradient(#ffd65a38 0deg 7deg,#0000 7deg 22deg);animation:14s linear infinite rays;position:absolute;inset:-60%}.result-card{animation:.5s cubic-bezier(.2,1.5,.4,1) both card-in;position:relative}@keyframes rays{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:scale(.6)translateY(20px)}}.play-modes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.play{cursor:pointer;border:1.5px solid var(--c-border);background:var(--c-surface);min-height:34px;color:var(--c-text);border-radius:999px;padding:.25em .8em;font-size:.9rem;font-weight:650}@media (hover:hover){.play:hover{border-color:var(--c-primary)}}.play[aria-pressed=true]{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-text)}.series{text-align:center;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0 0 8px;padding:8px 14px;font-weight:700;display:flex}.series[hidden]{display:none}.pick-row .float-pick{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;opacity:0;visibility:hidden;pointer-events:none;width:min(100% - 32px,360px);min-width:0;transition:translate .22s ease-out,opacity .22s ease-out,visibility 0s .22s,transform .1s;position:fixed;translate:-50% 140%;box-shadow:0 10px 28px #1f1b2e59}.pick-row .float-pick.is-on{opacity:1;visibility:visible;pointer-events:auto;transition:translate .22s ease-out,opacity .22s ease-out,transform .1s;translate:-50%}:root.has-float-pick .pick-row [data-pick]{visibility:hidden}@media (prefers-reduced-motion:reduce){.pick-row .float-pick,.pick-row .float-pick.is-on{transition:none}}.tip{z-index:4;color:#fff;max-width:480px;box-shadow:var(--shadow);background:#1f1b2eeb;border-radius:14px;align-items:center;gap:8px;margin-inline:auto;padding:8px 8px 8px 14px;font-size:.92rem;line-height:1.4;animation:.35s ease-out both tip-in;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.tip[hidden]{display:none}.tip p{flex:1;margin:0}.tip-close{cursor:pointer;color:#fff;background:#ffffff29;border:0;border-radius:50%;flex:none;width:36px;height:36px;font-size:1.2rem;line-height:1}@keyframes tip-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=899px){.tip{top:52px;bottom:auto}}@media (orientation:landscape) and (height<=500px){.picker{grid-template-columns:minmax(0,1fr) clamp(170px,27vw,250px);grid-template-areas:"head head""stage pick""side side";align-items:start}.stage{aspect-ratio:auto;height:calc(100svh - 20px);min-height:200px;max-height:none}.pick-row{position:sticky;top:10px}.pick-row .btn-big{width:100%;min-width:0}.pick-row .float-pick{width:clamp(170px,27vw,250px);left:auto;right:16px;translate:0 140%}.pick-row .btn-big{border-radius:16px;min-height:52px;padding:.5em .9em;font-size:1rem;line-height:1.25}.pick-row .float-pick.is-on{translate:0}}@media (orientation:landscape) and (height<=500px) and (width>=900px){.picker{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head head""stage pick""stage side"}.pick-row{position:static}}.stage,.picker-actions,.modes,.play-modes,.pick-row,.float-pick,.list-presets,.result-card .row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:coarse) and (width>=1024px){.mode{min-height:52px;padding-inline:1.2em;font-size:1.05rem}.play{min-height:46px;padding-inline:1em;font-size:1rem}.picker-actions .btn{min-height:48px}.picker-actions .btn-icon{width:48px}.pick-row .btn-big{min-height:72px;font-size:1.35rem}.result-card .btn{min-height:52px;padding-inline:1.3em}.panel>summary{min-height:56px}}.picker.is-full .result-names:not(.is-many),.picker:fullscreen .result-names:not(.is-many),.picker.is-pseudo-full .result-names:not(.is-many){font-size:clamp(2.4rem,1.2rem + 5vw,7rem)}.picker.is-full .result-card,.picker:fullscreen .result-card{width:min(100%,900px)}.result:before{will-change:transform}:root.is-lite .result:before{animation:none}