@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Jua&family=Outfit:wght@500;600;700;800;900&display=swap";:root{color:#fffaf2;font-synthesis:none;background:#130b2d;font-family:Outfit,Jua,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#130b2d;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #fff}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 84% 3%,#ffc14d33,#0000 25rem),radial-gradient(circle at 13% 32%,#60d6b421,#0000 30rem),linear-gradient(145deg,#18093a 0%,#2c1152 50%,#11082d 100%);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid #ffffff24;align-items:center;gap:30px;width:min(1180px,100% - 48px);min-height:74px;margin:auto;display:flex}.brand{color:#fffaf2;letter-spacing:-.06em;white-space:nowrap;font-size:20px;font-weight:900;text-decoration:none}.brand span{color:#ffd65b}.topbar p{color:#fffaf2a8;letter-spacing:.01em;flex:1;margin:0;font-size:13px}.text-button{color:#ffffffc7;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff73;padding:8px 0;font-size:12px}.text-button:hover{color:#fff;border-color:#fff}.hero{justify-content:space-between;align-items:center;gap:48px;width:min(1180px,100% - 48px);min-height:326px;margin:auto;padding:76px 0 55px;display:flex;position:relative}.hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:340px;position:absolute;top:18px;right:6%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.eyebrow{color:#ffdb72;letter-spacing:.12em;margin:0 0 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.hero h1,h2{letter-spacing:-.065em;margin:0}.hero h1{font-size:clamp(43px,6vw,76px);font-weight:900;line-height:.93}.hero em,.turn-panel em{color:#ffd55a;font-style:normal}.hero__copy{color:#fffaf2bf;margin:21px 0 0;font-size:15px;line-height:1.65}.hero__counter{z-index:1;background:#3219578a;border:1px solid #ffffff4d;border-radius:50%;align-content:center;justify-items:center;width:186px;min-height:186px;display:grid;box-shadow:inset 0 0 30px #ffffff0f,0 12px 40px #04001440}.hero__counter span,.hero__counter small{color:#ffffffa6;font-size:11px}.hero__counter strong{color:#fff4b5;letter-spacing:-.08em;font-size:67px;line-height:.95}.machine-section,.play-section,.capsule-section,.inventory-section{width:min(1180px,100% - 48px);margin:auto}.machine-section,.capsule-section,.inventory-section{padding:38px 0 48px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.section-heading h2{font-size:28px;font-weight:800}.selection-note,.inventory-disclaimer{color:#ffffffa3;font-size:12px}.selection-note:before{content:"●";color:#77e8b6;margin-right:7px;font-size:9px}.machine-list{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.machine{--machine-primary:#72e1b0;--machine-secondary:#b8fff3;isolation:isolate;color:#241341;text-align:left;cursor:pointer;background:linear-gradient(90deg,#ffffffeb 0 10%,#e9f4ed 10% 90%,#ffffffeb 90%);border:2px solid #ffffff38;border-radius:19px 19px 30px 30px;min-height:348px;padding:14px 16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 17px #07021766,0 27px 38px #05001a47}.machine:before{content:"";z-index:-1;background:linear-gradient(115deg, #ffffffad, transparent 34%), var(--machine-primary);opacity:.75;border-radius:12px 12px 24px 24px;position:absolute;inset:7px 10px 14px}.machine:hover:not(:disabled){transform:translateY(-7px)}.machine.is-selected{border-color:#fff5bd;transform:translateY(-9px);box-shadow:0 17px #07021766,0 0 0 3px #ffde6b73,0 30px 52px #ffd25340}.machine:disabled:not(.is-selected){opacity:.5}.machine[data-theme=grape]{--machine-primary:#bd83ef;--machine-secondary:#eabfff}.machine[data-theme=sunset]{--machine-primary:#ffb173;--machine-secondary:#ffe0a7}.machine__top{color:#2f194a99;font-family:DM Mono,monospace;font-size:11px;position:absolute;top:12px;left:16px}.machine__poster{color:#fffef9;text-align:center;background:linear-gradient(140deg, #2b0b6d, #7b43b9 50%, var(--machine-primary));border:4px solid #47266a;border-radius:7px;place-content:center;height:104px;margin:14px 11px 13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #00000057}.machine__poster:before,.machine__poster:after{content:"";aspect-ratio:1;border:1px solid #ffffff6b;border-radius:50%;width:105px;position:absolute}.machine__poster:before{top:-61px;left:-30px}.machine__poster:after{bottom:-75px;right:-22px}.machine__poster strong{z-index:1;letter-spacing:-.09em;font-size:21px;line-height:.85}.machine__poster small{z-index:1;letter-spacing:.1em;margin-top:6px;font-family:DM Mono,monospace;font-size:7px}.machine__poster-star{color:#ffe46c;font-size:18px;position:absolute;top:11px;right:15px}.machine__dome{background:linear-gradient(135deg,#ffffffe6,#ffffff47 42%,#ffffff14 50%),#d6fdf77a;border:5px solid #47266a;border-radius:92px 92px 15px 15px;justify-content:center;align-items:flex-end;gap:3px;height:116px;padding:0 23px 15px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -12px 20px #351f662e}.machine__dome i{background:linear-gradient(145deg,#ffdd68 0 49%,#fff 50% 55%,#71ddc0 56%);border:3px solid #fff;border-radius:50%;flex:0 0 26px;width:26px;height:26px;box-shadow:0 2px 3px #1e064c4d}.machine__dome i:nth-child(2n){background:linear-gradient(145deg,#b97cf0 0 49%,#fff 50% 55%,#ffad78 56%);transform:translateY(-13px)}.machine__dome i:nth-child(3n){background:linear-gradient(145deg,#66d9f0 0 49%,#fff 50% 55%,#ffc475 56%);transform:translateY(-4px)}.machine__gear{z-index:3;color:#fff7cf;text-shadow:0 1px #44216d;background:#7f4cc6;border:6px solid #fff8de;border-radius:50%;place-content:center;width:63px;height:63px;font-size:38px;line-height:1;display:grid;position:absolute;bottom:52px;right:34px;box-shadow:0 4px #392066,inset 0 0 0 7px #57328a}.machine__exit{background:#24143c;border:5px solid #422166;border-radius:9px;width:75px;height:24px;position:absolute;bottom:31px;left:27px;box-shadow:inset 0 3px #0d071b}.machine__name{color:#f6f0e4;letter-spacing:.07em;font-family:DM Mono,monospace;font-size:10px;position:absolute;bottom:12px;left:22px}.play-section{grid-template-columns:1fr 1fr;gap:26px;padding:53px 0;display:grid}.play-panel,.turn-panel{background:#ffffff13;border:1px solid #ffffff29;border-radius:24px;min-height:442px;padding:35px;box-shadow:inset 0 1px #ffffff14,0 18px 44px #04001c29}.draw-counts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:31px;display:grid}.draw-counts button{color:#fff6e5;cursor:pointer;background:#0d04254a;border:1px solid #ffffff38;border-radius:15px;place-content:center;min-height:105px;transition:background .16s,border-color .16s,transform .16s;display:grid}.draw-counts button:hover:not(:disabled){border-color:#fff4bd;transform:translateY(-3px)}.draw-counts button.is-selected{background:linear-gradient(145deg,#f5bd45,#ef7f69);border-color:#ffdd6e;box-shadow:0 6px 18px #ffb74133}.draw-counts button:disabled:not(.is-selected){opacity:.35}.draw-counts strong{letter-spacing:-.07em;font-size:40px;line-height:1}.draw-counts span{margin-top:6px;font-size:12px}.availability-note{color:#ffffffa8;min-height:22px;margin:16px 0;font-size:13px}.availability-note strong{color:#8cf4c2}.purchase-button{color:#351647;cursor:pointer;background:#ffdb69;border:0;border-radius:14px;width:100%;min-height:58px;font-weight:800;box-shadow:0 5px #cf9d35}.purchase-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #cf9d35}.purchase-button:disabled{color:#fff6;box-shadow:none;background:#ffffff21}.payment-note{color:#ffffff73;margin:20px 0 0;font-size:11px;line-height:1.55}.turn-panel{text-align:center;position:relative;overflow:hidden}.turn-panel:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 54%,#ffd5512b,#0000 39%);transition:opacity .3s;position:absolute;inset:0}.turn-panel[data-status=committing]:after,.turn-panel[data-status=dispensing]:after{opacity:1}.turn-panel__header{justify-content:space-between;align-items:start;display:flex}.turn-panel__header .eyebrow{margin:0}.turn-panel__header span{color:#ffffff9e;font-family:DM Mono,monospace;font-size:11px}.turn-panel h2{margin-top:27px;font-size:28px;line-height:1.05}.handle-stage{place-items:center;width:214px;height:214px;margin:14px auto 6px;display:grid;position:relative}.machine-gear{color:#ffde6e42;font-size:185px;line-height:1;transition:transform .3s;position:absolute}.machine-gear.is-spinning{color:#ffde6e73;animation:1s linear infinite spin}.handle-wheel{--wheel-angle:0deg;z-index:1;color:#48206e;cursor:default;width:126px;height:126px;transform:rotate(var(--wheel-angle));touch-action:none;background:conic-gradient(from 30deg,#ef866a,#ffce6a,#73e4ba,#a879dc,#ef866a);border:13px solid #fff1c6;border-radius:50%;transition:transform .26s cubic-bezier(.2,.8,.3,1);position:relative;box-shadow:0 0 0 10px #4f297f,0 7px #2a134c,0 12px 25px #0000004d,inset 0 0 0 7px #fff6}.handle-wheel.is-enabled{cursor:grab}.handle-wheel.is-dragging{cursor:grabbing;transition:none}.handle-wheel__notch{background:#fff4cf;border-radius:8px;width:15px;height:34px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px #d68c52}.handle-wheel__hub{color:#542178;letter-spacing:.07em;background:#ffd970;border:5px solid #fef6df;border-radius:50%;place-content:center;font-family:DM Mono,monospace;font-size:10px;font-weight:500;display:grid;position:absolute;inset:30px;box-shadow:inset 0 -5px #e99756}.handle-arrow{color:#fff0b2;font-size:28px;position:absolute;top:28px;right:5px}.turn-meter{background:#ffffff21;border-radius:4px;max-width:285px;height:7px;margin:0 auto 14px;overflow:hidden}.turn-meter span{border-radius:inherit;background:linear-gradient(90deg,#74e6be,#ffda62);width:0;height:100%;transition:width .15s;display:block}.accessible-turn{color:#ffffffd6;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:7px;padding:7px 11px;font-size:12px}.accessible-turn:disabled{opacity:.4}.turn-hint{color:#ffffff91;min-height:20px;margin:13px 0 0;font-size:12px}.capsule-section{padding-top:30px}.open-all{color:#4c216d;cursor:pointer;background:#ffdc72;border:1px solid #ffdc72;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:800}.open-all:disabled{color:#fff6;background:0 0;border-color:#fff3}.capsule-area{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;align-items:center;gap:16px;min-height:208px;padding:18px 6px 22px;display:flex;overflow-x:auto}.empty-capsules{color:#ffffff7a;text-align:center;width:100%;font-size:14px}.capsule{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff30;border-radius:13px;flex:0 0 126px;min-height:168px;padding:12px 7px;animation:.42s cubic-bezier(.18,1.4,.35,1) both capsule-arrive;position:relative;overflow:hidden}.capsule:hover:not(:disabled){border-color:#ffedaa;transform:translateY(-5px)}.capsule:disabled{cursor:default}.capsule__number{color:#ffffff73;font-family:DM Mono,monospace;font-size:9px;position:absolute;top:9px;left:11px}.capsule__orb{color:#4c2172;background:linear-gradient(160deg,#fbd372 0 48%,#fff5dc 49% 54%,#8ce4c1 55%);border:4px solid #ffffffe6;border-radius:50%;place-content:center;width:79px;height:79px;margin:14px auto 9px;display:grid;position:relative;overflow:hidden;box-shadow:inset 5px 6px #fff6,0 7px 12px #0000002e}.capsule__orb:after{content:"";background:#ffffffbf;width:100px;height:10px;position:absolute;top:35px;left:-10px;transform:rotate(-14deg)}.capsule__orb i{background:#ffffffa6;border-radius:50%;width:13px;height:9px;position:absolute;top:15px;left:20px}.capsule__orb b{z-index:1;font-size:28px}.capsule__result{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:9px;display:block;overflow:hidden}.capsule.is-revealed{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, currentColor 29%, transparent), #ffffff12 52%);border-color:currentColor}.capsule.is-revealed .capsule__orb{color:#fff;background:currentColor;box-shadow:0 0 24px,inset 5px 6px #ffffff59}.capsule.is-revealed .capsule__orb:after{opacity:.35}.capsule.is-revealed .capsule__result{color:#fff;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.capsule.grade-gold{color:#ffd654}.capsule.grade-violet{color:#c08bff}.capsule.grade-blue{color:#7ec1ff}.capsule.grade-green{color:#71eab0}.capsule.is-opening{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, currentColor 30%, transparent), #ffffff12 52%);border-color:currentColor}.capsule.is-opening .capsule__orb{animation:.45s ease-in-out infinite alternate opening-glow;box-shadow:0 0 28px,inset 5px 6px #ffffff80}.inventory-section{padding-bottom:73px}.inventory-list{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.inventory-card{color:#fff;background:#ffffff14;border-top:3px solid;border-radius:4px 4px 12px 12px;align-content:start;min-height:137px;padding:17px;display:grid}.inventory-card.grade-gold{color:#ffd65e}.inventory-card.grade-violet{color:#c291ff}.inventory-card.grade-blue{color:#7cbfff}.inventory-card.grade-green{color:#78e7b3}.inventory-card__grade{font-family:DM Mono,monospace;font-size:11px}.inventory-card strong{color:#fff;margin-top:5px;font-size:14px}.inventory-card__remaining{color:#ffffffb0;margin-top:15px;font-size:11px}.inventory-card__remaining b{color:#fff;font-size:16px}.inventory-card__probability{color:#ffffff78;margin-top:2px;font-family:DM Mono,monospace;font-size:10px}.toast{z-index:10;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#221143f2;border:1px solid #fff4ba8c;border-radius:11px;max-width:min(480px,100% - 40px);padding:14px 19px;font-size:13px;transition:opacity .22s,transform .22s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,22px);box-shadow:0 12px 35px #00000047}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes capsule-arrive{0%{opacity:0;transform:translateY(-64px)rotate(-10deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes opening-glow{0%{filter:brightness();transform:scale(.95)}to{filter:brightness(1.38);transform:scale(1.08)}}@media (width<=760px){.topbar,.hero,.machine-section,.play-section,.capsule-section,.inventory-section{width:min(100% - 30px,560px)}.topbar{gap:13px;min-height:60px}.topbar p{display:none}.text-button{margin-left:auto}.hero{align-items:end;min-height:0;padding:54px 0 42px}.hero h1{font-size:47px}.hero:after{width:250px;top:20px;right:-100px}.hero__counter{width:122px;min-height:122px}.hero__counter strong{font-size:45px}.hero__counter small{display:none}.machine-list{grid-template-columns:repeat(3,minmax(144px,1fr));gap:10px;padding:7px 3px 19px;overflow-x:auto}.machine{border-radius:13px 13px 20px 20px;min-width:144px;min-height:274px;padding:9px}.machine__poster{border-width:3px;height:78px;margin:9px 4px}.machine__poster strong{font-size:16px}.machine__poster small{font-size:5px}.machine__dome{border-width:4px;height:88px;padding:0 12px 10px}.machine__dome i{border-width:2px;flex-basis:18px;width:18px;height:18px}.machine__gear{border-width:4px;width:46px;height:46px;font-size:27px;bottom:40px;right:18px}.machine__exit{border-width:3px;width:55px;height:18px;bottom:27px;left:16px}.machine__name{font-size:7px;bottom:10px;left:13px}.play-section{grid-template-columns:1fr;padding:32px 0}.play-panel,.turn-panel{min-height:0;padding:27px 21px}.inventory-list{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:23px}.inventory-disclaimer{display:none}}@media (width<=430px){.hero{gap:5px}.hero__copy{font-size:13px}.hero__counter{width:105px;min-height:105px}.hero__counter span{font-size:9px}.hero__counter strong{font-size:38px}.machine-section,.capsule-section,.inventory-section{padding-top:27px;padding-bottom:30px}.selection-note{display:none}.draw-counts button{min-height:89px}.draw-counts strong{font-size:34px}.capsule{flex-basis:114px}.capsule__orb{width:70px;height:70px}.topbar,.hero,.machine-section,.play-section,.capsule-section,.inventory-section{width:calc(100% - 28px)}}