.keys{--ks-fig:clamp(46px,min(5vw,7.4vh),84px);--ks-pack-h:clamp(30px,4.6vh,52px);--ks-gap:clamp(14px,2.4vh,28px);--ks-cols:minmax(0,1fr) minmax(0,1.06fr);--ks-colgap:clamp(32px,4.6vw,80px);--deck-top:14px;--deck-bottom:48px;--deck-left:24px;--deck-right:calc(var(--xp-gutter) + 28px);--kc-shadow:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),0 1px 2px color-mix(in srgb,var(--fg) 5%,transparent),0 14px 30px -18px color-mix(in srgb,var(--fg) 30%,transparent);--kc-shadow-on:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 18px 40px -20px color-mix(in srgb,var(--accent) 60%,transparent);align-content:center;gap:clamp(22px,4.8vh,56px)}:root[data-theme=dark] .keys{--kc-shadow:inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent),0 16px 34px -20px color-mix(in srgb,#000 85%,transparent);--kc-shadow-on:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 18px 42px -20px color-mix(in srgb,var(--accent) 50%,transparent)}.keys .scene-head{grid-template-columns:var(--ks-cols);column-gap:var(--ks-colgap)}.keys .scene-head-main .scene-desc{max-width:46ch}.keys .title{text-wrap:balance}.keys-side{justify-items:stretch;gap:12px;min-width:0}.deck{display:flex;gap:14px;margin:calc(var(--deck-top) * -1) calc(var(--deck-right) * -1) calc(var(--deck-bottom) * -1) calc(var(--deck-left) * -1);padding:var(--deck-top) var(--deck-right) var(--deck-bottom) var(--deck-left);scroll-padding-inline:var(--deck-left) var(--deck-right);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}.deck.is-long{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--deck-left),#000 calc(100% - var(--deck-right)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--deck-left),#000 calc(100% - var(--deck-right)),transparent)}.keycard{position:relative;flex:0 0 auto;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;width:272px;padding:14px 18px 14px 14px;scroll-snap-align:start;border-radius:20px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);box-shadow:var(--kc-shadow);transition:border-color .35s var(--ease-expo),background-color .35s var(--ease-expo),box-shadow .35s var(--ease-expo)}.keycard:hover{border-color:var(--border-strong)}.keycard.is-selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--xp-glass));box-shadow:var(--kc-shadow-on)}.keycard .cell{width:40px;height:72px}.keycard-body{display:grid;grid-gap:3px;gap:3px;min-width:0}.keycard-top{display:flex;align-items:baseline;gap:10px;min-width:0}.keycard-link{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--fg);font-size:14.5px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis}.keycard-link,.keycard-link:hover{text-decoration:none}.keycard-link:after{content:"";position:absolute;inset:0;z-index:0;border-radius:19px}.keycard-link:focus-visible{outline:none}.keycard-link:focus-visible:after{box-shadow:0 0 0 2px var(--accent)}.keycard .copy-btn{position:relative;z-index:1}.keycard-pct{flex:none;font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg-2)}.keycard[data-tone=warn] .keycard-pct{color:var(--warn)}.keycard[data-tone=danger] .keycard-pct{color:var(--danger)}.keycard-secret,.keycard[data-tone=neutral] .keycard-pct{color:var(--faint)}.keycard-secret{font-family:var(--mono);font-size:11px}.keycard-figure{display:flex;align-items:baseline;gap:6px;min-width:0;margin:5px 0 0;line-height:1;white-space:nowrap}.keycard-figure strong{font-size:21px;font-weight:600;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg)}.keycard-figure span{overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:500;color:var(--muted)}.keystage{position:relative;display:grid;grid-template-columns:var(--ks-cols);align-items:start;grid-gap:16px var(--ks-colgap);gap:16px var(--ks-colgap);min-width:0}.keystage>.notice{grid-column:1/-1}.ks-main{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:var(--ks-gap);gap:var(--ks-gap);min-width:0}.ks-id{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px 16px;gap:6px 16px}.ks-id,.ks-title{align-items:center}.ks-title{display:flex;gap:6px;min-width:0}.ks-name{min-width:0;margin:0;overflow:hidden;font-size:clamp(20px,1.75vw,28px);font-weight:600;line-height:1.15;letter-spacing:-.032em;white-space:nowrap;text-overflow:ellipsis}.ks-title .btn-icon{flex:none;color:var(--muted)}.ks-actions{display:flex;align-items:center;gap:6px}.ks-actions .btn-pill{height:34px;padding:0 16px;font-size:13px}.ks-actions .btn-icon{width:34px;height:34px;border-radius:50%;border-color:var(--xp-hair);background:color-mix(in srgb,var(--surface) 30%,transparent)}.ks-actions .btn-icon svg{width:15px;height:15px}.ks-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;min-width:0;font-size:12.5px;line-height:22px;color:var(--muted)}.ks-meta>*+:before{content:"·";margin:0 9px;color:var(--faint)}.ks-secret{font-family:var(--mono);font-size:12px;color:var(--fg-2)}.ks-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(8px,1.4vh,14px);gap:clamp(8px,1.4vh,14px)}.ks-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .2em;margin:0;font-size:var(--ks-fig);font-weight:600;line-height:.9;letter-spacing:-.055em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ks-figure-num{padding-bottom:.06em;background:linear-gradient(180deg,var(--fg) 30%,color-mix(in srgb,var(--fg) 52%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.ks-figure-unit{font-size:max(13px,.2em);font-weight:500;letter-spacing:-.005em;color:var(--muted)}@supports (width:1cqi){.ks-hero{container-type:inline-size}.ks-figure{font-size:min(var(--ks-fig),calc(100cqi / (var(--chars, 7) * .54 + .2)))}}.ks-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:14px;line-height:1.45;color:var(--fg-2)}.ks-pct{font-weight:600;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ks-batteries,.pack{--pack-a:var(--accent);--pack-b:var(--accent-2);--pack-deep:var(--pack-a);--pack-mid:color-mix(in oklab,var(--pack-a) 55%,var(--pack-b))}:is(.pack,.ks-batteries)[data-tone=warn]{--pack-a:var(--warn);--pack-b:var(--warn-2)}:is(.pack,.ks-batteries)[data-tone=danger]{--pack-a:var(--danger);--pack-b:var(--danger-2)}:root[data-theme=dark] .ks-batteries,:root[data-theme=dark] .pack{--pack-deep:color-mix(in oklab,var(--pack-a) 40%,var(--brand-blue));--pack-mid:var(--pack-a)}:root[data-theme=dark] .ks-batteries:is([data-tone=warn],[data-tone=danger]),:root[data-theme=dark] .pack:is([data-tone=warn],[data-tone=danger]){--pack-deep:color-mix(in oklab,var(--pack-a),#000 32%)}.pack{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;min-width:0}.pack-foot,.pack-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;min-width:0;font-size:12px;line-height:1.4;color:var(--muted)}.pack-order{display:inline-flex;align-items:center;gap:6px;color:var(--faint);white-space:nowrap}.pack-order .arrow{width:13px;height:13px}.pack-cells{display:flex;gap:4px;height:var(--ks-pack-h)}.pack.is-dense .pack-cells{gap:2px}.pack-cell{--grow:1;--v:0;position:relative;flex:var(--grow) 1 0px;min-width:6px;overflow:hidden;border-radius:10px;background:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--fg) 7%,transparent) 5px 6px),linear-gradient(180deg,color-mix(in srgb,var(--fg) 6%,transparent),color-mix(in srgb,var(--fg) 2%,transparent));box-shadow:inset 0 0 0 1px var(--xp-hair),inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}.pack.is-dense .pack-cell{min-width:3px;border-radius:4px}.pack-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--v) * 100%);transform-origin:50% 100%;background:linear-gradient(0deg,var(--pack-deep),var(--pack-mid) 55%,var(--pack-b)) 50% 100% /100% var(--ks-pack-h) no-repeat;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)}.pack-cell:before{content:"";position:absolute;z-index:1;left:3px;top:4px;bottom:4px;width:3px;border-radius:2px;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,#fff 55%,transparent),color-mix(in srgb,#fff 0%,transparent) 85%);opacity:.5}.pack.is-dense .pack-cell:before,.pack.is-empty .pack-cell:before{content:none}.pack-cell.is-draining{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pack-a) 60%,transparent),0 8px 22px -14px color-mix(in srgb,var(--pack-a) 80%,transparent)}.pack-cell.is-draining:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--v) * 100% - 1px);height:1.5px;pointer-events:none;background:color-mix(in srgb,#fff 75%,var(--pack-b));box-shadow:0 0 8px 1px color-mix(in srgb,var(--pack-b) 80%,transparent)}.pack-now{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--fg-2);white-space:nowrap}.pack-now>i{position:relative;flex:none;width:6px;height:6px;border-radius:50%;background:var(--pack-a)}.pack-now>i:after,.pack-now>i:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.pack-now>i:before{inset:-3px;background:color-mix(in srgb,var(--pack-a) 22%,transparent)}.pack-now>i:after{inset:-7px;background:color-mix(in srgb,var(--pack-a) 45%,transparent);opacity:0;scale:.3}.pack-now code{font-size:11.5px;color:var(--fg)}.pack-range{color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pack.is-empty .pack-cell{display:grid;place-items:center;flex:1 1 auto;padding:0 12px;background:transparent;box-shadow:none;border:1px dashed var(--border-strong)}.pack-none{overflow:hidden;font-size:12px;color:var(--faint);white-space:nowrap;text-overflow:ellipsis}.ks-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--xp-hair)}.ks-stat{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:7px;gap:7px;min-width:0;padding:clamp(12px,1.8vh,18px) 22px 0 0}.ks-stat+.ks-stat{padding-right:0;padding-left:22px;border-left:1px solid var(--xp-hair)}.ks-stat-fig{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;line-height:1.1}.ks-stat-fig strong{font-size:clamp(20px,1.8vw,28px);font-weight:600;letter-spacing:-.035em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ks-stat-fig span{font-size:12px;color:var(--muted)}.ks-stat .bars{height:clamp(26px,4.2vh,44px);margin-top:3px;gap:3px}.ks-split{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:9px;gap:9px;min-width:0;margin-top:3px}.ks-split-bar{display:flex;gap:2px;height:6px}.ks-split-seg{--grow:1;flex:var(--grow) 1 0px;min-width:3px;border-radius:3px;background:var(--slot)}.ks-split.is-empty .ks-split-bar{border-radius:3px;background:color-mix(in srgb,var(--fg) 8%,transparent)}.ks-split-none{font-size:12px;color:var(--faint)}.ks-split-legend{display:flex;flex-wrap:wrap;gap:3px 14px;margin:0;padding:0;list-style:none;font-size:11.5px;line-height:1.5;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ks-split-legend li{display:inline-flex;align-items:center;gap:6px;min-width:0}.ks-split-legend i{flex:none;width:8px;height:8px;border-radius:2px;background:var(--slot)}.ks-split-legend code{font-size:11px;color:var(--fg-2)}.ks-split [data-slot="1"]{--slot:var(--accent)}.ks-split [data-slot="2"]{--slot:var(--accent-2)}.ks-split [data-slot="3"]{--slot:color-mix(in oklch,var(--accent) 55%,var(--danger))}.ks-split [data-slot="4"]{--slot:color-mix(in srgb,var(--fg) 34%,transparent)}.ks-batteries{--bat-shadow:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),0 1px 2px color-mix(in srgb,var(--fg) 4%,transparent),0 10px 24px -16px color-mix(in srgb,var(--fg) 24%,transparent);display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:12px;gap:12px;min-width:0}:root[data-theme=dark] .ks-batteries{--bat-shadow:inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent),0 12px 28px -18px color-mix(in srgb,#000 75%,transparent)}.bl-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:3px 16px;gap:3px 16px;padding:0 2px}.bl-title{display:flex;align-items:baseline;gap:10px;min-width:0}.bl-title h4{margin:0;font-size:10.5px;font-weight:600;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.bl-count{font-size:12.5px;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg)}.bl-hint{grid-column:1;margin:0;font-size:12px;line-height:1.4;color:var(--faint)}.bl-head .pager{grid-column:2;grid-row:1/span 2;gap:4px;font-size:12px;color:var(--muted)}.bl-head .pager .btn-icon{width:30px;height:30px;border-radius:50%;border-color:var(--xp-hair);background:color-mix(in srgb,var(--surface) 30%,transparent);color:var(--fg-2)}.bl-head .pager a.btn-icon:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg)}.bl-list{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.bat{display:grid;grid-template-columns:20px minmax(0,1fr) auto;grid-template-areas:"idx code left" "idx gauge exp";align-items:center;grid-gap:6px 14px;gap:6px 14px;padding:10px 18px 10px 14px;border-radius:16px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);box-shadow:var(--bat-shadow);transition:border-color .3s var(--ease-expo),background-color .3s var(--ease-expo)}.bat:hover{border-color:var(--border-strong)}.bat.is-draining{border-color:color-mix(in srgb,var(--pack-a) 45%,transparent);background:color-mix(in srgb,var(--pack-a) 7%,var(--xp-glass));box-shadow:var(--bat-shadow),0 0 0 1px color-mix(in srgb,var(--pack-a) 14%,transparent),0 14px 32px -20px color-mix(in srgb,var(--pack-a) 60%,transparent)}.bat-idx{grid-area:idx;align-self:start;padding-top:6px;font-family:var(--mono);font-size:11px;line-height:1;letter-spacing:.02em;color:var(--faint)}.bat.is-draining .bat-idx{color:var(--pack-a)}.bat-code{grid-area:code;display:flex;align-items:center;gap:4px;min-width:0}.bat-code .chip{flex:none;padding:1px 8px;border-radius:7px;border-color:var(--xp-hair);background:color-mix(in srgb,var(--fg) 3%,transparent);font-size:12px;letter-spacing:.02em;color:var(--fg)}.bat-live{flex:none;margin-left:4px;padding:3px 8px;border-radius:999px;font-size:9.5px;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--pack-a);background:color-mix(in srgb,var(--pack-a) 13%,transparent)}.bat-left{grid-area:left;justify-self:end;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bat-left strong{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.bat-left span{margin-left:5px;font-size:12px;color:var(--faint)}.bat-gauge{--v:0;grid-area:gauge;position:relative;height:3px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--fg) 9%,transparent)}.bat-gauge>i{position:absolute;top:0;bottom:0;left:0;width:calc(var(--v) * 100%);border-radius:inherit;transform-origin:0 50%;background:linear-gradient(90deg,var(--pack-a),var(--pack-b))}.bat.is-draining .bat-gauge>i{box-shadow:0 0 8px color-mix(in srgb,var(--pack-b) 70%,transparent)}.bat-exp{grid-area:exp;justify-self:end;display:flex;font-size:12px;line-height:1.4;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bat-exp>span+span{color:var(--faint)}.bat-exp>span+span:before{content:"·";margin:0 7px;color:var(--faint)}.bat-exp.is-soon>span+span{color:var(--warn)}.bat-add{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:13px 18px 13px 14px;border-radius:16px;border:1px dashed var(--border-strong);color:var(--muted);text-decoration:none;transition:border-color .3s var(--ease-expo),background-color .3s var(--ease-expo),color .3s var(--ease-expo)}.bat-add:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--fg);text-decoration:none}.bat-add-plus{position:relative;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-strong)}.bat-add-plus:after,.bat-add-plus:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:1.5px;margin:-.75px 0 0 -4px;border-radius:1px;background:currentColor}.bat-add-plus:after{rotate:90deg}.bat-add-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.bat-add-text strong{font-size:13.5px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.bat-add-text span{font-size:12px;line-height:1.45;color:var(--muted)}.bat-add .arrow{width:16px;height:16px;transition:translate .45s var(--ease-expo)}.bat-add:hover .arrow{translate:4px 0}html[data-scene=keys] #keys .keycard{animation:settle-in-t .7s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 60ms + .35s)}html[data-scene=keys] #keys .pack-fill{animation:ks-fill 1.2s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 45ms + .6s)}html[data-scene=keys] #keys .pack-cell.is-draining:after{animation:ks-surface 2.6s ease-in-out 1.8s infinite}html[data-scene=keys] #keys .pack-now>i:before{animation:ks-halo-off 1ms linear 1.8s forwards}html[data-scene=keys] #keys .pack-now>i:after{animation:ks-ping 2.6s var(--ease-out) 1.8s infinite}html[data-scene=keys] #keys .ks-split-bar{animation:ks-wipe 1.1s var(--ease-expo) .75s both}html[data-scene=keys] #keys .bars .bar{animation:bar-grow .8s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 35ms + .75s)}html[data-scene=keys] #keys :is(.bat,.bat-add){animation:ks-row .6s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 55ms + .55s)}html[data-scene=keys] #keys .bat-gauge>i{animation:bar-x 1s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 55ms + .8s)}@keyframes settle-in-t{0%{opacity:0;translate:0 12px}}@keyframes ks-fill{0%{transform:scaleY(0)}}@keyframes ks-surface{50%{opacity:.25}}@keyframes ks-halo-off{to{opacity:0}}@keyframes ks-ping{0%{scale:.3;opacity:1}70%,to{scale:1;opacity:0}}@keyframes ks-wipe{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}@keyframes ks-row{0%{opacity:0;translate:0 8px}}@media (min-width:1600px){.keys{--ks-cols:minmax(0,1.1fr) minmax(0,1fr)}}@media (max-width:1180px){.keys{--ks-cols:minmax(0,1fr) minmax(0,1.15fr);--ks-colgap:32px}}@media (max-width:1100px){.bat-live{display:none}}@media (max-width:1000px){.bat{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code left" "gauge exp"}.bat-idx{display:none}}@media (min-width:761px) and (max-height:820px){.keys{--deck-top:12px;--ks-gap:12px;--ks-fig:clamp(38px,min(4vw,6.6vh),52px);--ks-pack-h:28px;gap:clamp(20px,4.2vh,40px)}.keys .scene-head .scene-desc,.pack-head{display:none}.keycard{gap:12px;padding-block:9px}.keycard .cell{width:32px;height:58px;--cell-u:6.8966}.keycard-figure{margin-top:3px}.keycard-figure strong{font-size:18px}.ks-hero{gap:8px}.ks-stat{gap:5px;padding-top:10px}.ks-stat .bars{height:26px}.ks-batteries{gap:10px}.bl-list{gap:6px}.bat{row-gap:4px;padding-block:7px}.bat-idx{padding-top:5px}.bat-add{padding-block:9px}}@media (max-width:900px){.keys{--deck-left:var(--xp-gutter);align-content:start}.keys .scene-head,.keystage{grid-template-columns:minmax(0,1fr)}.keystage{row-gap:28px}}@media (max-width:760px){.keys{--deck-right:var(--xp-gutter);--ks-fig:clamp(40px,13vw,60px);gap:26px}.keycard{width:250px}.ks-id{grid-template-columns:minmax(0,1fr);row-gap:8px}.ks-actions{grid-row:3}.ks-meta{column-gap:14px}.ks-meta>*+:before{content:none}.ks-usage{grid-template-columns:minmax(0,1fr)}.ks-stat,.ks-stat+.ks-stat{padding:12px 0 0;border-left:0}.ks-stat+.ks-stat{margin-top:14px;border-top:1px solid var(--xp-hair)}.bat{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"code code" "gauge gauge" "left exp";padding:12px 14px}.bat-idx{display:none}.bat-left{justify-self:start}}@media (prefers-reduced-motion:reduce){#keys .pack-now>i:before,#keys :is(.keycard,.pack-fill,.ks-split-bar,.bars .bar,.bat,.bat-add,.bat-gauge>i),#keys :is(.pack-cell,.pack-now>i):after{animation:none!important}.bat,.bat-add,.bat-add .arrow,.keycard{transition:none}}@property --level{syntax:"<number>";inherits:true;initial-value:0}.cell{--cell-w1:clamp(0,(.2 - var(--level,0)) * 20,1);--cell-w:clamp(0,(.15 - var(--level,0)) * 20,1);--cell-d:clamp(0,(.09 - var(--level,0)) * 25,1);--cell-lift:calc(var(--cell-w) * (1 - var(--cell-w)) * 4);--cell-ok:var(--accent);--cell-amber:color-mix(in oklab,var(--warn) 50%,var(--warn-2));--cell-amber-2:var(--warn-2);--cell-red:var(--danger);--cell-red-2:color-mix(in oklab,var(--danger) 45%,var(--danger-2));--cell-lift-a:42%;--cell-lift-b:46%;--cell-a0:color-mix(in oklab,color-mix(in oklab,var(--cell-ok),var(--cell-amber) calc(var(--cell-w) * 100%)),#fff calc(var(--cell-lift) * var(--cell-lift-a)));--cell-a:color-mix(in oklab,var(--cell-a0),var(--cell-red) calc(var(--cell-d) * 100%));--cell-b0:color-mix(in oklab,color-mix(in oklab,var(--accent-2),var(--accent) calc(var(--cell-w1) * 100%)),var(--cell-amber-2) calc(var(--cell-w) * 100%));--cell-b:color-mix(in oklab,color-mix(in oklab,var(--cell-b0),#fff calc(var(--cell-lift) * var(--cell-lift-b))),var(--cell-red-2) calc(var(--cell-d) * 100%));--cell-top:color-mix(in oklab,var(--cell-b),#fff calc((1 - var(--cell-w)) * 22%));--cell-mid:color-mix(in oklab,var(--cell-a) 50%,var(--cell-b));--cell-deep:color-mix(in oklab,var(--cell-a),#000 calc((1 - var(--cell-w)) * 14%));--cell-k:.6;--cell-edge:color-mix(in srgb,var(--fg) 15%,transparent);--cell-inner:color-mix(in srgb,#fff 75%,transparent);--cell-glass-0:color-mix(in srgb,var(--fg) 7%,transparent);--cell-glass-1:color-mix(in srgb,#fff 30%,transparent);--cell-glass-2:color-mix(in srgb,#fff 40%,transparent);--cell-well-0:color-mix(in srgb,var(--fg) 3%,transparent);--cell-well-1:color-mix(in srgb,var(--fg) 0%,transparent);--cell-shade:color-mix(in srgb,var(--fg) 6%,transparent);--cell-shade-soft:color-mix(in srgb,var(--fg) 1.5%,transparent);--cell-rim-0:#fff;--cell-rim-1:color-mix(in srgb,#fff 55%,transparent);--cell-rim-2:color-mix(in srgb,#fff 92%,transparent);--cell-spec:color-mix(in srgb,#fff 96%,transparent);--cell-spec-soft:color-mix(in srgb,#fff 40%,transparent);--cell-cap-0:color-mix(in srgb,var(--fg) 30%,var(--bg));--cell-cap-1:color-mix(in srgb,#fff 94%,var(--bg));--cell-cap-2:color-mix(in srgb,var(--fg) 13%,var(--bg));--cell-tick:color-mix(in srgb,var(--fg) 30%,transparent);--cell-tick-lo:color-mix(in srgb,#fff 75%,transparent);--cell-bolt-fill:color-mix(in srgb,var(--fg) 4%,transparent);--cell-bolt-line:color-mix(in srgb,var(--fg) 22%,transparent);--cell-u:.7;display:block;width:100%;height:auto;aspect-ratio:220/400;overflow:visible}:root[data-theme=dark] .cell{--cell-ok:color-mix(in oklab,var(--accent) 35%,var(--brand-blue));--cell-amber:color-mix(in oklab,var(--warn),#000 14%);--cell-amber-2:color-mix(in oklab,var(--warn) 55%,var(--warn-2));--cell-red:color-mix(in oklab,var(--danger),#000 16%);--cell-red-2:var(--danger);--cell-lift-a:22%;--cell-lift-b:28%;--cell-top:color-mix(in oklab,var(--cell-b),#fff calc((1 - var(--cell-w)) * 18%));--cell-deep:color-mix(in oklab,var(--cell-a),#000 calc((1 - var(--cell-w)) * 10%));--cell-k:1;--cell-edge:color-mix(in srgb,#fff 12%,transparent);--cell-inner:color-mix(in srgb,#fff 8%,transparent);--cell-glass-0:color-mix(in srgb,#fff 11%,transparent);--cell-glass-1:color-mix(in srgb,#fff 3%,transparent);--cell-glass-2:color-mix(in srgb,#fff 1.2%,transparent);--cell-well-0:color-mix(in srgb,#000 20%,transparent);--cell-well-1:color-mix(in srgb,#000 4%,transparent);--cell-shade:color-mix(in srgb,#000 34%,transparent);--cell-shade-soft:color-mix(in srgb,#000 9%,transparent);--cell-rim-0:color-mix(in srgb,#fff 82%,transparent);--cell-rim-1:color-mix(in srgb,#fff 9%,transparent);--cell-rim-2:color-mix(in srgb,#fff 36%,transparent);--cell-spec:color-mix(in srgb,#fff 62%,transparent);--cell-spec-soft:color-mix(in srgb,#fff 13%,transparent);--cell-cap-0:color-mix(in srgb,#fff 20%,var(--bg));--cell-cap-1:color-mix(in srgb,#fff 72%,var(--bg));--cell-cap-2:color-mix(in srgb,#fff 11%,var(--bg));--cell-tick:color-mix(in srgb,#fff 42%,transparent);--cell-tick-lo:color-mix(in srgb,#000 40%,transparent);--cell-bolt-fill:color-mix(in srgb,#fff 3%,transparent);--cell-bolt-line:color-mix(in srgb,#fff 24%,transparent);--cell-cap-lo:.42}.cell-sm{--cell-edge:color-mix(in srgb,var(--fg) 24%,transparent);--cell-u:5.5556;width:auto;height:72px}.cell-demo{--cell-b0-t:color-mix(in oklab,var(--accent),var(--cell-amber-2) calc(var(--cell-w) * 100%));--cell-b-t:color-mix(in oklab,color-mix(in oklab,var(--cell-b0-t),#fff calc(var(--cell-lift) * var(--cell-lift-b))),var(--cell-red-2) calc(var(--cell-d) * 100%));--cell-top-t:color-mix(in oklab,var(--cell-b-t),#fff calc((1 - var(--cell-w)) * 22%));--cell-mid-t:color-mix(in oklab,var(--cell-a) 50%,var(--cell-b-t))}:root[data-theme=dark] .cell-demo{--cell-top-t:color-mix(in oklab,var(--cell-b-t),#fff calc((1 - var(--cell-w)) * 18%))}.cell-s-top{stop-color:var(--cell-top)}.cell-s-b{stop-color:var(--cell-b)}.cell-s-a{stop-color:var(--cell-a)}.cell-s-mid{stop-color:var(--cell-mid)}.cell-s-deep{stop-color:var(--cell-deep)}.cell-s-top-t{stop-color:var(--cell-top-t)}.cell-s-b-t{stop-color:var(--cell-b-t)}.cell-s-mid-t{stop-color:var(--cell-mid-t)}.cell-s-white{stop-color:#fff}.cell-s-black{stop-color:#000}.cell-s-clear{stop-opacity:0}.cell-s-core{stop-color:#fff;stop-opacity:.12}.cell-s-band{stop-color:#fff;stop-opacity:.3}.cell-s-spill{stop-color:var(--cell-b);stop-opacity:.3}.cell-s-spill-soft{stop-color:var(--cell-b);stop-opacity:.08}.cell-s-well-0{stop-color:var(--cell-well-0)}.cell-s-well-1{stop-color:var(--cell-well-1)}.cell-s-shade{stop-color:var(--cell-shade)}.cell-s-shade-soft{stop-color:var(--cell-shade-soft)}.cell-s-glass-0{stop-color:var(--cell-glass-0)}.cell-s-glass-1{stop-color:var(--cell-glass-1)}.cell-s-glass-2{stop-color:var(--cell-glass-2)}.cell-s-rim-0{stop-color:var(--cell-rim-0)}.cell-s-rim-1{stop-color:var(--cell-rim-1)}.cell-s-rim-2{stop-color:var(--cell-rim-2)}.cell-s-spec{stop-color:var(--cell-spec)}.cell-s-spec-soft{stop-color:var(--cell-spec-soft)}.cell-s-cap-0{stop-color:var(--cell-cap-0)}.cell-s-cap-1{stop-color:var(--cell-cap-1)}.cell-s-cap-2{stop-color:var(--cell-cap-2)}.cell-s-flash{stop-color:#fff;stop-opacity:.85}.cell-s-flash-soft{stop-color:#fff;stop-opacity:.28}.cell-s-glow{stop-color:#fff;stop-opacity:.5}.cell-s-floor-0{stop-color:var(--cell-b);stop-opacity:.95}.cell-s-floor-1{stop-color:var(--cell-a);stop-opacity:.38}.cell-s-halo{stop-color:var(--cell-a);stop-opacity:.24}.cell-s-halo-soft{stop-color:var(--cell-a);stop-opacity:.07}.cell-s-contact{stop-color:#000;stop-opacity:.34}.cell-s-cap-hi{stop-color:#fff;stop-opacity:.32}.cell-s-cap-lo{stop-color:#000;stop-opacity:var(--cell-cap-lo,.16)}.cell-s-ray{stop-color:#fff;stop-opacity:.36}.cell-s-ray-soft{stop-color:#fff;stop-opacity:.12}.cell-s-wall{stop-color:var(--cell-b);stop-opacity:.36}.cell-s-wall-soft{stop-color:var(--cell-a);stop-opacity:.2}.cell-halo{opacity:calc(var(--level, 0) * var(--cell-k) * var(--cell-k))}.cell-floor{opacity:calc((.14 + .86 * var(--level, 0)) * var(--cell-k))}.cell-shadow{opacity:calc(1.25 - var(--cell-k))}.cell-cap-hi{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:1.4;stroke-linecap:round}.cell-edge{stroke:var(--cell-edge);stroke-width:1px}.cell-edge,.cell-rim{fill:none;vector-effect:non-scaling-stroke}.cell-rim{stroke-width:1.25px}.cell-inner{fill:none;stroke:var(--cell-inner);stroke-width:1px;vector-effect:non-scaling-stroke}.cell-spec{opacity:.45}.cell-spec-core{opacity:.9}.cell-glint{opacity:.95}.cell-glint-r{fill:var(--cell-b);opacity:calc(.1 + .45 * var(--level, 0))}.cell-ticks path{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round}.cell-tick-hi{stroke:var(--cell-tick)}.cell-tick-lo{stroke:var(--cell-tick-lo)}.cell-liquid{transform:translateY(calc((1 - var(--level, 0)) * 334px));opacity:clamp(0,var(--level,0) * 40,1)}.cell-column{transform-origin:0 48px;transform:scaleY(var(--level,0))}.cell-lit{transform:translateY(calc((var(--level, 0) - 1) * 334px))}.cell-wallglow{transform:translateY(calc((1 - var(--level, 0)) * 334px));opacity:clamp(0,var(--level,0) * 40,1)}.cell-rays{transform-origin:110px 46px;transform:skewX(9deg);animation:cell-rays 9s ease-in-out infinite alternate}.cell-rays path{opacity:clamp(0,(var(--level,0) - .08) * 5,1)}@keyframes cell-rays{0%{transform:skewX(4deg);opacity:.7}to{transform:skewX(15deg);opacity:1}}.cell-amp{transform-origin:0 46px}.cell-band{opacity:calc(1 - var(--cell-w) * .6)}.cell-wave-back{opacity:.85}.cell-wave-back path{fill:var(--cell-mid)}.cell-wave-back .cell-tint{fill:var(--cell-mid-t)}.cell-crest{fill:none;stroke:#fff;stroke-opacity:.85;stroke-width:calc(1.2px * var(--cell-u))}.cell.is-surging .cell-crest{stroke-width:1.2px;vector-effect:non-scaling-stroke}.cell-wave-front{animation:cell-wave-l 3.6s linear infinite}.cell-wave-back{animation:cell-wave-r 6.4s linear infinite}.cell-sm .cell-wave-front{animation-name:cell-wave-sm;animation-duration:5.2s}@keyframes cell-wave-l{to{transform:translateX(-84px)}}@keyframes cell-wave-r{0%{transform:translateX(-112px)}to{transform:translateX(0)}}@keyframes cell-wave-sm{to{transform:translateX(-168px)}}.cell-bubbles{opacity:clamp(0,(var(--level,0) - .06) * 12,1)}.cell-depth{transform-origin:0 48px;transform:scaleY(var(--level,0))}.cell-bubble{transform:translate(calc(var(--x) * 1px),388px);opacity:0;animation:cell-bubble var(--dur,5s) cubic-bezier(.45,.05,.8,.6) var(--delay,0s) infinite}.cell-bubble-dot{fill:color-mix(in srgb,#fff 28%,transparent);stroke:#fff;stroke-opacity:.75;stroke-width:.7;transform:scaleY(calc(1 / max(var(--level, 0), .01)))}@keyframes cell-bubble{0%{transform:translate(calc(var(--x) * 1px),388px) scale(calc(var(--s) * .6));opacity:0}14%{opacity:1}84%{opacity:.9}to{transform:translate(calc((var(--x) + var(--drift, 4)) * 1px),52px) scale(var(--s));opacity:0}}.cell-bolt{transform-origin:110px 213px}.cell-bolt-dim{fill:var(--cell-bolt-fill);stroke:var(--cell-bolt-line);stroke-width:calc(1.2px * var(--cell-u));stroke-linejoin:round}.cell.is-surging .cell-bolt-dim{stroke-width:1.2px;vector-effect:non-scaling-stroke}.cell-bolt-lit{fill:#fff;stroke:#fff;stroke-width:3;stroke-linejoin:round;opacity:.95}.cell-bolt-glow{opacity:.7}.cell-empty .cell-bolt-dim{opacity:.6}.cell-demo .cell-bolt{animation:cell-bolt-pulse 2.333s ease-in-out infinite}@keyframes cell-bolt-pulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.07);opacity:1}}.cell-demo{--level:.72}.cell-tint{opacity:0}.cell-demo :is(.cell-liquid,.cell-wallglow,.cell-column,.cell-depth,.cell-lit,.cell-halo,.cell-floor,.cell-glint-r,.cell-rays path,.cell-tint,.cell-bubble-dot){animation-duration:7s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:infinite}.cell-demo :is(.cell-liquid,.cell-wallglow){animation-name:cell-demo-rise}.cell-demo :is(.cell-column,.cell-depth){animation-name:cell-demo-depth}.cell-demo .cell-lit{animation-name:cell-demo-lit}.cell-demo .cell-halo{animation-name:cell-demo-halo}.cell-demo .cell-floor{animation-name:cell-demo-floor}.cell-demo .cell-glint-r{animation-name:cell-demo-glint}.cell-demo .cell-rays path{animation-name:cell-demo-rays;animation-timing-function:linear}.cell-demo .cell-tint{animation-name:cell-demo-tint;animation-timing-function:linear}.cell-demo .cell-bubble-dot{animation-name:cell-demo-round}@keyframes cell-demo-rise{0%,to{transform:translateY(273.88px)}46%,54%{transform:translateY(26.72px)}}@keyframes cell-demo-depth{0%,to{transform:scaleY(.18)}46%,54%{transform:scaleY(.92)}}@keyframes cell-demo-lit{0%,to{transform:translateY(-273.88px)}46%,54%{transform:translateY(-26.72px)}}@keyframes cell-demo-halo{0%,to{opacity:calc(.18 * var(--cell-k) * var(--cell-k))}46%,54%{opacity:calc(.92 * var(--cell-k) * var(--cell-k))}}@keyframes cell-demo-floor{0%,to{opacity:calc(.2948 * var(--cell-k))}46%,54%{opacity:calc(.9312 * var(--cell-k))}}@keyframes cell-demo-glint{0%,to{opacity:.181}46%,54%{opacity:.514}}@keyframes cell-demo-rays{0%,to{opacity:.5}2.465%,97.535%{opacity:.5089}4.93%,95.07%{opacity:.5384}7.395%,92.605%{opacity:.5933}9.86%,90.14%{opacity:.6808}12.325%,87.675%{opacity:.8112}14.79%,85.21%{opacity:1}}@keyframes cell-demo-tint{0%,to{opacity:.4}1.271%,98.729%{opacity:.3908}2.542%,97.458%{opacity:.3619}3.813%,96.187%{opacity:.3111}5.084%,94.916%{opacity:.236}6.355%,93.645%{opacity:.1335}7.626%,92.374%{opacity:0}}@keyframes cell-demo-round{0%{transform:scaleY(5.5556);animation-timing-function:linear(0,.0106 5%,.0441 10%,.1014 15%,.1813 20%,.2803 25%,.3929 30%,.5127 35%,.6328 40%,.7444 45%,.8364 50%,.8997 55%,.9381 60%,.9613 65%,.9758 70%,.9853 75%,.9916 80%,.9957 85%,.9982 90%,.9996 95%,1)}46%{transform:scaleY(1.087)}54%{transform:scaleY(1.087);animation-timing-function:linear(0,.0004 5%,.0018 10%,.0043 15%,.0084 20%,.0147 25%,.0242 30%,.0387 35%,.0619 40%,.1003 45%,.1636 50%,.2556 55%,.3672 60%,.4873 65%,.6071 70%,.7197 75%,.8187 80%,.8986 85%,.9559 90%,.9894 95%,1)}to{transform:scaleY(5.5556)}}.cell-fizz circle,.cell-flash{opacity:0}.cell-fizz circle{fill:#fff}.cell.is-surging .cell-flash{animation:cell-flash 1.4s cubic-bezier(.2,.7,.2,1) both}.cell.is-surging .cell-amp{animation:cell-amp 1.4s cubic-bezier(.2,.8,.2,1) both}.cell.is-surging .cell-fizz circle{animation:cell-fizz .9s cubic-bezier(.35,.1,.65,1) var(--delay,0s) both}.cell.is-surging .cell-bolt{animation:cell-bolt-flare 1.4s cubic-bezier(.2,.8,.2,1) both}.cell.is-surging .cell-floor{animation:cell-floor-flare 1.4s ease-out both}.cell.is-surging .cell-halo{animation:cell-halo-flare 1.4s ease-out both}@keyframes cell-flash{0%{transform:translateY(calc(var(--level, 0) * 334px + 80px));opacity:0}12%{opacity:1}70%{opacity:.85}to{transform:translateY(-40px);opacity:0}}@keyframes cell-amp{0%,to{transform:scaleY(1)}28%{transform:scaleY(2.6)}60%{transform:scaleY(1.5)}}@keyframes cell-fizz{0%{transform:translate(calc(var(--x) * 1px),calc(58px + var(--level, 0) * 334px));opacity:0}18%{opacity:.95}to{transform:translate(calc((var(--x) + var(--drift, 3)) * 1px),52px);opacity:0}}@keyframes cell-bolt-flare{0%,to{transform:scale(1)}22%{transform:scale(1.22);opacity:1}}@keyframes cell-floor-flare{30%{opacity:var(--cell-k)}}@keyframes cell-halo-flare{30%{opacity:calc(min(1, var(--level, 0) + .45) * var(--cell-k))}}.cell-sm .cell-bolt-lit{stroke-width:6}.cell-sm .cell-spec{opacity:.3}@media (prefers-reduced-motion:reduce){.cell,.cell *{animation:none!important}.cell-bubbles,.cell-fizz,.cell-flash,.cell-wave-back{display:none}.cell-amp{transform:scaleY(.3)}.cell-crest{stroke-width:1.2px;vector-effect:non-scaling-stroke}}.flow{--flow-node:88px;--flow-gap:clamp(28px,4vw,64px);grid-template-columns:repeat(var(--n,3),minmax(0,1fr));grid-column-gap:var(--flow-gap);column-gap:var(--flow-gap);margin:0;padding:0;list-style:none}.flow,.flow-step{position:relative;display:grid}.flow-step{justify-items:center;align-content:start;grid-gap:22px;gap:22px;min-width:0;text-align:center}.flow-node{position:relative;z-index:1;display:grid;place-items:center;width:var(--flow-node);height:var(--flow-node);border-radius:26px;isolation:isolate;color:var(--fg);border:1px solid var(--xp-glass-border,var(--border-strong));background:linear-gradient(160deg,color-mix(in srgb,#fff 9%,transparent),transparent 46%),var(--xp-glass,color-mix(in srgb,var(--surface) 72%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent),0 26px 50px -26px color-mix(in srgb,#000 55%,transparent)}.flow-icon{width:30px;height:30px}.flow-node .cell{height:58px;--cell-u:6.8966}.flow-pulse{inset:-1px;z-index:-1;border-radius:inherit;opacity:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 0 36px -4px var(--glow),inset 0 -18px 28px -18px color-mix(in srgb,var(--accent-2) 55%,transparent);animation:flow-pulse 6s var(--ease-out) infinite;animation-delay:calc(var(--i, 0) * 1.9s)}.flow-link,.flow-pulse{position:absolute;pointer-events:none}.flow-link{z-index:0;top:calc(var(--flow-node) / 2 - 16px);left:calc(50% + var(--flow-node) / 2 + 12px);width:calc(100% + var(--flow-gap) - var(--flow-node) - 24px);height:32px;background:linear-gradient(90deg,var(--xp-hair,var(--border-strong)),color-mix(in srgb,var(--accent) 34%,var(--xp-hair,var(--border-strong))),var(--xp-hair,var(--border-strong))) 50% /100% 1px no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.flow-link>i{position:absolute;inset:0;display:block;transform:translateX(calc(-100% - 40px));background:linear-gradient(90deg,transparent calc(100% - 150px),color-mix(in srgb,var(--accent) 70%,transparent) calc(100% - 24px),var(--accent-2)) 50% /100% 2px no-repeat;animation:flow-run-x 6s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i, 0) * 1.9s + .1s)}.flow-link>i:before{right:-8px;width:110px;height:16px;margin-top:-8px;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 42%,transparent),transparent)}.flow-link>i:after,.flow-link>i:before{content:"";position:absolute;top:50%;border-radius:50%}.flow-link>i:after{right:-4px;width:8px;height:8px;margin-top:-4px;background:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 24%,transparent),0 0 16px 3px var(--glow)}.flow-copy{display:grid;justify-items:center;grid-gap:8px;gap:8px;max-width:36ch}.flow-num{font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--accent)}.flow-title{margin:0;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--fg);text-wrap:balance}.flow-text{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}@keyframes flow-run-x{0%{transform:translateX(calc(-100% - 40px))}30%,to{transform:translateX(calc(0% + 72px))}}@keyframes flow-run-y{0%{transform:translateY(calc(-100% - 40px))}30%,to{transform:translateY(calc(0% + 72px))}}@keyframes flow-pulse{0%{opacity:0}5%{opacity:1}32%,to{opacity:0}}@media (max-width:760px){.flow{--flow-node:64px;grid-template-columns:minmax(0,1fr);row-gap:30px}.flow-step{grid-template-columns:var(--flow-node) minmax(0,1fr);justify-items:start;align-items:start;column-gap:18px;text-align:left}.flow-node{border-radius:20px}.flow-icon{width:24px;height:24px}.flow-node .cell{height:44px;--cell-u:9.0909}.flow-copy{justify-items:start;gap:6px;padding-top:2px}.flow-title{font-size:16px}.flow-link{top:calc(var(--flow-node) + 8px);left:calc(var(--flow-node) / 2 - 16px);width:32px;height:calc(100% - var(--flow-node) + 14px);background-size:1px 100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}.flow-link>i{transform:translateY(calc(-100% - 40px));animation-name:flow-run-y;background:linear-gradient(180deg,transparent calc(100% - 96px),color-mix(in srgb,var(--accent) 70%,transparent) calc(100% - 20px),var(--accent-2)) 50% /2px 100% no-repeat}.flow-link>i:before{top:auto;right:auto;bottom:-8px;left:50%;width:16px;height:80px;margin:0 0 0 -8px}.flow-link>i:after{top:auto;right:auto;bottom:-4px;left:50%;margin:0 0 0 -4px}}@media (prefers-reduced-motion:reduce){.flow-link>i,.flow-pulse{animation:none!important}.flow-link>i{transform:none;background:none}.flow-link>i:before{display:none}.flow-link>i:after{top:50%;bottom:auto;left:50%;right:auto;margin:-4px 0 0 -4px}}.marquee{position:relative;overflow:hidden;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee-x calc(var(--n, 8) * 3.6s) linear infinite}.marquee:focus-within .marquee-track,.marquee:hover .marquee-track{animation-play-state:paused!important}.marquee-list{display:flex;flex:none;align-items:center;gap:12px;margin:0;padding:0 12px 0 0;list-style:none}.marquee-item{display:inline-flex;align-items:center;gap:12px;height:40px;padding:0 16px 0 15px;border-radius:999px;white-space:nowrap;font-size:13px;line-height:1;border:1px solid var(--xp-glass-border,var(--border));background:linear-gradient(180deg,color-mix(in srgb,#fff 5%,transparent),transparent),var(--xp-glass,color-mix(in srgb,var(--surface) 64%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent)}.marquee-label{font-weight:500;letter-spacing:-.005em;color:var(--fg)}.marquee-value{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.marquee-value:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),0 0 10px var(--glow)}@keyframes marquee-x{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}.marquee-track{display:block;width:auto;animation:none!important}.marquee-list{flex-wrap:wrap;justify-content:center;padding:0}.marquee-list[aria-hidden=true]{display:none}}:is(html[data-scene=keys],html[data-scene=connect],html[data-scene=multipliers],html[data-scene=how]) .xp-object .xp-art,html.js .xp-world>section.scene .xp-art,html.js .xp-world>section.scene .xp-flash{animation-play-state:paused}:is(html.js[data-scene=welcome] #welcome,html.js[data-scene=how] #how,html.js[data-scene=balance] #balance,html.js[data-scene=keys] #keys,html.js[data-scene=charge] #charge,html.js[data-scene=connect] #connect,html.js[data-scene=multipliers] #multipliers):not([data-leaving]) .xp-art,:is(html.js[data-scene=welcome] #welcome,html.js[data-scene=how] #how,html.js[data-scene=balance] #balance,html.js[data-scene=keys] #keys,html.js[data-scene=charge] #charge,html.js[data-scene=connect] #connect,html.js[data-scene=multipliers] #multipliers):not([data-leaving]) .xp-flash{animation-play-state:running}html.xp-calm .xp-art{animation-play-state:paused!important}html.has-cursor,html.has-cursor *,html.has-cursor :after,html.has-cursor :before{cursor:none!important}html.has-cursor :is([contenteditable]:not([contenteditable=false]),[data-cursor=text]) :not(:is(a[href],button,select,summary,label,[role=button],[role=tab],[data-cursor-stick],[data-cursor]:not([data-cursor=text])),:is(a[href],button,select,summary,label,[role=button],[role=tab],[data-cursor-stick],[data-cursor]:not([data-cursor=text])) *),html.has-cursor :is(textarea,input:not([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=image]),[contenteditable]:not([contenteditable=false]),[data-cursor=text]){cursor:text!important}.cursor{position:fixed;inset:auto;left:0;top:0;width:0;height:0;margin:0;padding:0;border:0;overflow:visible;background:none;color:var(--fg);pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;contain:layout style;--cursor-ease:var(--ease-expo,cubic-bezier(.16,1,.3,1));--cursor-hair:color-mix(in srgb,var(--fg) 42%,transparent);--cursor-lit:color-mix(in srgb,var(--accent) 62%,transparent);--cursor-fill:color-mix(in srgb,var(--accent) 14%,transparent);--cursor-glow:color-mix(in srgb,var(--accent) 30%,transparent);--cursor-tone:var(--accent)}:root[data-theme=dark] .cursor{--cursor-hair:color-mix(in srgb,var(--fg) 34%,transparent);--cursor-glow:color-mix(in srgb,var(--accent-2) 42%,transparent)}.cursor::-webkit-backdrop{display:none}.cursor::backdrop{display:none}.cursor[data-fallback]{z-index:2147483647}.cursor>*{position:absolute;left:0;top:0}.cursor-ring{box-sizing:border-box;width:36px;height:36px;border-radius:18px;border:1px solid var(--cursor-hair);background-color:transparent;transition:border-color .45s var(--cursor-ease),background-color .45s var(--cursor-ease),opacity .3s var(--ease-out),scale .6s var(--cursor-ease)}.cursor-ring,.cursor-spin{will-change:translate}.cursor-arc{width:48px;height:48px;overflow:visible;filter:drop-shadow(0 0 2.5px var(--cursor-glow));transition:opacity .3s var(--ease-out),filter .6s var(--cursor-ease)}.cursor-arc circle{fill:none}.cursor-arc-a{stop-color:var(--accent)}.cursor-arc-a,.cursor-arc-b{transition:stop-color .6s var(--ease-out)}.cursor-arc-b{stop-color:var(--accent-2)}.cursor[data-level=warn] .cursor-arc-a{stop-color:var(--warn)}.cursor[data-level=warn] .cursor-arc-b{stop-color:var(--warn-2)}.cursor[data-level=danger] .cursor-arc-a{stop-color:var(--danger)}.cursor[data-level=danger] .cursor-arc-b{stop-color:var(--danger-2)}.cursor-arc-value{stroke:url(#cursor-arc-grad);stroke-width:2;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-width .45s var(--cursor-ease)}.cursor-arc-track{stroke:color-mix(in srgb,var(--fg) 78%,transparent);stroke-width:0;stroke-dasharray:.9 24.1;stroke-dashoffset:.45;opacity:0;transition:opacity .3s var(--ease-out),stroke-width .5s var(--cursor-ease)}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bg) 55%,transparent);will-change:translate;transition:scale .5s var(--cursor-ease),opacity .25s var(--ease-out),background-color .3s var(--ease-out)}.cursor-label{display:flex;align-items:center;gap:7px;height:26px;padding:0 11px;overflow:hidden;white-space:nowrap;border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-raised) 86%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 12px 28px -14px rgba(0,0,0,.55);color:var(--fg);font:550 11.5px/1 var(--font);letter-spacing:.005em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:0;scale:.86;transform-origin:50% 0;will-change:translate;transition:opacity .2s var(--ease-out),scale .5s var(--cursor-ease)}.cursor-label>span{display:block}.cursor-label:before{content:"";display:none;flex:none;width:6px;height:6px;border-radius:50%;background:var(--cursor-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--cursor-tone) 22%,transparent)}.cursor[data-label] .cursor-label{opacity:1;scale:1}.cursor[data-flip] .cursor-label{transform-origin:50% 100%}.cursor:is([data-tone],[data-base=probe]) .cursor-label:before{display:block}.cursor[data-level=warn]{--cursor-tone:var(--warn)}.cursor[data-level=danger]{--cursor-tone:var(--danger)}.cursor[data-tone=ok]{--cursor-tone:var(--ok)}.cursor[data-tone=danger]{--cursor-tone:var(--danger)}.cursor[data-tone=danger] .cursor-label{color:var(--danger)}.cursor[data-base=hover] .cursor-ring{border-color:var(--cursor-lit);background-color:var(--cursor-fill)}.cursor[data-base=hover] .cursor-dot{scale:.5}.cursor[data-base=stick] .cursor-ring{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background-color:color-mix(in srgb,var(--accent) 9%,transparent)}.cursor[data-base=stick] .cursor-arc{opacity:0}.cursor[data-base=stick] .cursor-dot{scale:.67}.cursor[data-base=probe] .cursor-ring{border-color:color-mix(in srgb,var(--fg) 18%,transparent)}.cursor[data-base=probe] .cursor-arc-track{opacity:1;stroke-width:7}.cursor[data-base=probe] .cursor-arc-value{animation:cursor-pulse 1.6s ease-in-out infinite}.cursor[data-base=probe] .cursor-dot{background:var(--cursor-tone)}@keyframes cursor-pulse{50%{opacity:.4}}.cursor[data-state=press] .cursor-ring{border-color:color-mix(in srgb,var(--accent) 85%,transparent);background-color:color-mix(in srgb,var(--accent) 20%,transparent);transition-duration:.12s}.cursor[data-state=press] .cursor-arc-value{stroke-width:2.5}.cursor[data-state=press]:not([data-base=hover]) .cursor-dot{scale:.75}.cursor[data-tone] .cursor-ring{border-color:color-mix(in srgb,var(--cursor-tone) 80%,transparent);background-color:color-mix(in srgb,var(--cursor-tone) 14%,transparent);transition-duration:.15s}.cursor[data-tone] :is(.cursor-arc-a,.cursor-arc-b){stop-color:var(--cursor-tone);transition-duration:.15s}.cursor[data-surge] .cursor-arc{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-2) 85%,transparent)) drop-shadow(0 0 2px var(--accent-2))}.cursor[data-surge] .cursor-arc-value{stroke-width:3}.cursor[data-surge] .cursor-ring{border-color:color-mix(in srgb,var(--accent-2) 70%,transparent)}.cursor:is([data-state=text],[data-state=hidden]) :is(.cursor-ring,.cursor-arc,.cursor-dot,.cursor-label){opacity:0}.cursor[data-state=hidden] .cursor-ring{scale:.5}.cursor[data-state=hidden] .cursor-dot{scale:0}.cursor-sparks>i{position:absolute;left:0;top:0;display:block;opacity:0}.cursor-ripple{width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 55%,var(--accent-2));box-shadow:0 0 14px -4px var(--cursor-glow),inset 0 0 14px -6px var(--cursor-glow)}.cursor-sparks>i:not(.cursor-ripple){width:10px;height:1.75px;margin-top:-.875px;border-radius:1px;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 20%,transparent),var(--accent-2))}[data-tilt]{transform:perspective(900px) rotateX(0deg) rotateY(0deg)}.tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;--glare:rgba(255,255,255,.55);background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),var(--glare),transparent 60%);transition:opacity .6s var(--ease-expo,ease-out)}:root[data-theme=dark] .tilt-glare{--glare:rgba(255,255,255,.08)}html.has-cursor [data-tilt]:hover .tilt-glare{opacity:1}@media (prefers-reduced-motion:reduce){.cursor-arc-value{animation:none}[data-tilt]{transform:none}.tilt-glare{display:none}}@media (forced-colors:active){.cursor{display:none!important}}