.wd-crowd{--fx: 0;--fy: 0;padding:clamp(20px,2.6vw,32px);border-radius:30px;background:radial-gradient(90% 70% at 70% 10%,rgba(230,57,70,.22),transparent 70%),linear-gradient(170deg,#161d31,#0b0f1c);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -30px #000c;color:#fff;display:grid;gap:14px}.wd-crowd .big-num{background:linear-gradient(135deg,#ff7a84,#e63946);-webkit-background-clip:text;background-clip:text;color:transparent}.wd-floor{perspective:700px}.people{display:grid;grid-template-columns:repeat(10,1fr);gap:8px 6px;padding:18px 10px 14px;border-radius:22px;background:linear-gradient(180deg,#ffffff0a,#ffffff1a);transform:rotateX(calc(28deg - var(--fy) * 6deg)) rotateY(calc(var(--fx) * 8deg));transform-style:preserve-3d;transition:transform .7s var(--ease-out)}.person{position:relative;height:46px;border:0;padding:0;background:none;cursor:default;transform-style:preserve-3d;transform:translateZ(14px);transition:transform .6s var(--ease-spring),opacity .5s}.person:before{content:"";position:absolute;left:50%;top:0;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:var(--pc, #cfd6e0);box-shadow:inset -3px -3px #0003}.person:after{content:"";position:absolute;left:50%;top:16px;width:24px;height:26px;margin-left:-12px;border-radius:12px 12px 6px 6px;background:var(--pc, #cfd6e0);box-shadow:inset -4px -4px #0003,0 6px #00000040}.person.gone{--pc: #E63946;cursor:pointer;transform:translateZ(14px) translateY(6px) rotate(-8deg);opacity:.78}.person.gone:hover{transform:translateZ(26px) translateY(-4px);opacity:1}.person.back{--pc: #2A9D8F;animation:wd-hop .6s var(--ease-spring)}@keyframes wd-hop{40%{transform:translateZ(30px) translateY(-14px)}}.person .st{position:absolute;left:50%;top:-14px;transform:translate(-50%);font-size:13px;color:#f4c542;opacity:0;transition:opacity .3s}.person.back .st{opacity:1}.wd-crowd .note{color:#fff9}.wd-crowd .tally{font-weight:900;font-size:14px;color:#ffd166;min-height:1.4em}.wd-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,170px));gap:clamp(14px,3vw,40px);justify-content:start;margin-top:30px;perspective:1000px}.wd-stk{position:relative;aspect-ratio:1;border:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .9s var(--ease-spring)}.wd-stk[aria-pressed=true]{transform:rotateY(180deg)}.wd-stk .fc{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;padding:14%;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-weight:900}.wd-stk .f1{background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 60%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000));color:#111;box-shadow:0 0 0 6px #fff,0 16px 26px -12px #0009;transition:transform .4s var(--ease-spring)}.wd-stk:hover .f1{transform:rotate(-8deg) scale(1.04)}.wd-stk .f1 b{font-size:clamp(16px,1.6vw,20px)}.wd-stk .f1 small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:1}.wd-stk .f1:after{content:"";position:absolute;right:8%;bottom:8%;width:26%;height:26%;border-radius:0 0 50%;background:linear-gradient(135deg,transparent 48%,rgba(0,0,0,.18) 50%,#eef1f6 52%);transition:width .4s,height .4s}.wd-stk:hover .f1:after{width:40%;height:40%}.wd-stk .f2{transform:rotateY(180deg);background:linear-gradient(160deg,#1b2236,#0d1120);box-shadow:inset 0 0 0 2px var(--c);color:#fff;font-size:clamp(13px,1.3vw,16px);line-height:1.2}.wd-stk .f2 small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.octa{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center}.wd-radar{position:relative;perspective:1100px}.wd-radar svg{width:100%;max-width:560px;display:block;margin-inline:auto;overflow:visible;touch-action:none;cursor:grab}.wd-radar svg:active{cursor:grabbing}.octa .grid{fill:none;stroke:var(--line-strong);stroke-width:1}.octa .grid.wh{fill:color-mix(in srgb,var(--cyan) 6%,transparent)}.octa .axis{stroke:var(--line);stroke-width:1}.octa .shape{fill:color-mix(in srgb,var(--purple) 38%,transparent);stroke:#b062c2;stroke-width:3;stroke-linejoin:round}.octa .depth{fill:color-mix(in srgb,var(--purple) 22%,transparent);stroke:none}.octa .lab{font-family:var(--font);font-weight:900;font-size:12.5px;fill:var(--ink)}.octa .labn{display:none}.octa .labn circle{fill:#8e3a9e;stroke:#fff;stroke-width:3}.octa .labn text{font-family:var(--font);font-weight:900;font-size:26px;fill:#fff}@media (max-width: 560px){.octa .lab{display:none}.octa .labn{display:inline}}.octa .hat{font-family:var(--font);font-weight:700;font-size:12px;letter-spacing:.16em;fill:var(--muted)}.octa .pt{fill:#b062c2;stroke:#fff;stroke-width:3;cursor:grab;transition:r .2s}.octa .pt:hover,.octa .pt.drag{r:11}.wd-radar{display:grid;justify-items:center;gap:6px;padding-block:8px}.wd-radar svg{position:relative;z-index:2;filter:drop-shadow(0 26px 30px rgba(0,0,0,.45));transform:rotateX(calc(var(--fy, 0) * -5deg)) rotateY(calc(var(--fx, 0) * 7deg));transition:transform .8s var(--ease-out)}.octa .board-side{fill:url(#wdSide)}.octa .board-top{fill:url(#wdFace);stroke:color-mix(in srgb,#B062C2 55%,transparent);stroke-width:2}.octa .shape{fill:url(#wdShape);filter:url(#wdGlow)}.octa .pt{fill:url(#wdBall);stroke:#fff;stroke-width:2.5}.wd-stage{position:absolute;left:50%;bottom:76px;width:min(92%,520px);aspect-ratio:1;translate:-50% 0;transform:rotateX(76deg);transform-origin:50% 100%;pointer-events:none;z-index:1}.wd-stage i{position:absolute;inset:calc(var(--k, 0) * 12%);border-radius:50%;border:2px solid color-mix(in srgb,#B062C2 60%,transparent);box-shadow:0 0 30px -4px #b062c2,inset 0 0 40px -10px #b062c2}.wd-stage i:nth-child(2){--k: 1;border-style:dashed;animation:wd-spin 26s linear infinite}.wd-stage i:nth-child(3){--k: 2;background:radial-gradient(circle,color-mix(in srgb,#B062C2 35%,transparent),transparent 70%)}@keyframes wd-spin{to{transform:rotate(360deg)}}.wd-hat{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.wd-hat-3d{--s: 1;width:92px;height:66px;display:block;transform:scale(var(--s)) rotate(-6deg);transform-origin:50% 90%;transition:transform .5s var(--ease-spring);animation:wd-bob 4.5s ease-in-out infinite;filter:drop-shadow(0 14px 10px rgba(0,0,0,.45))}.wd-hat.b .wd-hat-3d{transform:scale(var(--s)) rotate(6deg);animation-delay:-2.2s}.wd-hat-3d svg{width:100%;height:100%;overflow:visible}@keyframes wd-bob{50%{translate:0 -6px}}.wd-hat-tag{display:grid;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.wd-hat-tag b{font-size:22px;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}.wd-hat.lead .wd-hat-tag b{color:#b062c2}.readout .ro-bar{display:block;height:8px;margin-top:8px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.readout .ro-bar i{display:block;height:100%;width:0;border-radius:inherit;transition:width .5s var(--ease-out)}.ro-w .ro-bar i{background:linear-gradient(90deg,#9fe3ff,#fff);box-shadow:0 0 12px #9fe3ffcc}.ro-b .ro-bar i{background:linear-gradient(90deg,#6b1520,#e63946);box-shadow:0 0 12px #e63946b3}.readout .ro-w{box-shadow:inset 0 0 0 1px color-mix(in srgb,#9FE3FF 45%,transparent),0 10px 0 -4px color-mix(in srgb,#9FE3FF 25%,transparent)}.readout .ro-b{box-shadow:inset 0 0 0 1px color-mix(in srgb,#E63946 45%,transparent),0 10px 0 -4px color-mix(in srgb,#E63946 25%,transparent)}@media (max-width: 560px){.wd-hat-3d{width:70px;height:50px}.wd-hat-tag b{font-size:18px}.wd-stage{bottom:60px}}@media (prefers-reduced-motion: reduce){.wd-hat-3d,.wd-stage i{animation:none}}.drives{display:grid;gap:8px}.drive{display:grid;grid-template-columns:28px 1fr 120px;gap:10px;align-items:center}.drive .n{width:28px;height:28px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 4px #5b2366}.drive label{font-weight:700;font-size:14px;line-height:1.25}.drive input{width:100%;accent-color:#B062C2;height:36px}.readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.readout div{padding:12px 14px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.readout span{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block}.readout b{font-size:18px;font-weight:900}.stack-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end}.wd-yard{position:relative;min-height:360px;display:grid;align-items:end;justify-items:center;perspective:1000px}.tower{display:flex;flex-direction:column-reverse;align-items:center;gap:0;min-height:300px;width:100%;padding:16px 0 0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(24deg)}.wd-base{width:260px;height:24px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--purple) 45%,transparent),transparent)}.pool{display:flex;flex-wrap:wrap;gap:14px;perspective:900px}.blk{--c: #B062C2;position:relative;width:190px;height:74px;border:0;padding:0;background:none;font:inherit;color:#111;cursor:pointer;transform-style:preserve-3d;transition:transform .5s var(--ease-spring)}.blk:hover:not(:disabled){transform:translateY(-6px) rotateX(10deg)}.blk .ft,.blk .tp,.blk .sd{position:absolute;display:grid;place-items:center}.blk .ft{inset:0;border-radius:10px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 72%,#000));font-weight:900;font-size:22px;line-height:1;text-align:center;transform:translateZ(30px);box-shadow:inset 0 0 0 1px #ffffff40}.blk .ft small{display:block;font-weight:700;font-size:12px;margin-top:4px}.blk .tp{left:0;right:0;top:0;height:60px;transform-origin:50% 0;transform:translateZ(30px) rotateX(-90deg);border-radius:10px;background:color-mix(in srgb,var(--c) 60%,#fff)}.blk .sd{top:0;bottom:0;left:0;width:60px;transform-origin:0 50%;transform:translateZ(30px) rotateY(90deg);border-radius:10px;background:color-mix(in srgb,var(--c) 55%,#000)}.blk.be{--c: #B062C2;color:#fff}.blk.do{--c: #00AEEF}.blk.have{--c: #F4C542}.blk:disabled{cursor:default}.tower .blk{margin-top:-2px;animation:wd-drop .6s var(--ease-spring)}@keyframes wd-drop{0%{transform:translateY(-160px);opacity:0}}.ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.brain{position:relative;display:grid;gap:14px;padding:clamp(20px,2.4vw,30px);border-radius:28px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.wd-face{--mood: 1;position:relative;width:150px;height:150px;margin:4px auto 6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--fc) 60%,#fff),var(--fc) 60%,color-mix(in srgb,var(--fc) 70%,#000));box-shadow:inset -10px -14px 26px #0000004d,0 20px 40px -20px var(--fc);transition:background .6s,box-shadow .6s,transform .6s var(--ease-spring)}.wd-face.str{--fc: #2A9D8F}.wd-face.gap{--fc: #E63946;transform:scale(.94) rotate(-4deg)}.wd-face .eye{position:absolute;top:40%;width:14px;height:18px;border-radius:50%;background:#111;transition:height .3s,top .3s}.wd-face .eye.l{left:32%}.wd-face .eye.r{right:32%}.wd-face.gap .eye{height:8px;top:44%}.wd-face .mouth{position:absolute;left:30%;right:30%;top:60%;height:22px;border:5px solid #111;border-color:transparent transparent #111 transparent;border-radius:0 0 40px 40px;transition:transform .5s var(--ease-spring)}.wd-face.gap .mouth{transform:translateY(14px) rotate(180deg)}.wd-face .sweat{position:absolute;right:18%;top:22%;width:12px;height:18px;border-radius:50%/60% 60% 40% 40%;background:#8fd3ff;opacity:0;transition:opacity .4s}.wd-face.gap .sweat{opacity:1;animation:wd-sweat 1.4s ease-in infinite}@keyframes wd-sweat{to{transform:translateY(20px);opacity:0}}.gauge2{display:grid;gap:6px}.gauge2 .tr{height:18px;border-radius:10px;background:var(--line);overflow:hidden}.gauge2 i{display:block;height:100%;border-radius:10px;transition:width .7s var(--ease-out)}.wd-cycle{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wd-cycle button{font:inherit;font-weight:900;font-size:14px;min-height:44px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;color:#111;background:var(--dc);box-shadow:0 5px color-mix(in srgb,var(--dc) 55%,#000);transition:transform .3s var(--ease-spring),box-shadow .2s,filter .3s;filter:saturate(.3) brightness(.85)}.wd-cycle button[aria-pressed=true]{filter:none;transform:translateY(-3px)}.wd-cycle button:hover{filter:none}.wd-cycle-line{font-weight:700;min-height:1.5em;margin-top:10px;color:var(--muted)}.prod{--hs-w: min(340px, 80vw);perspective:1200px}.wd-box{position:relative;display:grid;gap:10px;align-content:start;min-height:300px;padding:26px;border-radius:28px;text-decoration:none;color:#fff;background:radial-gradient(90% 70% at 80% 0%,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%),linear-gradient(170deg,#161d31,#0b0f1c);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -30px #000c;transition:transform .5s var(--ease-spring),box-shadow .3s}.wd-box:hover{transform:translateY(-10px) rotateX(6deg);box-shadow:inset 0 0 0 2px var(--c),0 40px 70px -30px var(--c)}.wd-box .kicker{color:#ffffffa6}.wd-box .card-title{font-size:28px}.wd-box .muted{color:#ffffffb8}.wd-box .sig{--s: 70px;margin-bottom:6px}.wd-box .go{margin-top:auto;font-weight:900;color:var(--c)}@media (max-width: 900px){.octa,.stack-game,.ai{grid-template-columns:minmax(0,1fr)}.wd-sheet{grid-template-columns:repeat(2,minmax(0,150px))}}@media (max-width: 520px){.drives{gap:2px}.drive{grid-template-columns:26px minmax(0,1fr) 104px;gap:8px}.drive label{font-size:13px}.drive input{height:32px}.people{gap:6px 3px;padding:14px 6px}.person{height:38px}.person:before{width:12px;height:12px;margin-left:-6px}.person:after{width:18px;height:20px;margin-left:-9px;top:13px}.blk{width:160px;height:66px}.tower{transform:rotateX(-14deg) rotateY(18deg)}}@media (max-width: 700px){.stack-game{gap:6px}.pool{gap:8px;flex-wrap:nowrap;padding-inline:2px}.pool .blk{flex:1 1 0;width:auto;min-width:0;height:62px}.pool .blk .ft{font-size:18px}.pool .blk .ft small{font-size:12px}.wd-yard{min-height:220px}.tower{min-height:196px;padding-top:4px}.tower .blk{width:150px;height:58px}.wd-base{width:220px}}@media (prefers-reduced-motion: reduce){.tower .blk,.person.back,.wd-face.gap .sweat{animation:none}}