@import url('/wheel/type.css');

.payment-controls{border:0;padding:0;margin:0 0 17px;min-width:0}
.payment-controls legend{padding:0;margin-bottom:10px}
.payment-assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.payment-assets label{position:relative;cursor:pointer}
.payment-assets input{position:absolute;width:1px;height:1px;opacity:0}
.payment-assets span{display:block;padding:11px 3px;text-align:center;border:1px solid #a688cf26;border-radius:7px;background:#ffffff03;color:#a99eb8;font:11px 'Wheel Mono',monospace;transition:background .15s,border-color .15s,color .15s}
.payment-assets input:checked+span{border-color:#63eadf80;background:#63eadf12;color:#94f1e5}
.payment-assets input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}
.payment-controls:disabled .payment-assets{opacity:.55}
.selection-note{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.payout-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;font-size:12px;color:#b7adc5;text-align:left}
.payout-choice select{font:inherit;max-width:75%;min-width:0;padding:9px 24px 9px 10px;border:1px solid #a688cf35;border-radius:7px;background:#17131f;color:var(--text);color-scheme:dark}
.payout-choice select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.result-dialog.checkout-dialog{width:min(460px,calc(100vw - 28px));text-align:left;padding:34px 28px 26px}
.result-dialog.checkout-dialog h2{font:500 29px 'Wheel Display',Arial,sans-serif;letter-spacing:-1px;margin:0 0 9px}
.checkout-subtitle{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 15px}
.checkout-lock{font:11px/1.6 'Wheel Mono',monospace;color:#a5c7c2;background:#63eadf08;border:1px solid #63eadf25;padding:11px 13px;border-radius:8px;margin:0 0 20px}
.checkout-amounts{display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px 0 20px;overflow-wrap:anywhere;text-align:center}
.checkout-amounts #checkout-spend{font-size:17px;color:#cdc3d9}
.checkout-arrow{font-size:19px;color:#6f9e98}
.checkout-amounts strong{font:500 30px/1.2 'Wheel Display',Arial,sans-serif;letter-spacing:-1px;color:#a5f1e6}
.result-dialog.checkout-dialog dl{margin:0;border-top:1px solid var(--line)}
.result-dialog.checkout-dialog dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #a688cf14;font-size:11px;line-height:1.5}
.result-dialog.checkout-dialog dt{color:#91859f;max-width:47%}
.result-dialog.checkout-dialog dd{margin:0;color:#c6bdd2;text-align:right;max-width:56%;overflow-wrap:anywhere}
.checkout-route{font-size:10px;color:#81748f;overflow-wrap:anywhere;margin:14px 0}
.checkout-refresh{margin:4px 0 17px;color:var(--teal)}
.checkout-dialog #checkout-confirm,.checkout-dialog #checkout-recover{margin:0 0 18px}
.result-dialog.checkout-dialog [data-expired=true] .checkout-amounts{opacity:.4}
@media(max-width:480px){.result-dialog.checkout-dialog{padding:34px 20px 22px}.checkout-amounts strong{font-size:25px}.result-dialog.checkout-dialog dl>div{gap:10px}}

.wallet-panel{padding:15px;border:1px solid var(--line);border-radius:10px;margin:0 0 18px;background:#101d243d}.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-panel p,.claim-status{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.wallet-panel #wallet-status{color:var(--teal)}.claims-panel{margin:22px 0;border-top:1px solid var(--line);padding-top:18px}.claims-panel ul{list-style:none;padding:0;margin:0}.claims-panel li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:12px}.wallet-options{display:grid;gap:10px}.wallet-options button{border:1px solid var(--line);border-radius:8px;background:#211b2d;padding:14px;color:var(--text);text-align:left}.claim-result{margin-bottom:14px}.claim-status{margin:10px 0!important}.claim-link{color:var(--teal);text-decoration:underline}.network-test .preview-tag{color:var(--teal);border-color:#63eadf55}.network-test .ticket-unit{font-size:11px}

/* One edge-to-edge glass panel. Branding and character art are live SVG
   elements, independent from the hardware image and the animated reel. */
.wheel-screen,.screen-glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.screen-header{fill:var(--screen-ink,#ded8ed)}
#screen-wordmark{font:800 80px Arial,Helvetica,sans-serif;letter-spacing:-4px;filter:drop-shadow(0 0 7px #b6bbf11c)}
.screen-brand-divider{stroke:var(--screen-ink,#ded8ed);stroke-opacity:.28;stroke-width:2}
.screen-logo{opacity:.85}
.screen-mascot{opacity:.82;filter:saturate(.65)}
.screen-cat{opacity:.8;filter:saturate(.55)}
.screen-pointer{fill:var(--screen-accent,#63eadf);stroke:#cdfff6;stroke-width:1.5;filter:drop-shadow(0 0 7px #63eadf99)}
.screen-glass{z-index:1}
.machine-light{z-index:2}.wheel-button{z-index:3}

:root{color-scheme:dark;--bg:#0e0d14;--text:#f4f1fb;--muted:#aaa4b9;--faint:#756f84;--line:rgba(216,196,255,.12);--teal:#63eadf;--violet:#b598ed;--reward-color:#63eadf;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 38% 38%,#1a1226 0,transparent 52%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:6px}button:disabled{opacity:.6}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:24px;z-index:99;background:var(--teal);color:#092a28;padding:15px 24px}.skip-link:focus{top:12px}
.topbar{max-width:1552px;margin:auto;padding:25px 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:15px;font-size:27px;font-weight:900;letter-spacing:-1.3px}.wordmark>span{font-size:16px;font-weight:400;opacity:.35}.wordmark img{border-radius:50%;opacity:.85}.topbar-actions{display:flex;align-items:center;gap:30px}.preview-tag{font:10px 'Wheel Mono',monospace;letter-spacing:1.8px;border:1px solid #51445e;border-radius:50px;padding:9px 12px;color:#c8b8dd;background:#251c3040}.room-link{font-size:13px;color:#b8b2c5}.room-link span{margin-left:10px}.room-link:hover{color:white}
.play-layout{max-width:1470px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 326px;align-items:center;gap:38px;padding:25px 52px 38px 26px;min-height:calc(100svh - 154px)}.machine-section{min-width:0}.machine-topline,.machine-footline{display:flex;justify-content:space-between;align-items:center;color:var(--faint);font:10px 'Wheel Mono',monospace;letter-spacing:1.2px;padding:0 20px}.machine-tools{display:flex;gap:17px}.tool-button{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:8px 0;color:#a89fb8;font:11px 'Wheel Mono',monospace;letter-spacing:0}.tool-button:hover{color:var(--teal)}.tool-button[aria-pressed=true]{color:var(--teal)}.tool-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.machine-space{perspective:1450px;perspective-origin:50% 45%;position:relative;aspect-ratio:1.05;max-width:880px;margin-inline:auto;isolation:isolate;display:flow-root}.machine{position:relative;width:100%;max-width:850px;margin:auto;container-type:inline-size;transform-style:flat;transform-origin:52% 57%;will-change:transform;animation:machine-float 6.4s ease-in-out infinite;animation-play-state:paused;aspect-ratio:1}.wheel-art{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-mask-image:url(/wheel/assets/wheel-device-mask.png);mask-image:url(/wheel/assets/wheel-device-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.machine canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}/* Screen typography follows the perspective already present in the render. */
.machine-display{position:absolute;left:25.3%;top:26.5%;width:33%;transform-origin:left top;transform:rotate(9deg) skewX(-9deg);pointer-events:none;display:flex;align-items:flex-start;flex-direction:column;color:var(--screen-ink,#e4deee);text-shadow:0 0 28px #d8c4ff12}
.machine-display strong{font:700 14.4cqw/.93 'Wheel Display',Arial,sans-serif;letter-spacing:-.075em;font-variant-numeric:tabular-nums;transform-origin:left center}
.display-caption{font:500 3.2cqw/1.3 'Wheel Display',Arial,sans-serif;letter-spacing:-.035em;color:#bdb3cc;margin-top:.8cqw;white-space:nowrap}
.display-activity{display:flex;align-items:center;gap:1.2cqw;margin-top:4.1cqw;color:var(--display-accent,var(--teal));min-height:1.5cqw}
.display-status{font:500 1.05cqw 'Wheel Mono',monospace;letter-spacing:.14em;opacity:.66;white-space:nowrap}
.activity-bars{display:flex;align-items:center;gap:.24cqw;height:1.5cqw;opacity:.7}
.activity-bars i{display:block;width:.23cqw;height:.55cqw;background:currentColor;border-radius:1px}
.activity-bars i:nth-child(2),.activity-bars i:nth-child(4){height:.95cqw}.activity-bars i:nth-child(3){height:1.4cqw}
.machine[data-phase=spinning] .activity-bars i{animation:activity-level .65s ease-in-out infinite alternate}
.machine[data-phase=spinning] .activity-bars i:nth-child(2n){animation-delay:-.3s}.machine[data-phase=spinning] .activity-bars i:nth-child(3){animation-delay:-.15s}
.machine[data-phase=spinning] #display-count{opacity:.75}.machine[data-phase=settled] .display-caption{color:var(--display-accent)}
.machine-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,45%) var(--light-y,30%),#d2faff16,transparent 58%);mix-blend-mode:screen;mask:url(/wheel/assets/wheel-device-mask.png) center/100% 100% no-repeat;-webkit-mask:url(/wheel/assets/wheel-device-mask.png) center/100% 100% no-repeat}
@keyframes activity-level{to{transform:scaleY(.3);opacity:.5}}

.wheel-button{position:absolute;left:57.2%;top:49%;width:30.2%;height:29.2%;border-radius:50%;background:transparent;border:0;padding:0;transform:rotate(12deg);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s,background .2s;opacity:1!important}.wheel-button:not(:disabled):hover{background:rgba(169,255,250,.07);box-shadow:0 0 35px #5bf0e52b,inset 0 0 30px #b5fff42a}.wheel-button:not(:disabled):active,.machine[data-phase=preparing] .wheel-button{box-shadow:inset 0 12px 30px #003e5270;background:#053d5438}.wheel-button:focus-visible{outline:3px solid #d3fff7;outline-offset:10px}.button-ripple{position:absolute;inset:15%;border:1px solid #cbfff8;border-radius:50%;opacity:0}.machine[data-phase=preparing] .button-ripple{animation:button-ripple .6s ease-out}.machine[data-phase=spinning] .wheel-button{animation:button-breathe 1.8s ease-in-out infinite}.machine[data-phase=settled] .wheel-button{box-shadow:0 0 55px #7cfff345,inset 0 0 40px #b2fff32e}.machine[data-phase=loading] canvas,.machine[data-phase=loading] .machine-display{opacity:0}.machine-footline{margin-top:-8px;padding:0 30px;letter-spacing:0;font-size:11px;color:#9a90aa;gap:10px}.keyboard-hint{white-space:nowrap;color:#756981}kbd{font:9px 'Wheel Mono',monospace;padding:4px 6px;border:1px solid #3c3049;border-radius:3px;margin-right:4px}
.play-panel{padding:12px 0 0}.eyebrow{font:10px 'Wheel Mono',monospace;letter-spacing:.19em;color:var(--violet);margin:0 0 16px}h1{font-family:'Wheel Display',Arial,sans-serif;font-size:56px;font-weight:600;line-height:1.05;letter-spacing:-3.6px;margin:0 0 17px}h1>span{color:var(--teal)}.intro{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 30px;max-width:275px}.ticket-strip{display:flex;justify-content:space-between;align-items:center;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:21px}.small-label{font:10px 'Wheel Mono',monospace;letter-spacing:.14em;color:#9c91ad}.ticket-strip strong{display:flex;align-items:baseline;gap:12px;margin-top:8px;font-size:29px;font-weight:500;letter-spacing:-.8px}.ticket-unit{font-size:12px;color:#aaa0b8;letter-spacing:0;font-weight:400}.ticket-mark{font-size:43px;color:var(--teal);opacity:.8;font-weight:100}.spin-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:1px solid #8bfff43b;border-radius:8px;background:linear-gradient(115deg,#75eee0,#50cbbc);box-shadow:0 3px 0 #26766c,0 5px 26px #4cb9a410;padding:17px 20px;color:#103b37;font-size:15px;font-weight:700;transition:filter .2s,transform .2s,box-shadow .2s}.spin-cta:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 3px 0 #26766c,0 5px 30px #4cb9a435}.spin-cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #26766c}.cta-arrow{font-size:23px;font-weight:400}.preview-note{font-size:11px;line-height:1.6;color:#8e839e;margin:13px 0 27px;text-align:center}.error-message{font-size:13px;line-height:1.6;padding:12px;border:1px solid #f39ec440;border-radius:7px;color:#f6b2d1;background:#401e3340}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.section-heading h2{font-size:13px;font-weight:500;margin:0}.section-heading>span{font:9px 'Wheel Mono',monospace;color:#877a98;letter-spacing:1.2px}.reward-pool{list-style:none;padding:0;margin:0}.reward-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #ffffff05;font-size:13px}.reward-swatch{width:19px;height:9px;border-radius:5px;background:var(--reward-color);box-shadow:0 0 9px color-mix(in srgb,var(--reward-color) 16%,transparent);opacity:.85;flex-shrink:0}.reward-row .reward-name{flex:1;color:#bfb5ce}.reward-row .reward-chance{font:11px 'Wheel Mono',monospace;color:#8c7f9d}.pool-note{font-size:11px;line-height:1.5;color:#81758f;margin:13px 0 23px}.history-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-panel summary{cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;font-size:13px;list-style:none}.history-panel summary::-webkit-details-marker{display:none}.history-panel summary>span{display:flex;gap:20px;color:#a99abd}.history-chevron{transition:transform .2s}.history-panel[open] .history-chevron{transform:rotate(180deg)}.spin-history{padding:0 0 9px;margin:0;list-style:none;max-height:185px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4c3a61 transparent}.history-item{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:12px}.history-item>span:nth-child(2){flex:1}.history-item time{font:10px 'Wheel Mono',monospace;color:#8d7fa0}.empty-history{font-size:12px;color:var(--faint);padding:0 0 15px}.panel-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px;color:#72667f;font-size:10px;line-height:1.6}.text-button{border:0;background:none;color:#b8a9ca;padding:5px 0;font-size:11px;white-space:nowrap}.text-button:hover{color:var(--teal)}.text-button:disabled{cursor:default}.page-footer{max-width:1460px;margin:auto;padding:22px 46px;display:flex;justify-content:space-between;border-top:1px solid #a688cf10;font:9px 'Wheel Mono',monospace;letter-spacing:1.5px;color:#675c75}
.result-dialog{--reward-color:#63eadf;width:min(430px,calc(100vw - 36px));max-height:calc(100svh - 32px);padding:40px 36px 25px;border:1px solid #a688cf35;border-radius:20px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--reward-color) 10%,#19151f),#15111c 67%);color:var(--text);text-align:center;overflow-y:auto;box-shadow:0 30px 100px #0009}.result-dialog[open]{animation:reveal-card .35s ease-out}.result-dialog::backdrop{background:#06050cc9;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:14px;right:17px;width:28px;height:28px;border:0;background:none;font-size:25px;font-weight:300;color:#a69aaf}.result-dialog .eyebrow{font-size:10px;color:#a197ad}.result-art{position:relative;height:190px;display:grid;place-items:center;color:var(--reward-color)}.result-crystal{font-size:137px;line-height:1;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--reward-color) 50%,transparent));transform:rotate(10deg);text-shadow:2px 4px 0 #ffffff29,-2px -2px 0 #ffffff88}.result-orbit{position:absolute;width:175px;height:175px;border:1px solid color-mix(in srgb,var(--reward-color) 25%,transparent);border-radius:50%;transform:rotateX(55deg) rotate(-22deg);box-shadow:0 0 55px color-mix(in srgb,var(--reward-color) 7%,transparent)}.result-spark{position:absolute;font-size:21px;opacity:.55}.spark-one{top:23px;left:60px}.spark-two{right:55px;bottom:33px;font-size:13px}.rarity-pill{display:inline-block;border-radius:20px;background:color-mix(in srgb,var(--reward-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--reward-color) 25%,transparent);color:var(--reward-color);font:9px 'Wheel Mono',monospace;letter-spacing:1.8px;padding:7px 13px}.result-dialog h2{font:500 35px 'Wheel Display',Arial,sans-serif;letter-spacing:-1.2px;margin:16px 0 9px}.result-dialog>p:not(.eyebrow){color:#a59aae;font-size:12px;line-height:1.6;margin:0 0 28px}.result-dialog>.text-button{margin-top:17px}.no-script{position:fixed;bottom:0;left:0;right:0;padding:16px;text-align:center;background:#282034;color:#fff}
/* Composite the face into one plane before tilting: coplanar 3D hit targets
   can otherwise lose pointer events to the case during its float animation.
   Cursor tilt is on its own wrapper so the reel, display and click target
   stay registered to the artwork while ambient movement remains independent. */
.machine-tilt{position:relative;z-index:1;max-width:820px;width:94%;margin:1.5% auto 0;transform-style:preserve-3d;transform-origin:52% 57%;will-change:transform;transform:translate3d(var(--lean-x,0%),var(--lean-y,0%),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(var(--tilt-z,0deg));}

/* Animate the entire assembly together: artwork, reel, screen and hit target.
   Pausing preserves the current pose; resuming does not jump to a new clock time. */
.machine[data-motion=running]:not([data-phase=loading]):not([data-phase=result]):not([data-page-hidden=true]){animation-play-state:running}
/* These stage effects are outside the moving device: no rectangular image
   background or baked floor shadow is ever carried through the tilt transform. */
.machine-space::before{content:'';position:absolute;inset:4% 2% 9%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 43% 52%,#8464b510,transparent 66%)}
.machine-shadow{position:absolute;z-index:0;left:17%;width:67%;height:8%;bottom:3.5%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#000b 0%,#0008 35%,#0000 72%);filter:blur(12px);transform-origin:center;animation:machine-floor-shadow 6.4s ease-in-out infinite;animation-play-state:paused}
.machine-space[data-motion=running]:not([data-phase=loading]):not([data-phase=result]):not([data-page-hidden=true]) .machine-shadow{animation-play-state:running}
@keyframes machine-float{
  0%,100%{transform:translate3d(-.3%,-1.7%,0) rotateX(-.5deg) rotateY(-.7deg) rotateZ(-.45deg)}
  50%{transform:translate3d(.3%,1.1%,0) rotateX(.5deg) rotateY(.7deg) rotateZ(.45deg)}
}
@keyframes machine-floor-shadow{
  0%,100%{transform:scale(.89,.83);opacity:.47}
  50%{transform:scale(1,1);opacity:.66}
}
@keyframes button-ripple{0%{transform:scale(.4);opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes button-breathe{50%{background:#6bfff41a;box-shadow:0 0 50px #4ffff21a}}@keyframes reveal-card{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1500px){.play-layout{grid-template-columns:minmax(0,1fr) 350px;gap:54px;padding-left:40px;padding-right:65px}.intro{font-size:16px}.reward-row{padding:12px 0;font-size:14px}}
@media(max-width:1100px){.play-layout{padding:25px 32px 35px 12px;gap:22px;grid-template-columns:minmax(0,1fr) 290px}.topbar{padding:21px 32px}h1{font-size:49px}.machine-topline,.machine-footline{padding-left:20px;padding-right:8px}.machine-footline{font-size:10px}.keyboard-hint{display:none}.tool-label{display:none}.machine-topline{font-size:9px}.play-panel{padding-top:20px}.intro{margin-bottom:24px}.page-footer{padding:22px 32px}}
@media(max-width:760px){.topbar{padding:18px 22px}.wordmark{font-size:24px;gap:11px}.wordmark img{width:31px;height:31px}.topbar-actions{gap:14px}.room-link{font-size:0}.room-link span{font-size:20px;margin:0}.preview-tag{font-size:8px;letter-spacing:1.2px;padding:8px 10px}.play-layout{display:flex;flex-direction:column;padding:21px 0 30px;gap:20px;min-height:0}.machine-section{width:100%;max-width:620px}.machine-topline{padding:0 26px}.machine-space{margin-top:-3px}.machine{max-width:590px}.machine-footline{padding:0 30px;justify-content:center;margin-top:-2px;font-size:11px}.play-panel{width:100%;max-width:490px;padding:7px 28px 0}.play-panel>.eyebrow{font-size:9px;margin-bottom:11px}h1{font-size:45px;letter-spacing:-2.5px;margin-bottom:11px}.intro{max-width:none;font-size:14px;margin-bottom:22px}.ticket-strip{padding:15px 0;margin-bottom:18px}.ticket-strip strong{font-size:27px}.pool-section{margin-top:24px}.preview-note{margin-bottom:24px}.section-heading h2,.reward-row{font-size:14px}.pool-note,.preview-note{font-size:12px}.panel-bottom{font-size:10px}.page-footer{padding:22px 26px;font-size:8px}.result-dialog{padding:35px 26px 22px}.result-art{height:170px}.result-crystal{font-size:118px}.result-orbit{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.machine,.machine-tilt{transform:none!important}.result-dialog::backdrop{backdrop-filter:none}}

.wallet-balances{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.wallet-balances dt{font-size:10px;color:var(--muted)}.wallet-balances dd{margin:5px 0 0;font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.cost-panel{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin:0 0 18px}.cost-panel summary{cursor:pointer;line-height:1.6}.cost-panel summary strong{display:block;color:var(--teal);font-weight:500;margin-top:4px}.cost-panel dl{margin:12px 0}.cost-panel dl>div{display:flex;justify-content:space-between;gap:12px;margin:9px 0}.cost-panel dd{margin:0;white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums}.cost-panel p{line-height:1.65;margin-bottom:0}.wallet-balances[hidden],.cost-panel[hidden]{display:none}
.button-socket{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
/* This native button owns the visible cap and a padded, stationary hit area.
   Its local viewport is the 700,600 → 1110,1000 rectangle in the original art. */
.wheel-button{left:55.82137%;top:47.84689%;width:32.69537%;height:31.89793%;transform:none;isolation:isolate;touch-action:manipulation}
.button-cap{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.button-cap *{pointer-events:none}
.button-plunger{transform-box:view-box;transform-origin:204px 197px;transform:translate(-2px,-6px);filter:drop-shadow(2px 9px 6px #0009);transition:transform .17s cubic-bezier(.2,.8,.3,1),filter .1s;will-change:transform}
.machine[data-button=hover] .button-plunger{filter:drop-shadow(2px 9px 6px #0009) drop-shadow(0 0 13px #63eadf55) brightness(1.09);transition:transform .17s cubic-bezier(.2,.8,.3,1),filter .035s}
.machine[data-button=pressed] .button-plunger{transform:translate(3px,10px) scale(.953);filter:drop-shadow(0 1px 2px #000c) brightness(.88);transition:transform .085s cubic-bezier(.3,0,.65,1),filter .085s}
.wheel-button,.wheel-button:not(:disabled):hover,.wheel-button:not(:disabled):active,.machine[data-phase=preparing] .wheel-button,.machine[data-phase=settled] .wheel-button{background:transparent;box-shadow:none}
.machine[data-phase=spinning] .wheel-button{animation:none}
@media(prefers-reduced-motion:reduce){.button-plunger,.machine[data-button=hover] .button-plunger,.machine[data-button=pressed] .button-plunger{transform:none;transition:none}}
.claim-actions{display:flex;align-items:center;gap:13px}.claim-all{border:1px solid #63eadf50;border-radius:6px;padding:7px 10px;color:var(--teal);background:#63eadf0a}.claims-panel .section-heading{align-items:center;flex-wrap:wrap;gap:12px}
@media(max-width:380px){.topbar{padding-inline:18px}.topbar-actions{gap:9px}.preview-tag{font-size:7px;letter-spacing:.8px;padding:7px 8px}}