.st-band{--st-ink:#e9f1ec;--st-mu:#8ea79b;--st-ln:#ffffff14;--gold:#f0a202;--teal:#4fd8c4;--dia:#5fd8ff;width:100vw;max-width:100vw;color:var(--st-ink);isolation:isolate;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(18px,3vw,40px) 0 clamp(28px,4vw,56px);position:relative}.st-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.st-bg-img{object-fit:cover;object-position:center 30%;filter:saturate(1.35)brightness(1.08)contrast(1.05)}.st-bg-tint{background:radial-gradient(42% 38% at 86% 14%,#050c0973,#0000 75%),linear-gradient(#081a129e 0%,#081a1273 45%,#081a1233 75%,#050c09bf 100%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.st-in{width:min(1180px,100% - 2rem);margin:0 auto}.st-plate{background:linear-gradient(#060e0bc2,#060e0ba8 60%,#060e0b94);border:1px solid #ffffff29;padding:clamp(16px,2.4vw,30px);position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 0 70px #f0a2021a,0 26px 50px -12px #000c}.st-plate:after{content:"";pointer-events:none;--k:var(--gold);background:linear-gradient(var(--k), var(--k)) 0 0 / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 0 0 / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 100% 0 / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 100% 0 / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 0 100% / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 0 100% / 2px 22px no-repeat, linear-gradient(var(--k), var(--k)) 100% 100% / 22px 2px no-repeat, linear-gradient(var(--k), var(--k)) 100% 100% / 2px 22px no-repeat;position:absolute;inset:-1px}.st-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:clamp(14px,2vw,24px);display:flex}.st-head h1{font:800 clamp(24px, 3vw, 32px) / 1.05 var(--font-display);color:#fff;align-items:center;gap:12px;margin:0;display:flex}.st-head-t{gap:6px;min-width:0;display:grid}.st-head-t p{font:400 15px/1.35 var(--font-body);color:var(--st-mu);margin:0}.st-head h1 em{color:var(--gold);font-style:normal}.st-star{width:13px;height:12px;image-rendering:pixelated;flex:none}.st-star .st-star-o{fill:#3a2600}.st-star .st-star-y{fill:#ffc531}.st-star .st-star-d{fill:#d98a00}.st-star .st-star-h{fill:#fff3b8}.st-star:not(.on) .st-star-o{fill:#ffffff2e}.st-star:not(.on) .st-star-y,.st-star:not(.on) .st-star-d,.st-star:not(.on) .st-star-h{fill:#ffffff0f}.st-ico{vertical-align:-2px;flex:none;width:14px;height:14px}.st-ico.lg,.st-star.lg,.st-ball.lg{width:30px;height:30px}.st-ball{width:100%;height:100%;display:block}.st-ball .st-ball-top{fill:#e3413a}.st-ball.mine .st-ball-top{fill:var(--gold)}.st-sp{image-rendering:pixelated;object-fit:contain;display:block}.st-head .st-h-star{width:30px;height:28px}.st-row{gap:8px;min-width:0;display:grid}.st-row2{grid-template-columns:1fr 1fr;gap:14px}.st-lbl{font:700 11px var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;display:block}.st-row .st-lbl{margin-bottom:0}.st-row2 .st-lbl{margin-bottom:8px}.st-tiers{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.st-tchip{border:1px solid var(--st-ln);min-width:0;color:var(--st-mu);font:700 14px var(--font-display);cursor:pointer;background:#ffffff08;border-radius:8px;place-items:center;gap:2px;padding:8px 2px;display:grid}.st-tchip small{font:600 10.5px var(--font-body);white-space:nowrap}.st-tchip b{color:var(--c)}.st-tchip.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);color:#fff;box-shadow:inset 0 0 0 1px var(--c)}.st-seg{background:#050c09;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.st-seg button{min-width:0;height:38px;color:var(--st-mu);font:800 15px var(--font-display);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:4px;display:inline-flex}.st-seg button.on{background:var(--gold);color:#1a1204}.st-seg button.on .st-star-o{fill:#1a1204}.st-pay{grid-template-columns:1fr 1fr;gap:6px;display:grid}.st-pay button{border:1px solid var(--st-ln);height:38px;color:var(--st-mu);font:700 14px var(--font-display);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.st-pay button.on{color:#fff;background:#f0a2021f;border-color:#f0a20299}.st-pick{gap:8px;min-width:0;display:grid}.st-pick-in{background:#050c09;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.st-pick-in:focus-within{box-shadow:inset 0 0 0 1px #f0a20299}.st-pick-in svg{width:16px;height:16px;fill:var(--st-mu);flex:none}.st-pick-in input{color:#fff;min-width:0;height:100%;font:500 16px var(--font-body);background:0 0;border:0;outline:none;flex:1}.st-pick-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.st-chip{aspect-ratio:1;border:1px solid var(--st-ln);cursor:pointer;background:#ffffff08;border-radius:8px;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.st-chip .st-sp{width:130%;max-width:none;height:130%}.st-chip.on{border-color:var(--gold);background:#f0a20224}.st-chip-e{cursor:default;opacity:.35}.st-chip-sh{color:var(--gold);font-size:10px;font-style:normal;position:absolute;top:2px;right:4px}.st-pick-hint{font:600 12.5px var(--font-body);color:var(--st-mu);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.st-tier{font:800 11px var(--font-display);letter-spacing:.06em;color:var(--tc);background:color-mix(in srgb, var(--tc) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tc) 50%, transparent);white-space:nowrap;border-radius:5px;padding:2px 7px;display:inline-block}.st-copy{background:var(--gold);color:#1a1204;height:38px;font:800 14px var(--font-display);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 16px;display:inline-grid;position:relative}.st-copy>span{opacity:0;grid-area:1/1;align-self:center;transition:opacity .2s,transform .2s;transform:translateY(6px)}.st-copy>span.on{opacity:1;transform:none}.st-tot{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:clamp(16px,2vw,24px) 0;display:grid}.st-tile{min-width:0;box-shadow:inset 0 0 0 1px var(--st-ln);background:#050c0999;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.st-tile>svg{grid-row:1/3}.st-tv{font:800 clamp(22px, 2.4vw, 30px) / 1.1 var(--font-display);color:#fff}.st-tile.dia .st-tv{color:var(--dia)}.st-tile.gold .st-tv{color:#ffc531}.st-tl{font:600 12px var(--font-body);color:var(--st-mu);white-space:nowrap}.st-roll{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.st-roll-v{display:inline-block}@media (prefers-reduced-motion:no-preference){.st-roll-v{animation:.45s cubic-bezier(.2,.8,.2,1) both st-rise}}@keyframes st-rise{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}@keyframes st-pop{0%{opacity:0;transform:scale(.3)translateY(8px)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes st-twinkle{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes st-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes st-spin{to{transform:rotate(360deg)}}.st1-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(16px,2.6vw,36px);display:grid}.st1-hero{background:radial-gradient(60% 55% at 50% 52%, color-mix(in srgb, var(--tc) 22%, transparent), transparent 70%), #050c0973;box-shadow:inset 0 0 0 1px var(--st-ln);border-radius:12px;align-content:center;justify-items:center;gap:10px;min-width:0;padding:18px 16px;display:grid}.st1-sockets{gap:10px;display:flex}.st1-sock .st-star{width:34px;height:32px}.st1-sock.new .st-star-y{fill:#8ff3e3}.st1-sock.new .st-star-d{fill:#2fb7a3}.st1-sock.new .st-star-o{fill:#06352f}@media (prefers-reduced-motion:no-preference){.st1-sock.new{animation:.5s cubic-bezier(.2,.9,.3,1.3) both st-pop;animation-delay:calc(var(--i) * 70ms)}html[data-fx=full] .st1-sock.new .st-star{animation:1.8s ease-in-out infinite st-twinkle;animation-delay:calc(var(--i) * .14s)}}.st1-stage{place-items:center;width:220px;height:200px;display:grid;position:relative}.st1-halo{background:conic-gradient(from 0deg, transparent 0 20%, color-mix(in srgb, var(--tc) 35%, transparent) 25%, transparent 32% 60%, #f0a2024d 66%, transparent 72%);opacity:.8;border-radius:50%;width:190px;height:190px;position:absolute}html[data-fx=full] .st1-halo{animation:14s linear infinite st-spin}.st1-ped{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;width:150px;height:26px;position:absolute;bottom:14px}.st1-mon{width:192px;height:192px;position:relative}@media (prefers-reduced-motion:no-preference){.st1-mon{animation:.5s cubic-bezier(.2,.9,.3,1.2) both st-pop}html[data-fx=full] .st1-stage{animation:3.6s ease-in-out infinite st-float}}.st1-name{align-items:center;gap:8px;min-width:0;max-width:100%;margin:0;display:flex}.st1-name b{font:800 20px var(--font-display);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.st1-dmg{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,360px);display:grid}.st1-dmg-l{font:700 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--st-mu)}.st1-dmg-bar{background:#ffffff12;border-radius:6px;height:10px;position:relative;overflow:hidden}.st1-dmg-bar i{transform-origin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.st1-dmg-bar i.b{background:linear-gradient(90deg,#2fb7a3,#8ff3e3)}.st1-dmg-bar i.a{background:var(--gold);z-index:1}.st1-dmg-v{font:700 14px var(--font-display);color:var(--st-mu);white-space:nowrap}.st1-dmg-v em{font-style:normal}.st1-dmg-v b{color:#8ff3e3}.st1-ctl{align-content:start;gap:14px;min-width:0;display:grid}.st1-pyr{box-shadow:inset 0 0 0 1px var(--st-ln);background:#050c0980;border-radius:12px;gap:6px;padding:14px 16px 10px;display:grid}.st1-lv{border-bottom:1px dashed #ffffff0f;grid-template-columns:44px minmax(0,1fr) 250px;align-items:center;gap:12px;height:48px;display:grid}.st1-lv.ghost{opacity:.32}.st1-lv-n{font:800 18px var(--font-display);align-items:center;gap:4px;display:inline-flex}.st1-pips{justify-content:center;align-items:center;gap:3px;min-width:0;height:100%;display:flex}.st1-pip{aspect-ratio:1;flex:0 22px;min-width:0}.st1-pip.sp{aspect-ratio:auto;height:44px;box-shadow:inset 0 0 0 1px var(--st-ln);background:#ffffff0a;border-radius:8px;flex:0 44px;place-items:center;display:grid;overflow:hidden}.st1-pip.sp .st-sp{width:56px;max-width:none;height:56px}.st1-pip.sp.mine{background:#f0a20229;box-shadow:inset 0 0 0 1px #f0a202b3}@media (prefers-reduced-motion:no-preference){.st1-pip{animation:.42s cubic-bezier(.2,.9,.3,1.3) both st-pop;animation-delay:calc(var(--i) * 16ms)}}.st1-lv-c{font:700 14px var(--font-display);white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.st1-lv-c em{color:var(--gold);text-align:right;min-width:34px;font-style:normal}.st1-lv-c span{align-items:center;gap:5px;display:inline-flex}.st1-catch{color:var(--st-mu)}.st1-catch .st-ball{width:13px;height:13px}.st1-pip.sp.goal{background:radial-gradient(closest-side,#8ff3e359,#ffffff0a);flex-basis:48px;height:48px;box-shadow:inset 0 0 0 1px #8ff3e3,0 0 18px #8ff3e359}.st1-leg{font:600 12px var(--font-body);color:var(--st-mu);gap:18px;margin:6px 0 0;display:flex}.st1-leg span{align-items:center;gap:6px;display:inline-flex}.st1-leg-r{margin-left:auto}.st1-key{background:#e3413a;border-radius:50%;width:10px;height:10px}.st1-key.mine{background:var(--gold)}@media (max-width:900px){.st1-top{grid-template-columns:1fr}}@media (max-width:760px){.st-in{width:calc(100% - 1rem)}.st-plate{padding:14px 12px}.st-head h1{gap:8px;font-size:22px}.st-head-t p{font-size:12.5px}.st-head .st-h-star{width:22px;height:20px}.st-copy{height:34px;padding:0 12px;font-size:13px}.st-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.st-seg button{gap:2px;font-size:14px}.st-seg .st-star{width:10px;height:9px}.st-row2{gap:10px}.st-tot{grid-template-columns:1fr 1fr;gap:8px}.st-tile{column-gap:10px;padding:10px 12px}.st-ico.lg,.st-star.lg,.st-ball.lg{width:24px;height:24px}.st-tv{font-size:21px}.st-pick-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.st1-stage{width:180px;height:160px}.st1-halo{width:150px;height:150px}.st1-mon{width:160px;height:160px}.st1-sock .st-star{width:28px;height:26px}.st1-pyr{gap:4px;padding:10px 8px 8px}.st1-lv{grid-template-rows:30px 18px;grid-template-columns:30px minmax(0,1fr);gap:2px 6px;height:auto;padding-bottom:4px}.st1-lv-n{grid-row:1/3;gap:2px;font-size:15px}.st1-lv-n .st-star{width:10px;height:9px}.st1-pips{gap:1px}.st1-pip.sp{flex-basis:30px;height:30px}.st1-pip.sp .st-sp{width:40px;height:40px}.st1-lv-c{justify-content:center;gap:8px;font-size:12px}.st1-lv-c .st-ico{width:11px;height:11px}.st1-leg{flex-wrap:wrap;gap:6px 12px}}
