@font-face{font-family:WheelSans;src:local("Bahnschrift");font-display:swap}
:root{color-scheme:dark;--bg:#0c1011;--panel:#17171e;--ink:#f2f0e8;--muted:#92939c;--purple:#b69ae9;--green:#c6f77d;--border:#ffffff13;--final:#f3a2b5}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--ink);font-family:WheelSans,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 22% 44%,#30213c45,transparent 51%),radial-gradient(ellipse at 85% 65%,#21322238,transparent 45%),var(--bg);min-height:100vh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:#9d80c5;color:white}.ambient,.grain{position:fixed;inset:0;pointer-events:none;z-index:0}.ambient{overflow:hidden}.ambient>div{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(120px);opacity:.11;top:20%;left:-14%;background:#955bdd}.ambient>div+div{left:auto;right:-22%;top:5%;background:#9dbe47;opacity:.06}.grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{position:relative;z-index:2;max-width:1440px;padding:27px 52px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:1.2px}.brand b{font-weight:450;color:#b0adb7;margin-left:4px}.brand-mark{width:33px;height:33px;display:grid;place-items:center}.brand-mark svg{width:29px;fill:none;stroke:var(--purple);stroke-width:2.7;stroke-linejoin:round}.tools{display:flex;align-items:center;gap:14px}.edition{font-size:10px;letter-spacing:1.7px;color:#85848d;margin-right:15px;display:flex;align-items:center;gap:8px}.edition>span{height:5px;width:5px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #c6f77d77}.icon-button{border:1px solid #ffffff14;background:#ffffff03;min-height:36px;padding:8px 10px;display:flex;gap:8px;align-items:center;color:#b7b7bf;border-radius:5px}.icon-button:hover{color:white;border-color:#ffffff40}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tool-label{font-size:9px;letter-spacing:1px;font-weight:600}.sound-cross{display:none}.muted .sound-cross{display:block}.muted .sound-waves{display:none}main{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:0 50px}.intro{display:flex;align-items:end;justify-content:space-between;margin:46px 0 31px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--purple);font-size:10px;font-weight:600;letter-spacing:2.4px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 13px #b69ae988}h1{font-size:clamp(35px,4.2vw,61px);line-height:1.06;letter-spacing:-2.4px;margin:17px 0 0;font-weight:700}h1>span{color:#a5a2ac;font-weight:450}.intro-note{position:relative;padding:0 75px 4px 0;margin:0 0 4px;font-size:13px;line-height:1.9;color:#d4cedc}.intro-note>span{color:#77737e}.intro-note img{position:absolute;right:0;bottom:-1px;width:61px;height:61px;object-fit:contain;transform:rotate(9deg)}.arena{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:55px;align-items:center}.wheel-column{min-width:0}.wheel-topline{display:flex;align-items:center;justify-content:space-between;max-width:530px;margin:0 auto 8px}.tiny-label,.pool-count{font-size:9px;letter-spacing:1.5px;color:#74717e;font-weight:600}.pool-count{color:#a39baa}.pool-count>span{margin:0 6px;color:#62596e}.wheel-stage{position:relative;aspect-ratio:1;isolation:isolate;max-width:610px;margin:auto;container-type:inline-size}.wheel-aura{position:absolute;inset:7%;border-radius:50%;background:#9f6acc1c;filter:blur(42px);transition:background 1s;z-index:-1;animation:breathe 5s ease-in-out infinite}.wheel-rim{position:absolute;inset:3.2%;border-radius:50%;border:1px solid #8d7d9e65;box-shadow:0 0 0 6px #1f1d26,0 0 0 7px #75678030,0 0 0 12px #18171e,0 0 0 13px #70617825,0 20px 50px #0006,inset 0 0 22px #0007;z-index:2;pointer-events:none}.wheel-rim::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#d2c0de77 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(circle,transparent 69%,black 69% 71%,transparent 71%);-webkit-mask:radial-gradient(circle,transparent 69%,black 69% 71%,transparent 71%)}#wheel{position:absolute;inset:3.7%;width:92.6%;height:92.6%;border-radius:50%;filter:drop-shadow(0 0 18px #0005);will-change:transform}.pointer{position:absolute;top:-.3%;left:50%;transform:translateX(-50%);width:8.4%;z-index:6;filter:drop-shadow(0 4px 7px #000a)}.pointer svg{width:100%;overflow:visible}.pointer path:first-child{fill:#caee93;stroke:#e5ffc5;stroke-width:1.2}.pointer path+path{fill:#50743a}.pointer.ticking{animation:pointer-tick 75ms ease-out}.hub{position:absolute;inset:36%;border-radius:50%;border:2px solid #a08db16b;background:#141219;box-shadow:0 0 0 6px #17131e,0 0 0 7px #84718e55,0 0 40px #0009;display:grid;place-items:center;z-index:4;overflow:hidden}.hub-inner{height:91%;width:91%;border-radius:50%;position:relative;overflow:hidden;display:grid;place-content:center;text-align:center}.hub-inner::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#201127c9 70%,#140e1c)}.hub img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:39% center;opacity:.67;filter:saturate(.6)}.hub span{position:relative;z-index:2;font-size:clamp(9px,2.6cqw,18px);line-height:1.1;font-weight:800;letter-spacing:1.5px;text-shadow:0 2px 10px #000;margin-top:55%}.orbit-emote{position:absolute;width:13%;height:13%;object-fit:contain;z-index:6;filter:drop-shadow(0 5px 7px #0008);animation:float 4s ease-in-out infinite}.emote-one{left:-2%;top:26%;transform:rotate(-13deg);animation-delay:-1s}.emote-two{right:-2%;bottom:16%;transform:rotate(9deg);animation-delay:-2.5s}.rune{position:absolute;color:#b492cd;z-index:0}.rune-one{top:8%;left:5%;font-size:21px}.rune-two{bottom:2%;right:13%;font-size:26px;opacity:.45}.wheel-readout{max-width:340px;display:flex;gap:9px;align-items:center;justify-content:center;margin:8px auto 0;border:1px solid #8a74912d;border-radius:5px;background:#19151e66;padding:11px 15px;color:#c6b6d4;font-size:11px;font-weight:650;letter-spacing:1.6px}.readout-led{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 7px #b69ae977}.readout-number{font-size:8px;color:#6e637a;border-left:1px solid #80708e40;padding-left:12px;margin-left:auto;letter-spacing:1px}.control-column{max-width:455px;width:100%;justify-self:end}.oracle-card{height:326px;position:relative;border:1px solid #7d5d9160;border-radius:10px;overflow:hidden;background:#251b2f;box-shadow:0 15px 45px #0002;transition:border-color .6s,box-shadow .6s,background .6s}.oracle-portrait{position:absolute;right:-23%;top:8%;width:125%;height:110%;object-fit:cover;object-position:36% center;filter:saturate(.7) contrast(1.04);opacity:.48;transform:scale(1.03);transition:opacity .5s,transform 1s}.portrait-shade{position:absolute;inset:0;background:linear-gradient(90deg,#251a30 3%,#24192de8 19%,#24192d3b 85%),linear-gradient(0deg,#151219 0%,transparent 75%)}.card-top{position:absolute;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.card-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #c0a5dc40;background:#a577d41a;border-radius:3px;padding:6px 8px;color:#c4acd8;font-size:8px;letter-spacing:1.5px;font-weight:600}.card-chip>span{width:4px;height:4px;border-radius:50%;background:currentColor}.card-sigil{font-size:24px;color:#baa0cb77}.oracle-copy{position:absolute;bottom:25px;left:27px;right:20px;z-index:2}.card-eyebrow{font-size:9px;letter-spacing:1.9px;color:#b29bbf;margin:0 0 9px}h2{font-size:52px;font-weight:750;line-height:.92;letter-spacing:-1.8px;margin:0 0 13px;text-transform:uppercase;text-shadow:0 2px 20px #201127aa}h2>span{color:#9575ad;margin-left:4px}.card-description{font-size:12px;line-height:1.65;color:#b3a5bf;margin:0 0 17px;min-height:40px}.hero-tags{display:flex;gap:7px}.hero-tags>span{font-size:8px;letter-spacing:1px;border:1px solid #bb9dd321;color:#9786a5;padding:5px 7px;border-radius:3px}.reaction-emote{position:absolute;right:15px;bottom:26px;width:83px;height:83px;object-fit:contain;filter:drop-shadow(0 5px 8px #0007);z-index:4;transform:rotate(7deg);transition:transform .4s}.card-corner{position:absolute;right:0;bottom:0;width:14px;height:14px;border-right:2px solid #c6f77d88;border-bottom:2px solid #c6f77d88;border-radius:0 0 9px}.spin-control{margin-top:26px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8d8995;letter-spacing:1.25px;min-height:12px}.status-row>span:last-child{color:#b6bf99;font-size:8px}.progress-track{height:2px;background:#ffffff0c;margin:10px 0 16px;overflow:hidden}#progress-bar{height:100%;background:var(--green);width:0%;transition:width .12s linear;box-shadow:0 0 12px #c6f77d}.spin-button{border:1px solid #e6ffb4;width:100%;min-height:65px;border-radius:5px;background:var(--green);color:#1e2a14;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;font-size:14px;font-weight:800;letter-spacing:2.2px;box-shadow:0 0 0 4px #c6f77d07,0 6px 30px #c6f77d0b;transition:background .2s,transform .2s,box-shadow .2s}.spin-button:hover:not(:disabled){background:#d6ff98;transform:translateY(-2px);box-shadow:0 0 0 4px #c6f77d10,0 8px 35px #c6f77d20}.spin-button:active:not(:disabled){transform:translateY(0)}.spin-button svg{width:18px;fill:currentColor}.button-arrow{position:absolute;right:22px;font-size:21px;letter-spacing:0;font-weight:400}.spin-button:disabled{background:#8d9a6d;border-color:#a1af7a;color:#283020}.button-caption{font-size:10px;letter-spacing:.6px;color:#6f6c77;text-align:center;margin:13px 0 0}.reaction-strip{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:25px}.reaction-strip>img{width:29px;height:29px;object-fit:contain;opacity:.8}.reaction-strip>span{font-size:9px;font-weight:550;color:#8c8496;letter-spacing:1px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin:40px 0 0;padding:21px 0 25px;font-size:8px;letter-spacing:1.2px;color:#6e6879}.footer-dot{padding:0 8px;color:#4c4756}.footer-credit{color:#77717f}.keyboard-hint{display:flex;gap:8px;align-items:center}kbd{border:1px solid #ffffff14;border-radius:3px;padding:4px 5px;font:inherit;font-size:7px;color:#9b929f;letter-spacing:.5px}.spell-ring{position:absolute;inset:9%;border:2px dashed #c6f77d77;border-radius:50%;opacity:0;pointer-events:none;z-index:3}.web{position:absolute;inset:1%;width:98%;height:98%;pointer-events:none;z-index:8;opacity:0;transform:scale(.8);transition:opacity 1s,transform 1.5s}.web g{stroke:#e5dce6;stroke-width:1.2;fill:none;opacity:.4}.particles{position:fixed;inset:0;z-index:21;pointer-events:none;overflow:hidden}.particle{position:absolute;width:var(--size);height:var(--size);object-fit:contain;left:var(--left);top:-100px;filter:drop-shadow(0 3px 5px #0005);animation:emote-rain var(--duration) cubic-bezier(.18,.45,.65,1) var(--delay) both;will-change:transform;opacity:0}.spark{border-radius:2px;background:var(--spark-color);width:8px;height:15px}.spell-flash{position:fixed;inset:0;background:radial-gradient(ellipse at center,#ad77d52e,transparent 65%);pointer-events:none;z-index:15;opacity:0}.spell-flash.active{animation:spell-flash .75s ease-out}.twist-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:20px;background:#101015ec;backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none}.twist-overlay.active{opacity:1;visibility:visible}.twist-overlay>span{font-size:clamp(28px,7vw,90px);line-height:1.05;letter-spacing:-2px;font-weight:400;color:#8a7e95}.twist-overlay b{color:#e3f9b9;font-weight:800}.twist-overlay img{width:clamp(90px,15vw,180px);transform:rotate(10deg)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#26242d;border:1px solid #ffffff22;border-radius:6px;padding:12px 20px;font-size:12px;color:#e8e5ed;opacity:0;pointer-events:none;transition:.25s;z-index:30;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinning .wheel-aura{background:#9f6acc45;animation:breathe 1.6s ease-in-out infinite}.spinning .spell-ring{opacity:.25;animation:spell-rotate 15s linear infinite}.spinning .hub img{opacity:.95}.spinning .oracle-portrait{transform:scale(1.12);opacity:.7}.spinning .reaction-emote{transform:rotate(-7deg) scale(1.08)}.fake-win .wheel-aura{background:#b981e270}.fake-win .oracle-card{border-color:#b794e9;box-shadow:0 0 45px #a975df22}.fake-win .spell-ring{opacity:.6;animation:spell-rotate 12s linear infinite}.fake-win .card-chip{background:#a774d538;color:#e0c9f7}.fake-win h2{color:#e0c5fb}.glitch .arena{animation:glitch .45s ease-in-out 2}.final-win{--purple:#f3a2b5;--green:#d1f497}.final-win .oracle-card{background:#291b24;border-color:#b56c8766;box-shadow:0 0 60px #dc7b9b0d}.final-win .portrait-shade{background:linear-gradient(90deg,#291a25 1%,#291a25dc 23%,#291a2533),linear-gradient(0deg,#161218,transparent 80%)}.final-win .oracle-portrait{opacity:.7;transform:scale(1.12)}.final-win .card-chip{color:#e7a0bd;border-color:#bd668d55;background:#9a3a6322}.final-win .card-eyebrow{color:#c48ba7}.final-win h2{color:#f5d3df;font-size:44px;letter-spacing:-1.3px}.final-win .card-description{color:#c5aab8}.final-win .hero-tags>span{color:#ac8498;border-color:#aa668733}.final-win .web{opacity:1;transform:scale(1)}.final-win .wheel-aura{background:#d277a228}.final-win .spell-ring{opacity:0}.final-win .reaction-emote{transform:rotate(-8deg) scale(1.08)}.final-win .hub img{object-position:50% center}.final-win .hub span{font-size:clamp(9px,2.4cqw,15px);color:#fbd8e6}
@keyframes breathe{50%{opacity:.4;transform:scale(.94)}}@keyframes float{50%{translate:0 -12px;rotate:8deg}}@keyframes pointer-tick{50%{rotate:-7deg}}@keyframes spell-rotate{to{transform:rotate(360deg)}}@keyframes spell-flash{15%{opacity:1}to{opacity:0}}@keyframes glitch{0%,100%{transform:translate(0)}25%{transform:translate(-5px,2px);filter:hue-rotate(35deg)}60%{transform:translate(5px,-1px);filter:hue-rotate(-30deg)}}@keyframes emote-rain{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(var(--rotate)) scale(.6)}9%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),125vh,0) rotate(calc(var(--rotate) + 300deg)) scale(1.05)}}
@media(min-width:1500px){main{padding-top:5px}.intro{margin-top:55px}.arena{gap:65px}.oracle-card{height:355px}h2{font-size:58px}.final-win h2{font-size:49px}}
@media(max-width:1050px){.topbar{padding:22px 32px}main{padding:0 32px}.arena{gap:28px;grid-template-columns:1.15fr 1fr}.intro{margin-top:36px}.intro-note{font-size:11px;padding-right:60px}.intro-note img{width:50px;height:50px}.oracle-card{height:290px}.oracle-copy{left:21px;bottom:21px}h2{font-size:45px}.final-win h2{font-size:36px}.reaction-emote{width:66px;height:66px;right:10px}.card-description{font-size:11px}.reaction-strip{gap:7px}.reaction-strip>span{font-size:8px;letter-spacing:.6px}.wheel-topline{padding:0 8px}.tiny-label,.pool-count{font-size:8px;letter-spacing:1px}.spin-button{min-height:59px;font-size:12px}.edition{display:none}footer{margin-top:35px}}
@media(max-width:760px){.topbar{padding:17px 22px}.brand{font-size:11px;letter-spacing:.9px;gap:8px}.brand b{display:block;margin-left:0;font-size:9px;margin-top:3px}.brand-mark{width:27px}.brand-mark svg{width:24px}.tools{gap:7px}.icon-button{padding:7px;min-height:32px}.tool-label{font-size:8px}main{max-width:590px;padding:0 24px}.intro{margin:31px 0 28px;align-items:center}h1{font-size:42px;letter-spacing:-1.9px}.eyebrow{font-size:8px;letter-spacing:1.4px;gap:6px}.intro-note{width:50px;padding:0;font-size:0}.intro-note>span{display:none}.intro-note img{position:static;width:52px;height:52px}.arena{grid-template-columns:1fr;gap:27px}.wheel-column{margin:0 -2px}.wheel-topline{max-width:425px;padding:0 10px}.wheel-stage{max-width:500px}.wheel-readout{margin-top:4px;max-width:310px}.control-column{max-width:none;justify-self:stretch}.oracle-card{height:245px}.oracle-portrait{width:100%;right:-23%;object-position:40% center;top:0;height:120%}.card-top{top:17px;left:20px;right:20px}.oracle-copy{bottom:22px}.card-eyebrow{margin-bottom:7px;font-size:8px}h2{font-size:43px;line-height:.92;margin-bottom:9px}.card-description{margin-bottom:12px;font-size:11px;min-height:34px;line-height:1.5}.hero-tags>span{padding:4px 6px;font-size:7px}.reaction-emote{right:23px;bottom:27px;width:78px;height:78px}.spin-control{margin-top:21px}.spin-button{min-height:62px;font-size:13px}.reaction-strip{margin-top:21px}.reaction-strip>span{font-size:9px}.final-win h2{font-size:39px}footer{margin-top:30px;padding-top:18px}.footer-credit{display:none}.keyboard-hint{display:none}.emote-one{left:-1%}.emote-two{right:-1%}.twist-overlay{gap:4px}.twist-overlay>span{letter-spacing:-1px}.twist-overlay img{width:90px}}
@media(max-width:380px){main{padding:0 18px}.topbar{padding:16px 18px}h1{font-size:36px}.eyebrow{font-size:7px}.intro-note img{width:45px;height:45px}.reaction-emote{right:12px;width:64px;height:64px}.final-win h2{font-size:34px}.status-row{font-size:7px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbit-emote{display:none}.particle{display:none}.spell-flash{display:none}.twist-overlay{backdrop-filter:none}}
/* Keep the complete show and its primary button in view on stream laptops. */
@media(min-width:761px) and (max-height:850px){
  .topbar{padding-top:17px;padding-bottom:17px}
  main{max-width:1200px}
  .intro{margin:24px 0 18px}
  h1{font-size:43px;margin-top:12px;letter-spacing:-1.8px}
  .eyebrow{font-size:8px;letter-spacing:1.8px}
  .intro-note{font-size:11px}
  .arena{gap:38px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .wheel-stage{width:min(100%,calc(100svh - 295px));min-width:300px}
  .wheel-topline{max-width:430px;margin-bottom:5px}
  .oracle-card{height:245px}
  .oracle-copy{bottom:20px;left:22px}
  h2{font-size:43px;margin-bottom:10px}
  .final-win h2{font-size:37px}
  .card-top{top:16px;left:20px;right:20px}
  .card-eyebrow{font-size:8px;margin-bottom:7px}
  .card-description{font-size:11px;line-height:1.5;min-height:34px;margin-bottom:11px}
  .hero-tags>span{font-size:7px;padding:4px 6px}
  .reaction-emote{width:65px;height:65px;bottom:25px}
  .spin-control{margin-top:17px}
  .spin-button{min-height:55px;font-size:12px}
  .progress-track{margin:8px 0 12px}
  .button-caption{font-size:9px;margin-top:10px}
  .reaction-strip{margin-top:14px}
  .reaction-strip>img{width:23px;height:23px}
  footer{margin-top:22px;padding:15px 0 18px}
}
.escape-panel{margin-top:18px;border-top:1px solid #e5c3cf26;padding-top:15px;animation:escape-arrive .8s .3s both}
.escape-panel[hidden]{display:none!important}
.escape-kicker{display:block;color:#b48c9f;font-size:8px;letter-spacing:1.5px;text-align:center;margin-bottom:9px}
.escape-button{width:100%;display:flex;gap:12px;align-items:center;justify-content:center;min-height:49px;background:linear-gradient(120deg,#2b3323,#172723);border:1px solid #b6d98c77;color:#d5eab6;box-shadow:0 0 30px #a6ce5b0b;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:1.4px;transition:.2s}
.escape-button:hover:not(:disabled){background:#34472d;border-color:#d0fc96;box-shadow:0 0 30px #a6ce5b26;transform:translateY(-2px)}
.escape-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.escape-button b{font-size:19px;font-weight:400;margin-left:12px}.escape-button:disabled{opacity:.45;cursor:wait}
.pudge-win{--purple:#d5f3a6;--green:#ddf6a1}.pudge-win .oracle-card{border-color:#b0d17b88;background:#223023;box-shadow:0 0 65px #a9d96512}.pudge-win .portrait-shade{background:linear-gradient(90deg,#202a1c,#1b2417db 20%,#1b24172b),linear-gradient(0deg,#151b13,transparent 80%)}.pudge-win h2{color:#e5f7cc;font-size:57px;line-height:1.04;letter-spacing:-2px}.pudge-win .card-eyebrow,.pudge-win .card-chip{color:#b3d195}.pudge-win .card-chip{border-color:#a2bf7055;background:#a0bd6322}.pudge-win .card-description{color:#acb99d}.pudge-win .hero-tags>span{border-color:#a5bd6f30;color:#a4b98b}.pudge-win .web{opacity:0;transform:scale(1.25)}.pudge-win .oracle-portrait{opacity:.7;object-position:42% center}.pudge-win .wheel-aura{background:#addd5a30}.pudge-win .card-corner{border-color:#d3eeae}.being-hooked .oracle-card{animation:card-hooked 1.3s cubic-bezier(.3,0,.1,1) both}.pudge-arriving .oracle-card{animation:pudge-arrival .9s cubic-bezier(.15,.8,.2,1.2) both}
.spinning .wheel-rim{box-shadow:0 0 0 6px #1f1d26,0 0 0 7px #bc86e277,0 0 0 12px #18171e,0 0 0 13px #b27ee93d,0 0 70px #b276e344,inset 0 0 22px #0007}.spinning .wheel-aura{filter:blur(30px)}.fake-win .hub{box-shadow:0 0 0 6px #17131e,0 0 0 8px #d3a6ff88,0 0 75px #cba0ff66}.fake-win .hub-inner{animation:voodoo-pulse .6s ease-in-out 3}.final-win .wheel-rim{box-shadow:0 0 0 6px #21171e,0 0 0 7px #b5839780,0 0 0 12px #18171e,0 0 0 13px #c187a738,0 0 60px #e68ead2b}
@keyframes escape-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes card-hooked{0%,30%{transform:translateX(0) rotate(0);opacity:1}45%{transform:translateX(-8px) rotate(-2deg)}100%{transform:translateX(-140%) rotate(-14deg);opacity:0}}@keyframes pudge-arrival{from{transform:translateX(60%) rotate(6deg);opacity:0}to{transform:translateX(0) rotate(0);opacity:1}}@keyframes voodoo-pulse{50%{transform:scale(1.12);filter:brightness(1.3)}}
@media(min-width:761px) and (max-height:850px){.final-win .oracle-card{height:221px}.final-win .reaction-strip{display:none}.final-win .escape-panel{margin-top:12px;padding-top:11px}.pudge-win h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){.escape-panel,.being-hooked .oracle-card,.pudge-arriving .oracle-card,.fake-win .hub-inner{animation:none!important}}
.wheel-column{position:relative;perspective:1100px}
.wheel-column::after{content:"";position:absolute;bottom:48px;left:14%;width:72%;height:38px;border-radius:50%;background:radial-gradient(ellipse,#000c,#a36bcd24 40%,transparent 72%);filter:blur(11px);opacity:0;z-index:-1;pointer-events:none;transition:opacity .8s}
.chaos .wheel-column::after{opacity:1;animation:wheel-ground-shadow 18s ease-in-out both}
.chaos .wheel-stage{animation:wheel-liftoff 18s linear both;transform-style:preserve-3d;will-change:transform;z-index:5}
.chaos .wheel-stage::after{content:"";position:absolute;left:23%;right:23%;top:74%;height:45%;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at top,#f0c0ff66,#a55ce833 35%,#7652c600 72%);filter:blur(14px);mix-blend-mode:screen;z-index:-1;pointer-events:none;animation:reactor-thrust 1.1s ease-in-out infinite}
.chaos .oracle-card{border-color:#e9b2ff88;box-shadow:0 0 50px #a866d12a;animation:reactor-card-pulse 3s ease-in-out infinite}
.chaos .readout-led{background:#f3b8ff;box-shadow:0 0 15px #db8eff}.chaos .wheel-rim{border-color:#f4d1ffbb;box-shadow:0 0 0 6px #20152b,0 0 0 8px #d18eff99,0 0 0 12px #19121e,0 0 90px #d180ee88,inset 0 0 25px #0007}
.chaos .hub{box-shadow:0 0 0 6px #17131e,0 0 0 8px #d1a1ff99,0 0 70px #b46bff88}.chaos .orbit-emote{animation-duration:1.2s}.pudge-win .card-eyebrow{letter-spacing:1.4px}.pudge-win .hero-tags>span{font-size:7px}
@keyframes wheel-liftoff{0%{transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}13%{transform:translateY(-20px) rotateX(12deg) rotateY(-10deg) rotateZ(-4deg) scale(1.04)}32%{transform:translateY(-52px) rotateX(27deg) rotateY(17deg) rotateZ(7deg) scale(1.1)}51%{transform:translateY(-88px) rotateX(42deg) rotateY(-23deg) rotateZ(-8deg) scale(1.17)}70%{transform:translateY(-65px) rotateX(-18deg) rotateY(29deg) rotateZ(10deg) scale(1.12)}85%{transform:translateY(-28px) rotateX(13deg) rotateY(-14deg) rotateZ(-5deg) scale(1.06)}100%{transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}}
@keyframes wheel-ground-shadow{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(.62);opacity:.85}}
@keyframes reactor-thrust{50%{opacity:.45;transform:scaleX(.7) scaleY(1.2)}}
@keyframes reactor-card-pulse{50%{box-shadow:0 0 65px #c785ee40;border-color:#f1bcffbb}}
@media(max-width:760px){@keyframes wheel-liftoff{0%,100%{transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}25%{transform:translateY(-28px) rotateX(22deg) rotateY(-14deg) rotateZ(-6deg) scale(1.03)}50%{transform:translateY(-50px) rotateX(34deg) rotateY(20deg) rotateZ(7deg) scale(1.07)}75%{transform:translateY(-30px) rotateX(-12deg) rotateY(-20deg) rotateZ(-7deg) scale(1.04)}}}
@media(prefers-reduced-motion:reduce){.chaos .wheel-stage,.chaos .wheel-column::after,.chaos .wheel-stage::after,.chaos .oracle-card{animation:none!important;transform:none!important}.chaos .wheel-stage::after{display:none}.chaos .wheel-column::after{opacity:0}}
.pudge-win .hub span{color:#e6f9c8}.pudge-win .wheel-rim{border-color:#b5db8177;box-shadow:0 0 0 6px #1d2418,0 0 0 7px #a3c37866,0 0 0 12px #151b12,0 0 0 13px #c2df9426,0 0 55px #b0dd6826}