:root{--night:#14101e;--cream:#efe4d6;--paper:#2a2134;--ink:#efe4d6;--outline:#08060e;--muted:#a697b4;--sambal:#b8324a;--sambal-dark:#7c1e32;--yolk:#d9b24a;--leaf:#3f7a68;--enamel:#c98aa4;--awn:#3a1f35}html,body{height:100%;overflow:hidden}body{background:radial-gradient(120% 60% at 50% 0%, #2c2140, var(--night) 70%);touch-action:none;background-attachment:fixed;padding-left:0;padding-right:0}.app{position:fixed;inset:0;overflow:hidden}#stage{image-rendering:pixelated;touch-action:none;visibility:hidden;background:#14101e;position:absolute;top:0;left:0}#menu{max-width:none;padding:var(--pad-top) 16px var(--pad-bottom);align-items:center;gap:12px;position:absolute;inset:0;overflow-y:auto}#menu>.awning{width:100vw;margin:calc(-1 * var(--pad-top)) 0 0;height:calc(44px + env(safe-area-inset-top,0px));filter:drop-shadow(0 5px #0006);background:repeating-linear-gradient(90deg,#3a1f35 0 40px,#2a1a2c 40px 80px);border-radius:0;flex:none}.home-hud{align-items:center;gap:8px;display:flex}.hud-settings{gap:8px;display:flex}.hud-pill{background:#1c1628}.hud-gear{background:var(--cream)}.sign{text-align:center;margin:4px 0 2px}.title{font:400 clamp(48px, 15vw, 66px)/.9 var(--font-display);color:#e8e0f0;letter-spacing:1px;text-shadow:0 4px 0 var(--sambal-dark), 0 8px 0 #000;margin:0;animation:7s step-end infinite flicker}@keyframes flicker{0%,91%,94%,97%,to{opacity:1}92%,95%{opacity:.55}}.subtitle{color:var(--muted);margin:12px 0 0;font-size:14px}.home-card{background:var(--paper);color:var(--ink)}.hero-pick{background:radial-gradient(circle,#4a3a5c,#0000 68%);width:128px;height:128px;margin:0 auto}.hero-pick canvas{width:128px;height:128px;image-rendering:pixelated;display:block}.cont-info{align-items:center;gap:3px}.cont-title{color:var(--cream);font-size:26px}.trait{color:var(--muted);font-size:13px}.play-pill{width:100%}.home-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-grid .btn{width:100%;color:var(--cream);background:#3a2e4a;padding:12px 4px;font-size:16px}.home-grid .btn.yolk{background:var(--yolk);color:#21170a}.count{background:var(--sambal);color:#fff;border-radius:4px;padding:0 5px;font-style:normal}.record{text-align:center;color:var(--muted);margin:0;font-size:13px}.modal{z-index:50;touch-action:pan-y;background:#06040ebd}.card{background:var(--paper);color:var(--ink)}.card .tag{color:var(--enamel)}.card h3{color:var(--cream);font-weight:400}.card p{color:#cfc2d6}.card p.sub,.card .stats{color:var(--muted)}.card .stats b{color:var(--cream)}.card .stats b.rm{color:var(--yolk)}.card .btn{color:var(--cream);background:#3a2e4a}.card .btn.primary{background:var(--sambal);color:#fff}.rows{flex-direction:column;gap:8px;width:100%;display:flex}.row-btn{text-align:left;cursor:pointer;width:100%;color:var(--cream);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:#1c1628;border-radius:6px;flex-direction:column;gap:2px;padding:10px 76px 10px 12px;display:flex;position:relative}.row-btn:active:not(:disabled){box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.row-btn:disabled{opacity:.55;cursor:default}.row-btn.on{border-color:var(--sambal);background:#3f2240}.row-btn b{font:400 18px/1.1 var(--font-display)}.row-btn small{color:var(--muted);font-size:13px;line-height:1.25}.row-btn>span{font:400 16px var(--font-display);color:var(--yolk);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.row-btn>span svg{width:24px;height:24px;display:block}.row-btn.choice{padding-right:12px}.row-btn.choice em{letter-spacing:1.2px;text-transform:uppercase;color:var(--enamel);font-size:11px;font-style:normal;font-weight:700}.row-btn.choice b{font-size:21px}.build{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}#hud{pointer-events:none;padding:var(--pad-top) 12px 0;flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;inset:0}#hud[hidden]{display:none!important}.hud-row{align-items:flex-start;gap:8px;display:flex}.hud-bars{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#hud .bar{border:2.5px solid var(--outline);background:#0d0a14;border-radius:4px;display:block;position:relative;overflow:hidden}#hud .bar i{height:100%;display:block}#hud .bar span{font:400 13px/1 var(--font-display);color:#fff;text-shadow:0 1px #000;place-items:center;display:grid;position:absolute;inset:0}.bar.hp{height:20px}.bar.hp i{background:#cf3f52}.bar.xp i{background:#6fb2c8}.clock{height:32px;padding:0 9px}#h-pause{pointer-events:auto;flex:none;width:36px;height:32px}#h-pause svg{width:22px;height:22px}.boss-bar{flex-direction:column;align-items:center;gap:2px;display:flex}.boss-bar[hidden]{display:none!important}.boss-bar span{font:400 15px/1 var(--font-display);color:#ffc4d0;text-shadow:0 2px #000}.boss-bar .bar{width:100%;height:12px}.boss-bar .bar i{background:#e8e0f0}.run-toast{text-align:center;max-width:92%;font:400 19px/1.1 var(--font-display);color:var(--cream);border:2.5px solid var(--outline);opacity:0;background:#0a0712e0;border-radius:6px;align-self:center;padding:6px 12px}.run-toast.show{animation:3s steps(12,end) forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.bubble{z-index:5;pointer-events:none;width:max-content;max-width:210px;font:600 14px/1.15 var(--font-body);color:#231a2a;border:2.5px solid var(--outline);background:#f6efe4;border-radius:6px;padding:5px 9px;position:absolute;top:0;left:0}.bubble[hidden]{display:none!important}.stick{pointer-events:none;z-index:3;border:2px solid #fff3;border-radius:50%;width:80px;height:80px;position:absolute;top:0;left:0}.stick[hidden]{display:none!important}.stick i{background:#ffffff47;border-radius:50%;width:32px;height:32px;position:absolute;top:24px;left:24px}@media (prefers-reduced-motion:reduce){.title{animation:none}}:root{--k-new:#ffd23f;--k-level:#9cd35c;--k-element:#ff9c8c;--k-combo:#d9a4ff;--k-you:#8cc8f0}svg.px{width:100%;height:100%;image-rendering:pixelated;display:block}.tile{border:2.5px solid var(--outline);background:#3a2e4a;border-radius:6px;flex:none;width:56px;height:56px;padding:4px;display:block;position:relative}.tile .badges{gap:1px;display:flex;position:absolute;bottom:-7px;right:-7px}.tile .badges i{border:2px solid var(--outline);background:#14101e;border-radius:5px;width:24px;height:24px;padding:2px;display:block}.tile.hero{width:64px;height:64px;image-rendering:pixelated;background-color:#3a2e4a;background-position:0 0;background-repeat:no-repeat;background-size:640px 192px;padding:0}.row-btn{flex-direction:row;align-items:center;gap:14px;padding:10px 12px}.row-btn .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-btn>span.price{font:400 16px var(--font-display);color:var(--yolk);text-align:right;flex:none;position:static;transform:none}.row-btn>span.price svg{width:24px;height:24px;display:block}.row-btn>.tile{position:relative;top:auto;right:auto;transform:none}.row-btn .with{align-items:center;gap:4px;display:flex}.row-btn .with svg{flex:none;width:16px;height:16px}.kind{letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:700}.kind.new{color:var(--k-new)}.kind.level{color:var(--k-level)}.kind.element{color:var(--k-element)}.kind.combo{color:var(--k-combo)}.kind.you{color:var(--k-you)}.row-btn.choice{border-left-width:7px;padding-right:12px}.row-btn.choice.new{border-left-color:var(--k-new)}.row-btn.choice.level{border-left-color:var(--k-level)}.row-btn.choice.element{border-left-color:var(--k-element)}.row-btn.choice.combo{border-left-color:var(--k-combo)}.row-btn.choice.you{border-left-color:var(--k-you)}.kit{justify-content:center;gap:14px;margin-bottom:2px;display:flex}.kit-item{display:block;position:relative}.kit-item .tile{width:40px;height:40px;padding:3px}.kit-item .tile .badges{bottom:-6px;left:-6px;right:auto}.kit-item .tile .badges i{width:18px;height:18px;padding:1px}.kit-item>b{text-align:center;min-width:18px;font:400 13px/14px var(--font-display);color:#14101e;background:var(--k-level);border:2px solid var(--outline);border-radius:4px;padding:1px 3px;position:absolute;top:-6px;right:-6px}.build{gap:10px;width:100%}.build li{text-align:left;align-items:center;gap:14px;display:flex}.build .txt{flex-direction:column;display:flex}.build .txt b{font:400 18px/1.1 var(--font-display)}.build .txt small{color:var(--muted)}.row-btn>.txt{font:inherit;color:inherit;position:static;transform:none}.row-btn .tile svg.px,.row-btn .tile>svg.px,.tile svg.px{width:100%;height:100%}.row-btn .tile>.badges{position:absolute;top:auto;bottom:-7px;right:-7px;transform:none}.row-btn .with svg.px{width:16px;height:16px}.kind.t-new,.row-btn.choice em.t-new{color:var(--k-new)}.kind.t-level,.row-btn.choice em.t-level{color:var(--k-level)}.kind.t-element,.row-btn.choice em.t-element{color:var(--k-element)}.kind.t-combo,.row-btn.choice em.t-combo{color:var(--k-combo)}.kind.t-you,.row-btn.choice em.t-you{color:var(--k-you)}.row-btn.choice.t-new{border-left-color:var(--k-new)}.row-btn.choice.t-level{border-left-color:var(--k-level)}.row-btn.choice.t-element{border-left-color:var(--k-element)}.row-btn.choice.t-combo{border-left-color:var(--k-combo);background:#2a1b3c}.row-btn.choice.t-you{border-left-color:var(--k-you)}.kit-item>b{z-index:2}.row-btn>.tile .badges i svg.px{width:100%;height:100%}.mission{border:2.5px solid var(--outline);border-left:6px solid var(--yolk);background:#140e1ceb;border-radius:6px;align-items:center;gap:8px;padding:5px 9px;display:flex}.mission[hidden],.mission-pop[hidden]{display:none!important}.m-icon{flex:none;width:34px;height:34px;display:block}.m-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.m-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.m-top b{font:400 16px/1 var(--font-display);color:var(--cream)}.m-top em{font:400 15px/1 var(--font-display);color:var(--yolk);font-style:normal}.m-lamps{gap:4px;display:flex}.m-lamp{border:2px solid var(--outline);background:#0d0a14;border-radius:3px;flex:1;height:9px;overflow:hidden}.m-lamp i{background:var(--yolk);height:100%;display:block}.m-lamp.lit i{background:#ffdf80}.m-time{background:#0d0a14;height:3px;display:block;overflow:hidden}.m-time i{background:#a697b4;height:100%;display:block}.mission-pop{z-index:4;text-align:center;border:3px solid var(--yolk);width:min(86%,340px);box-shadow:0 5px 0 var(--outline);background:#140e1cf2;border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:12px 14px;animation:.3s steps(5,end) mission-in;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}@keyframes mission-in{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.85)}}.mission-pop em{letter-spacing:2px;text-transform:uppercase;color:var(--yolk);font-size:11px;font-style:normal;font-weight:700}.mission-pop b{font:400 25px/1.05 var(--font-display);color:var(--cream)}.mission-pop small{color:#cfc2d6;font-size:13px;line-height:1.3}@media (prefers-reduced-motion:reduce){.mission-pop{animation:none}}.mission-pop{top:auto;bottom:calc(var(--pad-bottom) + 18px);text-align:left;flex-direction:row;gap:10px;width:min(92%,360px);padding:9px 12px}.m-icon.big{width:52px;height:52px}.m-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mission-pop b{font-size:21px}.row-btn.choice kbd{width:22px;height:22px;font:400 15px/1 var(--font-display);color:var(--muted);border:2px solid var(--outline);background:#0d0a14;border-radius:4px;flex:none;place-items:center;display:grid}@media (min-width:800px){#hud{padding-left:20px;padding-right:20px}.hud-row,.boss-bar,.mission{align-self:center;width:min(100%,640px)}.card{width:min(100%,460px)}}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.chip{border:2px solid var(--outline);background:#0d0a14;border-radius:4px;align-items:center;gap:3px;height:24px;padding:0 7px 0 3px;display:inline-flex}.chip svg.px{flex:none;width:16px;height:16px}.chip b{font:400 15px/1 var(--font-display);color:var(--cream);white-space:nowrap}.chips.big .chip{height:34px;padding:0 10px 0 5px}.chips.big .chip svg.px{width:24px;height:24px}.chips.big .chip b{font-size:21px}.pips{justify-content:center;gap:2px;display:flex}.pips i{background:#0d0a14;border:1px solid #000;width:9px;height:6px;display:block}.pips i.on{background:var(--k-level)}.pips i.next{background:#fff;animation:.7s steps(2,end) infinite pip}@keyframes pip{50%{background:var(--k-level)}}.total{align-items:center;gap:6px;display:flex}.total svg.px{width:28px;height:28px}.total b{font:400 26px/1 var(--font-display);color:var(--yolk)}.portrait{border:2.5px solid var(--outline);width:44px;height:44px;image-rendering:pixelated;background:#3a2e4a 0 -2px/440px 132px no-repeat;border-radius:6px;flex:none}.lv-badge{background:var(--k-level);color:#14101e;border:2.5px solid var(--outline);border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lv-badge small{font:700 9px/1 var(--font-body);letter-spacing:1px}.lv-badge b{font:400 21px/.9 var(--font-display)}.bar.xp{height:12px!important}.kills{height:32px;padding:0 8px 0 3px}.weapon-bar{left:50%;bottom:max(14px, env(safe-area-inset-bottom,0px));z-index:3;border:2.5px solid var(--outline);pointer-events:none;background:#0c0814d1;border-radius:8px;gap:12px;padding:8px 12px;display:flex;position:absolute;transform:translate(-50%)}.weapon-bar[hidden]{display:none!important}.slot{width:56px;height:56px;display:block;position:relative}.slot .tile{width:56px;height:56px;overflow:hidden}.slot.empty .tile{opacity:.6;background:#1a1425;border-style:dashed}.slot .cool{pointer-events:none;background:#06040c9e;position:absolute;bottom:2.5px;left:2.5px;right:2.5px}.slot>.lv{z-index:2;min-width:26px;height:24px;font:400 18px/1 var(--font-display);color:#14101e;background:var(--k-level);border:2.5px solid var(--outline);border-radius:5px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-8px;right:-7px}.slot>.lv.max{background:var(--yolk);font-size:13px}.slot .tile .badges{z-index:2;bottom:-6px;left:-6px;right:auto}.slot .tile{overflow:visible}.slot .tile .badges i{width:22px;height:22px;padding:1px}.kit{justify-content:center;gap:16px;padding-top:8px;display:flex}.card.pick-card{box-shadow:none;background:0 0;border:0;gap:16px;width:min(100%,860px);padding:0}.picks{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;width:100%;display:grid}.pick{cursor:pointer;color:var(--cream);font:inherit;background:var(--paper);border:4px solid var(--outline);border-top:8px solid var(--tc);box-shadow:0 7px 0 var(--outline);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:9px;padding:14px 12px 16px;display:flex;position:relative}.pick:hover{box-shadow:0 12px 0 var(--outline);filter:brightness(1.14);transform:translateY(-5px)}.pick:active{box-shadow:0 2px 0 var(--outline);transform:translateY(4px)}.pick.t-new{--tc:var(--k-new)}.pick.t-level{--tc:var(--k-level)}.pick.t-element{--tc:var(--k-element)}.pick.t-combo{--tc:var(--k-combo);background:#33214a}.pick.t-you{--tc:var(--k-you)}.pick em{font-style:normal;font:400 15px/1 var(--font-display);color:var(--tc);text-transform:uppercase;letter-spacing:1px}.pick .tile{width:112px;height:112px;padding:8px}.pick .tile .badges{bottom:-10px;right:-12px}.pick .tile .badges i{width:40px;height:40px;padding:3px}.pick b{font:400 25px/1 var(--font-display)}.pick kbd{width:24px;height:24px;font:400 16px/1 var(--font-display);color:var(--muted);border:2px solid var(--outline);background:#0d0a14;border-radius:4px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.lvl-step{font:400 17px/1 var(--font-display);color:var(--muted)}.lvl-step u{color:var(--k-level);text-decoration:none}.btn.reroll{color:var(--cream);background:#3a2e4a;gap:6px;display:inline-flex}.btn.reroll svg.px{width:22px;height:22px}.card .btn svg{width:18px;height:18px}.tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.tile-grid.two{grid-template-columns:repeat(2,1fr)}.buy-tile{cursor:pointer;color:var(--cream);border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);text-align:center;background:#1c1628;border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;display:flex}.buy-tile:hover:not(:disabled){filter:brightness(1.2)}.buy-tile:disabled{opacity:.55;cursor:default}.buy-tile.on{border-color:var(--sambal);background:#3f2240}.buy-tile b{font:400 16px/1 var(--font-display);min-height:16px}.buy-tile small{color:var(--muted);font-size:12px;line-height:1.15}.buy-tile .price{font:400 16px/1 var(--font-display);color:var(--yolk)}.buy-tile .price svg{width:22px;height:22px;display:block}.card:has(.tile-grid){width:min(100%,560px)}.btn.icon-tab{flex-direction:column;gap:3px}.home-grid .btn.icon-tab{padding:8px 4px}.hero-line{align-items:center;gap:10px;display:flex}.build li{gap:12px;position:relative}.build .lv-tag{font:400 14px/1.1 var(--font-display);color:#14101e;background:var(--k-level);border:2px solid var(--outline);white-space:nowrap;border-radius:4px;padding:1px 5px;position:absolute;top:-7px;left:22px}.w-info{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.w-info b{font:400 18px/1 var(--font-display)}.w-info .chips,.w-info .pips{justify-content:flex-start}.card:has(.build){width:min(100%,520px)}@media (prefers-reduced-motion:reduce){.pips i.next{animation:none}}:root{--r-common:#b9b2c4;--r-rare:#5aa8f0;--r-epic:#c77dff;--r-legendary:#ffc83d}.hud-row{justify-content:center;align-items:center;gap:10px}.hud-row #h-pause{margin-left:auto}.hud-row .clock{height:42px;padding:0 14px;position:absolute;left:50%;transform:translate(-50%)}.hud-row .clock b{font-size:26px}.hud-row .kills{position:absolute;left:76px}.hud-bottom{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:7px;padding:0 0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bottom[hidden]{display:none!important}.hud-bottom .weapon-bar{background:0 0;border:0;gap:14px;padding:0;position:static;transform:none}.hud-bottom .bar{border:2.5px solid var(--outline);background:#0d0a14;display:block;position:relative;overflow:hidden}.hud-bottom .bar i{height:100%;display:block}.hud-bottom .bar span{font:400 14px/1 var(--font-display);color:#fff;text-shadow:0 1px #000;place-items:center;display:grid;position:absolute;inset:0}.hud-bottom .bar.hp{border-radius:5px;width:min(62%,420px);height:22px}.hud-bottom .bar.hp i{background:linear-gradient(#ee5a4a 50%,#c93a30 50%)}.xp-row{align-items:center;width:100%;padding:0 14px 0 54px;display:flex;position:relative}.hud-bottom .bar.xp{border-radius:4px;flex:1;height:12px!important}.lv-orb{width:54px;height:54px;box-shadow:0 0 0 3px var(--outline);z-index:1;background:#2a2134;border:3px solid #e6dcff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;left:10px}.lv-orb b{font:400 26px/1 var(--font-display);color:#fff}.slot .unlock{font:400 18px/1 var(--font-display);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot .unlock small{font:700 9px/1 var(--font-body);letter-spacing:1px}#hud{padding-bottom:0}.mission-pop{bottom:148px!important}.modal{padding-bottom:150px}.card.pick-card{width:min(100%,880px);animation:none}.pick-title{font:400 40px/1 var(--font-display);color:#fff;text-shadow:0 3px #000;align-items:center;gap:14px;margin:0 0 22px;display:flex}.pick-title i{background:var(--yolk);width:44px;height:4px;display:block}.picks{align-items:stretch;column-gap:18px}.pick{--rc:var(--r-common);border:4px solid var(--rc);box-shadow:0 0 0 3px var(--outline), 0 8px 0 3px var(--outline);background:#1c1628;border-top-width:4px;margin-top:34px;padding:52px 12px 14px}@keyframes legend{to{box-shadow:0 0 0 3px var(--outline), 0 0 22px 5px var(--r-legendary), 0 8px 0 3px var(--outline)}}.orb{border:4px solid var(--rc);width:92px;height:92px;box-shadow:0 0 0 3px var(--outline);background:#2a2134;border-radius:50%;padding:16px;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.orb .badges{gap:1px;display:flex;position:absolute;bottom:-4px;right:-12px}.orb .badges i{border:2px solid var(--outline);background:#14101e;border-radius:50%;width:34px;height:34px;padding:3px;display:block}.pick b{min-height:26px;font-size:25px}.pick .rarity{font:400 15px/1 var(--font-display);color:var(--rc);text-transform:uppercase;letter-spacing:1px}.pick em{color:var(--muted);font:700 11px/1 var(--font-body);letter-spacing:1.4px;text-transform:uppercase;margin-top:auto;padding-top:4px}.pick kbd{top:6px;left:6px}.lvl-step i{color:var(--muted);font-style:normal}.pick .chip b{min-height:0;font-size:16px}.pick .chips .chip{height:28px}.pick .chips .chip svg.px{width:20px;height:20px}.card.shop-card{gap:10px;width:min(100%,720px)}.shop-head{justify-content:space-between;align-items:center;width:100%;display:flex}.shop{grid-template-columns:1.25fr 1fr;gap:16px;width:100%;display:grid}.shop-grid{align-content:start;gap:9px;display:grid}.shop-cell{aspect-ratio:1;cursor:pointer;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:#1c1628;border-radius:8px;place-items:center;padding:4px;display:grid;position:relative}.shop-cell .tile{background:0 0;border:0;width:100%;height:100%;padding:4px}.shop-cell .tile.hero{background-position:top;background-size:640px 192px}.shop-cell:hover{filter:brightness(1.25)}.shop-cell.sel{box-shadow:0 0 0 2px #fff, 0 4px 0 var(--outline);border-color:#fff}.shop-cell.on{border-color:var(--sambal);background:#4a2348}.shop-cell.on.sel{border-color:#fff}.shop-cell.off>.tile{filter:brightness(.45)saturate(.5)}.cell-badge{min-width:22px;font:400 14px/1 var(--font-display);color:#14101e;background:var(--k-level);border:2px solid var(--outline);border-radius:4px;padding:2px 4px;position:absolute;top:-6px;right:-6px}.shop-detail{border:3px solid var(--outline);background:#1c1628;border-radius:8px;flex-direction:column;align-items:center;gap:9px;min-height:240px;padding:14px;display:flex}.d-name{font:400 25px/1 var(--font-display);text-align:center}.shop-detail>.tile{width:72px;height:72px}.tile.hero.big{background-size:1280px 384px;width:128px;height:128px}.d-hint{color:var(--muted);text-align:center;font-size:13px}.d-line{width:100%;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.d-line b{font:400 18px/1 var(--font-display);color:var(--cream);text-align:right}.d-line b i{color:var(--muted);font-style:normal}.d-line b u{color:var(--k-level);text-decoration:none}.d-line.bad b{color:#ff8a80}.d-line.good b{color:var(--yolk)}.d-go{width:100%;margin-top:auto}.pips i.next{background:#fff}.stat-grid{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;display:grid}.stat-cell{border:2px solid var(--outline);opacity:.55;text-align:left;background:#1c1628;border-radius:4px;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;padding:4px 7px 4px 4px;display:grid}.stat-cell.up{opacity:1}.stat-cell svg.px{width:22px;height:22px}.stat-cell small{color:var(--muted);font-size:11px;line-height:1}.stat-cell b{font:400 16px/1 var(--font-display);color:var(--k-level)}.odds{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;font-size:12px;display:flex}.odd{align-items:center;gap:4px;display:inline-flex}.odd i{background:var(--rc);width:10px;height:10px;display:block}.odd b{color:var(--cream);font:400 14px/1 var(--font-display)}.odd.r-common{--rc:var(--r-common)}.odd.r-rare{--rc:var(--r-rare)}.odd.r-epic{--rc:var(--r-epic)}.odd.r-legendary{--rc:var(--r-legendary)}.card:has(.stat-grid){width:min(100%,640px)}.mission-pop{top:42%!important;bottom:auto!important}.mission-pop.go{animation:2.7s both mission-fly}@keyframes mission-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(-8deg)}7%{opacity:1;transform:translate(-50%,-50%)scale(1.35)rotate(3deg)}12%{transform:translate(-50%,-50%)scale(1)rotate(-1deg)}16%,76%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.1;transform:translate(-50%,-38vh)scale(.28)}}.mission-pop.go .m-icon{animation:.5s steps(4,end) 3 icon-wiggle}@keyframes icon-wiggle{25%{transform:rotate(-9deg)scale(1.15)}75%{transform:rotate(9deg)scale(1.15)}}.mission:not([hidden]){animation:.3s steps(5,end) tracker-in}@keyframes tracker-in{0%{filter:brightness(2.2);transform:scale(1.14)}}.banner{z-index:40;pointer-events:none;white-space:nowrap;font:400 clamp(38px, 7vw, 76px)/1 var(--font-display);color:#fff;text-shadow:0 5px #000;padding:7px 26px;position:absolute;top:32%;left:50%}.banner[hidden]{display:none!important}.banner.go{animation:1.9s both banner-in}.banner.boss{color:#ff8fa3}.banner.warn{color:#ffd23f}.banner.good{color:#ffe9a8}@keyframes banner-in{0%{opacity:0;transform:translate(-50%)scale(3.2)}10%{opacity:1;transform:translate(-50%)scale(.92)}15%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-22px)scale(1.04)}}.flash{z-index:45;pointer-events:none;opacity:0;position:absolute;inset:0}.flash[hidden]{display:none!important}@keyframes flash{0%{opacity:.75}to{opacity:0}}.pick-card .pick-title{animation:.35s steps(6,end) both title-slam}@keyframes title-slam{0%{opacity:0;transform:scale(1.7)}}.pick-card .pick{animation:.42s cubic-bezier(.2,1.5,.4,1) both deal}.pick-card .pick:nth-child(2){animation-delay:80ms}.pick-card .pick:nth-child(3){animation-delay:.16s}@keyframes deal{0%{opacity:0;transform:translateY(90px)rotate(-5deg)scale(.7)}}@keyframes orb-pop{0%{transform:translate(-50%)scale(0)rotate(-40deg)}}.pick.r-legendary{animation:.42s cubic-bezier(.2,1.5,.4,1) both deal,1.1s steps(4,end) .5s infinite alternate legend}.pick.r-epic .orb,.pick.r-legendary .orb{box-shadow:0 0 0 3px var(--outline), 0 0 18px 4px var(--rc)}.pick .orb svg.px{transition:transform 80ms steps(2,end)}.pick:hover .orb svg.px{transform:scale(1.18)rotate(-5deg)}.btn.reroll{animation:.3s steps(5,end) .25s both deal}.hud-bottom .bar.hp.hit{animation:.25s steps(4,end) hp-hit}@keyframes hp-hit{25%{filter:brightness(1.8);transform:translate(-5px)}75%{transform:translate(5px)}}.hud-bottom .bar.hp.low i{animation:.7s steps(2,end) infinite hp-low}@keyframes hp-low{50%{filter:brightness(1.7)}}.hud-bottom .bar i{transition:width .12s linear}.lv-orb.pop{animation:.45s steps(6,end) orb-level}@keyframes orb-level{30%{filter:brightness(1.8);transform:scale(1.5)}}.slot.bump{animation:.55s steps(6,end) slot-bump}@keyframes slot-bump{0%{filter:brightness(2.5);transform:scale(.5)}45%{transform:translateY(-12px)scale(1.3)}}.slot.bump>.lv{animation:.6s steps(6,end) lv-bump}@keyframes lv-bump{40%{transform:scale(1.8)}}.run-toast.show{animation-timing-function:steps(10,end)}.shop-cell{transition:transform 80ms steps(2,end)}.shop-cell:hover{transform:translateY(-3px)scale(1.05)}.shop-cell.sel>.tile{animation:.3s steps(4,end) cell-sel}@keyframes cell-sel{50%{transform:scale(1.2)rotate(-4deg)}}.shop-detail>*{animation:.22s steps(4,end) both detail-in}@keyframes detail-in{0%{opacity:0;transform:translate(12px)}}.home-grid .btn:hover svg.px{animation:.4s steps(4,end) icon-wiggle}#menu .hero-pick{animation:1.7s steps(3,end) infinite alternate hero-breathe}@keyframes hero-breathe{to{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.mission-pop.go,.banner.go,.flash.go,.pick-card .pick,.pick-card .pick .orb,.pick-card .pick-title,.slot.bump,.slot.bump>.lv,.lv-orb.pop,.shop-detail>*,.shop-cell.sel>.tile,#menu .hero-pick,.hud-bottom .bar.hp.hit{animation:none}.mission-pop{display:none!important}}@media (min-width:800px){.hud-row{width:100%}}.hud-row{justify-content:flex-start;position:relative}.hud-row .portrait{margin-right:0}.hud-row .kills{position:static}.hud-row .clock{top:0}.slot .unlock{color:var(--cream)}.slot.empty .tile{opacity:.85}.card.shop-card{animation:none}.modal:has(.shop-card){animation:none}.chip small{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.chip small+b{margin-left:2px}.chips.rows{flex-direction:column;align-items:stretch;gap:5px;width:100%;margin-top:auto}.chips.rows .chip{text-align:left;background:#06040c9e;grid-template-columns:22px 1fr auto;gap:6px;height:30px;padding:0 9px 0 4px;display:grid}.chips.rows .chip small{color:var(--cream);font-size:13px}.chips.rows .chip b{color:#a6ee6a;font-size:19px}.pick .chips.rows .chip svg.px{width:22px;height:22px}.pick{--rc:var(--r-common);--rt:#1d1927;background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 26%, #181320), #181320 62%);border-width:5px;gap:7px;margin-top:0;padding:0 12px 13px;overflow:hidden}.pick.r-rare{--rc:#4f9df5}.pick.r-epic{--rc:#bb6bff}.pick.r-legendary{--rc:#ffc21f}.pick.t-combo{background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 26%, #181320), #181320 62%)}.pick .ribbon{background:var(--rc);color:#120d1a;font:400 22px/1 var(--font-display);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-self:stretch;align-items:center;gap:8px;margin:0 -12px;padding:7px 4px 6px 30px;display:flex}.pick .ribbon span{font:700 11px/1 var(--font-body);letter-spacing:0;opacity:.8}.pick .type-strip{font:700 12px/1 var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:#06040cb8;justify-content:center;align-self:stretch;align-items:center;gap:5px;margin:-7px -12px 0;padding:4px;display:flex}.pick .type-strip svg.px{flex:none;width:16px;height:16px}.pick.t-new .type-strip{color:var(--k-new)}.pick.t-level .type-strip{color:var(--k-level)}.pick.t-element .type-strip{color:var(--k-element)}.pick.t-combo .type-strip{color:var(--k-combo)}.pick.t-you .type-strip{color:var(--k-you)}.pick kbd{z-index:2;color:#fff;top:5px;left:6px}.pick .orb{flex:none;width:84px;height:84px;margin-top:7px;padding:14px;position:relative;top:auto;left:auto;transform:none}.pick-card .pick .orb{animation:.4s steps(5,end) .2s both orb-still}@keyframes orb-still{0%{transform:scale(0)rotate(-40deg)}}.pick b{font-size:27px}.pick .sub{font:400 14px/1 var(--font-display);color:var(--rc);margin-top:-5px}.pick .hint{color:#d8cce0;min-height:30px;font-size:13px;line-height:1.2}.pick.r-rare,.pick.r-epic{box-shadow:0 0 0 3px var(--outline), 0 0 15px 2px var(--rc), 0 8px 0 3px var(--outline)}.pick.r-legendary{box-shadow:0 0 0 3px var(--outline), 0 0 26px 6px var(--rc), 0 8px 0 3px var(--outline)}.pick.r-legendary .ribbon{background:linear-gradient(90deg,#ffc21f 30%,#fff5c2 50%,#ffc21f 70%) 0 0/240% 100%;animation:1.6s steps(12,end) infinite shine}@keyframes shine{0%{background-position:120% 0}to{background-position:-120% 0}}.pick:hover{box-shadow:0 0 0 3px var(--outline), 0 0 30px 8px var(--rc), 0 12px 0 3px var(--outline)}@media (prefers-reduced-motion:reduce){.pick.r-legendary .ribbon{animation:none}}.w-info .chip small{font-size:10px}:root{--ui:1}#menu,#hud,.hud-bottom,.modal>.card{zoom:var(--ui)}.modal{padding:16px 16px 190px}.bubble{font-size:calc(15px * var(--ui));max-width:calc(250px * var(--ui));padding:7px 12px}.hud-bottom .bar.hp{width:min(58%,560px);height:26px}.hud-bottom .bar span{font-size:17px}.hud-bottom .bar.xp{height:14px!important}.lv-orb{width:62px;height:62px}.lv-orb b{font-size:30px}.xp-row{padding-left:62px}.flash.go{animation:.32s steps(5,end) flash-hit}@keyframes flash-hit{0%{opacity:var(--fo,.75)}to{opacity:0}}.dmg-float{z-index:6;pointer-events:none;font:400 calc(30px * var(--ui))/1 var(--font-display);color:#ff6a6a;text-shadow:0 3px #000,2px 0 #000,-2px 0 #000;animation:.8s steps(10,end) forwards dmg-up;position:absolute;transform:translate(-50%,-50%)}@keyframes dmg-up{0%{transform:translate(-50%,-30%)scale(1.5)}25%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)}}.chip b.ft{color:var(--cream)!important;font-size:17px!important}.chip b.ft i{color:var(--muted);font-style:normal}.chip b.ft u{color:#a6ee6a;text-decoration:none}.chip>em{font-style:normal;font:400 14px/1 var(--font-display);color:#a6ee6a}.orb-row{justify-content:center;align-items:center;gap:8px;margin-top:7px;display:flex}.pick .orb-row .orb{margin-top:0}.orb-row .plus{font:400 30px/1 var(--font-display);color:#fff;font-style:normal}.pick .orb.add{border-color:var(--ec);width:66px;height:66px;box-shadow:0 0 0 3px var(--outline), 0 0 16px 3px var(--ec);padding:11px}.pick .sub{margin-top:-3px;font-size:21px}.t-element .type-strip,.t-combo .type-strip{font-size:11px}.card-marks{z-index:3;gap:3px;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.card-mark{width:24px;height:24px;font:400 16px/1 var(--font-display);color:#14101e;border:2.5px solid var(--outline);background:#fff;border-radius:4px;place-items:center;animation:.6s steps(3,end) infinite alternate mark-bob;display:grid}@keyframes mark-bob{to{transform:translateY(-4px)}}.slot.target{filter:drop-shadow(0 0 10px #fff);transform:translateY(-14px)scale(1.25)}#menu>*{width:min(100%,680px)}#menu>.awning{width:100vw;width:calc(100vw / var(--ui))}.home-card.cont{grid-template-rows:1fr auto;grid-template-columns:220px 1fr;align-items:center;column-gap:20px;display:grid}.home-card.cont .hero-pick{grid-row:1/3;width:192px;height:192px}.hero-pick canvas{width:192px;height:192px}.home-card.cont .cont-info{align-items:flex-start}.home-card.cont .cont-title{text-align:left;font-size:40px}.home-card.cont .card-tag,.home-card.cont .trait{text-align:left;font-size:14px}.home-card.cont .play-pill{padding:12px 0;font-size:32px}.home-grid .btn.icon-tab{padding:12px 6px;font-size:21px}.title{font-size:72px}.card.pick-card{width:min(100%,1080px);margin-top:0;position:relative}.pick-card .pick-title{margin-bottom:12px;font-size:44px}.pick-card .btn.reroll{position:absolute;top:0;right:0}.pick-card .pick{min-height:0}.chips.rows .chip{height:auto;min-height:32px}.chips.rows .chip:has(.ft){grid-template-columns:22px minmax(0,1fr) auto 46px}.chip>em{text-align:right}.modal:has(.pick-card){align-items:flex-start;padding-top:10px}@keyframes hero-reel{0%{background-position:calc(var(--s) * -2) calc(var(--s) * 0)}2.602%{background-position:calc(var(--s) * -3) calc(var(--s) * 0)}5.204%{background-position:calc(var(--s) * -4) calc(var(--s) * 0)}7.807%{background-position:calc(var(--s) * -5) calc(var(--s) * 0)}10.409%{background-position:calc(var(--s) * -2) calc(var(--s) * 0)}13.011%{background-position:calc(var(--s) * -3) calc(var(--s) * 0)}15.613%{background-position:calc(var(--s) * -4) calc(var(--s) * 0)}18.216%{background-position:calc(var(--s) * -5) calc(var(--s) * 0)}20.818%{background-position:calc(var(--s) * -6) calc(var(--s) * 0)}22.862%{background-position:calc(var(--s) * -7) calc(var(--s) * 0)}24.907%{background-position:calc(var(--s) * -8) calc(var(--s) * 0)}26.952%{background-position:calc(var(--s) * 0) calc(var(--s) * 0)}31.784%{background-position:calc(var(--s) * -2) calc(var(--s) * -2)}34.387%{background-position:calc(var(--s) * -3) calc(var(--s) * -2)}36.989%{background-position:calc(var(--s) * -4) calc(var(--s) * -2)}39.591%{background-position:calc(var(--s) * -5) calc(var(--s) * -2)}42.193%{background-position:calc(var(--s) * -2) calc(var(--s) * -2)}44.796%{background-position:calc(var(--s) * -3) calc(var(--s) * -2)}47.398%{background-position:calc(var(--s) * -4) calc(var(--s) * -2)}50%{background-position:calc(var(--s) * -5) calc(var(--s) * -2)}52.602%{background-position:calc(var(--s) * -6) calc(var(--s) * -2)}54.647%{background-position:calc(var(--s) * -7) calc(var(--s) * -2)}56.691%{background-position:calc(var(--s) * -8) calc(var(--s) * -2)}58.736%{background-position:calc(var(--s) * 0) calc(var(--s) * -2)}63.569%{background-position:calc(var(--s) * -2) calc(var(--s) * -1)}66.171%{background-position:calc(var(--s) * -3) calc(var(--s) * -1)}68.773%{background-position:calc(var(--s) * -4) calc(var(--s) * -1)}71.375%{background-position:calc(var(--s) * -5) calc(var(--s) * -1)}73.978%{background-position:calc(var(--s) * -2) calc(var(--s) * -1)}76.58%{background-position:calc(var(--s) * -3) calc(var(--s) * -1)}79.182%{background-position:calc(var(--s) * -4) calc(var(--s) * -1)}81.784%{background-position:calc(var(--s) * -5) calc(var(--s) * -1)}84.387%{background-position:calc(var(--s) * 0) calc(var(--s) * 0)}92.193%{background-position:calc(var(--s) * -1) calc(var(--s) * 0)}}.tile.hero-anim,.shop-cell .tile.hero-anim,.shop-detail>.tile.hero-anim{--s:128px;width:var(--s);height:var(--s);background-color:#0000;background-repeat:no-repeat;background-size:calc(var(--s) * 10) calc(var(--s) * 3);image-rendering:pixelated;background-position:0 0;border:0;padding:0;animation:5.38s step-end infinite hero-reel}.shop-detail>.tile.hero-anim{--s:192px;animation-delay:-600ms}.shop-cell:not(.sel) .tile.hero-anim{animation-play-state:running}.shop-cell.sel>.tile.hero-anim{animation:5.38s step-end infinite hero-reel}@media (prefers-reduced-motion:reduce){.tile.hero-anim{animation:none}}@media (min-aspect-ratio:1) and (min-width:860px){#menu.home{grid-template:"awning awning""hud hud""sign play"1fr"record record"/minmax(280px,400px) minmax(420px,640px);justify-content:center;place-items:center;gap:12px 40px;max-width:none;margin:0;display:grid;overflow-x:hidden}#menu>*{width:100%}#menu>.awning{width:calc(100vw / var(--ui));margin:calc(-1 * var(--pad-top)) 0 0;grid-area:awning;justify-self:center}#menu>.home-hud{grid-area:hud}#menu>.sign{grid-area:sign}#menu>.record{grid-area:record}.title{font-size:92px}.subtitle{font-size:17px}#menu.home{grid-template-rows:auto auto minmax(0,1fr) auto auto auto minmax(0,1fr) auto;grid-template-areas:"awning awning""hud hud"". .""sign card""sign daily""sign grid"". .""record record"}#menu>.home-card{grid-area:card;align-self:end}#menu>.home-grid{grid-area:grid;align-self:start}}.home-grid{grid-template-columns:repeat(4,1fr)}.level-num{z-index:2;font:400 20px/1 var(--font-display);color:#fff;text-shadow:0 2px #000;position:absolute;top:1px;left:3px}.roster{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.mini{width:40px;height:calc(var(--fh,32) * 1.25px);image-rendering:pixelated;background-position:-80px 0;background-repeat:no-repeat;background-size:400px;display:block}.chip svg.px+b{margin-left:2px}.app:has(#modal:not([hidden])>.card:not(.pick-card)) .hud-bottom{display:none}.modal:has(>.card:not(.pick-card)){padding-bottom:16px}.banner{font-size:calc(40px * var(--ui))}@media (hover:none),(pointer:coarse){.pick kbd{display:none}}@media (max-width:859px),(max-aspect-ratio:1){.slot,.slot .tile{width:50px;height:50px}.hud-bottom .weapon-bar{gap:10px}.hud-row .kills{left:62px}.modal{padding-bottom:140px}.picks{grid-template-columns:1fr;gap:8px}.card.pick-card{gap:6px}.pick-card .pick-title{margin:0 0 4px;font-size:26px}.pick-card .btn.reroll{position:static}.pick{gap:4px;padding-bottom:8px}.pick .ribbon{padding:4px 4px 3px 26px;font-size:16px}.pick .orb{width:52px;height:52px;margin-top:4px;padding:8px}.pick .orb.add{width:44px;height:44px;padding:7px}.pick b{font-size:20px}.pick .sub{font-size:16px}.pick .hint{min-height:0;font-size:12px}.chips.rows .chip{min-height:24px}.shop{grid-template-columns:1fr}.shop-detail{min-height:0}.card.shop-card{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}.home-card.cont{grid-template-columns:110px 1fr;column-gap:10px}.home-card.cont .hero-pick,.hero-pick canvas{width:96px;height:96px}.home-card.cont .cont-title{font-size:24px}.home-card.cont .play-pill{padding:8px 0;font-size:22px}.home-grid .btn.icon-tab{padding:6px 2px;font-size:13px}.btn.icon-tab svg.px{width:28px;height:28px}.title{font-size:52px}.app:has(#modal:not([hidden])) .hud-bottom{display:none}:is(.modal,.modal:has(.pick-card)){padding-bottom:16px}}.hud-row .kills{align-items:center;gap:4px;width:auto;min-width:max-content;display:inline-flex}.hud-row .kills svg.px{flex:none;width:22px;height:22px}.pick.kb{filter:brightness(1.14);outline-offset:3px;box-shadow:0 0 0 3px var(--outline), 0 0 30px 8px var(--rc), 0 12px 0 3px var(--outline);outline:4px solid #fff;transform:translateY(-6px)scale(1.025)}.pick-keys{color:#d8cce0;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:2px 0 0;font-size:13px;display:flex}kbd{font:400 13px/1 var(--font-display)}.pick-keys kbd,.btn.reroll kbd{min-width:20px;height:20px;color:var(--cream);background:#0d0a14;border:2px solid #000;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.card.pick-card .pick-keys{color:#d8cce0;max-width:none}.pick-card .btn.reroll{gap:6px}@media (hover:none),(pointer:coarse){.pick-keys,.btn.reroll kbd{display:none}}.slot,.slot .tile{width:52px;height:52px}.hud-bottom .weapon-bar{gap:11px}.card-marks{top:-27px}.hud-bottom{gap:5px;padding-bottom:8px}.hud-bottom .bar.hp{height:22px}@media (min-aspect-ratio:1) and (min-width:860px){.modal:has(.pick-card){bottom:calc(112px * var(--ui));align-items:flex-start;padding:8px 16px 6px}.card.pick-card{gap:8px;margin:auto}.pick-card .pick-title{margin-bottom:4px}.pick-card .pick{gap:5px;padding-bottom:9px}.pick .orb{width:70px;height:70px;margin-top:5px;padding:11px}.pick .orb.add{width:58px;height:58px;padding:9px}.pick .hint{min-height:0}.chips.rows .chip{min-height:28px}}.level-pill{gap:7px;height:32px;padding:0 10px}.level-pill small{font:700 11px/1 var(--font-body);color:var(--yolk);letter-spacing:.5px;white-space:nowrap}.level-pill b{font:400 16px/1 var(--font-display);white-space:nowrap}@media (max-width:859px),(max-aspect-ratio:1){.level-pill b{display:none}}.card.intro-card{width:min(100%,680px)}.card:has(.next-up){width:min(100%,680px)}.level-preview{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.scene{border:3px solid var(--outline);border-radius:6px;position:relative;overflow:hidden}.scene canvas{aspect-ratio:10/3;width:100%;image-rendering:pixelated;display:block}.scene-title{text-shadow:0 2px #000,2px 0 #000,-2px 0 #000;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:9px;left:12px}.scene-title small{font:700 12px/1 var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--yolk)}.scene-title b{font:400 34px/1 var(--font-display);color:#fff}.scene-title em{font:600 14px/1 var(--font-body);color:#e4dcea;font-style:normal}.new-map{font:400 18px/1 var(--font-display);color:#14101e;background:var(--yolk);border:2.5px solid var(--outline);border-radius:5px;padding:5px 10px;animation:.7s steps(3,end) infinite alternate new-pop;position:absolute;top:10px;right:10px;transform:rotate(3deg)}@keyframes new-pop{to{transform:rotate(-2deg)scale(1.08)}}.facts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fact{border:2.5px solid var(--outline);background:#1c1628;border-radius:6px;flex-direction:column;align-items:flex-start;gap:5px;min-height:74px;padding:7px 9px;display:flex}.fact>small{font:700 11px/1 var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.fact .chips{justify-content:flex-start}.fact .roster{justify-content:flex-start;align-items:flex-end;gap:6px}.roster-item{display:block;position:relative}.boss-name{font:400 19px/1 var(--font-display);color:#ffb0bf;align-self:center}.new-tag{z-index:1;font:700 9px/1.1 var(--font-body);letter-spacing:.3px;text-transform:uppercase;color:#14101e;background:var(--yolk);border:1.5px solid var(--outline);border-radius:3px;padding:1px 3px;font-style:normal;position:absolute;top:-5px;right:-6px}.mission-chip{display:inline-block;position:relative}.next-up{flex-direction:column;gap:6px;width:100%;display:flex}.next-up>em{font:400 16px/1 var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--yolk);text-align:left;font-style:normal}.next-up .facts{grid-template-columns:repeat(2,1fr)}.done-all{font-weight:600}.btn kbd{height:20px;font:400 12px/1 var(--font-display);color:var(--cream);background:#00000073;border-radius:4px;place-items:center;margin-left:2px;padding:0 5px;display:inline-grid}.btn.big-go{padding:14px 30px;font-size:24px}.btn.big-go svg{width:22px;height:22px}@media (hover:none),(pointer:coarse){.btn kbd{display:none}}@media (prefers-reduced-motion:reduce){.new-map{animation:none}}.food-fly{z-index:70;pointer-events:none;image-rendering:pixelated;filter:drop-shadow(0 2px #000);background:url(/sprites/food.png) no-repeat;position:absolute;top:0;left:0}.hud-bottom .bar.hp.healed{animation:.5s steps(6,end) hp-healed}@keyframes hp-healed{0%{filter:brightness(1.7);transform:scale(1.04);box-shadow:0 0 0 3px #7dff8a,0 0 22px 7px #3fe06a}to{box-shadow:none;filter:none;transform:none}}.heal-float{z-index:70;pointer-events:none;font:400 calc(24px * var(--ui))/1 var(--font-display);color:#7dff8a;text-shadow:0 3px #000,2px 0 #000,-2px 0 #000;animation:.9s steps(10,end) forwards heal-up;position:absolute;transform:translate(-50%,-100%)}@keyframes heal-up{0%{transform:translate(-50%,-60%)scale(1.5)}25%{opacity:1;transform:translate(-50%,-110%)}to{opacity:0;transform:translate(-50%,-240%)}}@media (prefers-reduced-motion:reduce){.hud-bottom .bar.hp.healed,.heal-float{animation:none}}@media (min-aspect-ratio:1) and (min-width:860px){.card:has(.next-up){grid-template-columns:minmax(250px,1fr) minmax(0,1.5fr);align-content:center;place-items:center;gap:9px 18px;width:min(100%,900px);display:grid}.card:has(.next-up)>*{grid-column:1}.card:has(.next-up)>.next-up{grid-area:1/2/span 12;align-self:center}.card:has(.next-up) .chips.big{flex-direction:column;align-items:stretch;width:100%}.card:has(.next-up) .chips.big .chip{justify-content:space-between}.card:has(.next-up) h3{font-size:28px}.card:has(.next-up) .btns{flex-direction:column;align-items:stretch;width:100%}.next-up .scene canvas{aspect-ratio:10/3}.next-up .fact{min-height:0}}.dmg-float.mend{color:#7dff8a;font-size:calc(24px * var(--ui))}.modal.stats-peek{z-index:80;background:#06040edb;padding:12px 16px;bottom:0}.modal.stats-peek>.card{gap:8px;width:min(100%,640px);padding-top:12px;padding-bottom:12px}.pick-card .btn.stats-btn{gap:6px;position:absolute;top:0;left:0}.btn.stats-btn svg.px{width:22px;height:22px}.btn.stats-btn kbd{height:20px;font:400 12px/1 var(--font-display);color:var(--cream);background:#0d0a14;border:2px solid #000;border-radius:4px;place-items:center;padding:0 5px;display:inline-grid}@media (max-width:859px),(max-aspect-ratio:1){.pick-card .btn.stats-btn{position:static}}.cell-badge{white-space:nowrap}.daily-strip{cursor:pointer;width:100%;color:var(--cream);font:inherit;text-align:left;border:3px solid var(--outline);box-shadow:0 4px 0 var(--outline);background:linear-gradient(90deg,#4a2a58,#2a2134);border-radius:8px;align-items:center;gap:10px;padding:7px 12px;display:flex}.daily-strip:hover{filter:brightness(1.15)}.daily-strip.played{background:#2a2134}.daily-icon{flex:none;width:34px;height:34px;display:block}.daily-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-info b{font:400 19px/1 var(--font-display)}.daily-info small{color:var(--muted);font-size:12px}.daily-strip .chips{flex:none}.home-grid .btn.icon-tab{padding:8px 2px;font-size:16px;position:relative}.btn.icon-tab svg.px{width:34px;height:34px}.count.quiet{color:var(--muted);background:#14101e;padding:0 3px;font-size:10px;position:absolute;top:3px;right:3px}.home-card.cont{padding:8px 12px}.home-card.cont .hero-pick,.hero-pick canvas{width:160px;height:160px}.home-card.cont{grid-template-columns:170px 1fr}.card.heroes-card{width:min(100%,860px)}.heroes-card .shop{grid-template-columns:1fr 1.25fr}.heroes-card .shop-cell .tile.hero-anim{--s:96px}.heroes-card .shop-detail{gap:6px;padding:10px}.heroes-card .shop-detail>.tile.hero-anim{--s:112px}.rank-line{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;width:100%;display:grid}.rank-badge{width:24px;height:24px;font:400 16px/1 var(--font-display);color:#14101e;background:var(--yolk);border:2px solid var(--outline);border-radius:50%;place-items:center;display:grid}.rank-bar{border:2px solid var(--outline);background:#0d0a14;border-radius:3px;height:10px;display:block;overflow:hidden}.rank-bar i{background:var(--yolk);height:100%;display:block}.rank-line small{color:var(--muted);white-space:nowrap;font-size:11px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.wardrobe{justify-content:center;gap:6px;width:100%;display:flex}.outfit{cursor:pointer;color:var(--cream);font:inherit;border:2.5px solid var(--outline);background:#0d0a14;border-radius:6px;align-items:center;gap:4px;padding:3px 7px 3px 2px;display:flex}.outfit.on{border-color:var(--yolk)}.outfit:disabled{opacity:.5;cursor:default}.outfit:disabled .outfit-pic{filter:brightness(.25)}.outfit-pic{width:32px;height:32px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:320px 96px;display:block}.outfit small{white-space:nowrap;font-size:11px}.perks{grid-template-columns:1fr 1fr;gap:3px 8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.perks li{color:var(--muted);opacity:.6;align-items:center;gap:4px;font-size:11px;display:flex}.perks li.got{color:var(--cream);opacity:1}.perks li b{font:400 13px/1 var(--font-display);color:var(--yolk);width:10px}.perks li svg.px{flex:none;width:16px;height:16px}.rank-result{text-align:left;flex-direction:column;gap:3px;width:100%;display:flex}.rank-result>small{color:var(--muted);font-size:12px}.rank-result b{color:var(--yolk);font-weight:700}.goal-done .chip{border-color:var(--yolk)}.daily-banner{border:2.5px solid var(--outline);background:#4a2a58;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;display:flex}.daily-banner svg.px{flex:none;width:28px;height:28px}.daily-banner>b{font:400 20px/1 var(--font-display)}.daily-banner .chips{margin-left:auto}.daily-banner .chips svg.px{width:16px;height:16px}.hud-bottom .bar.xp i{background:linear-gradient(#a8f0ff 50%,#3fd2ff 50%)}.slot>.lv{white-space:nowrap;width:max-content;overflow:visible}.slot>.lv.max{letter-spacing:0;min-width:34px;padding:0 3px;font-size:13px;right:-11px}@media (min-aspect-ratio:1) and (min-width:860px){#menu>.daily-strip{grid-area:daily}}.rank-line:not(:has(.rank-badge)){grid-template-columns:1fr auto}.pick-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:grid}.pick-head .stats-btn{justify-self:start}.pick-head .reroll{justify-self:end}.pick-card .pick-head .btn.stats-btn,.pick-card .pick-head .btn.reroll{padding:7px 12px;font-size:15px;animation:none;position:static}.pick-card .pick-head .pick-title{margin:0}.pick-card .pick-keys{margin-top:12px}.pick.kb{transform:translateY(-3px)scale(1.012)}@media (min-aspect-ratio:1) and (min-width:860px){.modal:has(.pick-card){padding:10px 16px calc(116px * var(--ui));bottom:0}}@media (max-width:859px),(max-aspect-ratio:1){.pick-head{grid-template-columns:1fr 1fr}.pick-head .pick-title{grid-area:1/1/auto/-1;justify-self:center}}@media (min-aspect-ratio:1) and (min-width:860px){#hud>.mission{top:var(--pad-top);align-self:auto;gap:6px;width:auto;max-width:430px;height:44px;margin-left:0;padding:3px 8px;position:absolute;left:calc(50% + 62px);right:62px}#hud>.mission .m-icon{width:30px;height:30px}#hud>.mission .m-body{gap:2px}#hud>.mission .m-top b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}#hud>.mission .m-lamp{height:7px}@keyframes mission-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)rotate(-8deg)}7%{opacity:1;transform:translate(-50%,-50%)scale(1.35)rotate(3deg)}12%{transform:translate(-50%,-50%)scale(1)rotate(-1deg)}16%,76%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.1;transform:translate(calc(18vw - 50%),-38vh)scale(.3)}}}.card.levels-card{gap:9px;width:min(100%,860px)}.chapter-tabs{grid-template-columns:repeat(6,1fr);gap:5px;width:100%;display:grid}.chapter-tab{cursor:pointer;color:var(--muted);font:inherit;text-align:left;border:2.5px solid var(--outline);background:#1c1628;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 6px;display:flex;position:relative}.chapter-tab:hover{filter:brightness(1.2)}.chapter-tab.on{color:var(--cream);border-color:var(--yolk);background:#4a2a58}.chapter-tab small{letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:700}.chapter-tab b{font:400 13px/1.05 var(--font-display)}.chapter-tab em{font:400 11px/1 var(--font-display);color:var(--yolk);font-style:normal}.twist-tag{background:#0a0610e6;border:2.5px solid #ff8fa3;border-radius:5px;grid-template-columns:24px auto;align-items:center;column-gap:6px;padding:4px 8px;display:grid;position:absolute;bottom:9px;right:10px}.twist-tag svg.px{grid-row:1/3;width:24px;height:24px}.twist-tag b{font:400 16px/1 var(--font-display);color:#ffb0bf}.twist-tag small{color:#e4dcea;font-size:11px}@media (max-width:859px),(max-aspect-ratio:1){.chapter-tabs{grid-template-columns:repeat(3,1fr)}}.level-num{z-index:5;text-align:center;background:#0a0610e0;border-radius:3px;min-width:18px;padding:1px 3px;font-size:16px;top:2px;left:2px}.food-fly{background:0 0}.food-fly svg.px{width:100%;height:100%;display:block}.home-grid{grid-template-columns:repeat(6,1fr);gap:6px}.home-grid .btn.icon-tab{font-size:14px}.card.free-card{width:min(100%,860px)}.free-card .shop{grid-template-columns:1fr 1.5fr}.free-card .shop-detail{gap:7px;padding:10px}.free-card .scene{width:100%}.toggle{cursor:pointer;width:100%;color:var(--cream);font:inherit;text-align:left;border:2.5px solid var(--outline);background:#0d0a14;border-radius:6px;align-items:center;gap:10px;padding:6px 9px;display:flex}.toggle>i{border:2px solid var(--outline);background:#3a2e4a;border-radius:12px;flex:none;width:42px;height:22px;display:block;position:relative}.toggle>i:after{content:"";background:#d8cce0;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.toggle.on{border-color:var(--yolk)}.toggle.on>i{background:var(--yolk)}.toggle.on>i:after{background:#14101e;left:22px}.toggle span{flex-direction:column;gap:1px;display:flex}.toggle b{font:400 17px/1 var(--font-display)}.toggle small{color:var(--muted);font-size:11px}.twist-row{flex-wrap:wrap;gap:4px;width:100%;display:flex}.twist-pick{cursor:pointer;color:var(--cream);font:400 12px/1 var(--font-display);border:2px solid var(--outline);background:#0d0a14;border-radius:5px;align-items:center;gap:3px;padding:3px 6px;display:inline-flex}.twist-pick svg.px{width:16px;height:16px}.twist-pick.on{border-color:var(--yolk);background:#4a2a58}.guide-tip{z-index:90;zoom:var(--ui);color:#231a2a;border:3px solid var(--outline);width:max-content;max-width:84vw;height:auto;box-shadow:0 5px 0 var(--outline), 0 0 26px 6px #ffdf8080;background:#f6efe4;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;display:flex;position:fixed;inset:18% auto auto 50%;transform:translate(-50%)}.guide-tip[hidden]{display:none!important}.guide-tip.over-cards{top:auto;bottom:calc(72px * var(--ui))}.guide-tip.go{animation:.3s steps(5,end) tip-in}@keyframes tip-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.9)}}.tip-icon{flex:none;width:30px;height:30px;display:block}.tip-text{font:600 15px/1.2 var(--font-body)}#tip-skip{cursor:pointer;color:#5e4f62;font:600 11px/1 var(--font-body);background:#00000014;border:0;border-radius:4px;flex:none;padding:3px 7px}@media (prefers-reduced-motion:reduce){.guide-tip.go{animation:none}}.modal.run-stats>.card{width:min(100%,780px)}.weapon-table{border-collapse:separate;border-spacing:0 4px;font-variant-numeric:tabular-nums;width:100%}.weapon-table th{font:700 10px/1 var(--font-body);letter-spacing:1px;text-transform:uppercase;color:var(--muted);text-align:right;padding:0 8px 2px}.weapon-table th:first-child,.weapon-table th:nth-child(2){text-align:left}.weapon-table td{text-align:right;font:400 16px/1 var(--font-display);color:var(--cream);background:#1c1628;padding:4px 8px}.weapon-table td:first-child{border-radius:6px 0 0 6px}.weapon-table td:last-child{border-radius:0 6px 6px 0}.weapon-table tr.top td{background:#3a2a18}.weapon-table .w-name{text-align:left;white-space:nowrap;align-items:center;gap:8px;display:flex}.weapon-table .w-name .tile{width:38px;height:38px;padding:3px}.weapon-table .w-name .tile .badges i{width:16px;height:16px;padding:1px}.weapon-table .w-name span:last-child{flex-direction:column;gap:2px;display:flex}.weapon-table .w-name b{font:400 16px/1 var(--font-display)}.weapon-table small{font:600 11px/1 var(--font-body);color:var(--muted)}.weapon-table tr.top small{color:var(--yolk)}.weapon-table .w-bar{text-align:left;width:34%}.dmg-bar{border:2px solid var(--outline);background:#0d0a14;border-radius:3px;height:10px;margin-bottom:3px;display:block;overflow:hidden}.dmg-bar i{background:#e8643a;height:100%;display:block}.btn svg.px{width:18px;height:18px}@media (min-aspect-ratio:1) and (min-width:860px){.card:has(.next-up) .chips.big{flex-direction:row;align-items:center}.card:has(.next-up) .chips.big .chip{height:28px;padding:0 6px 0 3px}.card:has(.next-up) .chips.big .chip b{font-size:16px}.card:has(.next-up) .chips.big .chip svg.px{width:18px;height:18px}.card:has(.next-up) .btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card:has(.next-up) .btns .btn{padding:8px 6px;font-size:15px}.card:has(.next-up) .btns [data-go]{order:-1;grid-column:1/-1}.card:has(.next-up) .btns #r-stats{grid-column:1/-1}.card:has(.next-up) .kit{gap:12px;padding-top:2px}.card:has(.next-up) .kit .slot{width:40px;height:40px}.card:has(.next-up) .kit .slot .tile{width:40px;height:40px}}.card.kedai-card{gap:8px;width:min(100%,860px)}.kedai-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;display:grid}.kedai-tabs .chapter-tab{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:4px 6px;display:grid}.kedai-tabs .chapter-tab svg.px{grid-row:span 2}.kedai-tabs svg.px{width:22px;height:22px}.kedai-tabs b{font-size:16px}.shop-cell .outfit-big{width:64px;height:64px;image-rendering:pixelated;background-repeat:no-repeat;background-size:640px 192px;display:block}.shop-detail .outfit-big{width:96px;height:96px;image-rendering:pixelated;background-repeat:no-repeat;background-size:960px 288px}.wardrobe{flex-wrap:wrap}.wardrobe .outfit{padding-right:5px}.card.still,.card.same .shop-detail>*,.card.same .shop-cell.sel>.tile{animation:none}.twist-info{border:2px solid var(--outline);width:100%;min-height:52px;color:var(--cream);background:#0d0a14;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.twist-info.on{border-color:var(--yolk)}.twist-info .tile{flex:none;width:38px;height:38px}.twist-info span:last-child{text-align:left;flex-direction:column;gap:3px;min-width:0;display:flex}.twist-info b{font:400 16px/1 var(--font-display)}.twist-info small{opacity:.85;font-size:13px;line-height:1.2}.shop-cell .cell-badge:has(svg){color:inherit;background:#f6efe4;place-items:center;padding:1px;display:grid}.shop-cell .cell-badge svg.px{width:16px;height:16px}.slot.dash{margin-left:16px}.slot.dash .tile,.slot.pet .tile{background:#1a2433}.slot.dash kbd{z-index:2;font:400 10px/1.2 var(--font-display);color:var(--cream);border:2px solid var(--outline);background:#16101a;border-radius:4px;padding:1px 4px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.slot.dash.on .tile{border-color:#7fe2ff;box-shadow:0 0 10px 1px #7fe2ff8c}.slot.pet{align-self:end;width:44px;height:44px}.slot.pet .tile{width:44px;height:44px;padding:2px}.slot.pet>.lv{min-width:20px;height:20px;font-size:14px}.slot.pet+.slot.pet{margin-left:-4px}.slot.dash+.slot.pet{margin-left:6px}.slot.evo .tile{border-color:var(--yolk);background:#4a3414;box-shadow:0 0 14px 3px #ffd23fa6}.slot.ready .tile{animation:1s steps(4,end) infinite evo-ready}@keyframes evo-ready{50%{border-color:var(--yolk);box-shadow:0 0 16px 4px #ffd23fd9}}.banish{z-index:3;width:26px;height:26px;color:var(--cream);font:400 16px/1 var(--font-display);border:2px solid var(--outline);opacity:.55;cursor:pointer;background:#2a1420;border-radius:5px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.pick:hover .banish,.pick.kb .banish{opacity:1}.banish:hover{opacity:1;background:#b31e18;transform:scale(1.12)}.pick.t-evolve{--tc:var(--yolk);border-color:var(--yolk);box-shadow:0 8px 0 var(--outline), 0 0 34px 7px #ffd23f8c;background:linear-gradient(170deg,#5c3d0e,#2a1a10 60%)}.scroll-card .pick-title{color:var(--yolk)}.evo-line{opacity:.72;font-size:12px;line-height:1.25;display:block}.evo-line.ready,.evo-line.done{color:var(--yolk);opacity:1;font-weight:700}.fact.wide{grid-column:1/-1}.hazard-line{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.hazard-line svg.px{width:24px;height:24px}.hazard-line b{font:400 16px/1 var(--font-display);color:var(--yolk)}.hazard-line span{opacity:.85}.shop-detail>.pet-big{width:110px;height:110px;padding:8px}.shop-detail>.pet-big svg.px{width:100%;height:100%}#pet-on{width:100%;padding:7px;font-size:15px}#menu.hub{max-width:none;width:calc(100vw / var(--ui));height:calc(100vh / var(--ui));background:#0b0716;grid-template:"main top""main plate"minmax(0,1fr)"nav nav"/minmax(0,460px) 1fr;align-items:stretch;gap:0;padding:22px 30px 18px;display:grid;position:fixed;inset:0;overflow:hidden}#menu.hub>*{width:auto}#menu.hub .hub-layer{object-fit:cover;object-position:62% 100%;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.hub-shade{pointer-events:none;background:linear-gradient(90deg,#080410db 0,#0804109e 26%,#08041000 52%),linear-gradient(0deg,#080410d9 0,#08041000 22%);position:absolute;inset:0}.hub-top{z-index:1;grid-area:top;place-self:start end;align-items:center;gap:8px;display:flex}.hub-main{z-index:1;flex-direction:column;grid-area:main;justify-content:center;gap:14px;min-height:0;display:flex}.logo{font:400 104px/.82 var(--font-display);color:#f2ebf8;letter-spacing:1px;text-shadow:0 5px #7c1e32,0 10px #16101a,0 0 42px #ff5a6e4d;flex-direction:column;margin:0 0 8px;animation:7s step-end infinite flicker;display:flex}.logo span:last-child{color:#ff6a7c;text-shadow:0 5px #5c1224,0 10px #16101a,0 0 42px #ff5a6e73;margin-left:26px}.hub-play{color:#fff;text-align:left;cursor:pointer;border:4px solid var(--outline);background:#d6324a;border-radius:12px;flex-direction:column;gap:0;padding:0;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end),filter .1s;animation:2s steps(5,end) infinite alternate play-glow;display:flex;overflow:hidden;box-shadow:0 9px #16101a,0 0 44px 4px #ff506457}@keyframes play-glow{to{box-shadow:0 9px #16101a,0 0 62px 12px #ff506480}}.hub-play:hover{filter:brightness(1.12);transform:translateY(-4px)}.hub-play:active{transform:translateY(6px);box-shadow:0 3px #16101a}.hub-play-go{align-items:center;gap:14px;padding:13px 18px 11px;display:flex}.hub-play-go svg{width:46px;height:46px}.hub-play-go b{font:400 64px/1 var(--font-display)}.hub-play-go kbd{font:400 17px/1 var(--font-display);color:#fff;background:#00000057;border-radius:6px;margin-left:auto;padding:5px 9px}.hub-play-next{background:#0f06126b;align-items:center;gap:9px;padding:8px 18px;display:flex}.hub-play-next svg.px{width:28px;height:28px}.hub-play-next small{font:700 13px/1 var(--font-body);letter-spacing:1px;text-transform:uppercase;opacity:.85}.hub-play-next em{font:400 22px/1 var(--font-display);color:var(--yolk);font-style:normal}.hub-modes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hub-mode{color:var(--cream);text-align:left;cursor:pointer;border:3px solid var(--outline);background:#261c36eb;border-radius:9px;align-items:center;gap:9px;padding:9px 11px;transition:transform 80ms steps(2,end),background .1s;display:flex;box-shadow:0 5px #16101a}.hub-mode:hover{background:#3f2e58;transform:translateY(-3px)}.hub-mode:active{transform:translateY(3px);box-shadow:0 2px #16101a}.hub-mode svg.px{flex:none;width:36px;height:36px}.hub-mode span{flex-direction:column;gap:3px;min-width:0;display:flex}.hub-mode b{font:400 22px/1 var(--font-display)}.hub-mode small{opacity:.75;font-size:13px;line-height:1.1}.hub-mode.played{opacity:.75}.hub-nav{z-index:1;grid-area:nav;justify-content:flex-start;gap:8px;margin-top:14px;display:flex}.hub-tab{color:var(--cream);cursor:pointer;background:#140d1ee0;border:2px solid #ffffff21;border-radius:8px;align-items:center;gap:7px;padding:7px 13px 7px 8px;transition:transform 80ms steps(2,end),background .1s,border-color .1s;display:flex;position:relative}.hub-tab:hover{border-color:var(--yolk);background:#33264a;transform:translateY(-3px)}.hub-tab svg.px{width:30px;height:30px}.hub-tab b{font:400 19px/1 var(--font-display)}.hub-tab em{font:400 14px/1 var(--font-display);opacity:.65;font-style:normal}.hub-tab.shop-on{border-color:var(--yolk)}.hub-dot{background:var(--yolk);border:2px solid var(--outline);border-radius:50%;width:13px;height:13px;animation:1s steps(3,end) infinite alternate dot-pop;position:absolute;top:-5px;right:-5px}@keyframes dot-pop{to{transform:scale(1.3)}}.hub-record{z-index:1;color:#ffffff8c;margin:0;font-size:13px;position:absolute;bottom:16px;right:30px}#menu.hub.enter .logo{animation:.55s steps(7,end) both logo-drop,7s step-end .6s infinite flicker}#menu.hub.enter .hub-play{animation:.4s steps(6,end) .22s both hub-rise,2s steps(5,end) .7s infinite alternate play-glow}#menu.hub.enter .hub-mode{animation:.36s steps(5,end) .36s both hub-rise}#menu.hub.enter .hub-mode+.hub-mode{animation-delay:.43s}#menu.hub.enter .hub-tab{animation:hub-rise .3s steps(4) calc(.5s + var(--n,0) * 50ms) both}.hub-tab:nth-child(2){--n:1}.hub-tab:nth-child(3){--n:2}.hub-tab:nth-child(4){--n:3}.hub-tab:nth-child(5){--n:4}#menu.hub.enter .hub-top{animation:.3s steps(4,end) .7s both hub-fade}@keyframes logo-drop{0%{opacity:0;transform:translateY(-110px)scale(1.15)}70%{opacity:1;transform:translateY(6px)}}@keyframes hub-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes hub-fade{0%{opacity:0}}@media (max-aspect-ratio:1){#menu.hub{grid-template:"top""main"1fr"nav"/1fr;padding:14px}.hub-think,.hub-record{display:none}.logo{font-size:68px}.hub-nav{flex-wrap:wrap;justify-content:center}}@media (max-height:560px){.logo{font-size:74px}.hub-play-go b{font-size:46px}}.splash{z-index:200;zoom:var(--ui);cursor:pointer;background:radial-gradient(circle at 50% 44%,#2a1436,#0b0716 62%);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.splash[hidden]{display:none}.splash-studio{width:132px;height:124px;image-rendering:pixelated;animation:1.5s steps(8,end) both splash-studio;display:block}@keyframes splash-studio{0%{opacity:0}25%,to{opacity:1}}.splash .logo{align-items:center;font-size:128px;animation:.6s steps(8,end) .85s both logo-drop,7s step-end 2s infinite flicker}.splash .logo span:last-child{margin-left:0}.splash-go{font:400 26px/1 var(--font-display);color:var(--yolk);margin:12px 0 0;animation:.3s steps(3,end) 1.5s both hub-fade,1.1s step-end 1.8s infinite splash-blink}@keyframes splash-blink{50%{opacity:.15}}.splash.out{animation:.42s steps(6,end) forwards splash-out}@keyframes splash-out{to{transform:translateY(-100%)}}.wipe{z-index:150;pointer-events:all;position:fixed;inset:0;overflow:hidden}.wipe[hidden]{display:none}.wipe>i{border-radius:50%;width:240vmax;height:240vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 240vmax #0b0716}.wipe.closing>i{animation:.28s steps(9,end) forwards iris-close}.wipe.shut>i{width:0;height:0}.wipe.opening>i{animation:.32s steps(10,end) forwards iris-open}@keyframes iris-close{0%{width:150vmax;height:150vmax}to{width:0;height:0}}@keyframes iris-open{0%{width:0;height:0}to{width:150vmax;height:150vmax}}.wipe-title{zoom:var(--ui);color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:absolute;inset:0}.wipe.titled .wipe-title{display:flex}.wipe-title small{font:700 16px/1 var(--font-body);letter-spacing:3px;text-transform:uppercase;color:#b8a9c9;animation:.3s steps(4,end) both hub-rise}.wipe-title b{font:400 76px/1 var(--font-display);text-shadow:0 5px #7c1e32;animation:.32s steps(5,end) 80ms both title-slam}.wipe-title em{font:400 24px/1 var(--font-display);color:var(--yolk);font-style:normal;animation:.3s steps(4,end) .25s both hub-rise}.low-hp{z-index:1;pointer-events:none;animation:.85s steps(4,end) infinite alternate low-pulse;position:fixed;inset:0;box-shadow:inset 0 0 90px 26px #d61e328c}.low-hp[hidden]{display:none}@keyframes low-pulse{0%{opacity:.45}}.letterbox{z-index:1;pointer-events:none;position:fixed;inset:0}.letterbox[hidden]{display:none}.letterbox i{background:#06030c;height:9vh;position:absolute;left:0;right:0}.letterbox i:first-child{top:0}.letterbox i:last-child{bottom:0}.letterbox.go i:first-child{animation:2.2s steps(5,end) both lb-top}.letterbox.go i:last-child{animation:2.2s steps(5,end) both lb-bottom}@keyframes lb-top{0%{transform:translateY(-100%)}15%,85%{transform:none}to{transform:translateY(-100%)}}@keyframes lb-bottom{0%{transform:translateY(100%)}15%,85%{transform:none}to{transform:translateY(100%)}}.intro-card .scene canvas{transform-origin:40%;animation:7s linear both scene-pan}@keyframes scene-pan{0%{transform:scale(1.12)}to{transform:scale(1)}}.intro-card .scene-title small{animation:.3s steps(4,end) .1s both hub-rise}.intro-card .scene-title b{animation:.35s steps(5,end) .16s both hub-rise}.intro-card .scene-title em{animation:.35s steps(5,end) .24s both hub-rise}.intro-card .new-map,.intro-card .twist-tag{animation:.36s steps(5,end) .42s both stamp}@keyframes stamp{0%{opacity:0;transform:scale(2)rotate(-7deg)}}.intro-card .fact{animation:hub-rise .3s steps(4) calc(.28s + var(--n,0) * 50ms) both}.fact:nth-child(2){--n:1}.fact:nth-child(3){--n:2}.fact:nth-child(4){--n:3}.fact:nth-child(5){--n:4}.intro-card .btns{animation:.3s steps(4,end) .55s both hub-rise}.shop-card:not(.still) .shop-cell{animation:.24s steps(4,end) both cell-deal;animation-delay:calc(var(--i,0) * 22ms)}@keyframes cell-deal{0%{opacity:0;transform:scale(.72)}}.shop-cell:nth-child(2){--i:1}.shop-cell:nth-child(3){--i:2}.shop-cell:nth-child(4){--i:3}.shop-cell:nth-child(5){--i:4}.shop-cell:nth-child(6){--i:5}.shop-cell:nth-child(7){--i:6}.shop-cell:nth-child(8){--i:7}.shop-cell:nth-child(n+9){--i:8}.results-card>*{animation:.32s steps(5,end) both hub-rise}.results-card>:nth-child(2){animation-delay:70ms}.results-card>:nth-child(3){animation-delay:.14s}.results-card>:nth-child(4){animation-delay:.21s}.results-card>:nth-child(5){animation-delay:.28s}.results-card>:nth-child(n+6){animation-delay:.35s}.results-card h2{animation:.34s steps(5,end) both title-slam}.results-card.won h2{color:var(--yolk)}.results-card.lost h2{color:#ff6a7c}.scroll-card .pick-title{animation:.36s steps(5,end) both title-slam}@media (prefers-reduced-motion:reduce){.logo,.hub-play,#menu.hub.enter *,.splash *,.wipe *,.intro-card *,.results-card *,.shop-card .shop-cell,.low-hp,.letterbox i,.hub-dot{animation:none!important}}#menu.hub>.hub-think{z-index:1;color:#231a2a;text-align:center;cursor:pointer;background:#f6efe4;border:0;border-radius:0;flex-direction:column;gap:5px;width:max-content;max-width:250px;padding:8px 12px 9px;animation:1.6s steps(2,end) infinite alternate think-bob;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 -3px #16101a,0 3px #16101a,-3px 0 #16101a,3px 0 #16101a}.hub-think:before,.hub-think:after{content:"";position:absolute;left:50%}.hub-think:before{clip-path:polygon(0 0,100% 0,100% 3px,21px 3px,21px 6px,18px 6px,18px 9px,15px 9px,15px 15px,12px 15px,12px 21px,9px 21px,9px 15px,6px 15px,6px 9px,3px 9px,3px 3px,0 3px);background:#16101a;width:24px;height:21px;margin-left:-12px;bottom:-21px}.hub-think:after{clip-path:polygon(0 0,100% 0,100% 3px,15px 3px,15px 6px,12px 6px,12px 9px,9px 9px,9px 15px,6px 15px,6px 9px,3px 9px,3px 3px,0 3px);background:#f6efe4;width:18px;height:15px;margin-left:-9px;bottom:-13px}.hub-think:hover,.hub-think:hover:after{background:#fff}.think-head{justify-content:center;align-items:center;gap:8px;display:flex}.think-head b{font:400 25px/1 var(--font-display)}.think-head i{font:400 13px/1 var(--font-display);color:var(--yolk);background:#231a2a;padding:2px 5px 3px;font-style:normal}.think-line{font:400 16px/1.1 var(--font-display);color:#5b4a63}.hub-think.swap .think-line{animation:.24s steps(4,end) both hub-rise}@keyframes think-bob{0%{margin-top:0}to{margin-top:-5px}}@keyframes think-pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.2)}70%{opacity:1;transform:translate(-50%,-100%)scale(1.08)}}@media (prefers-reduced-motion:reduce){#menu.hub>.hub-think{animation:none!important}}.hub-record{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.hub-credit{align-items:center;gap:6px;display:flex}.hub-credit img{width:auto;height:20px;image-rendering:pixelated;display:block}#menu.hub>.hub-sign{z-index:1;color:#fff2d8;cursor:pointer;background:#7a4e28;border:3px solid #16101a;border-radius:0;align-items:center;gap:6px;width:max-content;padding:6px 11px 6px 7px;transition:margin 80ms steps(2,end),filter .1s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 3px #a06c3c,inset 0 -3px #55341a,0 5px #06030c99}.hub-sign svg.px{width:30px;height:30px}.hub-sign b{font:400 21px/1 var(--font-display);text-shadow:0 2px #3b2110}.hub-sign:after{content:"";background:#16101a;width:12px;height:24px;margin-top:-12px;position:absolute;top:50%}.hub-sign.right{padding-right:9px}.hub-sign.right:after{clip-path:polygon(0 0,3px 0,3px 3px,6px 3px,6px 6px,9px 6px,9px 9px,12px 9px,12px 15px,9px 15px,9px 18px,6px 18px,6px 21px,3px 21px,3px 100%,0 100%);right:-14px}.hub-sign.left{padding-left:9px}.hub-sign.left:after{clip-path:polygon(100% 0,9px 0,9px 3px,6px 3px,6px 6px,3px 6px,3px 9px,0 9px,0 15px,3px 15px,3px 18px,6px 18px,6px 21px,9px 21px,9px 100%,100% 100%);left:-14px}.hub-sign:hover{filter:brightness(1.2)}.hub-sign.shop-on{background:#a8741c;box-shadow:inset 0 3px #e0a83a,inset 0 -3px #6b4410,0 5px #06030c99}#menu.hub.enter .hub-sign{animation:.3s steps(4,end) .75s both hub-fade}#menu.hub.enter .hub-tab:nth-child(n){animation-delay:.5s}.hub-main,.hub-nav,.hub-record,.hub-think,.hub-sign,.hub-shade{transition:transform .3s steps(6,end),opacity .25s steps(5,end)}#menu.hub.view-heroes .hub-main,#menu.hub.view-kedai .hub-main{opacity:0;pointer-events:none;transform:translate(-115%)}#menu.hub.view-heroes .hub-nav,#menu.hub.view-kedai .hub-nav{opacity:0;pointer-events:none;transform:translateY(120%)}#menu.hub.view-heroes .hub-record,#menu.hub.view-kedai .hub-record,#menu.hub.view-heroes .hub-think,#menu.hub.view-kedai .hub-think,#menu.hub.view-heroes .hub-sign,#menu.hub.view-kedai .hub-sign{opacity:0;pointer-events:none;animation:none}#menu.hub.view-heroes .hub-shade,#menu.hub.view-kedai .hub-shade{opacity:0}#menu.hub.back .hub-main,#menu.hub.back .hub-nav,#menu.hub.back .hub-sign,#menu.hub.back .hub-record{animation:.32s steps(5,end) .12s both hub-fade}#menu.hub.back .hub-think{animation:.3s steps(5,end) .2s both think-pop,1.6s steps(2,end) .6s infinite alternate think-bob}.hub-stage{z-index:2;pointer-events:none;display:none;position:absolute;inset:0}.view-heroes .hub-stage{animation:.3s steps(5,end) .28s both hub-fade;display:block}.hub-back{pointer-events:auto;color:var(--cream);font:400 19px/1 var(--font-display);cursor:pointer;border:3px solid var(--outline);background:#140d1eeb;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;display:flex;position:absolute;top:22px;left:22px}.hub-back:hover{background:#33264a}.hub-back kbd{font:400 12px/1 var(--font-display);background:#0006;border-radius:4px;padding:2px 4px}.stage-panel{pointer-events:auto;width:min(620px,100% - 340px);min-width:470px;color:var(--cream);border:3px solid var(--outline);background:#140d1ef2;border-radius:9px;grid-template-columns:1fr 1fr;gap:12px;padding:10px 13px;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 6px #06030c8c}.stage-col{flex-direction:column;gap:6px;min-width:0;display:flex}.stage-title{align-items:center;gap:8px;display:flex}.stage-title b{font:400 29px/1 var(--font-display)}.stage-title i{font:400 14px/1 var(--font-display);color:#231a2a;background:var(--yolk);padding:2px 6px 3px;font-style:normal}.stage-title i.locked{color:var(--cream);background:#4a3a5c}.stage-panel .d-hint{text-align:left}.stage-panel .hero-stats{justify-content:flex-start}.stage-go{width:100%;margin-top:auto;padding:8px;font-size:19px}.stage-panel .wardrobe{justify-content:flex-start}.stage-panel .outfit small{display:none}.stage-panel .outfit{padding:2px}.stage-panel .perks{margin:0}.ped-btn{pointer-events:auto;color:var(--cream);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute}.ped-name{font:400 15px/1 var(--font-display);text-align:center;background:#0d0814d1;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:2px 6px 3px;display:flex}.ped-name svg.px{vertical-align:-2px;width:14px;height:14px;display:inline-block}.ped-name em{color:var(--yolk);font-size:12px;font-style:normal}.ped-btn.sel .ped-name{color:#231a2a;background:var(--yolk)}.ped-btn.sel .ped-name em{color:#231a2a}.ped-btn:hover .ped-name{background:#4a3a5c}.ped-btn.sel:hover .ped-name{background:var(--yolk)}.modal.stage-shop{background:0 0;justify-content:flex-end;align-items:center;padding:14px 22px;display:flex}.modal.stage-shop>.card.kedai-card{width:min(calc(68vw / var(--ui)), 860px);margin:0 0 0 auto;animation:.3s steps(6,end) both stage-card}.modal.stage-shop>.card.kedai-card.still{animation:none}@keyframes stage-card{0%{opacity:0;transform:translate(60px)}}.shop-note{width:100%;max-width:none;color:var(--cream);text-align:left;background:#ffd23f1a;border:2px dashed #ffd23f73;border-radius:6px;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:14px;line-height:1.25;display:flex}.shop-note svg.px{flex:none;width:28px;height:28px}.chapter-tab.locked{opacity:.6}.chapter-tab em svg.px{width:16px;height:16px}.coach{z-index:180;position:fixed;inset:0}.coach[hidden]{display:none}.coach-hole{box-shadow:0 0 0 200vmax #06030eb8, 0 0 0 3px var(--yolk), 0 0 22px 7px #ffd23f80;pointer-events:none;border-radius:6px;animation:1s steps(4,end) infinite alternate coach-pulse;display:block;position:fixed}.coach-hole.none{width:0;height:0;animation:none;top:50%;left:50%}@keyframes coach-pulse{to{box-shadow:0 0 0 200vmax #06030eb8,0 0 0 3px #fff2a8,0 0 30px 11px #ffd23f99}}.coach-spot{zoom:1;position:fixed}.coach-tip{zoom:var(--ui);color:#231a2a;background:#f6efe4;border:0;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;width:340px;padding:10px 12px;animation:.22s steps(4,end) both tip-pop;display:grid;box-shadow:0 -3px #16101a,0 3px #16101a,-3px 0 #16101a,3px 0 #16101a,0 9px #06030c80}@keyframes tip-pop{0%{opacity:0;transform:scale(.85)}}.coach-tip .tip-icon svg.px{width:40px;height:40px}.coach-copy{flex-direction:column;gap:4px;display:flex}.coach-copy b{font:400 22px/1 var(--font-display)}.coach-copy span{font-size:14px;line-height:1.25}.coach-foot{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.coach-foot small{font:400 14px/1 var(--font-display);color:#7b6a84;margin-right:auto}.coach-skip{color:#5b4a63;font:400 15px/1 var(--font-display);cursor:pointer;background:0 0;border:0;padding:4px 6px}.coach-foot .btn{padding:6px 10px;font-size:16px}@media (prefers-reduced-motion:reduce){.coach-hole,.coach-tip,.hub-main,.hub-nav{transition:none!important;animation:none!important}}.kedai-sign{z-index:1;color:#fff2d8;opacity:0;pointer-events:none;background:#7a4e28;border:3px solid #16101a;padding:6px 15px 7px;transition:opacity .2s steps(4,end);position:absolute;transform:translate(-50%,-100%);box-shadow:inset 0 3px #a06c3c,inset 0 -3px #55341a,0 5px #06030c99}.kedai-sign b{font:400 34px/1 var(--font-display);text-shadow:0 3px #3b2110}.view-kedai .kedai-sign{opacity:1;transition-delay:.25s}.stage-shop .shop-head .tag{display:none}.stage-shop .shop-head{justify-content:flex-end}.modal.stage-shop>.card.kedai-card{height:min(calc(100vh / var(--ui) - 28px), 590px);flex-direction:column;padding-top:12px;padding-bottom:12px;display:flex}.stage-shop .kedai-card .shop{flex:1 1 0;align-items:stretch;min-height:0}.stage-shop .kedai-card .shop-grid{align-content:start;min-height:0;max-height:100%;padding:4px;overflow-y:auto}.stage-shop .kedai-card .shop-detail{min-height:0;max-height:100%;overflow-y:auto}.stage-shop .kedai-card .shop-detail>.tile.hero-anim{--s:128px;flex:none;width:128px;height:128px}.stage-shop .kedai-card>.btns{flex:none}.hub-play-row{grid-template-columns:minmax(0,1fr) 108px;align-items:stretch;gap:10px;display:grid}.hub-play-row .hub-play{min-width:0}.hub-play-row .hub-play-go{gap:10px;padding-left:13px;padding-right:11px}.hub-play-row .hub-play-go svg{width:38px;height:38px}.hub-play-row .hub-play-go b{font-size:54px}.hub-play-row .hub-play-next{padding:8px 13px}.hub-pantang{color:var(--cream);text-align:center;cursor:pointer;border:4px solid var(--outline);background:#33183c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 5px;transition:transform 80ms steps(2,end),filter .1s;display:flex;box-shadow:0 9px #16101a}.hub-pantang:hover{filter:brightness(1.2);transform:translateY(-4px)}.hub-pantang:active{transform:translateY(6px);box-shadow:0 3px #16101a}.hub-pantang svg.px{width:42px;height:42px}.hub-pantang b{font:400 21px/1 var(--font-display)}.hub-pantang small{opacity:.8;font-size:12px;line-height:1.1}.hub-pantang.on{background:#6b1a3a;border-color:#ff6a7c;box-shadow:0 9px #16101a,0 0 24px 3px #ff506466}.hub-pantang.on small{opacity:1;color:var(--yolk);font-weight:700}#menu.hub.enter .hub-pantang{animation:.4s steps(6,end) .28s both hub-rise}.evo-hint{width:100%;font:400 13px/1.1 var(--font-display);color:var(--yolk);background:#ffd23f1f;border:2px solid #ffd23f59;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:3px 5px;display:flex}.evo-hint svg.px{flex:none;width:14px;height:14px}.evo-hint.hot{color:#231a2a;background:var(--yolk);border-color:#fff2a8;animation:.7s steps(3,end) infinite alternate evo-hot}@keyframes evo-hot{to{box-shadow:0 0 14px 3px #ffd23fbf}}.evo-line{opacity:1;color:var(--muted);flex-wrap:wrap;align-items:center;gap:3px 6px;margin:2px 0;font-size:12px;display:flex}.evo-line svg.px{width:14px;height:14px}.evo-line i{font-style:normal}.evo-line i.ok{color:#8fe36a;font-weight:700}.recipe{text-align:center;background:#ffd23f14;border:2px dashed #ffd23f66;border-radius:6px;flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px;display:flex}.recipe-sum{justify-content:center;align-items:center;gap:5px;display:flex}.recipe-sum>i{font:400 18px/1 var(--font-display);color:var(--yolk);font-style:normal}.recipe-sum .tile{width:40px;height:40px;padding:3px}.recipe-partner.shut .tile{filter:grayscale()brightness(.55)}.recipe-out .tile{border-color:var(--yolk);background:#4a3414;box-shadow:0 0 12px 2px #ffd23f99}.recipe b{font:400 18px/1 var(--font-display);color:var(--yolk)}.recipe small{font-size:12px;line-height:1.15}.recipe-how{opacity:.75}@media (prefers-reduced-motion:reduce){.evo-hint.hot{animation:none}}.p-row{justify-content:center;gap:18px;width:100%;padding:0 14px;display:flex}.p-block{flex-direction:column;flex:1 1 0;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.p-block[hidden]{display:none}.p-tag{z-index:2;font:400 16px/1 var(--font-display);color:#16101a;border:2px solid var(--outline);border-radius:4px;padding:2px 6px 3px;position:absolute;bottom:3px;left:0}.p-tag[hidden]{display:none}.p-tag.p1,.p-mini.p1{background:#7fe2ff}.p-tag.p2,.p-mini.p2{background:#ff9ad5}.hud-bottom.coop .bar.hp{width:calc(100% - 42px);margin-left:42px}.hud-bottom.coop .weapon-bar{gap:8px}.hud-bottom.coop .slot.dash{margin-left:6px}.hud-bottom.coop .slot,.hud-bottom.coop .slot .tile{width:46px;height:46px}.hud-bottom.coop .slot.pet,.hud-bottom.coop .slot.pet .tile{width:36px;height:36px}.p-mini{color:#16101a;border-radius:3px;padding:0 3px;font-size:.8em;font-style:normal}.pick-title.for-p1{color:#7fe2ff}.pick-title.for-p2{color:#ff9ad5}.hub-mode.coop svg.px{width:26px;height:26px;margin-right:-9px}.hub-mode.coop span{flex:1;margin-left:8px}.hub-mode.coop.on{background:#4a2748;border-color:#ff9ad5}.coop-switch{border:2px solid var(--outline);background:#0d0a14;border-radius:3px;flex:none;width:34px;height:18px;padding:2px}.coop-switch u{background:#5b4a63;width:12px;height:10px;display:block}.hub-mode.coop.on .coop-switch u{background:#ff9ad5;margin-left:auto}.co-keys{flex-direction:column;gap:5px;width:100%;display:flex}.co-keys>div{background:#0d0a14;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 7px;font-size:12px;display:flex}.co-keys b{font:400 15px/1 var(--font-display);color:#16101a;border-radius:3px;padding:1px 5px 2px}.co-keys .p1 b{background:#7fe2ff}.co-keys .p2 b{background:#ff9ad5}.co-keys kbd{font:400 12px/1.1 var(--font-display);background:#33264a;border-radius:3px;margin-right:1px;padding:1px 4px}.coop-card .toggle{width:100%}.hud-bottom.coop .p-row{padding-left:64px}.hud-bottom.coop .p-tag{left:-4px}.hub-modes .hub-mode.coop{grid-column:auto;padding:9px 11px}.hub-mode.coop .coop-switch{display:none}.hub-mode.coop.on small{color:#ffc4e6}.hub-mode.online.on{background:#203a4c;border-color:#7fe2ff}.net-card{text-align:center;gap:10px;width:min(100%,460px)}.net-lead{margin:0;font-size:15px;line-height:1.3}.net-notice{color:#231a2a;background:var(--yolk);border-radius:5px;margin:0;padding:7px 10px;font-size:14px}.net-card .big-go{width:100%}.net-join{grid-template-columns:1fr auto;gap:8px;width:100%;display:grid}.net-join input{min-width:0;font:400 28px/1 var(--font-display);letter-spacing:6px;text-align:center;text-transform:uppercase;color:var(--cream);border:3px solid var(--outline);background:#0d0a14;border-radius:6px;padding:8px}.net-join input:focus{border-color:var(--yolk);outline:none}.net-code{background:#0d0a14;border:3px solid #7fe2ff;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.net-code small{font:700 12px/1 var(--font-body);letter-spacing:1px;text-transform:uppercase;opacity:.7}.net-code b{font:400 54px/1 var(--font-display);letter-spacing:8px;color:#7fe2ff}.net-wait{z-index:80;font:400 20px/1 var(--font-display);color:var(--cream);border:3px solid var(--outline);zoom:var(--ui);background:#0d0814eb;border-radius:7px;padding:8px 14px;position:fixed;top:22%;left:50%;transform:translate(-50%)}.net-wait[hidden]{display:none}.card.pick-card.not-mine .pick{pointer-events:none;filter:saturate(.55)brightness(.8)}.card.pick-card.not-mine .banish{display:none}.card.lobby-card{gap:10px;width:min(100%,620px)}.lobby-head{justify-content:space-between;align-items:center;width:100%;display:flex}.lobby-count{font:400 18px/1 var(--font-display);color:var(--muted)}.lobby-count b{color:var(--yolk);font-size:24px;font-weight:400}.lobby-card .net-code{width:100%;padding:8px}.lobby-card .net-code b{font-size:46px}.net-how{max-width:100%;font:400 13px/1.25 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;opacity:.85!important}.net-how u{color:#7fe2ff;font-weight:700;text-decoration:none}.lobby-slots{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.lobby-slot{border:3px solid var(--outline);background:#0d0a14;border-radius:9px;flex-direction:column;align-items:center;gap:4px;min-height:158px;padding:24px 8px 8px;display:flex;position:relative}.lobby-slot.p1{border-color:#7fe2ff}.lobby-slot.p2{border-color:#ff9ad5}.lobby-slot.you{box-shadow:0 0 16px 2px #ffffff29}.lobby-slot:not(.empty){animation:.3s steps(5,end) both stamp}.lobby-slot.empty{opacity:.75;border-style:dashed;justify-content:center}.lobby-tag{font:400 14px/1 var(--font-display);color:#16101a;background:#5b4a63;border-radius:3px;padding:2px 6px 3px;position:absolute;top:6px;left:7px}.lobby-slot.p1 .lobby-tag{background:#7fe2ff}.lobby-slot.p2 .lobby-tag{background:#ff9ad5}.lobby-slot .tile.hero-anim{--s:80px}.lobby-slot b{font:400 21px/1 var(--font-display)}.lobby-slot small{opacity:.75;font-size:12px}.lobby-wait{align-items:center;gap:6px;height:34px;display:flex}.lobby-wait i{background:#5b4a63;width:10px;height:10px;animation:1.2s steps(2,end) infinite lobby-dots}.lobby-wait i:nth-child(2){animation-delay:.4s}.lobby-wait i:nth-child(3){animation-delay:.8s}@keyframes lobby-dots{50%{background:var(--yolk);transform:translateY(-5px)}}.lobby-step{align-items:center;gap:5px;display:inline-flex}.lobby-step button{width:26px;height:26px;color:var(--cream);cursor:pointer;border:2px solid var(--outline);background:#33264a;border-radius:4px;place-items:center;display:grid}.lobby-step button:hover{background:#4a3a5c}.lobby-step button.flip svg{transform:scaleX(-1)}.lobby-settings{grid-template-columns:1.4fr 1fr;gap:10px;width:100%;display:grid}.lobby-level{text-align:left;border:3px solid var(--outline);background:#0d0a14;border-radius:7px;grid-template-columns:1fr auto;align-items:center;column-gap:8px;padding:7px 10px;display:grid}.lobby-level small{font:700 11px/1.2 var(--font-body);letter-spacing:1px;text-transform:uppercase;opacity:.7;grid-column:1}.lobby-level b{font:400 20px/1.1 var(--font-display);grid-column:1}.lobby-level em{font:400 14px/1 var(--font-display);color:var(--yolk);grid-column:1;font-style:normal}.lobby-level .lobby-step{grid-area:1/2/4}.lobby-settings .toggle{width:100%}.lobby-settings .toggle:disabled{opacity:.8;cursor:default}.lobby-card .btns{width:100%}.lobby-card .btns .net-lead{flex:1;align-self:center}@media (prefers-reduced-motion:reduce){.lobby-wait i,.lobby-slot{animation:none!important}}.view-lobby .hub-stage{animation:.3s steps(5,end) .3s both hub-fade;display:block}#menu.hub.view-lobby .hub-main{opacity:0;pointer-events:none;transform:translate(-115%)}#menu.hub.view-lobby .hub-nav{opacity:0;pointer-events:none;transform:translateY(120%)}#menu.hub.view-lobby .hub-record,#menu.hub.view-lobby .hub-think,#menu.hub.view-lobby .hub-sign{opacity:0;pointer-events:none;animation:none}#menu.hub.view-lobby .hub-shade{opacity:0}.lobby-panel{pointer-events:auto;width:min(600px,100% - 300px);min-width:460px;color:var(--cream);border:3px solid var(--outline);background:#140d1ef2;border-radius:9px;grid-template-columns:auto 1fr;gap:8px 10px;padding:9px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px #06030c8c}.lobby-panel .net-code{gap:3px;min-width:170px;padding:7px 12px}.lobby-panel .net-code b{letter-spacing:6px;font-size:40px}.lobby-panel .lobby-settings{grid-template-columns:1fr;gap:6px}.lobby-panel .toggle{padding-top:4px;padding-bottom:4px}.lobby-panel .net-how,.lobby-panel .net-notice{text-align:center;grid-column:1/-1}.lobby-count{margin-top:2px;font-size:14px}.lobby-count b{letter-spacing:0!important;color:var(--yolk)!important;font-size:18px!important}.lobby-name{pointer-events:auto;width:max-content;color:var(--cream);background:#0d0814e0;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;display:flex;position:absolute;transform:translate(-50%)}.lobby-name .lobby-tag{position:static}.lobby-name.p1 .lobby-tag{background:#7fe2ff}.lobby-name.p2 .lobby-tag{background:#ff9ad5}.lobby-name b{font:400 18px/1 var(--font-display)}.lobby-name b.waiting{color:var(--muted)}.lobby-name b.waiting i{font-style:normal;animation:1.2s step-end infinite lobby-blink}.lobby-name b.waiting i:nth-child(2){animation-delay:.3s}.lobby-name b.waiting i:nth-child(3){animation-delay:.6s}@keyframes lobby-blink{50%{opacity:0}}.lobby-name button{width:24px;height:24px;color:var(--cream);cursor:pointer;border:2px solid var(--outline);background:#33264a;border-radius:4px;place-items:center;display:grid}.lobby-name button:hover{background:#4a3a5c}.lobby-name button.flip svg,.lobby-step button.flip svg{transform:scaleX(-1)}.lobby-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:7px;width:min(230px,34%);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.lobby-actions .big-go{width:100%;padding:10px 8px;font-size:24px}.lobby-actions .btn:not(.big-go){padding:6px 14px;font-size:16px}.lobby-note{font:400 17px/1.1 var(--font-display);text-align:center;color:var(--cream);background:#0d0814d9;border-radius:5px;margin:0;padding:6px 10px}@media (prefers-reduced-motion:reduce){.lobby-name b.waiting i{animation:none}}.lobby-actions #n-leave{color:var(--cream);border:3px solid var(--outline);background:#261c36f2;box-shadow:0 4px #16101a}.lobby-actions #n-leave:hover{background:#4a3a5c}.lobby-panel{width:min(630px,100% - 330px)}.lobby-panel .lobby-settings{grid-template-columns:1fr 1fr;align-items:stretch;gap:5px 6px}.lobby-modes{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px;display:grid}.lobby-modes .chapter-tab{padding:4px}.lobby-modes .chapter-tab b{font-size:15px}.lobby-modes .chapter-tab:disabled{cursor:default;opacity:.75}.lobby-modes .chapter-tab.on:disabled{opacity:1}.lobby-panel .lobby-level{padding:4px 8px}.lobby-panel .lobby-level b{font-size:17px}.lobby-panel .lobby-level em{font-size:12px;line-height:1.05}.lobby-panel .lobby-step button{width:23px;height:23px}.lobby-panel .toggle small{font-size:11px}.lobby-panel .toggle b{font-size:15px}.lobby-step button,.lobby-name button{padding:0}.net-address{width:100%;font:400 18px/1 var(--font-display);text-align:center;color:var(--cream);border:3px solid var(--outline);background:#0d0a14;border-radius:6px;padding:8px}.net-address:focus{border-color:var(--yolk);outline:none}#m-quit svg{width:18px;height:18px;margin:auto;display:block}.pick.t-scroll{background:linear-gradient(#3a2a14,#1e1428);border-color:#ffd23f}.pick.t-scroll .ribbon{color:#14101e;background:#ffd23f}.pick.t-scroll .orb{border-color:#ffd23f;box-shadow:0 0 0 3px #ffd23f40,0 0 22px #ffd23f59}.pick.t-scroll .hint{color:#fff2e4;font-size:17px}.scroll-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:10px 0;display:grid}.scroll-have{background:#2a1e14;border:2px solid #ffd23f;border-radius:6px;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.scroll-have svg{grid-row:span 2;width:28px;height:28px}.scroll-have b{color:#ffd23f;font-size:15px}.scroll-have small{opacity:.85;font-size:13px}.kedai-tabs .chapter-tab small{letter-spacing:.04em;text-transform:uppercase;opacity:.7;white-space:nowrap;font-size:9px;display:block}.kedai-tabs .chapter-tab b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:700px){.kedai-tabs .chapter-tab svg.px{display:none}.kedai-tabs .chapter-tab{grid-template-columns:1fr}}.kedai-tabs .chapter-tab.once small{color:#ffb46a;opacity:1}.kedai-note{background:#5aa83a24;border:2px solid #5aa83a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 8px;padding:6px 10px;font-size:14px;display:flex}.kedai-note.once{background:#ffb46a1f;border-color:#ffb46a}.kedai-note svg{width:20px;height:20px}.kedai-note em{color:#ffd23f;flex-basis:100%;font-style:normal}.kind{border:2px solid;border-radius:4px;align-items:center;gap:6px;margin:4px 0;padding:2px 8px;font-size:13px;display:inline-flex}.kind svg{width:16px;height:16px}.kind.perm{color:#9cd35c;border-color:#5aa83a}.kind.once{color:#ffb46a;border-color:#ffb46a}.pad-only{display:none}html.pad .pad-only{display:revert}html.pad .pick-keys.pad-only{display:flex}html.pad .key-only,html.pad .pick kbd{display:none}html.pad kbd[data-pad]{color:#fff;text-shadow:0 1px #00000080;border:2px solid #000;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;display:inline-grid}html.pad kbd[data-pad=a]{background:#3f9b3a}html.pad kbd[data-pad=b]{background:#c8413a}html.pad kbd[data-pad=x]{background:#2f6fd0}html.pad kbd[data-pad=y]{color:#1a1208;text-shadow:none;background:#d9a825}html.pad kbd[data-pad=view],html.pad kbd[data-pad=dpad]{background:#4a3d5c;border-radius:4px}.pad-focus{outline-offset:3px;z-index:3;box-shadow:0 0 18px 4px #ffe08a8c;outline:4px solid #ffe08a!important}html:not(.pad) .pad-focus{box-shadow:none;outline:none!important}.co-pads{color:#b9a8cc;flex-basis:100%;font-size:11px}.credits-card{text-align:center;align-items:center;max-width:420px}.credits-logo{margin:4px 0 6px;font-size:34px}.credits{gap:4px;margin:0 0 8px;display:grid}.credits dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:12px}.credits dd{font:400 22px/1.1 var(--font-display);color:var(--cream);margin:0}.credits-studio{flex-direction:column;align-items:center;gap:6px;margin:4px 0 2px;display:flex}.credits-studio img{image-rendering:pixelated}.credits-studio b{font:400 24px/1 var(--font-display);color:var(--cream)}.credits{border-top:2px solid #ffffff14;padding-top:6px}.card .kedai-note{text-align:left;justify-content:center;align-self:stretch;gap:6px;width:auto;max-width:none;margin:2px 0 6px;padding:3px 10px;font-size:13px;line-height:1.2}.card .kedai-note svg{flex:none;width:16px;height:16px}.touch-dash{right:max(18px, env(safe-area-inset-right));bottom:max(96px, calc(env(safe-area-inset-bottom) + 96px));z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a2433;border:3px solid #000;border-radius:50%;width:84px;height:84px;padding:0;position:absolute;overflow:hidden;box-shadow:0 4px #000}.touch-dash[hidden]{display:none!important}.touch-dash .td-icon{place-items:center;display:grid;position:absolute;inset:14px 14px 24px}.touch-dash .td-icon svg{width:44px;height:44px}.touch-dash b{font:400 13px/1 var(--font-display);color:var(--cream);text-align:center;position:absolute;bottom:10px;left:0;right:0}.touch-dash .td-cool{pointer-events:none;background:#0000008c;height:0;position:absolute;bottom:0;left:0;right:0}.touch-dash.ready{border-color:#7fe2ff;box-shadow:0 4px #000,0 0 14px 2px #7fe2ff8c}.touch-dash.press{animation:.18s ease-out td-press}@keyframes td-press{50%{transform:scale(.88)}}@media (hover:none),(pointer:coarse){.slot.dash kbd{display:none}}.hud-bottom.coop.split .p-row{gap:0;padding:0}.hud-bottom.coop.split .p-block{box-sizing:border-box;flex:0 0 50%;padding:0 18px 0 14px}.hud-bottom.coop.split .p-block:first-child{padding-left:64px}.hud-bottom.coop.split .p-block+.p-block{padding:0 14px 0 18px}.hud-bottom.coop.split .p-block+.p-block .p-tag{left:14px}.hud-bottom.coop.split .p-block:first-child .p-tag{left:60px}.hub-version{opacity:.7}.credits-version{color:var(--muted);margin-bottom:4px;font-size:12px}.card:has(.w-mini){width:min(100%,680px)}.build:has(.w-mini){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:560px){.build:has(.w-mini){grid-template-columns:1fr}}.build li.w-mini{text-align:left;border:2px solid var(--outline);background:#1a1424;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.build li.w-mini .tile{flex:none;width:40px;height:40px}.w-mini .w-info{flex-direction:column;gap:3px;min-width:0;display:flex}.w-mini .w-info>b{font:400 15px/1.1 var(--font-display);align-items:center;gap:6px;display:flex}.w-mini .lv-chip{font:400 11px/1.2 var(--font-display);color:#14101e;background:var(--k-level);border-radius:3px;padding:1px 5px;font-style:normal}.w-mini .lv-chip.max{background:#ffd23f}.evo-mini{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:11px;display:flex}.evo-mini svg{width:12px;height:12px}.evo-mini i{font-style:normal}.evo-mini i.ok{color:#9cd35c}.evo-mini.ready{color:#ffd23f}.evo-mini.done{color:#9cd35c}.mini-stats{flex-wrap:wrap;gap:3px;display:flex}.mini-stat{font:400 12px/1.3 var(--font-display);color:var(--cream);background:#0d0a14;border-radius:3px;align-items:center;gap:3px;padding:1px 5px 1px 3px;display:inline-flex}.mini-stat svg{width:14px;height:14px}.shop-cell .cell-price{font:400 12px/1.2 var(--font-display);white-space:nowrap;color:#14101e;border:2px solid var(--outline);background:#ffd23f;border-radius:4px;padding:1px 5px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.shop-cell .cell-price.dear{color:#f6efe4;background:#6b2a36}.shop-grid:has(.cell-price){row-gap:16px;padding-bottom:12px}.card.ready-card{gap:10px;width:min(100%,820px)}.ready-row{text-align:left;width:100%}.ready-row h3{font:400 16px/1 var(--font-display);color:var(--muted);margin:0 0 6px}.ready-picks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.ready-pick{text-align:left;color:var(--cream);border:2px solid var(--outline);cursor:pointer;background:#1a1424;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.ready-pick .tile{grid-row:span 2;width:40px;height:40px}.ready-pick .tile.hero{background-position:-2px -3px;background-size:400px 120px}.ready-pick b{font:400 14px/1.1 var(--font-display)}.ready-pick small{color:var(--muted);font-size:11px;line-height:1.2}.ready-pick:hover{border-color:#5e4c74}.ready-pick.on{background:#2a2036;border-color:#ffd23f;box-shadow:inset 0 0 0 2px #ffd23f}.ready-bag{background:#14101e;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding:6px 10px;font-size:13px;display:flex}.ready-bag>svg{width:18px;height:18px}.ready-bag-item{align-items:center;gap:4px;display:inline-flex}.ready-bag-item svg{width:16px;height:16px}#menu.hub .hub-layer{object-position:50% 100%}.hub-shade{background:radial-gradient(at 50% 55%,#08041000 30%,#0804108c 100%),linear-gradient(0deg,#080410cc 0,#08041000 26%)}#menu.hub>.hub-main{grid-area:auto;align-items:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}#menu.hub>.hub-main .logo{align-items:center;margin:0;font-size:84px}#menu.hub>.hub-top{grid-area:auto;position:absolute;top:18px;right:24px}.hud-pill.goals{cursor:pointer;color:#ffd23f;font:inherit;box-shadow:0 3px 0 var(--outline)}.hud-pill.goals svg{width:20px;height:20px}#menu.hub>.hub-go{z-index:1;gap:16px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.hub-go-btn{color:#fff;text-align:left;cursor:pointer;border:4px solid var(--outline);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:10px;min-width:230px;padding:10px 22px 12px 16px;display:grid;box-shadow:0 8px #16101a}.hub-go-btn svg{grid-row:span 2;width:38px;height:38px}.hub-go-btn svg+svg{display:none}.hub-go-btn b{font:400 40px/1 var(--font-display);text-shadow:0 3px #00000059}.hub-go-btn small{opacity:.9;font-size:13px}.hub-go-btn.solo{background:#d6324a}.hub-go-btn.multi{background:#3a6fc8}.hub-go-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}#menu.hub>.hub-sign{top:50%;transform:translateY(-50%)}#menu.hub>.hub-sign.left{left:30px}#menu.hub>.hub-sign.right{right:30px}.hub-sign.left:hover{margin-left:-4px}.hub-sign.right:hover{margin-left:4px}#menu.hub>.hub-sign.tokdin{color:#ffd21a;background:#1f55b4;box-shadow:inset 0 3px #4a7fd8,inset 0 -3px #0f3a86,0 5px #06030c99}#menu.hub>.hub-sign.tokdin b{text-shadow:0 2px #0a1a3a}#menu.hub>.hub-record{align-items:center;bottom:10px;left:50%;right:auto;transform:translate(-50%)}.hub-credits-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hub-credits-link:hover{color:var(--cream)}#menu.hub.view-heroes .hub-go,#menu.hub.view-kedai .hub-go,#menu.hub.view-lobby .hub-go{opacity:0;pointer-events:none;transform:translate(-50%,120%)}.hub-go{transition:transform .3s steps(6,end),opacity .25s steps(5,end)}#menu.hub.view-heroes .hub-main,#menu.hub.view-lobby .hub-main{transform:translate(60%)}#menu.hub.view-kedai .hub-main{transform:translate(-160%)}#menu.hub.enter .hub-go{animation:.4s steps(6,end) .22s both hub-rise}@media (max-height:600px){#menu.hub>.hub-main .logo{font-size:60px}.hub-go-btn b{font-size:32px}}.kedai-sign:has(.tokdin-board){box-shadow:none;background:0 0;border:0;padding:0;transform:translate(-50%,-32%)}.tokdin-awning{background:repeating-linear-gradient(90deg,#1f55b4 0 18px,#ffd21a 18px 36px);border:3px solid #0a1a3a;border-bottom:0;border-radius:6px 6px 0 0;height:18px;display:block}.tokdin-board{background:#0f3a86;border:3px solid #0a1a3a;border-radius:0 0 6px 6px;align-items:center;gap:10px;padding:6px 14px 7px 8px;display:flex;box-shadow:0 5px #06030c99}.tokdin-face{background:#ffd21a;border:3px solid #0a1a3a;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.tokdin-face svg{width:44px;height:44px;margin-top:4px}.tokdin-name{flex-direction:column;line-height:.9;display:flex}.tokdin-name small{font:400 12px/1 var(--font-display);letter-spacing:5px;color:#fff}.tokdin-name b{font:400 34px/1 var(--font-display);letter-spacing:1px;color:#ffd21a;text-shadow:0 3px #0a1a3a}.multi-card{width:min(100%,560px)}.multi-choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.multi-choice{color:var(--cream);cursor:pointer;border:3px solid var(--outline);background:#1a1424;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex;box-shadow:0 5px #16101a}.multi-choice svg{width:36px;height:36px}.multi-choice b{font:400 24px/1 var(--font-display)}.multi-choice small{color:var(--muted);text-align:center;font-size:12px}.multi-choice:hover{border-color:#3a6fc8}.modal.map-screen{background:linear-gradient(#140e20,#0e1416);justify-content:stretch;align-items:stretch;padding:0}.modal.map-screen>.card.map-card-root{width:100%;max-width:none;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0;position:relative;overflow:hidden}.map-top{z-index:3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.map-top h2{font:400 34px/1 var(--font-display);color:var(--cream);text-shadow:0 3px #16101a;margin:0}.map-view{scrollbar-width:thin;position:absolute;inset:0;overflow:auto hidden}.map-track{height:100%;min-height:460px;position:relative}.map-band{height:460px;margin-top:-230px;position:absolute;top:42%;left:0;right:0}.map-roads{pointer-events:none;position:absolute;top:0;left:0}.map-roads path{fill:none;stroke:#4a3d5c;stroke-width:6px;stroke-linecap:round;stroke-dasharray:2 12}.map-roads path.walked{stroke:#9cd35c;stroke-dasharray:none}.map-zone{border-left:2px dashed #ffffff12;position:absolute;top:0;bottom:0}.map-zone span{font:400 20px/1 var(--font-display);letter-spacing:2px;color:#6d5f80;text-transform:uppercase;white-space:nowrap;position:absolute;top:70px;left:16px}.map-node{z-index:2;width:52px;height:52px;font:400 20px/1 var(--font-display);color:#14101e;cursor:pointer;border:3px solid var(--outline);background:#e8dcc8;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;padding:0;display:grid;position:absolute;box-shadow:0 4px #16101a}.map-node.here{outline-offset:3px;background:#ffd23f;outline:4px solid #fff}.map-node.locked{color:#6d5f80;cursor:default;box-shadow:none;background:#2a2036}.map-node.boss{color:#fff;background:#6b2fa0;width:66px;height:66px;margin:-33px 0 0 -33px;font-size:15px}.map-node.boss.locked{color:#7a5f95;background:#2e1e3e}.map-node.hard{color:#fff;background:#c8414f;border-radius:10px}.map-node.hard.locked{color:#8a6070;background:#3a1a22}.map-node.hard svg{width:26px;height:26px}.map-node:not(.locked):hover{filter:brightness(1.15);transform:translateY(-2px)}.map-name{z-index:1;color:#b9a8cc;white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;transform:translate(-50%)}.map-prize-at{z-index:1;pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.map-prize{color:#ffd23f;white-space:nowrap;background:#140e1ee6;border:2px solid #3a1a22;border-radius:6px;align-items:center;gap:4px;padding:2px 6px 2px 2px;font-size:11px;display:flex}.map-prize .tile{width:22px;height:22px}.map-walker{z-index:3;width:64px;height:64px;image-rendering:pixelated;pointer-events:none;background-size:640px 192px;position:absolute}.map-card{z-index:4;background:#241b33;border:3px solid #ffd23f;border-radius:12px;flex-direction:column;gap:8px;width:min(560px,100% - 340px);min-width:360px;padding:12px 16px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px #16101a}.map-card h3{font:400 26px/1 var(--font-display);margin:2px 0 0}.map-card .btns{margin:0}.map-corner{z-index:3;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px}.map-corner.left{left:20px}.map-corner.right{right:20px}.map-corner .btn{justify-content:flex-start;gap:8px}.map-corner .btn svg{width:22px;height:22px}.map-count{color:#14101e;background:#ffd23f;border-radius:4px;padding:0 6px;font-style:normal}.btn.tokdin-btn{color:#ffd21a;background:#1f55b4;border-color:#0a1a3a}.prize-won{text-align:left;background:#ffd23f1a;border:2px solid #ffd23f;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.prize-won .tile{flex:none;width:44px;height:44px}.prize-won b{font:400 18px/1.1 var(--font-display);color:#ffd23f;display:block}.prize-won small{color:var(--muted)}.prize-won.small{padding:6px 10px}.prize-won.small b{font-size:15px}.map-card{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:auto;align-items:center;gap:6px 14px;width:min(720px,100% - 380px);padding:10px 14px;display:grid}.map-card>*{grid-column:1}.map-card>.btns{grid-area:1/2/span 3;align-self:center}.map-card .map-card-head{text-align:left}.map-card .chips{justify-content:flex-start}.map-card .prize-won.small{padding:4px 8px}.map-card .prize-won.small .tile{width:32px;height:32px}.map-band{top:38%}.banish-count{font:400 14px/1.3 var(--font-display);color:#f6efe4;background:#140e1ed9;border:2px solid #5e4c74;border-radius:6px;align-self:center;margin:-4px 0 4px;padding:2px 10px}.banish-count b{color:#ffd23f}.mc-icons{gap:2px;display:flex}.modal.map-screen{background:#0b0716}.map-bg{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.map-zone{border:0}.map-zone span{letter-spacing:2px;color:#fff2d8;text-shadow:0 2px #3b2110;background:#6e4a2a;border:3px solid #2a1c14;border-radius:4px;padding:5px 14px 6px;font-size:20px;top:66px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #9a6c40,0 4px #06030c99}.map-zone.fogged{background:radial-gradient(at 30% 40%,#96a0be29,#0000 60%),radial-gradient(at 70% 70%,#96a0be1f,#0000 55%),#0a0814bd}.map-zone.fogged span{opacity:.55}.fog-word{color:#b9a8cc;white-space:nowrap;background:#0a0814cc;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-style:normal;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.fog-word svg{width:18px;height:18px}.firefly{z-index:1;pointer-events:none;background:#eaff8a;width:3px;height:3px;animation:4s ease-in-out infinite alternate firefly;position:absolute;box-shadow:0 0 6px 2px #dcff788c}@keyframes firefly{0%{opacity:.1;transform:translate(0)}50%{opacity:1}to{opacity:.2;transform:translate(14px,-18px)}}@media (prefers-reduced-motion:reduce){.firefly{opacity:.6;animation:none}}.map-roads .road path{fill:none;stroke-linecap:round}.map-roads .road .edge{stroke:#1e140e;stroke-width:16px}.map-roads .road .dirt{stroke:#5c4230;stroke-width:10px}.map-roads .road .steps{stroke:#8a6a48;stroke-width:3px;stroke-dasharray:3 11}.map-roads .road.walked .edge{stroke:#3a2410;filter:drop-shadow(0 0 6px #ffc8648c)}.map-node{background:radial-gradient(circle at 35% 30%,#c9965a 0,#8a5a32 58%,#5e3b20 100%);border:4px solid #1e140e;width:56px;height:56px;margin:-28px 0 0 -28px;box-shadow:inset 0 0 0 3px #d9c29a,inset 0 -6px 0 3px #00000040,0 5px #0e0a14}.map-node .num{font:400 24px/1 var(--font-display);color:#fff2d8;text-shadow:0 2px #3b2110}.map-node.done{box-shadow:inset 0 0 0 3px #ffd23f,inset 0 -6px 0 3px #0003,0 5px #0e0a14}.node-tick{color:#fff;background:#5aa83a;border:2px solid #1e140e;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.map-node.here{outline:none;animation:1.2s ease-in-out infinite alternate node-here}@keyframes node-here{0%{box-shadow:inset 0 0 0 3px #fff2a8,0 0 0 3px #fff,0 0 14px 4px #ffd23f8c,0 5px #0e0a14}to{box-shadow:inset 0 0 0 3px #fff2a8,0 0 0 5px #fff,0 0 26px 10px #ffd23fcc,0 5px #0e0a14}}.map-node.locked{background:radial-gradient(circle at 35% 30%,#5a5468 0,#3a3446 60%,#262230 100%);box-shadow:inset 0 0 0 3px #4a4458,0 4px #0e0a14}.map-node.locked svg{opacity:.8;width:24px;height:24px}.map-node.hard{background:radial-gradient(circle at 35% 30%,#ff6a74 0,#c8323e 55%,#7a1420 100%);border-radius:6px;width:50px;height:50px;margin:-25px 0 0 -25px;transform:rotate(45deg);box-shadow:inset 0 0 0 3px #ffb0b8,0 0 0 3px #1e140e,0 0 0 6px #c8323e,0 0 16px 4px #ff3c5073}.map-node.hard>*{transform:rotate(-45deg)}.map-node.hard .hard-face svg{width:26px;height:26px}.map-node.hard.locked{background:radial-gradient(circle at 35% 30%,#6a3a44 0,#3a1a22 70%);box-shadow:inset 0 0 0 3px #5a2a34,0 0 0 3px #1e140e}.map-node.hard:not(.locked):hover{transform:rotate(45deg)translate(-2px,-2px)}.map-node.hard.here{animation:none;box-shadow:inset 0 0 0 3px #fff,0 0 0 3px #1e140e,0 0 0 6px #ffd23f,0 0 22px 8px #ffd23fb3}.map-node.boss{background:radial-gradient(circle at 50% 40%,#4a2a6a 0,#24123a 70%);width:78px;height:78px;margin:-39px 0 0 -39px;overflow:visible;box-shadow:inset 0 0 0 3px #b07cff,inset 0 0 0 6px #1e140e,inset 0 0 0 9px #6b2fa0,0 5px #0e0a14,0 0 18px 4px #a05aff59}.map-node.boss.done{box-shadow:inset 0 0 0 3px #ffd23f,inset 0 0 0 6px #1e140e,inset 0 0 0 9px #6b2fa0,0 5px #0e0a14}.boss-face{width:52px;height:52px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:520px;margin-top:4px}.map-node.boss.locked{background:radial-gradient(circle at 50% 40%,#3a2e48 0,#1e1828 70%)}.map-node:not(.locked):not(.hard):hover{filter:brightness(1.12);transform:translateY(-3px)}.map-name{color:#f6efe4;background:#0e0a16c7;border-radius:4px;padding:1px 6px;font-size:12px}.map-card{background:repeating-linear-gradient(0deg,#5e3f2c 0 18px,#553822 18px 20px);border:4px solid #1e140e;box-shadow:inset 0 0 0 3px #c9965a,0 8px #0e0a14}.map-card .tag{color:#ffd98a}.map-card h3{color:#fff2d8;text-shadow:0 2px #3b2110}.map-card .chips .chip{background:#140c08b3}.map-roads .road .edge,.map-roads .road .dirt{stroke-dasharray:none}.map-node.done{color:#fff2d8;background:radial-gradient(circle at 35% 30%,#d9a868 0,#9a6a3a 58%,#6e4524 100%)}.map-node.boss.done{background:radial-gradient(circle at 50% 40%,#4a2a6a 0,#24123a 70%)}.map-prize-at{transform:translateY(-50%)}.fog-word{top:66%}.lobby-pick{justify-content:center;align-items:center;gap:4px;display:flex}.lobby-pick.weapon{background:#0d0814b3;border-radius:6px;margin-top:3px;padding:2px 4px}.lobby-pick.weapon .tile{width:26px;height:26px}.lobby-pick.weapon small{min-width:70px;font:400 13px/1 var(--font-display);color:var(--cream);text-align:center}.lobby-actions{flex-wrap:wrap;justify-content:center}.lobby-online{background:#0d0814bf;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:flex}.lobby-online>small{text-align:center;width:100%;color:var(--muted)}.lobby-online .net-join{gap:6px;display:flex}.lobby-online .net-join input{width:86px}.lobby-name:has(.lobby-pick){flex-direction:column;gap:3px}.lobby-online .btn{color:var(--cream);border:3px solid var(--outline);background:#3a2e4a;box-shadow:0 3px #16101a}.lobby-online .btn:hover{background:#4a3a5c}.lobby-online .btn svg{width:18px;height:18px}.lobby-name{transform:translate(-50%,-100%)}.lobby-online .net-join input{letter-spacing:4px;width:118px;font-size:22px}.lobby-home{pointer-events:auto;position:absolute;top:18px;left:24px}.lobby-panel{width:auto;min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;top:18px}.lobby-bar{border:3px solid var(--outline);background:#0d0814e0;border-radius:10px;align-items:stretch;gap:6px;padding:6px;display:flex;box-shadow:0 5px #06030c99}.lobby-bar .lobby-level{align-items:center;gap:8px;padding:4px 6px 4px 10px;display:flex}.lobby-bar .lobby-level small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.lobby-bar .lobby-level b{white-space:nowrap;font-size:17px}.lobby-bar .lobby-level em{display:none}.lobby-bar .toggle{padding:4px 10px}.lobby-bar .toggle small{display:none}.lobby-bar .toggle b{white-space:nowrap;font-size:15px}.lobby-actions{gap:8px;width:min(460px,46%);bottom:18px}.lobby-tabs{border:3px solid var(--outline);background:#0d0814e6;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;width:100%;padding:3px;display:grid}.lobby-tab{font:400 20px/1 var(--font-display);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:7px 10px;display:flex}.lobby-tab.on{color:#14101e;background:var(--yolk)}.lobby-tab:not(.on):not(:disabled):hover{color:var(--cream);background:#2a2036}.lobby-tab:disabled{opacity:.45;cursor:default}.lobby-card{border:3px solid var(--outline);background:#0d0814e6;border-radius:10px;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:10px;display:flex}.lobby-card>small{text-align:center;color:var(--muted);font-size:12px}.lobby-card .big-go{width:100%;padding:12px 8px;font-size:26px}.lobby-card .toggle{margin:0}.lobby-keys{text-align:center;color:var(--muted);font-size:12px;display:block}.lobby-keys b{color:#14101e;border-radius:3px;padding:0 4px}.lobby-keys .k1{background:#7fe2ff}.lobby-keys .k2{background:#ff9ad5}.lobby-pair{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.lobby-pair .lobby-card{justify-content:space-between}.lobby-pair .big-go{justify-content:center;align-items:center;gap:8px;font-size:24px;display:flex}.lobby-pair .big-go svg{width:24px;height:24px}.lobby-pair .net-join{grid-template-columns:1fr auto;gap:6px;display:grid}.lobby-pair .net-join input{letter-spacing:4px;width:100%;padding:8px 4px;font-size:22px}.lobby-pair .net-address{width:100%}.lobby-card .btn:not(.primary){color:var(--cream);border:3px solid var(--outline);background:#3a2e4a;box-shadow:0 3px #16101a}.lobby-code{justify-content:center;align-items:baseline;gap:10px;display:flex}.lobby-code small{color:var(--muted);font-size:13px}.lobby-code b{font:400 40px/1 var(--font-display);letter-spacing:8px;color:#7fe2ff}.lobby-code .lobby-count{color:var(--muted);font-size:14px}.lobby-code .lobby-count b{letter-spacing:0;color:var(--cream);font-size:16px}.lobby-actions{gap:6px;width:min(340px,30%);top:47%;bottom:auto;transform:translate(-50%)}.lobby-card .big-go svg,.lobby-pair .big-go svg{width:20px;height:20px}.lobby-card .toggle small{font-size:11px}.lobby-pair{grid-template-columns:1fr;gap:6px}.lobby-pair .lobby-card{gap:4px}.lobby-code b{font-size:32px}.lobby-tab svg{width:16px;height:16px}.lobby-tabs{border-width:2px;padding:2px}.lobby-card{border-width:2px;gap:4px;padding:5px}.lobby-card .big-go,.lobby-pair .big-go{padding:4px 8px;font-size:17px;box-shadow:0 3px #16101a}.lobby-card .big-go kbd{display:none}.lobby-card .toggle b{font-size:14px}.lobby-card .toggle small,.lobby-card>small,.lobby-keys{display:none}.lobby-pair .net-join .btn{padding:3px 12px;font-size:15px}.lobby-code b{letter-spacing:6px;font-size:26px}.lobby-card .btn:not(.primary){padding:3px 10px;font-size:14px}#menu.hub.view-lobby>.hub-top{opacity:0;pointer-events:none}.lobby-sets{grid-template-columns:300px 300px;gap:8px;display:grid}.lobby-set{border:3px solid var(--outline);background:#0d0814e6;border-radius:10px;grid-template-columns:28px 1fr 28px;align-items:center;gap:4px;height:128px;padding:6px;display:grid;box-shadow:0 5px #06030c99}.lobby-set>button{width:28px;height:28px;color:var(--cream);cursor:pointer;border:2px solid var(--outline);background:#33264a;border-radius:4px;place-items:center;display:grid}.lobby-set>button:hover{background:#4a3a5c}.lobby-set>button.flip svg{transform:scaleX(-1)}.lobby-set-body{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:8px;min-width:0;height:100%;display:grid}.lobby-set-body small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.lobby-set-body b{font:400 18px/1.1 var(--font-display);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobby-set-body em{color:var(--yolk);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.2;display:-webkit-box;overflow:hidden}.lobby-set.place .lobby-set-body{grid-template-columns:1fr}.lobby-thumb{width:100%;height:60px;image-rendering:pixelated;border:2px solid var(--outline);object-fit:cover;border-radius:4px;margin-bottom:4px}.lobby-set.twist .lobby-set-body{grid-template-rows:auto auto 1fr;grid-template-columns:52px 1fr}.lobby-set.twist .tile{grid-row:1/span 3;align-self:center;width:52px;height:52px}.lobby-set.twist small,.lobby-set.twist b,.lobby-set.twist em{grid-column:2}.lobby-switches{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.lobby-switches .toggle{background:#0d0814e6;margin:0;padding:4px 10px}.lobby-switches .toggle b{font-size:15px}.lobby-switches .toggle small{font-size:11px}.lobby-panel .net-how,.lobby-panel .net-notice{max-width:608px}.lobby-sets{grid-template-columns:290px 290px 160px;align-items:stretch}.lobby-thumb{height:40px}.lobby-set.place .lobby-set-body small{display:none}.lobby-switches{grid-column:auto;grid-template-columns:1fr;gap:6px}.lobby-switches .toggle{height:100%}.lobby-under{pointer-events:none;font:400 14px/1 var(--font-display);color:var(--cream);white-space:nowrap;background:#0d0814d9;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;display:flex;position:absolute;transform:translate(-50%)}.lobby-under b{color:#14101e;border-radius:3px;padding:1px 5px;font-weight:400}.lobby-under.p1 b{background:#7fe2ff}.lobby-under.p2 b{background:#ff9ad5}.lobby-under small{color:var(--muted);font-family:inherit;font-size:12px}.lobby-actions{gap:6px;width:210px}.lobby-tabs{grid-template-columns:1fr;gap:3px}.lobby-tab{padding:7px 8px;font-size:17px}.lobby-card{gap:6px;padding:6px}.lobby-card .big-go,.lobby-pair .big-go{padding:10px 8px;font-size:19px}.lobby-card .toggle{padding:6px 8px}.lobby-pair .net-join{grid-template-columns:1fr}.lobby-pair .net-join input{padding:7px 4px;font-size:18px}.lobby-pair .net-join .btn{padding:7px 12px}.lobby-actions{top:44%}.lobby-tabs{grid-template-columns:1fr 1fr}.lobby-tab{gap:5px;padding:7px 4px;font-size:16px}.lobby-card.online{gap:6px;padding:8px}.lobby-code{flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-code small{color:var(--muted);white-space:nowrap;font-size:12px}.lobby-code-row{justify-content:center;align-items:center;gap:8px;display:flex}.lobby-code-row b{font:400 28px/1 var(--font-display);letter-spacing:4px;color:#7fe2ff}.lobby-code-row .btn{padding:4px 8px;font-size:13px}.lobby-card.online .big-go,.lobby-card.online>.btn{width:100%;padding:8px;font-size:16px}.lobby-card.online .big-go:disabled{opacity:.6}.lobby-card.online .big-go svg{width:18px;height:18px}.toggle.locked{cursor:help;opacity:.85;align-items:center;gap:10px;display:flex;position:relative}.toggle.locked>svg{flex:none;width:22px;height:22px;margin-left:6px}.toggle.locked small{color:var(--muted)}[data-tip]:after{content:attr(data-tip);z-index:20;width:max-content;max-width:240px;font:400 13px/1.3 var(--font-body,inherit);color:var(--cream);text-align:center;white-space:normal;border:2px solid var(--yolk);opacity:0;pointer-events:none;background:#0d0a14;border-radius:6px;padding:6px 10px;transition:opacity .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px #06030c99}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}.lobby-hazard{cursor:help;text-underline-offset:2px;width:max-content;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.lobby-set-body,.lobby-set{overflow:visible}.lobby-set{height:76px}.lobby-set.place .lobby-set-body{grid-template-rows:auto auto;grid-template-columns:3fr 1.3fr;align-content:center;column-gap:8px}.lobby-set.place .lobby-thumb{grid-row:1/span 2;height:56px;margin:0}.lobby-set.place b{align-self:end;font-size:16px}.lobby-set.place em{align-self:start}.lobby-set.twist .tile{width:44px;height:44px}.lobby-set.twist .lobby-set-body{grid-template-columns:44px 1fr}.lobby-switches .toggle{padding:4px 10px}[data-tip]{position:relative}[data-tip]:hover,[data-tip]:focus-visible{z-index:40}.lobby-hazard{-webkit-line-clamp:unset;display:inline-block;overflow:visible}.lobby-tag{place-items:center;height:18px;padding:1px 6px 0;line-height:1;display:inline-grid}.lobby-set-body em.lobby-hazard{-webkit-line-clamp:unset;display:inline-block;overflow:visible}.lobby-under b{padding:0 3px 1px 6px}.lobby-tag{padding:0 4px 0 8px}.modal.stage-shop>.card.kedai-card{background:repeating-linear-gradient(0deg,#4e3424 0 22px,#46301f 22px 24px);border:4px solid #1e140e;padding-top:14px;overflow:hidden;box-shadow:inset 0 0 0 3px #8a6038,0 8px #0e0a14}.tokdin-band{background:repeating-linear-gradient(90deg,#1f55b4 0 28px,#2462c8 28px 30px);border-bottom:4px solid #ffd21a;align-items:center;gap:10px;margin:0 -14px 6px;padding:6px 16px;display:flex;box-shadow:0 3px #0a1a3a}.tokdin-band>svg{background:#ffd21a;border:2px solid #0a1a3a;border-radius:50%;width:34px;height:34px;padding:2px}.tokdin-band>b{font:400 26px/1 var(--font-display);letter-spacing:2px;color:#ffd21a;text-shadow:0 2px #0a1a3a}.tokdin-band .total{background:#0a1a3ab3;border-radius:6px;margin-left:auto;padding:4px 10px}.tokdin-deal{color:#2a1c12;text-align:left;cursor:pointer;background:#ffd21a;border:3px solid #1e140e;border-radius:8px;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:8px;width:100%;margin:0 0 6px;padding:5px 12px;display:grid;box-shadow:0 3px #1e140e}.tokdin-deal small{font:400 12px/1 var(--font-display);color:#ffd21a;text-transform:uppercase;letter-spacing:1px;background:#1f55b4;border-radius:4px;padding:2px 6px}.tokdin-deal .tile{width:30px;height:30px}.tokdin-deal b{font:400 18px/1 var(--font-display)}.tokdin-deal em{font:400 16px/1 var(--font-display);color:#1f55b4;font-style:normal}.tokdin-deal.dear em{color:#8a2030}.tokdin-deal:hover{filter:brightness(1.08);transform:translateY(-1px)}.kedai-card .shop-grid{padding:6px 6px 18px;row-gap:22px!important}.kedai-card .shop-cell{box-shadow:none;background:radial-gradient(at 50% 85%,#00000040,#0000 60%);border:3px solid #0000;overflow:visible}.kedai-card .shop-cell:after{content:"";pointer-events:none;background:#9a6a3a;border-top:2px solid #c9965a;border-bottom:3px solid #2a1c12;height:8px;position:absolute;bottom:-8px;left:-6px;right:-6px}.kedai-card .shop-cell.sel{background:#ffd21a1f;border-color:#ffd21a;box-shadow:0 0 14px 2px #ffd21a59}.kedai-card .shop-cell .cell-price{z-index:2;color:#2a1c12;background:#f4ecdb;border:2px solid #2a1c12;border-radius:2px 2px 6px 6px;padding:2px 6px;bottom:-22px;transform:translate(-50%)rotate(-4deg)}.kedai-card .shop-cell .cell-price:before{content:"";background:#2a1c12;width:2px;height:6px;position:absolute;top:-7px;left:50%}.kedai-card .shop-cell .cell-price.dear{color:#fff2e8;background:#8a2030}.kedai-card .shop-cell:has(.cell-badge svg)>:not(.cell-badge):not(.cell-price){filter:brightness(0);opacity:.55}.kedai-card .shop-detail{background:#140c088c;position:relative}.d-stamp{z-index:3;font:400 24px/1 var(--font-display);letter-spacing:3px;color:#5aa83a;pointer-events:none;background:#0e0a14a6;border:4px solid #5aa83a;border-radius:6px;padding:4px 14px;position:absolute;top:46px;left:50%;transform:translate(-50%)rotate(-10deg)}.tokdin-say{z-index:3;max-width:230px;font:400 13px/1.25 var(--font-body,inherit);color:#231a2a;pointer-events:none;background:#f6efe4;border:3px solid #1e140e;border-radius:10px;padding:6px 10px;position:absolute;box-shadow:0 4px #06030c99}.tokdin-say:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#1e140e;position:absolute;top:14px;left:-10px}.tokdin-say small{color:#5e4c74}.tokdin-say b{color:#1f55b4}.tokdin-say.pop{transform-origin:100%;animation:.3s steps(5,end) both tokdin-pop}@keyframes tokdin-pop{0%{opacity:0;transform:translate(-100%)scale(.2)}70%{opacity:1;transform:translate(-100%)scale(1.06)}to{transform:translate(-100%)}}#menu.hub:not(.view-kedai) .tokdin-say{display:none}.buy-fly{z-index:90;pointer-events:none;place-items:center;display:grid;position:fixed}.buy-fly svg{width:100%;height:100%}.buy-minus{z-index:90;font:400 18px/1 var(--font-display);color:#ff8a8a;text-shadow:0 2px #16101a;pointer-events:none;animation:.9s ease-out both buy-minus;position:fixed}@keyframes buy-minus{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.tokdin-say{transform:translate(-100%)}.tokdin-say:before{border:8px solid #0000;border-left-color:#1e140e;border-right:0;left:auto;right:-10px}.kedai-card .shop-head{align-items:center;gap:10px;display:flex}.kedai-card .shop-head .tokdin-deal{flex:1;min-width:0;margin:0}.kedai-card .shop-head .total{flex:none}.map-node.px,.map-node.px.done,.map-node.px.locked,.map-node.px.hard,.map-node.px.boss,.map-node.px.hard.here,.map-node.px.hard.locked,.map-node.px.boss.done,.map-node.px.boss.locked{color:#3b2110;width:56px;height:60px;image-rendering:pixelated;box-shadow:none;filter:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;border-radius:0;outline:0;margin:-28px 0 0 -28px;padding:0 0 4px;transform:none}.map-node.px.hard{height:64px;margin-top:-30px;padding-bottom:8px}.map-node.px.boss{width:88px;height:92px;margin:-44px 0 0 -44px;padding-bottom:4px}.map-node.px.hard>*{transform:none}.map-node.px .num{color:#3b2110;text-shadow:none}.map-node.px.locked .num,.map-node.px.locked svg{color:#6d5f80}.map-node.px.hard .hard-face svg{color:#ffd8dc;width:22px;height:22px}.map-node.px:not(.locked):hover,.map-node.px.hard:not(.locked):hover{filter:none;transform:translateY(-3px)}.map-node.px .node-tick{display:none}.map-name{border-style:solid;border-width:6px;border-image:var(--plank) 3 fill / 6px stretch;image-rendering:pixelated;font:400 13px/1 var(--font-display);color:#fff2d8;text-shadow:0 1px #3b2110;background:0 0;border-radius:0;padding:0 3px}.map-name.hard{color:#ffb0b8}.map-prize{border-style:solid;border-width:6px;border-image:var(--plank) 3 fill / 6px stretch;image-rendering:pixelated;font:400 12px/1 var(--font-display);background:0 0;border-radius:0;padding:0 3px 0 0}.map-roads .road path{stroke-linecap:butt}.map-roads .road .steps{stroke-dasharray:4 8}.map-node.px.here,.map-node.px.hard.here{box-shadow:none;animation:1s steps(2,end) infinite px-here}@keyframes px-here{50%{transform:translateY(-3px)}}.map-roads .road.walked .edge{filter:none}@media (prefers-reduced-motion:reduce){.map-node.px.here{animation:none}}.map-node.px .num{padding:1px 0 0 3px}.map-node.px .boss-word{font:400 18px/1 var(--font-display);letter-spacing:1px;color:#ffd23f;text-shadow:0 2px #16101a;padding-top:3px}.map-node.px.boss.locked .boss-word{color:#6a5a7c}.map-roads .road .edge{stroke:#120c18}.map-roads .road .dirt{stroke:#2c2236}.map-roads .road .steps{stroke:#4a3d5c}.map-roads .road.walked .edge{stroke:#3a2410}.map-roads .road.walked .dirt{stroke:#c98a44}.map-roads .road.walked .steps{stroke:#fff2a8}.map-roads .road.next .edge{stroke:#2a1a10}.map-roads .road.next .dirt{stroke:#6e4e30}.map-roads .road.next .steps{stroke:#d9b27a}.map-node.px .num[data-n="1"]{padding-left:7px}.map-name{z-index:1;border-width:4px;border-image:var(--plank) 3 fill / 4px stretch;white-space:normal;text-align:center;width:max-content;max-width:74px;padding:1px 2px 0;font-size:11px;line-height:1.05}#modal.map-screen #map-home,#modal.map-screen .map-corner .btn,#modal.map-screen .map-top .hud-pill.rm{color:#fff2d8;text-shadow:0 2px #3b2110;box-shadow:none;outline-offset:2px;border-style:solid;border-width:6px;border-image:var(--plank) 3 fill / 6px stretch;image-rendering:pixelated;background:0 0;border-radius:0;padding:2px 8px}#modal.map-screen .map-top .hud-pill.rm{color:#ffd98a}#modal.map-screen .map-corner .btn.tokdin-btn{color:#ffd21a;text-shadow:0 2px #0a1a3a;border-image-source:var(--kedai-board)}#modal.map-screen #map-home:hover,#modal.map-screen .map-corner .btn:hover{filter:brightness(1.12);transform:translateY(-2px)}#modal.map-screen .map-count{border-radius:0}.map-zone .fog-word{color:#3b2a1e;font:400 14px/1.2 var(--font-display);border-style:solid;border-width:6px;border-image:var(--note) 3 fill / 6px stretch;image-rendering:pixelated;background:0 0;border-radius:0;padding:2px 8px 0;transform:translate(-50%,-50%)}.map-zone .fog-word svg{color:#4a4458}.map-zone .fog-word{z-index:2}#modal.map-screen .map-card{box-shadow:none;border-style:solid;border-width:12px;border-image:var(--card-board) 6 fill / 12px stretch;image-rendering:pixelated;background:0 0;border-radius:0;padding:6px 10px}#modal.map-screen .map-card .chips .chip{background:#3e2818;border:2px solid #16101a;border-radius:0;box-shadow:inset 0 2px #6e4826}#modal.map-screen #map-play{box-shadow:none;border-style:solid;border-width:6px;border-image:var(--play-board) 3 fill / 6px stretch;image-rendering:pixelated;text-shadow:0 2px #7a1420;background:0 0;border-radius:0;padding:8px 22px}#modal.map-screen #map-play:hover{filter:brightness(1.1);transform:translateY(-2px)}#modal.map-screen #map-play kbd{border-radius:0}#modal.map-screen .map-card{grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;overflow:visible}#modal.map-screen .map-card>.lv-boss{grid-area:1/1}#modal.map-screen .map-card>.map-card-head{grid-area:1/2}#modal.map-screen .map-card>.btns{grid-area:1/3}.lv-boss{background:#1c1030;border:3px solid #16101a;justify-content:center;align-items:flex-end;width:76px;height:76px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #6b2fa0,inset 0 -18px #2a1a40}.lv-boss .mini{width:64px;height:calc(var(--fh,32) * 2px);background-position:-128px 0;background-size:640px;flex:none;margin-bottom:4px}.lv-boss[data-tip]:after{white-space:nowrap}.map-card-head .tag{margin-bottom:2px;display:block}.lv-slots{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.lv-slot{color:#fff2d8;min-width:34px;height:34px;font:400 15px/1 var(--font-display);background:#3e2818;border:2px solid #16101a;justify-content:center;align-items:center;gap:5px;padding:0 6px;display:inline-flex;position:relative;box-shadow:inset 0 2px #6e4826}.lv-slot svg{width:22px;height:22px}.lv-slot .tile{width:26px;height:26px}.lv-slot.twist{background:#2a1a40;box-shadow:inset 0 2px #4a2e6a}.lv-slot.prize{color:#ffd23f;background:#4a1a20;border-color:#16101a;box-shadow:inset 0 0 0 2px #ffd23f}.lv-stamp{font:400 16px/1 var(--font-display);letter-spacing:2px;text-transform:uppercase;color:#b8e07a;background:#1e3a14;border:3px solid #16101a;padding:3px 8px 2px;position:absolute;top:-14px;right:170px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #6cb043}.lv-boss-art{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;flex:none;margin-bottom:4px}#modal.map-screen .map-card{width:auto;min-width:460px;max-width:calc(100% - 380px)}.lv-stamp{z-index:2;top:-20px;right:-14px;transform:rotate(6deg)}.map-prize-at{z-index:3;transform:translateY(-50%)}.map-prize{width:58px;height:42px;box-shadow:none;image-rendering:pixelated;background:50%/100% 100% no-repeat;border:0;border-image:;padding:0;display:block;position:relative}.map-prize .tile{width:24px;height:24px;transform:translate(calc(-50% + var(--ox,0) * 1.5px), calc(-50% + var(--oy,0) * 1.5px));box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:21px;left:37px}.map-prize .tile svg{width:24px;height:24px}.map-prize>b{font:400 10px/1 var(--font-display);letter-spacing:1px;color:#ffd23f;white-space:nowrap;background:#c8323e;border:2px solid #16101a;padding:2px 4px 1px;position:absolute;bottom:-10px;left:37px;transform:translate(-50%);box-shadow:inset 0 1px #ff6a74,0 2px #0e0a14}.map-prize.won .tile{filter:grayscale()brightness(.8)}.map-prize.won>b{color:#d9d2e4;background:#4a4458;box-shadow:inset 0 1px #6a6478,0 2px #0e0a14}.map-prize-at{pointer-events:auto}.map-prize[data-tip]:after{white-space:nowrap}.outfit.buy .outfit-pic{filter:brightness(.55)}.outfit.buy small{color:#ffd98a}.outfit.buy.dear small{color:#ff8a96}.outfit.buy.ask{background:#3a2a08;border-color:#ffd23f}.outfit.buy.ask .outfit-pic{filter:none}.outfit.buy.ask small{color:#ffd23f}.stage-panel .wardrobe{row-gap:16px;padding-bottom:12px}.stage-panel .outfit.buy{position:relative}.stage-panel .outfit.buy small{font:400 10px/1 var(--font-display);background:#16101a;border-radius:0;padding:1px 3px 0;display:block;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.ready-over{z-index:20;background:#06040e9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.ready-over>.card{max-height:100%;position:relative;overflow-y:auto}.card.ready-card.still{animation:none}.lobby-actions.solo{top:50%;left:auto;right:7%;align-items:stretch;gap:8px;width:340px;inset:50% auto auto calc(50% + 150px);transform:translateY(-50%)}.lobby-actions.solo .lobby-sets{grid-template-columns:1fr;width:100%}.lobby-actions.solo .lobby-switches{grid-column:auto;grid-template-columns:1fr}.lobby-actions.solo .lobby-switches .toggle{height:46px}.lobby-actions.solo .lobby-card{width:100%}.d-stamp{letter-spacing:2px;border-width:3px;padding:3px 9px;font-size:16px;top:10px;left:auto;right:10px;transform:rotate(8deg)}.kedai-card .shop-cell .cell-badge{top:4px;right:4px}.logo>img{width:calc(76px * var(--logo-x,4));height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 28px #ff5a6e38);display:block}.logo{text-shadow:none}#menu.hub>.hub-main .logo{--logo-x:4}@media (max-height:600px){#menu.hub>.hub-main .logo{--logo-x:3}}.splash .logo{--logo-x:6}@media (max-height:600px){.splash .logo{--logo-x:4}}.credits-logo{--logo-x:3;justify-content:center;display:flex}#menu.hub>.hub-think{text-align:left;transform:translateY(-50%)}#menu.hub>.hub-think .think-head{justify-content:flex-start}.hub-think:before{clip-path:polygon(15px 0,15px 24px,12px 24px,12px 21px,9px 21px,9px 18px,6px 18px,6px 15px,0 15px,0 9px,6px 9px,6px 6px,9px 6px,9px 3px,12px 3px,12px 0);width:15px;height:24px;margin:-12px 0 0;top:50%;bottom:auto;left:-15px}.hub-think:after{clip-path:polygon(12px 0,12px 18px,9px 18px,9px 15px,6px 15px,6px 12px,0 12px,0 6px,6px 6px,6px 3px,9px 3px,9px 0);width:12px;height:18px;margin:-9px 0 0;top:50%;bottom:auto;left:-9px}#menu.hub.enter .hub-think{animation:.36s steps(5,end) .7s both think-pop-side,1.6s steps(2,end) 1.1s infinite alternate think-bob}@keyframes think-pop-side{0%{opacity:0;transform:translateY(-50%)scale(.2)}70%{opacity:1;transform:translateY(-50%)scale(1.08)}}#m-reset:hover{color:#ff7a86}.reset-card{text-align:center}.reset-card .reset-warn{color:var(--muted);margin:6px 0 14px}.slot.dash .tile{z-index:1;position:relative}.slot.dash .tile svg.px{opacity:calc(.45 + var(--p,1) * .55)}.slot.dash .dash-ring{z-index:0;background:conic-gradient(#7fe2ff calc(var(--p,1) * 360deg), #7fe2ff24 0);filter:drop-shadow(0 0 4px #7fe2ff99);border-radius:7px;position:absolute;inset:-5px}.slot.dash.on .dash-ring{background:#9fecff;animation:.35s steps(3,end) dash-ready}@keyframes dash-ready{0%{filter:drop-shadow(0 0 12px #c8f5ff);transform:scale(1.12)}}.tokdin-deal:not(:has(.deal-change)) b{grid-column:span 2}.tokdin-deal .deal-change{font:700 13px/1 var(--font-body);color:#5a3c10;white-space:nowrap}.tokdin-deal .deal-change i{opacity:.6;font-style:normal}.tokdin-deal .deal-change u{color:#2c7a2c;text-decoration:none}.app:has(#modal:not([hidden])>.card.pick-card) #hud{visibility:hidden}.pick-card .chip b.ft+em{display:none}@media (min-aspect-ratio:1) and (min-width:860px){.modal:has(.pick-card){padding-bottom:calc(116px * var(--ui) + 30px)}}.pick-head .pick-side{justify-self:end;gap:8px;display:flex}.pick-card .pick-head .pick-side .btn.reroll{padding:7px 12px;font-size:15px;animation:none;position:static}.ready-row h3 small{font:400 13px/1 var(--font-display);color:#ffd23f;margin-left:4px}.d-go{position:relative;overflow:hidden}.d-go kbd.pad-only{margin-left:8px}.d-go .hold-fill{pointer-events:none;background:#ffffff47;width:0;position:absolute;inset:0 auto 0 0}.d-go.holding .hold-fill{animation:.45s linear forwards hold-fill}@keyframes hold-fill{to{width:100%}}.kedai-tabs{position:relative}html.pad .kedai-tabs .tab-key{z-index:2;background:#3a2e4a;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%)}html.pad .kedai-tabs .tab-key[data-pad=lb]{left:-18px}html.pad .kedai-tabs .tab-key[data-pad=rb]{right:-18px}.net-name{font:400 14px/1 var(--font-display);color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.net-name input{width:140px;font:400 15px/1 var(--font-display);color:var(--cream);background:#0d0a14;border:2px solid #3a2e4a;border-radius:6px;padding:6px 8px}.net-ids{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-bottom:8px;display:flex}.net-ids .net-name{margin:0}.pick-wait{font:400 18px/1.3 var(--font-display);color:var(--cream);background:#140e1ee6;border:3px solid #16101a;border-radius:8px;align-items:center;gap:12px;margin:40px auto 0;padding:14px 20px;display:flex}.pick-wait svg.px{width:32px;height:32px}.pick-wait b{color:#ffd23f;font-weight:400}.pick-wait i{font-style:normal;animation:1.2s steps(2,end) infinite wait-dot}.pick-wait i:nth-of-type(2){animation-delay:.2s}.pick-wait i:nth-of-type(3){animation-delay:.4s}@keyframes wait-dot{50%{opacity:0}}.lobby-name.p3 .lobby-tag{background:#8ee06a}.lobby-name.p4 .lobby-tag{background:#ffb05a}.lobby-under.p3 b{background:#8ee06a}.lobby-under.p4 b{background:#ffb05a}.hub-go-btn.local{background:#c8862a}#menu.hub>.hub-go{gap:12px}#menu.hub>.hub-go .hub-go-btn{min-width:0}#menu.hub>.hub-go .hub-go-btn b{white-space:nowrap;font-size:30px}#menu.hub>.hub-go .hub-go-btn small{white-space:nowrap}#menu.hub>.hub-go .hub-go-btn{padding-right:18px}@media (max-width:900px){#menu.hub>.hub-go .hub-go-btn b{font-size:24px}#menu.hub>.hub-go .hub-go-btn small{display:none}}.team-panel{left:12px;top:calc(var(--pad-top) + 58px);flex-direction:column;gap:6px;width:190px;display:flex;position:absolute}.team-panel[hidden]{display:none!important}.mate{border:2.5px solid var(--outline);border-left:5px solid var(--mate,#7fe2ff);background:#140e1ce0;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;gap:4px 7px;padding:5px 7px 6px;display:grid}.mate.p1{--mate:#7fe2ff}.mate.p2{--mate:#ff9ad5}.mate.p3{--mate:#8ee06a}.mate.p4{--mate:#ffb05a}.mate-face{width:30px;height:30px;image-rendering:pixelated;background:#3a2e4a -5px -6px/300px 90px no-repeat;border-radius:4px;grid-row:span 2}.mate-top{align-items:center;gap:6px;min-width:0;display:flex}.mate-top b{font:400 13px/1 var(--font-display);color:var(--mate);white-space:nowrap;text-overflow:ellipsis;max-width:70px;overflow:hidden}.mate-hp{background:#0d0a14;border:1.5px solid #000;border-radius:3px;flex:1;height:7px;overflow:hidden}.mate-hp i{background:#7dff8a;height:100%;display:block}.mate-hp i.low{background:#ff5a4a}.mate-wpns{gap:3px;display:flex}.mate-wpn{position:relative}.mate-wpn .tile{border-width:1.5px;border-radius:3px;width:26px;height:26px;padding:2px}.mate-wpn .tile .badges{display:none}.mate-wpn em{min-width:11px;font:400 9px/11px var(--font-display);text-align:center;color:#14101e;background:var(--k-level,#b8e07a);border:1px solid #000;border-radius:3px;padding:0 2px;font-style:normal;position:absolute;bottom:-4px;right:-3px}.mate-wpn.evo em{background:var(--yolk)}.mate.down{opacity:.75}.mate.down .mate-top b:after{content:" DOWN";color:#ff5a4a}.podium{justify-content:center;align-items:flex-end;gap:14px;width:100%;margin:4px 0 6px;display:flex}.podium-spot{flex-direction:column;align-items:center;gap:4px;width:170px;display:flex}.podium-spot.gone{opacity:.5}.podium-awards{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-height:46px;display:flex}.award{font:400 13px/1 var(--font-display);color:#14101e;background:var(--yolk);white-space:nowrap;border:2px solid #16101a;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex;box-shadow:0 2px #0d0a14}.award svg.px{width:15px;height:15px}.award.left{color:var(--cream);background:#5b4a63}.podium-hero.tile.hero-anim{--s:96px;z-index:1;margin-bottom:-22px}.podium-plinth{width:120px;height:54px;image-rendering:pixelated;background:50%/120px 54px no-repeat}.podium-name{font:400 18px/1 var(--font-display);color:var(--spot)}.podium-name small{color:#14101e;background:var(--spot);vertical-align:2px;border-radius:3px;padding:1px 5px;font-size:11px}.podium-spot.p1{--spot:#7fe2ff}.podium-spot.p2{--spot:#ff9ad5}.podium-spot.p3{--spot:#8ee06a}.podium-spot.p4{--spot:#ffb05a}.podium-stats{background:#0d0a1499;border-radius:5px;grid-template-columns:auto auto;gap:1px 10px;width:100%;margin:2px 0;padding:5px 8px;font-size:12px;display:grid}.podium-stats dt{color:var(--muted)}.podium-stats dd{text-align:right;font:400 13px/1.2 var(--font-display);color:var(--cream);margin:0}.podium .mate-wpns{flex-wrap:wrap;justify-content:center}.chips.big.slim .chip{padding-top:4px;padding-bottom:4px}.card:has(.podium){width:min(96vw,820px);max-width:none}.podium-spot{flex:1 1 0;min-width:0;max-width:180px}:is(html:has(.legal),body:has(.legal)){height:auto;overflow:auto}.legal{max-width:640px;font:400 16px/1.6 var(--font-body);color:var(--cream);margin:0 auto;padding:32px 20px 64px}.legal h1{font:400 36px/1.1 var(--font-display);margin:18px 0 4px}.legal h2{font:400 20px/1.2 var(--font-display);color:var(--yolk);margin:26px 0 6px}.legal a{color:#7fe2ff}.legal-back{font-size:14px}.legal-date{color:var(--muted);margin:0;font-size:14px}.legal ul{padding-left:20px}.splash-sign{flex-direction:column;align-items:center;gap:10px;margin-top:12px;animation:.3s steps(3,end) 1.5s both hub-fade;display:flex}.splash-google{padding:12px 22px;font-size:20px}.splash-sign small{color:var(--muted);font-size:13px}.splash-sign a{color:var(--cream)}.splash-go small{color:var(--muted);font-size:16px}.save-pick .btn{flex-direction:column;gap:4px;min-width:150px;display:flex}.save-pick .btn small{font:400 13px/1 var(--font-body);opacity:.85}.cloud-note{z-index:300;font:400 15px/1 var(--font-display);color:var(--cream);pointer-events:none;background:#140e1cf2;border:2.5px solid #16101a;border-radius:6px;padding:8px 14px;animation:.3s steps(3,end) both hub-fade;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.cloud-note.with-btn{pointer-events:auto;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.cloud-note.with-btn .btn{padding:6px 12px;font-size:14px}.splash-go{text-align:center}.ready-mark{font:400 12px/1 var(--font-display);color:var(--muted);white-space:nowrap;background:#2a2036;border-radius:3px;padding:2px 6px 3px}.ready-mark.on{color:#14101e;background:#8ee06a}.ready-mark svg.px,.ready-btn svg.px{vertical-align:-3px;width:16px;height:16px;margin-right:4px}.mate-face{background-position:-10px -2px;background-size:480px 144px}.ready-mark{align-items:center;gap:3px;display:inline-flex}.ready-mark svg.px{vertical-align:0;width:12px;height:12px;margin:0}.card.end-wide{width:min(96vw,1180px);max-width:none}.end-page{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.end-page[hidden]{display:none}.end-page.two{padding:12px 0 4px}.end-wide .podium{gap:22px}.end-wide .podium-spot{max-width:250px}.end-wide .podium-plinth{background-size:150px 68px;width:150px;height:68px}.end-wide .podium-name{font-size:22px}.end-wide .podium-stats{font-size:14px}.end-wide .podium-stats dd{font-size:16px}.end-wide .award{font-size:15px}.end-wide .podium-stats{grid-template-columns:auto auto auto auto;column-gap:12px}.end-wide .podium-hero.tile.hero-anim{--s:112px;margin-bottom:-26px}.end-wide .podium-awards{min-height:40px}.end-wide h3,.end-wide .tag{margin:0}.end-wide .end-page.one{gap:8px}.lobby-loadout{z-index:30;pointer-events:auto;border:3px solid #16101a;border-left:6px solid var(--lo,#7fe2ff);background:#1c1428f7;border-radius:10px;flex-direction:column;gap:12px;width:min(92vw,860px);max-height:88%;padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px #00000073}.lobby-loadout.p2{--lo:#ff9ad5}.lobby-loadout.p3{--lo:#8ee06a}.lobby-loadout.p4{--lo:#ffb05a}.lobby-loadout .btns{justify-content:center;margin:0}.lobby-change{margin-top:4px;padding:4px 10px;font-size:13px}.lobby-name:has(.lobby-change){flex-wrap:wrap;justify-content:center}.lobby-loadout>.btns{justify-content:center;width:100%;display:flex}