@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#1b2030;width:100%;height:100%;overflow:hidden}canvas{display:block}:root{--ink:#0c0f16;--panel-hi:#1c2434;--panel:#12161f;--panel-lo:#0e1219;--teal-frame:#2f6d64;--teal-deep:#1d4a43;--teal:#5fd3c0;--teal-ice:#8ff5ee;--gold:#ffe08a;--gold-deep:#d9a441;--gold-dark:#6b5220;--txt:#e8eef2;--dim:#9fb0c3;--mute:#6b7789;--lock:#7f8ba0;--warn:#ff9d6b;--slate:#3a4a63;--slot:#0c1018;--f-gold:sepia(1) saturate(3) hue-rotate(-10deg) brightness(1.1);--f-stone:grayscale(1) contrast(1.2) brightness(.85);--f-sil:brightness(0) opacity(.45)}img{image-rendering:pixelated}button{border:0;font-family:inherit}.pix-window{color:#cfe3ef;background:repeating-conic-gradient(#8ff5ee05 0% 25%, transparent 0% 50%) 0 0/6px 6px, linear-gradient(180deg, var(--panel-hi), var(--panel) 42%, var(--panel-lo));box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--teal-frame), inset 0 0 0 5px var(--teal-deep), inset 0 0 0 6px var(--ink), inset 0 -8px 0 -6px #00000059;clip-path:polygon(0 8px,2px 8px,2px 4px,4px 4px,4px 2px,8px 2px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 2px,calc(100% - 4px) 2px,calc(100% - 4px) 4px,calc(100% - 2px) 4px,calc(100% - 2px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 2px) calc(100% - 8px),calc(100% - 2px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 2px),calc(100% - 8px) calc(100% - 2px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 2px),4px calc(100% - 2px),4px calc(100% - 4px),2px calc(100% - 4px),2px calc(100% - 8px),0 calc(100% - 8px));position:relative}.pix-shade{z-index:-1;clip-path:inherit;background:#00000073;position:absolute;inset:0;transform:translate(4px,5px)}.pix-mini{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--teal-frame);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px))}.pix-mini.gold{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold-dark)}.orn{background:var(--gold);z-index:2;width:2px;height:2px;box-shadow:-2px 0 0 var(--gold-deep), 2px 0 0 var(--gold-deep), 0 -2px 0 var(--gold-deep), 0 2px 0 var(--gold-deep), -4px 0 0 var(--ink), 4px 0 0 var(--ink), 0 -4px 0 var(--ink), 0 4px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink);position:absolute}.orn.tl{top:7px;left:7px}.orn.tr{top:7px;right:7px}.orn.bl{bottom:7px;left:7px}.orn.br{bottom:7px;right:7px}.pix-btn{color:var(--txt);box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #8ff5ee14, inset 0 -3px 0 2px #0006;cursor:pointer;background:linear-gradient(#243046,#1a2230);padding:8px 10px;font-size:10px}.pix-btn:hover:not(:disabled){background:linear-gradient(#2a3852,#1e283a)}.pix-btn:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink), inset 0 -1px 0 2px #8ff5ee14, inset 0 3px 0 2px #0006}.pix-btn:disabled{color:var(--lock);cursor:default}.pix-btn.gold{color:#ffe9b8;box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #ffe08a4d, inset 0 -3px 0 2px #0006;background:linear-gradient(#6b5220,#3a2a12)}.pix-btn.gold:hover:not(:disabled){background:linear-gradient(#7d6128,#463316)}.pix-sq{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--ink);color:var(--txt);cursor:pointer;background:#141a26;place-items:center;font-size:12px;display:grid}.pix-sq:hover{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--teal-frame)}.pix-sq.active{box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #ffe08a40;background:linear-gradient(#5a4516,#3a2c0e)}.pix-sq img{width:16px;height:16px}.hud-wrap{z-index:10;position:fixed;top:12px;left:12px}.hud{color:var(--txt);min-width:232px;padding:12px 14px;font-family:Silkscreen,ui-monospace,monospace}.hud-glimmer{color:var(--gold);text-shadow:0 2px 0 var(--ink);align-items:center;gap:6px;font-size:20px;display:flex}.hud-glimmer img{width:20px;height:20px}.hud-glimmer .unit{color:var(--txt);text-shadow:none;font-size:10px}.hud-line{background:linear-gradient(90deg, var(--teal-frame), transparent);width:60%;height:2px;margin:5px 0;box-shadow:0 3px #2f6d6459}.hud-slots{flex-wrap:wrap;gap:4px;display:flex}.hud-slots .slot{background:var(--slot);color:var(--dim);align-items:center;gap:3px;padding:3px 5px;font-size:8px;display:inline-flex;box-shadow:inset 0 0 0 1px #1f2a3a}.hud-slots .slot img{width:10px;height:10px}.hud-slots .slot b{color:var(--teal-ice);font-weight:400}.hud-milestone{color:#ffd27a;margin-top:4px;font-size:8px}.hud-ach{box-shadow:inset 0 0 0 2px var(--ink);color:var(--gold);cursor:pointer;background:#141a26;align-items:center;gap:4px;margin-top:5px;padding:3px 6px;font-size:8px;display:inline-flex}.hud-ach:hover{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--gold-dark)}.hud-ach img{width:12px;height:12px;filter:var(--f-gold)}.hud-buffs{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.buff-chip{color:var(--teal-ice);box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 2px var(--teal-frame);background:#123b36;padding:2px 5px;font-size:8px}.build-hint{color:var(--teal-ice);margin-top:5px;font-size:8px;display:none}.shop-wrap{z-index:10;width:264px;position:fixed;top:12px;right:12px}.shop{max-height:calc(100vh - 24px);color:var(--txt);flex-direction:column;font-family:Silkscreen,ui-monospace,monospace;display:flex}.shop.hidden{display:none}.shop-head{box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #8ff5ee14;background:linear-gradient(#243046,#1a2230);align-items:center;gap:6px;margin:8px 8px 0;padding:6px 8px;display:flex}.shop-gem{width:16px;height:16px}.shop-title{letter-spacing:2px;color:var(--gold);text-shadow:0 2px 0 var(--ink);flex:1;font-size:13px;font-weight:400}.shop.collapsed .shop-tabs,.shop.collapsed .shop-scroll,.shop.collapsed .shop-lore{display:none}.shop-tabs{gap:4px;margin:6px 8px 0;display:flex}.tab{letter-spacing:1px;color:var(--mute);box-shadow:inset 0 0 0 2px var(--ink);cursor:pointer;background:#0f1420;flex:1;padding:5px 0 4px;font-size:9px;position:relative}.tab.active{color:var(--gold);box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #8ff5ee1a;background:linear-gradient(#243046,#1a2230)}.tab .pip{background:var(--gold);width:4px;height:4px;box-shadow:0 0 0 1px var(--ink);display:none;position:absolute;top:3px;right:3px}.tab.has-pip .pip{display:block}.shop-scroll{scrollbar-width:thin;scrollbar-color:var(--teal-frame) #0d1119;padding:8px 8px 4px;overflow-y:auto}.shop-scroll::-webkit-scrollbar{width:10px}.shop-scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px var(--ink);background:#0d1119}.shop-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--teal-frame), var(--teal-deep));box-shadow:inset 0 0 0 1px var(--ink)}.qty-row{z-index:2;background:var(--panel);align-items:center;gap:4px;padding-bottom:6px;display:flex;position:sticky;top:0}.qty-label{color:var(--mute);letter-spacing:1px;font-size:8px}.qty-seg{color:var(--dim);box-shadow:inset 0 0 0 2px var(--ink), inset 0 -2px 0 2px #00000080;cursor:pointer;background:#141a26;flex:1;padding:4px 0;font-size:9px}.qty-seg.active{color:var(--gold);box-shadow:inset 0 0 0 2px var(--ink), inset 0 2px 0 2px #ffe08a40;background:linear-gradient(#5a4516,#3a2c0e)}.shop-list{flex-direction:column;gap:6px;display:flex}.up-card{cursor:pointer;text-align:left;width:100%;color:var(--txt);box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px #2b3a54, inset 0 -3px 0 3px #00000059;background:linear-gradient(#1e2637,#171d2b);grid-template-columns:40px 1fr 62px;grid-template-areas:"ic name chip""ic eff chip""flav flav flav""bar bar bar";gap:2px 8px;padding:6px 7px 7px 11px;display:grid;position:relative}.up-card:before{content:"";background:var(--slate);width:3px;position:absolute;top:3px;bottom:3px;left:3px}.up-card:disabled{opacity:1;cursor:default}.up-card:focus-visible{outline:2px solid var(--teal-ice);outline-offset:-8px}.up-ic{background:radial-gradient(circle at 50% 35%, #17202f, var(--slot) 70%);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--ink), inset 0 -2px 0 2px #00000080, inset 0 2px 0 2px #8ff5ee0d;grid-area:ic;align-self:center;place-items:center;display:grid;position:relative}.up-ic img{width:32px;height:32px}.up-ic img.h34{width:34px;height:34px}.up-ic img.hAuto{width:auto;height:32px}.up-ct{color:var(--gold);background:var(--ink);padding:0 3px;font-size:8px;line-height:10px;position:absolute;bottom:1px;right:1px}.up-ct:empty{display:none}.up-name{white-space:nowrap;text-shadow:1px 1px 0 var(--ink);grid-area:name;align-self:end;font-size:9px;overflow:hidden}.up-eff{color:var(--dim);grid-area:eff;font-size:8px}.up-eta{color:var(--teal-ice)}.up-chip{text-align:center;box-shadow:inset 0 0 0 1px var(--ink);background:#0d1119;grid-area:chip;align-self:center;padding:3px 2px;position:relative}.chip-cost{color:var(--gold);font-size:9px;font-weight:400;display:block}.chip-qty{color:var(--dim);font-size:7px;font-style:normal;display:block}.up-flavor{color:var(--mute);grid-area:flav;font-size:8px;display:none}.up-bar{background:#0b0e14;grid-area:bar;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #060810}.up-fill{transform-origin:0;background:var(--gold-deep);width:100%;height:100%;display:block;transform:scaleX(0)}.up-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 5px,#0b0e14 5px 7px);position:absolute;inset:0}.lock-pip{background:var(--lock);width:12px;height:8px;box-shadow:0 0 0 2px var(--ink);margin:8px auto 4px;display:none;position:relative}.lock-pip:before{content:"";border:2px solid var(--lock);border-bottom:none;width:8px;height:5px;position:absolute;top:-5px;left:1px}.up-card.is-buyable:before{background:var(--teal)}.up-card.is-buyable .up-name{color:#f4fbff}.up-card.is-buyable .up-chip{background:var(--gold-deep);box-shadow:inset 0 0 0 1px var(--ink), inset 0 1px 0 1px var(--gold)}.up-card.is-buyable .chip-cost{color:#1b2030}.up-card.is-buyable .chip-qty{color:#3a2c0e}.up-card.is-buyable .up-fill{transform:scaleX(1)!important}.up-card.is-buyable:hover{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--teal-frame), inset 0 -3px 0 3px #00000059;background:linear-gradient(#232d42,#1b2233)}.up-card.is-buyable:active .up-chip{transform:translateY(2px)}.up-card.is-poor:before{background:var(--slate)}.up-card.is-poor .up-ic img{filter:saturate(.4)brightness(.75)}.up-card.is-poor .chip-cost{color:#b98c3e}.up-card.is-poor .up-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-deep))}.up-card.is-locked:before{background:repeating-linear-gradient(180deg, var(--slate) 0 4px, transparent 4px 8px)}.up-card.is-locked .up-ic img{filter:var(--f-sil)}.up-card.is-locked .up-name,.up-card.is-locked .up-eff{color:var(--lock)}.up-card.is-locked .chip-cost,.up-card.is-locked .chip-qty{visibility:hidden}.up-card.is-locked .lock-pip{display:block}.up-card.is-locked .up-chip{box-shadow:none;background:0 0}.up-card.is-locked .up-fill{background:linear-gradient(90deg, var(--teal-frame), var(--teal))}.up-card.is-full:before{background:var(--warn)}.up-card.is-full .up-eff{color:var(--warn)}.up-card.is-full .chip-cost{color:var(--warn);font-size:8px}.up-card.is-full .up-fill{background:var(--warn);transform:scaleX(1)!important}.locked-more{color:var(--lock);text-align:center;background:repeating-linear-gradient(90deg,#242e42 0 4px,#0000 4px 8px) bottom/100% 2px no-repeat;padding:5px 4px 7px;font-size:8px}#pane-kern{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold-dark), inset 0 0 0 5px #3a2c0e;background:linear-gradient(#1c1710,#14100a);flex-direction:column;gap:8px;padding:10px 8px 8px;display:flex}#pane-kern.dim{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px #3a3424}.prisma-row{color:var(--gold);justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.prisma-row img{width:16px;height:16px;filter:var(--f-gold)}.prestige-btn{height:38px;font-size:11px}.prestige-btn.locked{color:var(--lock);box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px #3a3424;background:#1a1509}.meta-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.meta-card{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--gold-dark);color:var(--txt);cursor:pointer;background:linear-gradient(#241d10,#1a1509);grid-template-rows:34px auto auto;justify-items:center;gap:2px;padding:6px 4px 5px;display:grid}.meta-card:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--gold-deep)}.meta-card:disabled{cursor:default}.meta-card img{width:28px;height:28px;filter:var(--f-gold)}.meta-card:disabled img{filter:var(--f-gold) brightness(.6)}.m-name{text-align:center;font-size:8px}.m-sub{color:#ffd27a;font-size:8px}.meta-card:disabled .m-sub{color:var(--lock)}.meta-card.is-max{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--gold-deep)}#pane-mehr{flex-direction:column;gap:6px;display:flex}.act-row{text-align:left;color:var(--txt);box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--teal-deep), inset 0 -3px 0 2px #0006;cursor:pointer;background:linear-gradient(#243046,#1a2230);grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:7px 8px;display:grid;position:relative}.act-row:hover{background:linear-gradient(#2a3852,#1e283a)}.act-row img{width:24px;height:24px}.act-row img.fgold{filter:var(--f-gold)}.act-label{font-size:10px;display:block}.act-sub{color:var(--dim);font-size:8px;display:block}.pane-note{color:var(--mute);text-align:center;padding:4px;font-size:8px}.shop-lore{min-height:30px;color:var(--mute);box-shadow:inset 0 0 0 1px var(--ink);background:#0d1119;margin:4px 8px 8px;padding:6px 8px;font-size:8px;line-height:1.5}@keyframes buyflash{0%{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold)}}.up-card.flash{animation:.25s steps(2,end) buyflash}@keyframes ctpop{50%{transform:scale(1.25)}}.up-ct.pop{transform-origin:100% 100%;animation:.18s steps(2,end) ctpop}@keyframes pixblink{50%{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--gold)}}.up-card.pulse{animation:1s steps(2,end) infinite pixblink}@keyframes reveal{0%{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold)}50%{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--teal-ice)}}.up-card.reveal{animation:.45s steps(3,end) reveal}@keyframes shimmer{50%{background:linear-gradient(#7d6128,#463316)}}.prestige-btn.ready{animation:2.4s steps(4,end) infinite shimmer}@media (prefers-reduced-motion:reduce){.up-card.pulse,.prestige-btn.ready,.up-card.flash,.up-card.reveal,.up-ct.pop{animation:none}}#toast-stack{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{color:#ffe9b8;text-align:center;box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold-dark);background:#141822f7;padding:12px 18px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;line-height:1.5;transition:opacity .6s,transform .6s}.toast.big{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold);font-size:14px}.toast.fade{opacity:0;transform:translateY(-8px)}.toast small{color:var(--dim)}.visit-banner{z-index:20;color:#ffe9b8;box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold-dark);background:#241a0c;align-items:center;gap:10px;padding:10px 14px;font-family:Silkscreen,ui-monospace,monospace;font-size:11px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}#build-bar{z-index:12;background:var(--panel);box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--teal-frame);gap:8px;padding:10px;font-family:Silkscreen,ui-monospace,monospace;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.bi{width:64px;box-shadow:inset 0 0 0 2px var(--ink);color:var(--txt);cursor:pointer;background:#141a26;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;display:flex;position:relative}.bi img{width:36px;height:36px}.bi.active{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--gold);background:#1c2230}.bi-n{color:var(--mute);font-size:8px;position:absolute;top:2px;left:4px}.bi-t{color:var(--dim);font-size:7px}.modal{width:min(420px,100vw - 32px);max-height:80vh;color:var(--txt);padding:18px;font-family:Silkscreen,ui-monospace,monospace;overflow-y:auto}.modal-title{color:var(--gold);text-align:center;letter-spacing:1px;text-shadow:0 2px 0 var(--ink);margin-bottom:10px;font-size:13px}.modal-body{flex-direction:column;gap:10px;display:flex}.modal-p{color:#c8d2de;font-size:9px;line-height:1.6}.modal-ta{width:100%;height:90px;color:var(--teal-ice);box-shadow:inset 0 0 0 2px var(--ink);resize:none;background:#0f141e;border:0;padding:8px;font-family:ui-monospace,monospace;font-size:10px}.modal-col{flex-direction:column;gap:8px;display:flex}.modal-err{color:var(--warn);text-align:center;min-height:12px;font-size:9px}.fund-list{flex-direction:column;gap:6px;display:flex}.fund-row{color:var(--lock);box-shadow:inset 0 0 0 1px var(--ink);background:#1b2230;align-items:center;gap:10px;padding:6px 10px;font-size:9px;display:flex}.fund-row.done{color:var(--txt)}.fund-row.done b{color:#ffd27a}.fund-row small{font-size:8px}.fund-ic{font-size:14px}@media (width<=700px){.shop-wrap{width:auto;inset:auto 0 0}.shop{clip-path:polygon(0 8px,2px 8px,2px 4px,4px 4px,4px 2px,8px 2px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 2px,calc(100% - 4px) 2px,calc(100% - 4px) 4px,calc(100% - 2px) 4px,calc(100% - 2px) 8px,100% 8px,100% 100%,0 100%);max-height:none}.shop .pix-shade{display:none}.shop-scroll{max-height:42vh}.shop-head:before{content:"";background:var(--teal-frame);width:32px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.shop-lore{display:none}.up-flavor{display:block}#build-bar{bottom:calc(52vh + 10px)}.hud{min-width:0;padding:8px 10px}.hud-glimmer{font-size:16px}}@media (hover:none){.shop-lore{display:none}.up-flavor{display:block}}.up-ic img.fstone{filter:var(--f-stone)}.up-card.is-locked .up-ic img.fstone{filter:var(--f-sil)}.shop-scroll section[hidden]{display:none!important}*{scrollbar-width:thin;scrollbar-color:var(--teal-frame) #0d1119}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px var(--ink);background:#0d1119}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--teal-frame), var(--teal-deep));box-shadow:inset 0 0 0 1px var(--ink)}.funde-head{color:var(--gold);justify-content:center;align-items:center;gap:5px;padding-bottom:6px;font-size:9px;display:flex}.funde-head img{width:14px;height:14px;filter:var(--f-gold)}#pane-funde .fund-row{font-size:8px}#pane-funde .fund-row b{font-size:9px;font-weight:400}.bb-cats{justify-content:center;gap:4px;width:100%;margin-bottom:4px;display:flex}.bb-cat{font:inherit;letter-spacing:1px;text-transform:uppercase;color:#9fb0c3;cursor:pointer;background:#101828;border:1px solid #2a3a52;padding:3px 10px;font-size:9px}.bb-cat.on{color:#ffe08a;background:#1c2c44;border-color:#ffe08a}.bi.sw img{image-rendering:pixelated}.bi.on{outline:2px solid #ffe08a}#side-nav{z-index:60;flex-direction:column;gap:6px;font-family:Silkscreen,monospace;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.sn-btn{font:inherit;letter-spacing:1px;text-transform:uppercase;color:#cfe3ef;cursor:pointer;background:#101828;border:1px solid #2a3a52;flex-direction:column;align-items:center;gap:2px;min-width:54px;padding:8px 6px;font-size:9px;display:flex}.sn-btn span{font-size:16px}.sn-btn:hover{color:#ffe08a;border-color:#ffe08a}.sn-danger:hover{color:#ff6b6b;border-color:#ff6b6b}.sp-head{letter-spacing:2px;justify-content:space-between;align-items:center;display:flex}.sp-tabs{gap:4px;display:flex}.sp-tab{font:inherit;letter-spacing:1px;text-transform:uppercase;color:#9fb0c3;cursor:pointer;background:#101828;border:1px solid #2a3a52;flex:1;padding:5px 0;font-size:9px}.sp-tab.on{color:#ffe08a;background:#1c2c44;border-color:#ffe08a}.sp-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding-right:2px;display:grid;overflow-y:auto}.sp-card{font:inherit;color:#cfe3ef;cursor:pointer;text-align:center;background:#101828;border:1px solid #2a3a52;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.sp-card img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.sp-card b{letter-spacing:.5px;font-size:8px}.sp-card small{color:#9fb0c3;font-size:8px}.sp-card:hover{border-color:#ffe08a}.sp-card.owned{border-color:#5fd3c0}.sp-card.locked{filter:grayscale()brightness(.55);cursor:default}.sp-hint{color:#9fb0c3;text-align:center;font-size:8px}.bi.empty{opacity:.45}.bb-more{color:#9fb0c3;align-self:center;padding:0 8px;font-size:9px}.modal-overlay{z-index:90;background:#060a12b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{text-align:center;flex-direction:column;gap:10px;max-width:380px;padding:16px;font-family:Silkscreen,monospace;font-size:11px;display:flex}.modal-row{justify-content:center;gap:8px;display:flex}.pix-btn.danger{color:#ff6b6b;border-color:#ff6b6b}.side-panel,#build-bar.side-panel{z-index:61;pointer-events:none;flex-direction:column;gap:8px;width:392px;padding:12px;font-family:Silkscreen,monospace;transition:transform .22s steps(6,end);display:flex;position:fixed;top:248px;bottom:16px;left:76px;transform:translate(-135%)}.side-panel.open,#build-bar.side-panel.open{pointer-events:auto;transform:translate(0)}.bb-content{flex-direction:column;flex:1;gap:5px;display:flex;overflow-y:auto}.bb-content .bi{color:#cfe3ef;cursor:pointer;font:inherit;letter-spacing:1px;text-align:left;background:#101828;border:1px solid #2a3a52;align-items:center;gap:8px;padding:6px 8px;font-size:9px;display:flex}.bb-content .bi img{object-fit:contain;width:30px;height:30px;image-rendering:pixelated}.bb-content .bi.active{color:#ffe08a;border-color:#ffe08a}.bb-content .bi.on{border-color:#ffe08a;outline:none}.bb-content .bi .bi-n{color:#5fd3c0}.door-thumb{width:34px;height:34px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:500% 100%;display:inline-block}.bb-room{color:#ffe08a;letter-spacing:1px;justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.rn-input{color:#cfe3ef;background:#101828;border:1px solid #2a3a52;outline:none;padding:6px 8px;font-family:Silkscreen,monospace;font-size:11px}.rn-input:focus{border-color:#ffe08a}.sp-head{color:#ffe08a}.sp-head b{color:#ffe08a;font-size:13px}.side-panel,.sp-card b{color:#cfe3ef}.bb-empty{text-align:center;color:#9fb0c3;padding:24px 8px;font-size:10px;line-height:1.8}#room-hint{z-index:55;letter-spacing:1px;color:#ffe08a;text-align:center;background:#0a101ceb;border:1px solid #2a3a52;max-width:46vw;padding:7px 14px;font-family:Silkscreen,monospace;font-size:10px;position:fixed;top:14px;left:50%;transform:translate(-50%)}#hover-banner{z-index:55;color:#cfe3ef;pointer-events:none;background:#0a101cf0;border:1px solid #3b5068;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;font-family:Silkscreen,monospace;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#hover-banner b{color:#ffe08a;letter-spacing:1px;font-size:11px}#hover-banner span{color:#9fb0c3;letter-spacing:.5px;font-size:9px}.modal-body{color:#cfe3ef}.modal-box p{color:#cfe3ef;margin:0}.modal-box b{color:#ffe08a}.bi-row{align-items:stretch;gap:4px;display:flex}.bi-row .bi{flex:1}.bi-all{letter-spacing:1px;color:#9fb0c3;cursor:pointer;background:#101828;border:1px solid #2a3a52;padding:0 8px;font-family:Silkscreen,monospace;font-size:8px}.bi-all:hover{color:#ffe08a;border-color:#ffe08a}.bb-content{overflow-x:hidden}.bb-content .bi{min-width:0}.bb-content .bi .bi-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bi-row{min-width:0}.login-box{min-width:320px}.login-box input{box-sizing:border-box;width:100%}.lg-err{color:#ff9d6b;min-height:14px}.fr-add{gap:6px;display:flex}.fr-add input{flex:1}.fr-me{color:#9fb0c3;font-size:9px}.fr-row{letter-spacing:.5px;flex:1;padding:4px 6px;font-size:9px}.fr-row small{color:#9fb0c3}