.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:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.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:10px;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 .hat{font-family:var(--font);font-weight:700;font-size:11px;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}.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:11px;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;right:0;width:60px;transform-origin:100% 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 (prefers-reduced-motion: reduce){.tower .blk,.person.back,.wd-face.gap .sweat{animation:none}}