body:has(.landing){background:#110c22}[data-theme=light] body:has(.landing){background:#f7f4ee}.landing{--sheen: radial-gradient(900px 620px at 78% -10%, rgb(124 77 255 / .4), transparent 66%), radial-gradient(640px 480px at 66% 40%, rgb(242 214 138 / .07), transparent 70%), radial-gradient(820px 620px at -6% 92%, rgb(255 122 92 / .1), transparent 70%);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;isolation:isolate;overflow-x:clip;min-height:100dvh;font-family:var(--font);font-size:16px;color:var(--text);background:var(--page)}[data-theme=light] .landing{--sheen: radial-gradient(760px 540px at 84% -6%, #e3d9ff, transparent 66%), radial-gradient(680px 500px at 6% 0%, #ffe0cf, transparent 64%), radial-gradient(640px 520px at 54% 46%, #f1ebff, transparent 66%)}.sx-sheen{position:absolute;z-index:-1;inset:0 0 auto;height:1000px;pointer-events:none;background:var(--sheen);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}.sx-sheen:after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.14;mix-blend-mode:overlay}.landing ::selection{background:var(--button);color:var(--on-button)}.landing :is(h1,h2,h3){font-family:var(--display);font-weight:800;letter-spacing:-.045em;text-wrap:balance}.landing :is(.sx-hero h1 em,.grad-text){font-style:normal;color:var(--violet);background:none}.landing .lede{max-width:540px;margin:26px 0 34px;font-size:clamp(17px,1.6vw,19.5px);line-height:1.55;color:var(--text-2)}.landing .btn{border-radius:14px;font-weight:800;letter-spacing:0;transition:translate .15s var(--ease-out),box-shadow .2s,background-color .2s,border-color .2s,color .2s}.landing .btn.primary{--_fg: var(--on-button);--_bd: transparent;background:var(--button);box-shadow:0 4px color-mix(in srgb,var(--button) 55%,#000),0 16px 30px -14px var(--glow)}.landing .btn.primary:hover{translate:0 -2px;box-shadow:0 6px color-mix(in srgb,var(--button) 55%,#000),0 22px 36px -14px var(--glow)}.landing .btn.primary:active{transform:none;translate:0 3px;box-shadow:0 1px color-mix(in srgb,var(--button) 55%,#000)}.landing .btn:not(.primary,.quiet){--_bg: transparent;--_bd: color-mix(in srgb, var(--text) 30%, transparent);border-width:2px;box-shadow:none}.landing .btn:not(.primary,.quiet):hover{--_bg: color-mix(in srgb, var(--text) 6%, transparent);--_bd: var(--text)}.landing .btn.icon{border-radius:12px}.link-btn{padding:4px 2px;font:inherit;color:var(--text-2);background:none;border:0;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--text) 35%,transparent);text-underline-offset:4px}.link-btn:hover{color:var(--text);text-decoration-color:currentColor}.demo-link{display:block;margin:20px 0 0;font-size:15px}.landing .wrap{width:min(1240px,100% - 48px);margin-inline:auto}.sx-sec{padding-top:clamp(96px,12vw,168px)}.sx-hero+.sx-sec{padding-top:clamp(32px,5vw,64px)}.sx-head{display:grid;justify-items:start;gap:16px;max-width:760px}.sx-head h2{font-size:clamp(32px,4.4vw,64px);line-height:1.02}.sx-head p{max-width:56ch;font-size:18px;line-height:1.55;color:var(--text-2)}.sx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}.sx-split-art{justify-self:center;width:min(460px,100%)}.sx-more{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-weight:800;color:var(--violet);transition:gap .2s var(--ease-out)}.sx-more:hover{gap:13px}.sx-aside{margin-top:8px;font-size:15px;color:var(--text-2)}.sx-aside a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.sx-panel{padding:22px;border-radius:24px;background:var(--solid);border:1px solid var(--border);box-shadow:0 30px 60px -34px var(--card-shadow)}.sx-inline{display:inline-block;width:.92em;height:.92em;margin:0 .04em;vertical-align:-.12em;border-radius:.24em;rotate:-7deg;box-shadow:0 .12em .3em -.08em var(--card-shadow)}.sx-inline-disk{display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#000));rotate:6deg}.sx-inline-disk i{width:52%;height:52%;border-radius:.06em;background:linear-gradient(#fff 0 0) 50% 10% / 54% 30% no-repeat,linear-gradient(#ffffff8c 0 0) 50% 88% / 66% 30% no-repeat;box-shadow:inset 0 0 0 .05em #fff}.sx-appbadge{display:inline-flex;align-items:center;gap:14px;padding:8px 20px 8px 8px;border-radius:20px;background:var(--solid);border:1px solid var(--border);box-shadow:0 16px 30px -20px var(--card-shadow)}.sx-appbadge img{width:52px;height:52px;border-radius:13px}.sx-appbadge b{display:block;font:800 15px/1.25 var(--display);letter-spacing:-.03em}.sx-appbadge>span>span{font-size:13.5px;color:var(--text-2)}.sx-progress{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--text-2)}.sx-progress-bar{display:inline-flex;gap:4px}.sx-progress-bar i{width:22px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--text) 16%,transparent)}.l-nav{position:sticky;top:0;z-index:40;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}@supports (animation-timeline: scroll()){.l-nav{animation:nav-frost linear both;animation-timeline:scroll(root);animation-range:0 160px}@keyframes nav-frost{0%{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}}.l-nav-inner{display:flex;align-items:center;gap:6px;width:min(1240px,100% - 48px);margin-inline:auto;padding:16px 0}.l-links{display:flex;gap:2px;margin-left:26px}.l-links a{padding:8px 13px;font-size:15px;font-weight:700;color:var(--text-2);border-radius:12px;transition:color .15s,background-color .15s}.l-links a:hover{color:var(--text)}.l-links a.active{color:var(--text);background:color-mix(in srgb,var(--text) 10%,transparent)}.l-nav .btn.primary.sm{min-height:40px;padding:0 18px;font-size:14.5px}.l-nav .l-menu-btn{display:none}.l-menu{display:grid;gap:2px;width:min(1240px,100% - 48px);margin:0 auto 12px;padding:8px;border-radius:20px;background:var(--solid);border:1px solid var(--border);box-shadow:var(--shadow-md)}.l-menu a{padding:12px 14px;border-radius:12px;font-weight:700;color:var(--text-2)}.l-menu a.active,.l-menu a:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}@property --read{syntax: "<integer>"; inherits: true; initial-value: 0;}.sx-xp,.sx-xp-bar{display:none}@supports (animation-timeline: scroll()){.sx-xp{display:inline-grid;margin-right:6px;font:800 12px/1 var(--display);letter-spacing:-.01em}.sx-xp>span{grid-area:1 / 1;padding:7px 10px;border-radius:10px;white-space:nowrap;animation-timeline:scroll(root);animation-fill-mode:both;animation-timing-function:linear}.sx-xp-count{counter-reset:xp var(--read);color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);animation-name:sx-read}.sx-xp-count:before{content:"★ " counter(xp) " XP"}.sx-xp-up{opacity:0;color:var(--on-coin);background:var(--coin);animation-name:sx-level-up}@keyframes sx-read{0%{--read: 0}96%{opacity:1}to{--read: 100;opacity:0}}@keyframes sx-level-up{0%,96%{opacity:0;scale:.7}to{opacity:1;scale:1}}.sx-xp-bar{position:absolute;left:0;right:0;bottom:0;display:block;height:3px;background:color-mix(in srgb,var(--text) 8%,transparent)}.sx-xp-bar i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--brand),var(--coin));animation:sx-fill linear both;animation-timeline:scroll(root)}@keyframes sx-fill{0%{scale:0 1}}}.sx-hero{display:flex;align-items:center;min-height:min(calc(100svh - 76px),780px)}.sx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,5vw,72px);align-items:center;padding:24px 0 72px}.sx-hero h1{font-size:clamp(42px,5.6vw,88px);line-height:1.02}.sx-reel{display:inline-block;vertical-align:top}.sx-reel-window{display:inline-block;height:1.08lh;margin-bottom:-.08lh;overflow:hidden;vertical-align:top;-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}.sx-reel-strip{display:grid;color:var(--violet);animation:sx-reel 10s infinite}.sx-reel-strip>span{padding-bottom:.6em}@keyframes sx-reel{0%,21%{translate:0 0;animation-timing-function:cubic-bezier(.6,-.35,.3,1.35)}25%,46%{translate:0 -20%;animation-timing-function:cubic-bezier(.6,-.35,.3,1.35)}50%,71%{translate:0 -40%;animation-timing-function:cubic-bezier(.6,-.35,.3,1.35)}75%,96%{translate:0 -60%;animation-timing-function:cubic-bezier(.6,-.35,.3,1.35)}to{translate:0 -80%}}.sx-coin-dot{color:var(--coin)}[data-theme=light] .sx-coin-dot{color:var(--gold)}.sx-ctas{display:flex;flex-wrap:wrap;gap:12px}.landing .sx-ctas .btn.lg,.landing .sx-final .btn.lg{min-height:58px;padding:0 28px;font-size:16.5px}.sx-slot-stage{position:relative;justify-self:center;width:min(440px,100%);padding:72px 0 40px}.sx-slot{position:relative;z-index:2;display:grid;gap:14px;padding:22px;border-radius:26px;background:linear-gradient(160deg,color-mix(in srgb,var(--text) 10%,var(--page)),color-mix(in srgb,var(--text) 4%,var(--page)));border:1px solid var(--border);box-shadow:0 44px 80px -34px var(--card-shadow),inset 0 1px color-mix(in srgb,var(--text) 12%,transparent);rotate:-2deg}[data-theme=light] .sx-slot{background:var(--solid)}.sx-slot-top{display:flex;align-items:center;justify-content:space-between;font:800 11px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.sx-lv{padding:6px 9px;border-radius:8px;background:var(--coin);color:var(--on-coin)}.sx-slot-name{font:800 30px/1 var(--display);letter-spacing:-.045em}.sx-slot-sub{margin-bottom:-4px;font-size:13px;font-weight:700;color:var(--text-2)}.sx-slot-covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sx-slot-covers .cover{border-radius:10px}.sx-slot-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.sx-slot-stats div{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--text) 6%,transparent)}.sx-slot-stats dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.sx-slot-stats dd{margin:4px 0 0;font:800 22px/1 var(--display);letter-spacing:-.03em}.sx-slot-rank{display:flex;justify-content:space-between;font-size:13px;font-weight:800}.sx-slot-rank span:last-child{color:var(--gold)}.sx-bar{display:block;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent)}.sx-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--coin))}.sx-slot-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;font-size:13px;color:var(--text-2)}.sx-slot-foot b{color:var(--text)}.sx-continue{flex-shrink:0;padding:9px 13px;border-radius:10px;background:var(--button);color:var(--on-button);font:800 12px/1 var(--display)}.sx-toast{position:absolute;z-index:3;top:6px;left:-40px;display:flex;align-items:center;gap:12px;padding:11px 18px 11px 11px;border-radius:18px;background:var(--solid);border:1px solid var(--border);box-shadow:0 22px 40px -18px var(--card-shadow);rotate:3deg;animation:sx-bob 6s ease-in-out infinite}.sx-toast b{display:block;font:800 13px/1.2 var(--display);letter-spacing:-.02em}.sx-toast span{font-size:13px;color:var(--text-2)}@keyframes sx-bob{50%{translate:0 -8px}}.sx-peek{position:absolute;z-index:1;right:-54px;bottom:8px;width:168px;rotate:12deg}.sx-coin{display:inline-grid;flex-shrink:0;place-items:center;min-width:42px;height:42px;padding:0 9px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fff3cc,var(--coin) 55%,#d9b45a);color:var(--on-coin);font:800 13px/1 var(--display);letter-spacing:-.02em;box-shadow:inset 0 -3px #00000024,0 8px 16px -8px #f2d68a99}.sx-inv{display:grid;gap:16px}.sx-inv-row{display:grid;gap:10px}.sx-inv-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.sx-inv-label .dot{background:var(--c)}.sx-inv-count{margin-left:auto;color:var(--text-3)}.sx-inv-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sx-inv-slots .cover{border-radius:10px}.sx-empty{aspect-ratio:3 / 4;border-radius:10px;border:2px dashed color-mix(in srgb,var(--text) 18%,transparent)}.sx-logger{display:grid;gap:12px}.sx-logger-game{display:flex;align-items:center;gap:14px;margin-bottom:4px}.sx-logger-game .cover{width:56px;border-radius:10px}.sx-logger-game b{display:block;font:800 18px/1.15 var(--display);letter-spacing:-.03em}.sx-logger-game span{font-size:13px;color:var(--text-2)}.sx-q{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.sx-q b{color:var(--text)}.sx-chips{display:flex;gap:8px}.sx-chip{padding:10px 16px;border-radius:12px;border:1.5px solid var(--border-strong);font-size:14px;font-weight:800}.sx-chip.on{border-color:var(--button);background:var(--button);color:var(--on-button)}.sx-note{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--text) 6%,transparent);font-size:15px}.sx-logger-go{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.sx-logger-go .sx-coin{animation:sx-bob 3s ease-in-out infinite}.sx-fake-btn{padding:13px 18px;border-radius:12px;background:var(--button);color:var(--on-button);font:800 13px/1 var(--display);box-shadow:0 3px color-mix(in srgb,var(--button) 55%,#000)}.sx-levelup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 22px;align-items:center}.sx-flash{grid-column:1 / -1;justify-self:start;padding:8px 12px;border-radius:10px;background:var(--coin);color:var(--on-coin);font:800 13px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;rotate:-2deg}.sx-levelup .ring-label b{font:800 40px/1 var(--display)}.sx-levelup-text{display:grid;gap:4px}.sx-levelup-text span:first-child{font-weight:700;color:var(--text-3)}.sx-levelup-text b{font:800 26px/1.1 var(--display);letter-spacing:-.04em}.sx-levelup-text span:last-child{color:var(--text-2)}.sx-gains{grid-column:1 / -1;display:grid;gap:10px;margin:0;padding:16px 0 0;list-style:none;border-top:1px solid var(--border)}.sx-gains li{display:flex;align-items:center;gap:12px;font-weight:700}.landing .ring-arc{stroke:var(--violet);filter:none}.sx-fan{position:relative;height:380px}.sx-fan .sx-holo{position:absolute;left:50%;bottom:0;width:200px;margin-left:-100px;transform-origin:50% 130%;rotate:calc(var(--i) * 13deg);translate:calc(var(--i) * 74px) calc(var(--i) * var(--i) * 18px);transition:rotate .6s cubic-bezier(.3,1.4,.5,1),translate .6s cubic-bezier(.3,1.4,.5,1)}.sx-fan .sx-holo:nth-child(2){z-index:2}.sx-fan:hover .sx-holo{rotate:calc(var(--i) * 18deg);translate:calc(var(--i) * 100px) calc(var(--i) * var(--i) * 22px)}.sx-holo-in{position:relative;aspect-ratio:63 / 88;padding:8px;border-radius:18px;background:var(--frame);box-shadow:0 34px 60px -24px var(--card-shadow),inset 0 0 0 1.5px #ffffff24;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .2s ease-out}[data-foil=full] .sx-holo-in{background:linear-gradient(135deg,#f9ebbd,#cfae5e 30%,#fff4d6 52%,#c3a050 78%,#f5e3a8)}.sx-holo-art{position:relative;height:100%;overflow:hidden;border-radius:11px}.sx-holo-art img{width:100%;height:100%;object-fit:cover}.sx-foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:var(--foil, 0);background:repeating-linear-gradient(115deg,#ff6f9c,#ffd86f,#6fffb0,#6fd6ff,#9f86ff,#ff6f9c 50%);background-size:300% 300%;background-position:var(--mx, 50%) var(--my, 50%);filter:saturate(.85)}.sx-holo-in:not([data-touched]) .sx-foil{animation:sx-foil-drift 7s linear infinite}@keyframes sx-foil-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}[data-foil=light]{--foil: .16}[data-foil=full]{--foil: .4}.sx-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.55;background:radial-gradient(circle at var(--mx, 30%) var(--my, 20%),rgb(255 255 255 / .75),transparent 52%)}.sx-holo-shelf{position:absolute;z-index:2;top:14px;left:14px;padding:6px 9px;border-radius:8px;background:#080614bd;color:#fff;font:800 10px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}.sx-holo-foot{position:absolute;z-index:2;left:8px;right:8px;bottom:8px;display:grid;gap:5px;padding:44px 12px 12px;border-radius:0 0 11px 11px;color:#f7f1e6;background:linear-gradient(transparent,#080614e6 55%)}.sx-holo-foot b{font:700 14px/1.1 var(--display);letter-spacing:-.02em}.sx-holo-foot>span{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#f7f1e6d9}.sx-holo-stars{color:#f2d68a;letter-spacing:.06em}.sx-wintoast{width:min(420px,100%);padding:16px;border-radius:16px;background:var(--solid);border:1px solid var(--border);box-shadow:0 36px 70px -34px var(--card-shadow);rotate:1.5deg}.sx-wintoast-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.sx-wintoast-head span{margin-left:auto}.sx-wintoast-body{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;margin:14px 0}.sx-wintoast-body .cover{border-radius:8px}.sx-wintoast-body b{display:block;font:800 14px/1.25 var(--display);letter-spacing:-.02em}.sx-wintoast-body span{font-size:13px;color:var(--text-2)}.sx-wintoast-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sx-wintoast-actions span{padding:10px;border-radius:10px;background:color-mix(in srgb,var(--text) 7%,transparent);text-align:center;font-size:13px;font-weight:700}.sx-launchers{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;padding:0;list-style:none}.sx-launchers li{padding:9px 14px;border-radius:12px;border:1.5px solid var(--border-strong);font-size:14px;font-weight:800}.sx-final{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;margin-top:clamp(96px,12vw,168px);padding:clamp(64px,9vw,120px) 24px;border-radius:36px;text-align:center;background:radial-gradient(640px 320px at 50% 0%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 72%),var(--surface);border:1px solid var(--border)}.sx-final h2{font-size:clamp(48px,8vw,128px);line-height:.95}.sx-final h2:after{content:"_";color:var(--violet);animation:blink 1.1s steps(1) infinite}.sx-final p{max-width:44ch;margin-bottom:8px;font-size:18px;color:var(--text-2)}.sx-final .demo-link{margin:4px auto 0}@keyframes blink{50%{opacity:0}}.sx-strip{display:grid;gap:26px;margin-top:clamp(16px,3vw,40px);padding:36px 0;rotate:-2.5deg}.sx-strip-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.sx-strip-track{display:flex;gap:14px;width:max-content;padding-right:14px;animation:sx-strip 120s linear infinite}.sx-strip-row.reverse .sx-strip-track{animation-direction:reverse}.sx-strip:hover .sx-strip-track{animation-play-state:paused}.sx-strip-track{--tile: clamp(112px, 12vw, 160px)}.sx-strip-track .cover,.sx-shot{flex-shrink:0;height:var(--tile);border-radius:12px;box-shadow:0 14px 26px -16px var(--card-shadow)}.sx-strip-track .cover{width:auto;aspect-ratio:3 / 4}.sx-shot{width:auto;aspect-ratio:16 / 9;object-fit:cover}@keyframes sx-strip{to{translate:-50% 0}}.sx-strip-line{padding:0 24px;text-align:center;font:800 clamp(24px,3.6vw,52px)/1.08 var(--display);letter-spacing:-.045em;text-wrap:balance}.sx-strip-line span{color:var(--violet)}.sx-head-centre{justify-items:center;margin-inline:auto;text-align:center}.sx-centre{display:flex;justify-content:center;margin-top:36px}.sx-select{margin-top:clamp(40px,5vw,64px)}.sx-map{--badge: 68px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:880px;margin:0 auto;padding-top:56px}.sx-map-path{position:absolute;top:calc(56px + var(--badge) / 2 - 3px);left:12.5%;right:12.5%;height:6px;border-radius:6px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 24%,transparent) 0 10px,transparent 10px 20px)}.sx-map-path i{display:block;height:100%;border-radius:inherit;background:var(--coin);transition:width .6s var(--ease-out)}.sx-node{position:relative;display:grid;justify-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.sx-node-badge{display:grid;place-items:center;width:var(--badge);height:var(--badge);border-radius:22px;background:var(--solid);border:2px solid var(--border-strong);font:800 17px/1 var(--display);letter-spacing:-.03em;transition:translate .2s var(--ease-out),scale .2s var(--ease-out),background-color .2s,border-color .2s,box-shadow .2s}.sx-node:hover .sx-node-badge{translate:0 -3px;border-color:var(--violet)}.sx-node.cleared .sx-node-badge{border-color:var(--coin);background:var(--coin);color:var(--on-coin)}.sx-node[aria-selected=true] .sx-node-badge{scale:1.1;border-color:var(--button);background:var(--button);color:var(--on-button);box-shadow:0 5px color-mix(in srgb,var(--button) 55%,#000),0 0 0 10px color-mix(in srgb,var(--button) 20%,transparent)}.sx-node-name{font-size:15px;font-weight:800;color:var(--text-2)}.sx-node[aria-selected=true] .sx-node-name{color:var(--text)}.sx-node:focus-visible{outline:none}.sx-node:focus-visible .sx-node-badge{outline:2px solid var(--violet);outline-offset:6px}.sx-player{position:absolute;top:-52px;left:50%;width:40px;height:40px;margin-left:-20px;border-radius:11px;box-shadow:0 10px 18px -8px var(--card-shadow);animation:sx-hop 1.6s ease-in-out infinite}@keyframes sx-hop{50%{translate:0 -8px}}.sx-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;min-height:500px;margin-top:44px;padding:clamp(28px,4vw,52px);border-radius:34px;background:var(--surface);border:1px solid var(--border)}.sx-stage[data-moved]{animation:sx-stage-in .45s var(--ease-out) both}@keyframes sx-stage-in{0%{opacity:0;translate:0 14px}}.sx-stage h3{margin-bottom:16px;font-size:clamp(28px,3.2vw,46px);line-height:1.04}.sx-stage p{max-width:44ch;font-size:17.5px;line-height:1.6;color:var(--text-2)}.sx-next{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:13px 18px;border-radius:12px;border:2px solid var(--border-strong);background:none;color:var(--text);font:800 14px/1 var(--display);letter-spacing:-.02em;cursor:pointer;transition:border-color .2s,translate .2s}.sx-next:hover{border-color:var(--violet);translate:2px 0}.sx-stage-art{justify-self:center;width:min(460px,100%)}.sx-screen{--page: #0d0a1a;--text: var(--night-text);--text-2: color-mix(in srgb, var(--night-text) 80%, #0d0a1a);--text-3: color-mix(in srgb, var(--night-text) 66%, #0d0a1a);--violet: var(--night-violet);--button: var(--night-button);--on-button: var(--night-on-button);--gold: var(--night-gold);--solid: color-mix(in srgb, var(--night-text) 10%, #0d0a1a);--border: color-mix(in srgb, var(--night-text) 14%, #0d0a1a);--border-strong: color-mix(in srgb, var(--night-text) 30%, #0d0a1a);--card-shadow: rgb(0 0 0 / .7);color:var(--text)}[data-theme=light] .sx-screen .logo-dark{display:block}[data-theme=light] .sx-screen .logo-light{display:none}.sx-desk{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;min-height:560px;padding:clamp(28px,5vw,64px) clamp(28px,5vw,64px) calc(56px + clamp(28px,4vw,48px));border-radius:32px;color:var(--text);background:var(--page);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent),0 60px 110px -50px #000000a6}.sx-desk-wall{position:absolute;z-index:-1;inset:0}.sx-desk-wall img{width:100%;height:100%;object-fit:cover;filter:blur(28px) saturate(1.4) brightness(.6);scale:1.25}.sx-desk-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0a1af0 25%,#0d0a1a73 75%,#0d0a1a4d)}.sx-desk-note{justify-self:end;align-self:end;width:min(400px,100%)}.sx-desk .sx-wintoast{rotate:0deg}@supports (animation-timeline: view()){.sx-desk .sx-wintoast{animation:sx-toast-in linear both;animation-timeline:view();animation-range:entry 30% cover 40%}@keyframes sx-toast-in{0%{opacity:0;translate:48px 0}}}.sx-taskbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;background:#0a0816c7;border-top:1px solid rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sx-taskbar i,.sx-taskbar img{width:34px;height:34px;border-radius:9px}.sx-taskbar i{background:#ffffff1f}.sx-taskbar img{box-shadow:0 0 0 2px #fff3}.sx-taskbar span{position:absolute;right:22px;font-size:13px;font-weight:700;color:#f5f0e8bf}.sx-score{display:grid;justify-items:center;gap:28px;text-align:center}.sx-score h2{max-width:16ch;font-size:clamp(34px,4.8vw,70px);line-height:1.04}.sx-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:1040px;margin:8px 0 0}.sx-board div{display:grid;justify-items:center;align-content:start;gap:16px;padding:26px 18px 24px;border-radius:26px;background:var(--surface);border:1px solid var(--border)}.sx-board dt{max-width:20ch;font-size:15px;font-weight:800;color:var(--text-2)}.sx-board dd{order:-1;display:grid;place-items:center;width:100px;height:124px;margin:0;border-radius:18px;font:800 88px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--coin);background:linear-gradient(#17112e 0 49%,#0a0716 49% 51%,#120d26 51%);box-shadow:inset 0 0 0 1px #ffffff12,0 18px 30px -18px var(--card-shadow);text-shadow:0 0 26px rgb(242 214 138 / .4)}.sx-score>p{max-width:62ch;font-size:18px;line-height:1.6;color:var(--text-2)}.sx-score>p .sx-more{margin-left:4px}.sx-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:16px;width:100%;max-width:1000px;margin-top:14px;text-align:left}.sx-pick{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:24px;background:var(--solid);border:1px solid var(--border);box-shadow:0 30px 60px -36px var(--card-shadow);transition:translate .25s var(--ease-out),border-color .25s}.sx-pick:hover{translate:0 -4px;border-color:var(--accent-line)}.sx-pick-new{border:2px dashed color-mix(in srgb,var(--violet) 60%,transparent);background:radial-gradient(260px 160px at 0% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%),var(--solid)}.sx-pick-top{display:flex;justify-content:space-between;font:800 11px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.sx-pick-art{display:flex;height:64px;margin:8px 0 4px}img.sx-pick-art{width:64px;border-radius:16px;box-shadow:0 10px 20px -10px var(--card-shadow)}.sx-pick-plus{display:grid;place-items:center;width:64px;border-radius:18px;background:var(--button);color:var(--on-button);font:800 32px/1 var(--display);box-shadow:0 4px color-mix(in srgb,var(--button) 55%,#000)}.sx-pick-covers .cover{width:48px;border-radius:9px;box-shadow:0 10px 18px -10px var(--card-shadow)}.sx-pick-covers .cover+.cover{margin-left:-16px}.sx-pick-covers .cover:nth-child(1){rotate:-8deg}.sx-pick-covers .cover:nth-child(3){rotate:8deg}.sx-pick b{font:800 20px/1.15 var(--display);letter-spacing:-.035em}.sx-pick-sub{flex:1;font-size:14.5px;color:var(--text-2)}.landing .sx-pick .btn{margin-top:8px}.l-page-head{display:grid;justify-items:start;gap:18px;padding:clamp(56px,9vw,110px) 0 clamp(40px,5vw,64px)}.l-page-head h1{max-width:1000px;font-size:clamp(40px,6vw,92px);line-height:1.02}.landing .l-page-head .lede{margin:4px 0 0}.sx-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sx-zone{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:26px;background:var(--surface);border:1px solid var(--border)}.sx-zone-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:14px;color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent)}.sx-zone h2{font-size:28px}.sx-zone p{font-size:15.5px;color:var(--text-2)}.viz{margin-top:auto;padding-top:22px}.shelf-viz{display:grid;gap:10px}.row-b{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:var(--bg-2);border:1px solid var(--border)}.row-label{min-width:70px;font-size:14px;font-weight:700}.mini-covers{display:flex;gap:8px;margin-left:auto}.mini-covers .cover{width:46px;border-radius:8px}.find-viz{display:grid;gap:16px}.fake-search{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:15px;border-radius:14px;background:var(--bg-2);border:1px solid var(--border);color:var(--text)}.fake-search svg{color:var(--text-3)}.caret{width:2px;height:17px;margin-left:-8px;background:var(--violet);animation:blink 1s steps(1) infinite}.fan{position:relative;height:150px}.fan .cover{position:absolute;bottom:0;left:50%;width:92px;border-radius:12px;box-shadow:0 20px 40px -16px var(--card-shadow);transform-origin:50% 120%;translate:-50% 0;transition:rotate .5s var(--ease-spring),translate .5s var(--ease-spring)}.fan .cover:nth-child(1){rotate:-15deg}.fan .cover:nth-child(2){z-index:2}.fan .cover:nth-child(3){rotate:15deg}.sx-zone:hover .fan .cover:nth-child(1){rotate:-24deg}.sx-zone:hover .fan .cover:nth-child(3){rotate:24deg}.sx-zone:hover .fan .cover:nth-child(2){translate:-50% -8px}.journal-viz{display:flex;align-items:center;gap:20px}.journal-viz .ring-label b{font-size:16px}.mini-heat{flex:1;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}.landing .mini-heat .h1{background:color-mix(in srgb,var(--violet) 28%,transparent)!important}.landing .mini-heat .h2{background:color-mix(in srgb,var(--violet) 52%,transparent)!important}.landing .mini-heat .h3{background:color-mix(in srgb,var(--violet) 76%,transparent)!important}.landing .mini-heat .h4{background:var(--coin)!important;box-shadow:none}.sx-ranks{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:48px 0 0;padding:0;list-style:none}.sx-ranks:before{content:"";position:absolute;top:22px;left:24px;right:8%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--brand),var(--coin));opacity:.55}.sx-ranks li{position:relative;display:grid;gap:6px;align-content:start;justify-items:start}.sx-rank-n{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border-radius:14px;background:var(--solid);border:2px solid var(--border-strong);font:800 18px/1 var(--display)}.sx-ranks .here .sx-rank-n{border-color:var(--button);background:var(--button);color:var(--on-button);box-shadow:0 0 0 6px color-mix(in srgb,var(--button) 25%,transparent)}.sx-ranks b{font:800 17px/1.15 var(--display);letter-spacing:-.035em}.sx-rank-xp{font-size:13px;font-weight:800;color:var(--gold)}.sx-rank-blurb{font-size:14px;color:var(--text-2)}.sx-here{margin-top:6px;padding:6px 9px;border-radius:8px;background:var(--coin);color:var(--on-coin);font:800 10.5px/1 var(--display);text-transform:uppercase}.sx-achs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:44px 0 0;padding:0;list-style:none}.sx-ach{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:center;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.sx-ach .sx-coin{grid-row:span 2;min-width:54px;height:54px;font-size:15px}.sx-ach b{align-self:end;font:800 16px/1.2 var(--display);letter-spacing:-.03em}.sx-ach span{align-self:start;font-size:14px;color:var(--text-2)}.sx-download{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:34px;border-radius:30px;background:radial-gradient(500px 260px at 0% 0%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 70%),var(--surface);border:1px solid var(--border)}.sx-download-text{display:grid;justify-items:start;gap:12px}.sx-download .sx-wintoast{justify-self:end}.landing .sx-download .status-line{font-size:17px}.sx-quest{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}.sx-quest ol{margin:0;padding:0;list-style:none;counter-reset:objective}.sx-quest li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;padding:22px 0;border-top:1px solid var(--border);counter-increment:objective}.sx-quest li:last-child{border-bottom:1px solid var(--border)}.sx-quest li:before{content:counter(objective);grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--violet);color:var(--violet);font:800 16px/1 var(--display)}.sx-quest b{font:800 19px/1.2 var(--display);letter-spacing:-.03em}.sx-quest span{color:var(--text-2)}.sx-sources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:44px 0 0;padding:0;list-style:none}.sx-sources li{display:grid;gap:8px;align-content:start;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--violet)}.sx-sources b{font:800 16px/1.2 var(--display);letter-spacing:-.03em}.sx-sources span{font-size:14px;color:var(--text-2)}.know{display:grid;gap:16px;max-width:780px;margin:36px 0 24px;padding-left:20px;color:var(--text-2)}.know b{color:var(--text)}.know a,.faq a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.faq-groups{display:grid;gap:52px}.faq-groups>section{max-width:840px}.faq-groups h2{margin-bottom:16px;font-size:24px}.faq{display:grid;gap:10px}.faq details{border-radius:18px;background:var(--surface);border:1px solid var(--border);transition:border-color .2s}.faq details[open]{border-color:var(--accent-line)}.faq summary{display:flex;align-items:center;gap:16px;padding:19px 22px;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;margin-left:auto;border-radius:9px;background:color-mix(in srgb,var(--violet) 14%,transparent);color:var(--violet);font:800 18px/1 var(--display);transition:rotate .3s var(--ease-out)}.faq details[open] summary:after{rotate:45deg}.faq details::details-content{block-size:0;overflow:clip;transition:block-size .35s var(--ease-out),content-visibility .35s allow-discrete}.faq details[open]::details-content{block-size:auto}.faq details p{padding:0 22px 20px;font-size:15.5px;color:var(--text-2)}.site-doc{padding-top:clamp(48px,8vw,88px)}.landing .doc{max-width:720px;font-size:17px}.landing .doc h1{font-size:clamp(36px,5vw,64px);line-height:1.04}.landing .doc h2{margin-top:44px;font-size:21px}.landing .doc a{color:var(--violet)}.l-foot{margin-top:96px;padding:28px 0 40px;border-top:1px solid var(--border)}.foot-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.foot-row nav{margin-left:auto;gap:18px;font-size:14px;font-weight:600;color:var(--text-2)}.foot-row nav a:hover,.foot-row a:hover{color:var(--text)}.foot-row .tiny a{text-decoration:underline;text-underline-offset:3px}@supports (animation-timeline: view()){.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}@keyframes reveal{0%{opacity:0;translate:0 32px}}}@media(max-width:1100px){.sx-sources{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-achs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.l-links{display:none}.l-nav .l-menu-btn{display:inline-flex}.sx-hero{min-height:0}.sx-hero-grid,.sx-split,.sx-stage,.sx-desk,.sx-quest,.sx-download{grid-template-columns:minmax(0,1fr)}.sx-hero-grid{padding-top:40px}.sx-desk-note{justify-self:start}.sx-stage{min-height:0}.sx-board{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-download .sx-wintoast{justify-self:start}.sx-zones{grid-template-columns:minmax(0,1fr)}.sx-ranks{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.sx-ranks:before{display:none}}@media(max-width:640px){.landing .wrap,.l-nav-inner,.l-menu{width:calc(100% - 32px)}.sx-xp{display:none}.landing .sx-ctas .btn.lg,.landing .sx-final .btn.lg{min-height:54px;padding:0 22px;font-size:16px}.sx-slot{padding:18px}.sx-slot-name{font-size:24px}.sx-toast{left:-6px;top:0}.sx-peek{right:6px;width:120px}.sx-fan{height:300px}.sx-map{--badge: 54px}.sx-node-name{font-size:13px}.sx-board dd{width:78px;height:98px;font-size:62px}.sx-fan .sx-holo{width:150px;margin-left:-75px;translate:calc(var(--i) * 56px) calc(var(--i) * var(--i) * 14px)}.sx-fan:hover .sx-holo{translate:calc(var(--i) * 66px) calc(var(--i) * var(--i) * 16px)}.sx-sources,.sx-achs{grid-template-columns:minmax(0,1fr)}.sx-ranks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sx-download{padding:24px}.foot-row nav{margin-left:0}}@media(prefers-reduced-motion:reduce){.sx-strip-track,.sx-player,.sx-stage,.sx-desk .sx-wintoast,.sx-reel-strip,.sx-toast,.sx-logger-go .sx-coin,.sx-foil,.sx-final h2:after,.caret,.reveal{animation:none!important}.sx-holo,.sx-holo-in{transition:none}}