.lb-page,.wh-page{display:grid;gap:18px;padding-bottom:32px}.wh-head h1{margin:0;font-size:clamp(26px,4vw,36px);font-weight:900;letter-spacing:-.02em}.wh-head p{margin:4px 0 0;color:#6b6788}.wh-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}.wh-card{background:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 6px 0 #ece8f7,0 14px 30px rgba(80,60,160,.08);display:grid;gap:12px}.wh-card h2{margin:0;font-size:19px;font-weight:850}.wh-muted{margin:0;color:#6b6788;font-size:14px;display:flex;gap:6px;align-items:flex-start}.wh-stage{position:relative;background:linear-gradient(160deg,#fff5fb,#f2efff);border-radius:28px;padding:24px 16px;display:grid;justify-items:center;gap:18px;box-shadow:0 6px 0 #ece8f7}.wh-wheel{position:relative;width:min(420px,82vw);aspect-ratio:1}.wh-disc{display:block;width:100%;height:100%;filter:drop-shadow(0 12px 22px rgba(70,40,170,.22))}.wh-pointer{position:absolute;left:44%;top:-4%;width:12%;transform-origin:50% 22%;z-index:2;filter:drop-shadow(0 3px 3px rgba(150,20,70,.35))}.wh-rotor{transform-origin:0 0;transform-box:view-box}.wh-seg-text{font-weight:900;fill:#2d2457;letter-spacing:.01em;font-family:inherit}.wh-sep{stroke:#fff;stroke-width:1.2;stroke-opacity:.95}.wh-bulb{fill:#fff6c9}.wh-bulb-b{fill:#ffd36b}.wh-cols.is-solo{grid-template-columns:minmax(0,640px);justify-content:center}.wh-cta{display:grid;justify-items:center;gap:8px;text-align:center;width:min(420px,100%)}.wh-spin{min-width:240px;justify-content:center}.wh-note{color:#6b6788;margin:0}.wh-result{margin:0;font-weight:850;font-size:18px;color:#3b2f6b;background:#fff;border-radius:16px;padding:8px 16px;box-shadow:0 4px 0 #ece8f7}.wh-side{display:grid;gap:16px}.wh-jokers{list-style:none;margin:0;padding:0;display:grid;gap:10px}.wh-joker{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border-radius:18px;padding:10px 12px;background:#f6f8ff}.wh-joker div{display:grid;gap:2px}.wh-joker small{color:#6b6788}.wh-joker-card{display:grid;place-items:center;height:64px;border-radius:12px;font-weight:900;color:#fff;background:#4aa8ff;box-shadow:0 4px 0 #2b7fd0;font-size:13px}.wh-joker-rare .wh-joker-card{background:#9b7bff;box-shadow:0 4px 0 #6e4fd6}.wh-joker-epic .wh-joker-card{background:linear-gradient(135deg,#ffcf4a,#ff8a3d);box-shadow:0 4px 0 #d77314}.wh-joker.is-empty{opacity:.6}.wh-joker-count{font-size:20px}.joker-row{display:inline-flex;gap:6px;flex-wrap:wrap}.joker-btn{white-space:nowrap}.vz-joker-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.lb-dd{position:relative;display:grid;gap:6px;justify-items:start;width:min(420px,100%);margin-top:8px}.lb-dd-label{font-weight:800;font-size:14px;color:var(--pp-color-text-2,#4f4878)}.lb-dd-trigger{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 8px;border-radius:18px;background:var(--pp-color-surface,#fff);color:var(--pp-color-text,#221c47);border:1.5px solid var(--pp-color-line-strong,#d6ccf5);box-shadow:0 3px 0 var(--pp-color-line,#e9e3fa),0 8px 18px rgba(60,40,140,.06);transition:border-color .15s,box-shadow .15s,background-color .15s}.lb-dd-trigger:hover{border-color:var(--pp-color-primary,#7a3ff0)}.lb-dd-trigger:focus-visible,.lb-dd.is-open .lb-dd-trigger{border-color:var(--pp-color-primary,#7a3ff0);box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-color-focus,#7a3ff0) 28%,transparent),0 3px 0 var(--pp-color-line,#e9e3fa)}.lb-dd-trigger:focus-visible{outline:none}.lb-dd-value{display:grid;gap:1px;min-width:0}.lb-dd-value b{font-weight:850;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-dd-value small{color:var(--pp-color-text-3,#615c86);font-size:13px;font-weight:700}.lb-dd-chev{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--pp-color-primary-soft,#f1ecff);color:var(--pp-color-primary-ink,#6a2ee8);transition:transform .18s}.lb-dd.is-open .lb-dd-chev{transform:rotate(180deg)}.lb-dd.is-pending .lb-dd-trigger{cursor:progress}.lb-dd-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid;border-right:2.5px solid transparent;animation:lb-spin .7s linear infinite}@keyframes lb-spin{to{transform:rotate(1turn)}}.lb-dd-art{display:grid;place-items:center;flex:none;object-fit:cover;background:var(--pp-color-surface-2,#f1ecff);color:var(--pp-color-primary-ink,#6a2ee8)}.lb-dd-art-m{width:44px;height:44px;border-radius:13px}.lb-dd-art-s{width:40px;height:40px;border-radius:12px}.lb-dd-art.is-streak{background:linear-gradient(160deg,#ffe3b0,#ffc26b);color:#c25a00}.lb-dd-pop{position:absolute;z-index:40;top:calc(100% + 8px);left:0;right:0;min-width:min(360px,calc(100vw - 32px));background:var(--pp-color-surface,#fff);color:var(--pp-color-text,#221c47);border:1.5px solid var(--pp-color-line,#e9e3fa);border-radius:20px;box-shadow:0 18px 44px rgba(40,24,110,.18),0 4px 0 var(--pp-color-line,#e9e3fa);padding:6px;animation:lb-pop .14s ease-out;transform-origin:top center}@keyframes lb-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.lb-dd-list{max-height:min(420px,60vh);overflow:auto;overscroll-behavior:contain;outline:none;display:grid;gap:2px;padding:2px}.lb-dd-group{padding:10px 10px 4px;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-color-text-3,#615c86)}.lb-dd-opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:14px;cursor:pointer;user-select:none}.lb-dd-opt.is-active{background:var(--pp-color-primary-soft,#f1ecff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pp-color-primary,#7a3ff0) 35%,transparent)}.lb-dd-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-dd-opt.is-selected .lb-dd-name{color:var(--pp-color-primary-ink,#6a2ee8)}.lb-dd-count{justify-self:end;font-size:12px;font-weight:800;color:var(--pp-color-text-2,#4f4878);background:var(--pp-color-track,#eee8ff);border-radius:999px;padding:3px 9px;white-space:nowrap}.lb-dd-opt.is-active .lb-dd-count{background:var(--pp-color-surface,#fff)}.lb-dd-check{display:grid;place-items:center;color:var(--pp-color-primary-ink,#6a2ee8)}.lb-dd-empty{margin:0;padding:6px 10px 10px;color:var(--pp-color-text-3,#615c86);font-size:14px}.lb-dd-backdrop,.lb-dd-sheet-head{display:none}@media (max-width:640px){.lb-dd{width:100%}.lb-dd-backdrop{display:block;position:fixed;inset:0;z-index:60;background:var(--pp-color-overlay,rgba(22,17,38,.6));animation:wh-fade .18s ease-out}.lb-dd-pop{position:fixed;z-index:61;left:0;right:0;top:auto;bottom:0;min-width:0;border-radius:24px 24px 0 0;border-width:0;padding:8px 10px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(20,10,60,.25);animation:lb-sheet .22s cubic-bezier(.2,.9,.3,1);transform-origin:bottom center}.lb-dd-pop:before{content:"";display:block;width:40px;height:5px;border-radius:99px;background:var(--pp-color-line-strong,#d6ccf5);margin:2px auto 6px}.lb-dd-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 6px 6px 10px}.lb-dd-sheet-head b{font-size:18px;font-weight:900}.lb-dd-close{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--pp-color-track,#eee8ff);color:var(--pp-color-text,#221c47)}.lb-dd-close:focus-visible{outline:3px solid var(--pp-color-focus,#7a3ff0);outline-offset:2px}.lb-dd-list{max-height:min(70vh,560px)}.lb-dd-opt{min-height:56px}}@keyframes lb-sheet{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.lb-dd-backdrop,.lb-dd-chev,.lb-dd-pop{animation:none;transition:none}}.lb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--pp-color-track,#eee8ff)}.lb-tabs a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:12px;font-weight:850;color:var(--pp-color-text-2,#4f4878);text-decoration:none;transition:background-color .15s,color .15s}.lb-tabs a:hover{color:var(--pp-color-text,#221c47)}.lb-tabs a.is-active{background:var(--pp-color-surface,#fff);color:var(--pp-color-primary-ink,#6a2ee8);box-shadow:0 2px 6px rgba(60,50,120,.12)}.lb-tabs a:focus-visible{outline:3px solid var(--pp-color-focus,#7a3ff0);outline-offset:2px}.lb-head{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.lb-head-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff1d6;color:#e07b00}.lb-count{color:#6b6788;font-weight:700}.lb-me{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#f2efff;border-radius:16px;padding:10px 14px;font-weight:700}.lb-me.is-ranked strong{color:#5b3fd6;font-size:18px}.lb-podium{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.lb-step{display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}.lb-step .lb-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.lb-step small{color:#6b6788;font-size:11px}.lb-medal{font-size:26px}.lb-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e3dcff;font-weight:900;color:#5b3fd6;font-size:20px;border:3px solid #fff;box-shadow:0 3px 0 #d6cff3}.lb-step-1 .lb-avatar{width:64px;height:64px;background:#ffe9a8;color:#a86400}.lb-value{font-size:16px}.lb-block{display:grid;place-items:center;width:100%;border-radius:16px 16px 6px 6px;color:#fff;font-weight:900;font-size:22px;background:#b9aaf5;height:56px}.lb-step-1 .lb-block{background:linear-gradient(180deg,#ffcf4a,#ffae2b);height:88px}.lb-step-3 .lb-block{background:#f3b38a;height:42px}.lb-step.is-me .lb-avatar{outline:3px solid #ff4f8b}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lb-list li{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;background:#f8f7fd;border-radius:16px;padding:10px 12px}.lb-list li.is-me{background:#fff0f6;box-shadow:inset 0 0 0 2px #ff9cc2}.lb-rank{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff;font-weight:900;color:#5b3fd6}.lb-main{display:grid;gap:4px;min-width:0}.lb-row{display:flex;justify-content:space-between;gap:8px}.lb-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-bar{height:8px;border-radius:99px;background:#ece8f7;overflow:hidden}.lb-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,#4aa8ff);border-radius:inherit}.lb-main small{color:#6b6788;font-size:12px}.lb-page em{font-style:normal;color:#ff4f8b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:860px){.wh-cols{grid-template-columns:1fr}}@media (max-height:520px) and (orientation:landscape){.wh-cols{grid-template-columns:1fr 1fr}.wh-wheel{width:min(300px,42vw)}.wh-stage{padding:12px}}@media (max-width:420px){.lb-head{grid-template-columns:44px 1fr}.lb-count{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.wh-rotor{transition:none!important}}.wh-head{display:grid;gap:6px;justify-items:start}.compete-tabs{display:none}@media (max-width:760px){.compete-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:#efedf8}.compete-tabs a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:12px;font-weight:800;color:#5c5880;text-decoration:none}.compete-tabs a.is-active{background:#fff;color:#2f6fed;box-shadow:0 2px 6px rgba(60,50,120,.12)}}.pp-btn-soft.wh-demo-btn:not(.pp-btn-accent),.pp-btn.wh-demo-btn{background:linear-gradient(180deg,#ffe27a,#ffc93c)!important;color:#5a3a00!important;box-shadow:0 4px 0 #e0a200!important;border:0!important}.pp-btn.wh-demo-btn:not(:disabled):hover{filter:brightness(1.04);border-color:transparent!important}.wh-demo-btn:disabled{opacity:.6}.wh-reveal-backdrop{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(246,243,255,.72);backdrop-filter:blur(3px);border-radius:inherit;padding:16px;animation:wh-fade .2s ease-out}.wh-reveal{position:relative;width:min(360px,100%);background:#fff;border-radius:24px;padding:22px 20px 18px;text-align:center;box-shadow:0 18px 50px rgba(60,40,140,.22),0 4px 0 #ece8f7;display:grid;justify-items:center;gap:6px;animation:wh-pop .42s cubic-bezier(.2,1.4,.4,1)}.wh-reveal-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#fff,#fff4d1);box-shadow:inset 0 0 0 3px #ffe08a}.wh-reveal-icon svg{width:64px;height:64px}.wh-reveal.is-diamonds .wh-reveal-icon{background:radial-gradient(circle at 40% 35%,#fff,#dff0ff);box-shadow:inset 0 0 0 3px #a9d4ff}.wh-reveal.is-joker .wh-reveal-icon{background:radial-gradient(circle at 40% 35%,#fff,#ece6ff);box-shadow:inset 0 0 0 3px #c3adff}.wh-reveal.is-respin .wh-reveal-icon{background:radial-gradient(circle at 40% 35%,#fff,#d8f5e3);box-shadow:inset 0 0 0 3px #9fe0b7}.wh-reveal.is-nothing .wh-reveal-icon{background:#f4f2fa;box-shadow:inset 0 0 0 3px #e2deef}.wh-reveal-kicker{margin:6px 0 0;font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#7c5cff}.wh-reveal.is-nothing .wh-reveal-kicker{color:#8a84a3}.wh-reveal.is-respin .wh-reveal-kicker{color:#1f9d55}.wh-reveal h2{margin:0;font-size:28px;line-height:1.15;color:#1f1650}.wh-reveal-text{margin:2px 0 0;color:#5d5680;font-size:14px;max-width:290px}.wh-reveal-actions{display:grid;gap:8px;width:100%;margin-top:12px}.wh-reveal-actions>*{justify-content:center;width:100%}.wh-demo-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffe27a;color:#5a3a00;font-size:12px;font-weight:850;border-radius:999px;padding:4px 12px;box-shadow:0 2px 0 #e0a200}@keyframes wh-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wh-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.wh-reveal,.wh-reveal-backdrop{animation:none}}[data-theme=dark] .lb-count,[data-theme=dark] .lb-main small,[data-theme=dark] .lb-page .wh-head p,[data-theme=dark] .lb-page .wh-muted,[data-theme=dark] .lb-step small{color:var(--pp-color-text-3)}[data-theme=dark] .lb-page .wh-card{background:var(--pp-color-surface);color:var(--pp-color-text);box-shadow:0 6px 0 var(--pp-color-line),0 14px 30px rgba(0,0,0,.25)}[data-theme=dark] .lb-head-ic{background:#3a2a14;color:#ffb347}[data-theme=dark] .lb-me{background:var(--pp-color-primary-soft)}[data-theme=dark] .lb-me.is-ranked strong{color:var(--pp-color-primary-ink)}[data-theme=dark] .lb-list li{background:var(--pp-color-surface-2)}[data-theme=dark] .lb-list li.is-me{background:#3a2040;box-shadow:inset 0 0 0 2px #a8487a}[data-theme=dark] .lb-rank{background:var(--pp-color-surface);color:var(--pp-color-primary-ink)}[data-theme=dark] .lb-bar{background:var(--pp-color-track)}[data-theme=dark] .lb-avatar{border-color:var(--pp-color-surface);box-shadow:0 3px 0 var(--pp-color-line-strong);background:#4a3c8f;color:#e9e1ff}[data-theme=dark] .lb-step-1 .lb-avatar{background:#6b5216;color:#ffe08a}[data-theme=dark] .lb-dd-art.is-streak{background:linear-gradient(160deg,#5a3a10,#7a4a12);color:#ffc069}[data-theme=dark] .lb-tabs a.is-active{box-shadow:0 2px 6px rgba(0,0,0,.35)}[data-theme=dark] .lb-dd-pop{box-shadow:0 18px 44px rgba(0,0,0,.45)}[data-theme=dark] .compete-tabs{background:var(--pp-color-track)}[data-theme=dark] .compete-tabs a{color:var(--pp-color-text-2)}[data-theme=dark] .compete-tabs a.is-active{background:var(--pp-color-surface);color:var(--pp-color-primary-ink)}