:root{--c-ink:#1a1c2c;--c-plum:#5d275d;--c-red:#b13e53;--c-orange:#ef7d57;--c-gold:#ffcd75;--c-lime:#a7f070;--c-green:#38b764;--c-teal:#257179;--c-navy:#29366f;--c-blue:#3b5dc9;--c-sky:#41a6f6;--c-cyan:#73eff7;--c-white:#f4f4f4;--c-silver:#94b0c2;--c-slate:#566c86;--c-shadow:#333c57;--c-skin:#fde4d0;--c-skin-dark:#f2b8a2;--c-sakura:#f7a6c6;--c-gold-hi:#fff3a8;--c-bronze:#c98a2b;--c-brown:#8b4a2e;--dmg-physical:var(--c-orange);--dmg-magic:#b48cff;--dmg-true:var(--c-cyan);--tier-1:var(--c-silver);--tier-2:var(--c-sky);--tier-3:#b48cff;--tier-4:var(--c-gold);--font-pixel:"Fusion Pixel 12px", "Ark Pixel 12px", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{background:var(--c-ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#game-root{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#game-root canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui-root{pointer-events:none;font-family:var(--font-pixel);color:var(--c-white);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;inset:0}#ui-root .interactive{pointer-events:auto}.title-card{text-align:center;text-shadow:0 2px 0 var(--c-ink), 0 0 12px #ffcd7559;padding:0 16px;position:absolute;top:14%;left:0;right:0}.title-card h1{letter-spacing:4px;white-space:nowrap;color:var(--c-gold);margin:0;font-size:clamp(32px,9vw,48px)}.title-card .subtitle{letter-spacing:6px;color:var(--c-white);margin-top:4px;font-size:18px}.title-card .meta{color:var(--c-silver);margin-top:12px;font-size:12px}@font-face{font-family:"Fusion Pixel 12px";src:url(./fusion-pixel-12px-proportional-zh_hans-B4cH5hRt.woff2)format("woff2"),url(../assets/fonts/fusion-pixel-12px-proportional-zh_hans.woff2)format("woff2");font-display:swap}#ui-root{--u:1;--fs:calc(12px * var(--u));--fs-l:calc(24px * var(--u));--fs-xl:calc(36px * var(--u));--gap:calc(6px * var(--u));--paper:#f4ead8;--paper-ink:#2a2236;--panel:#1a1c2cf0;--panel2:#262b44;--line:#566c86;font-size:var(--fs);-webkit-font-smoothing:none;font-smooth:never;line-height:1.5}.layer{position:absolute;inset:0}.center{justify-content:center;align-items:center;display:flex}.col{gap:var(--gap);flex-direction:column;display:flex}.row{gap:var(--gap);align-items:center;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--c-silver)}.gold{color:var(--c-gold)}.cyan{color:var(--c-cyan)}.red{color:#ff6a7d}.green{color:var(--c-lime)}.small{font-size:var(--fs)}.big{font-size:var(--fs-l)}.xl{font-size:min(var(--fs-xl), 7vw);text-align:center;max-width:94vw}.pix{image-rendering:pixelated}.dim{background:#0a0a149e}.panel{background:var(--panel);border:calc(2px * var(--u)) solid var(--c-bronze);box-shadow:0 calc(3px * var(--u)) 0 #00000073, inset 0 0 0 calc(1px * var(--u)) #ffcd751f;padding:calc(8px * var(--u))}.panel.blue{border-color:var(--c-navy)}.panel.plain{border-color:var(--line)}.title-bar{color:var(--c-gold);font-size:var(--fs-l);margin-bottom:var(--gap)}.btn{font:inherit;font-size:var(--fs);color:var(--c-white);background:var(--panel2);border:calc(2px * var(--u)) solid var(--line);padding:calc(4px * var(--u)) calc(10px * var(--u));min-height:calc(28px * var(--u));cursor:pointer;box-shadow:0 calc(2px * var(--u)) 0 #00000080;white-space:nowrap;transition:transform 60ms,border-color .1s}.btn:hover:not(:disabled){border-color:var(--c-gold);color:var(--c-gold-hi)}.btn:active:not(:disabled){transform:translateY(calc(1px * var(--u)))}.btn:disabled{opacity:.45;cursor:default}.btn.primary{border-color:var(--c-gold);color:var(--c-gold);background:#3a2a1e}.btn.go{border-color:var(--c-lime);color:var(--c-lime)}.btn.danger{border-color:var(--c-red);color:#ff8a9a}.btn.big{font-size:var(--fs-l);padding:calc(6px * var(--u)) calc(18px * var(--u))}.btn.on{border-color:var(--c-gold);color:var(--c-gold)}.btn.tiny{min-height:0;padding:calc(1px * var(--u)) calc(6px * var(--u))}.tag{padding:0 calc(4px * var(--u));border:calc(1px * var(--u)) solid currentColor;font-size:var(--fs);line-height:1.4;display:inline-block}.price{color:var(--c-gold);white-space:nowrap}.price.no{color:#ff6a7d}.coin:before{content:"";width:calc(10px * var(--u));height:calc(10px * var(--u));margin-right:calc(3px * var(--u));image-rendering:pixelated;vertical-align:-1px;background:url(../assets/world/coin-gold.png) 50%/contain no-repeat;display:inline-block}.prism:before{content:"◆";color:var(--c-cyan);margin-right:calc(2px * var(--u))}.title-bg{image-rendering:pixelated;background:#0d0e17 url(../assets/title/bg.png) 50%/cover no-repeat;position:absolute;inset:0}.title-bg:after{content:"";background:linear-gradient(#0d0e171a 0%,#0d0e1740 55%,#0d0e17d9 100%);position:absolute;inset:0}.logo{font-size:calc(48px * var(--u));color:var(--c-gold);letter-spacing:calc(4px * var(--u));text-shadow:0 calc(3px * var(--u)) 0 var(--c-ink), 0 0 calc(18px * var(--u)) #ffcd7573}.logo-sub{font-size:var(--fs-l);letter-spacing:calc(8px * var(--u));color:var(--c-white);text-shadow:0 calc(2px * var(--u)) 0 var(--c-ink)}.menu{min-width:calc(180px * var(--u))}.menu .btn{width:100%}.select-grid{grid-template-columns:minmax(0, 1fr) minmax(calc(260px * var(--u)), calc(400px * var(--u)));gap:var(--gap);align-items:start;display:grid}.hero-grid{grid-template-columns:repeat(auto-fill, minmax(calc(84px * var(--u)), 1fr));gap:calc(4px * var(--u));display:grid}.select-detail{position:sticky;top:0}@media (orientation:portrait){.select-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.hero-card{aspect-ratio:2/3;background:var(--panel2);border:calc(2px * var(--u)) solid var(--line);cursor:pointer;position:relative;overflow:hidden}.hero-card.sel{border-color:var(--c-gold);box-shadow:0 0 0 calc(2px * var(--u)) #ffcd7559}.hero-card.lock{filter:grayscale()brightness(.45);cursor:default}.hero-card img{width:100%;image-rendering:pixelated;display:block}.hero-card .name{padding:calc(3px * var(--u));background:linear-gradient(#0000,#0d0e17f2 40%);position:absolute;bottom:0;left:0;right:0}.portrait-big{height:calc(240px * var(--u));image-rendering:pixelated}.hud{pointer-events:none;position:absolute;inset:0}.hud-tl{left:calc(6px * var(--u));top:calc(6px * var(--u));position:absolute}.hud-tr{right:calc(6px * var(--u));top:calc(6px * var(--u));text-align:right;position:absolute}.hud-tc{left:50%;top:calc(6px * var(--u));text-align:center;position:absolute;transform:translate(-50%)}.hud-bl{left:calc(6px * var(--u));bottom:calc(6px * var(--u));position:absolute}.avatar{width:calc(48px * var(--u));height:calc(48px * var(--u));border:calc(2px * var(--u)) solid var(--c-bronze);background-color:var(--c-ink);image-rendering:pixelated;background-repeat:no-repeat}.avatar.clickable{cursor:pointer}.avatar.framed{border-color:var(--c-gold);box-shadow:0 0 0 calc(1px * var(--u)) var(--c-ink), 0 0 0 calc(2px * var(--u)) var(--c-gold-hi), inset 0 0 0 calc(1px * var(--u)) #fff3a880;animation:2.4s ease-in-out infinite frameGlow}@keyframes frameGlow{50%{box-shadow:0 0 0 calc(1px * var(--u)) var(--c-ink), 0 0 0 calc(2px * var(--u)) var(--c-gold-hi), 0 0 calc(8px * var(--u)) #ffcd7599, inset 0 0 0 calc(1px * var(--u)) #fff3a880}}.title-chip{margin-top:calc(6px * var(--u));color:var(--c-gold-hi);text-shadow:0 calc(2px * var(--u)) 0 var(--c-ink);letter-spacing:.1em}.bar{height:calc(8px * var(--u));border:calc(1px * var(--u)) solid var(--c-ink);background:#2a1a24;position:relative;overflow:hidden}.bar>i{background:var(--c-red);transition:width .12s;position:absolute;top:0;bottom:0;left:0}.bar>i.shield{background:#73eff7d9}.bar>i.ult{background:var(--c-gold)}.bar span{font-size:var(--fs);line-height:calc(8px * var(--u));text-align:center;text-shadow:0 1px 0 var(--c-ink);transform:translateY(calc(-1px * var(--u)));position:absolute;inset:0}.chip{align-items:center;gap:calc(2px * var(--u));padding:0 calc(4px * var(--u));border:calc(1px * var(--u)) solid var(--line);background:#1a1c2cd9;display:inline-flex}.chip img{width:calc(16px * var(--u));height:calc(16px * var(--u));image-rendering:pixelated}.bossbar{width:min(60vw, calc(320px * var(--u)))}.bossbar .bar{height:calc(10px * var(--u))}.combo{color:var(--c-orange);font-size:var(--fs-l);text-shadow:0 calc(2px * var(--u)) 0 var(--c-ink)}.combo.pulse{animation:.25s ease-out pop}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.bark{left:calc(84px * var(--u));top:calc(68px * var(--u));width:max-content;max-width:calc(220px * var(--u));padding:calc(3px * var(--u)) calc(7px * var(--u));color:#1a1c2c;font-size:var(--fs-s);z-index:3;pointer-events:none;background:#f4f4f4;border:2px solid #ffcd75;line-height:1.35;animation:.18s ease-out barkIn,.4s ease-in 2.2s forwards barkOut;position:absolute}.bark:before{content:"";left:calc(-8px * var(--u));top:calc(-6px * var(--u));border:calc(5px * var(--u)) solid transparent;border-right-color:inherit;border-bottom-color:inherit;position:absolute}@keyframes barkIn{0%{opacity:0;transform:scale(.6)translateY(4px)}}@keyframes barkOut{to{opacity:0}}.bark.inline{margin-top:calc(6px * var(--u));margin-left:calc(6px * var(--u));animation:.18s ease-out barkIn;position:relative;top:auto;left:auto}.twist{margin-top:calc(2px * var(--u));padding:calc(2px * var(--u)) calc(8px * var(--u));min-width:calc(150px * var(--u));background:#1a1c2cd9;border:1px solid #ffcd75;animation:.3s ease-out twistIn}.twist.won{border-color:#a7f070}.twist.lost{opacity:.7;border-color:#566c86}@keyframes twistIn{0%{opacity:0;transform:scale(1.3)}}.fever{pointer-events:none;box-shadow:inset 0 0 calc(70px * var(--u)) #ffcd758c;animation:.5s ease-in-out infinite beat;position:absolute;inset:0}.lowhp{pointer-events:none;box-shadow:inset 0 0 calc(80px * var(--u)) #b13e5399;animation:.9s ease-in-out infinite beat;position:absolute;inset:0}@keyframes beat{0%,to{opacity:.35}50%{opacity:1}}.skills{right:calc(10px * var(--u));bottom:calc(10px * var(--u));align-items:flex-end;gap:calc(8px * var(--u));display:flex;position:absolute}.skill-btn{width:calc(44px * var(--u));height:calc(44px * var(--u));border:calc(2px * var(--u)) solid var(--line);color:var(--c-white);pointer-events:auto;touch-action:none;background:#1a1c2cd9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skill-btn.ult{width:calc(60px * var(--u));height:calc(60px * var(--u));border-color:var(--c-gold)}.skill-btn.ready{box-shadow:0 0 calc(10px * var(--u)) #ffcd75b3}.skill-btn .cd{background:conic-gradient(#0a0a14b3 var(--cd), transparent 0);position:absolute;inset:0}.skill-btn img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.skill-btn b{text-shadow:0 1px 0 var(--c-ink);font-weight:400;position:absolute}.joy{width:calc(90px * var(--u));height:calc(90px * var(--u));margin:calc(-45px * var(--u)) 0 0 calc(-45px * var(--u));border:calc(2px * var(--u)) solid #f4f4f440;background:#1a1c2c59;border-radius:50%;position:absolute}.joy i{width:calc(36px * var(--u));height:calc(36px * var(--u));margin:calc(-18px * var(--u)) 0 0 calc(-18px * var(--u));background:#f4f4f459;border-radius:50%;position:absolute;top:50%;left:50%}.floater{pointer-events:none;text-shadow:0 calc(1px * var(--u)) 0 var(--c-ink), calc(1px * var(--u)) 0 0 var(--c-ink);white-space:nowrap;animation:.9s ease-out forwards floatup;position:fixed;transform:translate(-50%,-100%)}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-60%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-260%)}}.toasts{align-items:center;gap:calc(4px * var(--u));pointer-events:none;flex-direction:column;display:flex;position:absolute;top:22%;left:0;right:0}.banner{font-size:var(--fs-l);padding:calc(4px * var(--u)) calc(18px * var(--u));text-shadow:0 calc(2px * var(--u)) 0 var(--c-ink);text-align:center;background:linear-gradient(90deg,#0000,#0d0e17e0 15% 85%,#0000);animation:2.2s ease-out forwards bannerIn}.banner small{font-size:var(--fs);color:var(--c-white);display:block}@keyframes bannerIn{0%{opacity:0;transform:scaleX(.3)}10%{opacity:1;transform:scaleX(1.06)}16%{transform:scaleX(1)}80%{opacity:1}to{opacity:0}}.toast{padding:calc(3px * var(--u)) calc(10px * var(--u));background:var(--panel);border:calc(1px * var(--u)) solid var(--line);animation:2.6s ease-out forwards bannerIn}.toast.achievement{border-color:var(--c-gold)}.cutin{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.cutin .band{justify-content:center;align-items:center;height:40%;animation:.62s ease-out forwards bandIn;display:flex;position:absolute;top:30%;left:-10%;right:-10%;transform:skewY(-8deg)}.cutin .band img{height:100%;image-rendering:pixelated;animation:.62s ease-out forwards cutPortrait;transform:skewY(8deg)}.cutin .lines{background:repeating-linear-gradient(-8deg, transparent 0 calc(14px * var(--u)), #ffffff26 calc(14px * var(--u)) calc(16px * var(--u)));animation:.62s linear forwards lines;position:absolute;inset:0}@keyframes bandIn{0%{transform:translate(-110%)skewY(-8deg)}15%{transform:translate(0)skewY(-8deg)}72%{opacity:1;transform:translate(0)skewY(-8deg)}to{opacity:.6;transform:translate(110%)skewY(-8deg)}}@keyframes cutPortrait{0%{transform:skewY(8deg)scale(1)}70%{transform:skewY(8deg)scale(1.04)}to{transform:skewY(8deg)scale(1.04)}}@keyframes lines{0%{opacity:0;background-position:0 0}20%{opacity:1}to{opacity:0;background-position:-400px 0}}.screenflash{pointer-events:none;animation:.35s ease-out forwards sflash;position:absolute;inset:0}@keyframes sflash{0%{opacity:.55}to{opacity:0}}.cards{gap:calc(10px * var(--u));flex-wrap:wrap;justify-content:center;display:flex}.card{width:calc(150px * var(--u));min-height:calc(200px * var(--u));padding:calc(8px * var(--u));background:var(--panel2);border:calc(2px * var(--u)) solid var(--line);cursor:pointer;gap:calc(4px * var(--u));pointer-events:auto;flex-direction:column;animation:.35s ease-out backwards flipIn;display:flex;position:relative}.card:hover{transform:translateY(calc(-3px * var(--u)))}.card.t0{background:linear-gradient(160deg,#2b334f,#1f2438);border-color:#c0cfdd}.card.t1{border-color:var(--c-gold);box-shadow:0 0 calc(10px * var(--u)) #ffcd7559;background:linear-gradient(160deg,#3d3020,#241c18)}.card.t2{box-shadow:0 0 calc(14px * var(--u)) #b48cff73;background:linear-gradient(160deg,#3a2a52,#22203a) 0 0/100% 100% padding-box padding-box,linear-gradient(120deg,#ef7d57,#ffcd75,#a7f070,#73eff7,#b48cff,#f7a6c6) 0 0/300% 300% border-box;border-color:#0000;animation:.35s ease-out backwards flipIn,3s linear infinite prismFlow}@keyframes prismFlow{0%{background-position:0 0,0%}to{background-position:0 0,300%}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)scale(.9)}to{opacity:1;transform:rotateY(0)scale(1)}}.card .icon{width:calc(48px * var(--u));height:calc(48px * var(--u));image-rendering:pixelated;align-self:center}.card .cname{font-size:var(--fs-l);text-align:center;overflow-wrap:anywhere;line-height:1.2}@media (max-width:520px){.card .cname{font-size:min(var(--fs-l), 5.2vw)}}.card .desc{flex:1}.card .foot{color:var(--c-silver)}.card.sel{outline:calc(2px * var(--u)) solid var(--c-lime)}.receipt{width:min(92vw, calc(280px * var(--u)));background:var(--paper);color:var(--paper-ink);padding:calc(10px * var(--u)) calc(12px * var(--u)) calc(16px * var(--u));box-shadow:0 calc(4px * var(--u)) 0 #00000059;clip-path:polygon(0 0,100% 0,100% 100%,95% 98%,90% 100%,85% 98%,80% 100%,75% 98%,70% 100%,65% 98%,60% 100%,55% 98%,50% 100%,45% 98%,40% 100%,35% 98%,30% 100%,25% 98%,20% 100%,15% 98%,10% 100%,5% 98%,0 100%);animation:.5s ease-out printOut;position:relative}@keyframes printOut{0%{clip-path:inset(0 0 100%);transform:translateY(-30%)}to{transform:translateY(0)}}.receipt .rl{justify-content:space-between;gap:calc(8px * var(--u));animation:.2s ease-out backwards lineIn;display:flex}@keyframes lineIn{0%{opacity:0;transform:translateX(calc(-4px * var(--u)))}}.receipt hr{border:none;border-top:calc(1px * var(--u)) dashed var(--paper-ink);margin:calc(4px * var(--u)) 0}.receipt .neg{color:#a3243a}.barcode{height:calc(18px * var(--u));margin:calc(6px * var(--u)) 0;background:repeating-linear-gradient(90deg, var(--paper-ink) 0 2px, transparent 2px 3px, var(--paper-ink) 3px 4px, transparent 4px 7px, var(--paper-ink) 7px 10px, transparent 10px 11px)}.stamp{right:calc(10px * var(--u));bottom:calc(26px * var(--u));padding:calc(2px * var(--u)) calc(6px * var(--u));border:calc(2px * var(--u)) solid #b13e53;color:#b13e53;font-size:var(--fs-l);opacity:.85;animation:.35s cubic-bezier(.2,2,.4,1) .9s backwards stampIn;position:absolute;transform:rotate(-12deg)}@keyframes stampIn{0%{opacity:0;transform:rotate(-12deg)scale(2.5)}}.shop{grid-template-columns:minmax(calc(150px * var(--u)), .8fr) minmax(0, 2.4fr);gap:var(--gap);padding:var(--gap);pointer-events:auto;background:linear-gradient(#0d0e17eb,#141220f5);grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.shop-top{grid-column:1/3}.shop-side,.shop-main{min-height:0;overflow-y:auto}.shop-bottom{grid-column:1/3}.tabs{gap:calc(4px * var(--u));flex-wrap:wrap;display:flex}.offers{grid-template-columns:repeat(auto-fill, minmax(calc(150px * var(--u)), 1fr));gap:var(--gap);display:grid}.offer{background:var(--panel2);border:calc(2px * var(--u)) solid var(--line);padding:calc(6px * var(--u));gap:calc(3px * var(--u));flex-direction:column;display:flex;position:relative}.offer.q0{border-color:var(--tier-1)}.offer.q1{border-color:var(--tier-2)}.offer.q2{border-color:var(--tier-3)}.offer.q3{border-color:var(--tier-4);box-shadow:0 0 calc(8px * var(--u)) #ffcd7559}.offer.sold{opacity:.35}.offer .icon{width:calc(32px * var(--u));height:calc(32px * var(--u));image-rendering:pixelated;background:var(--c-ink);border:calc(1px * var(--u)) solid var(--line);flex:none}.offer .lock{right:calc(4px * var(--u));top:calc(4px * var(--u));position:absolute}.affix{line-height:1.35}.affix.stat{color:var(--c-white)}.affix.econ{color:var(--c-gold)}.affix.special{color:#8fc9ff}.affix.legend{color:var(--c-orange)}.affix.perfect:after{content:" ★";color:var(--c-gold)}.inv{grid-template-columns:repeat(auto-fill, calc(36px * var(--u)));gap:calc(4px * var(--u));display:grid}.slot{width:calc(36px * var(--u));height:calc(36px * var(--u));background:var(--c-ink);border:calc(2px * var(--u)) solid var(--c-shadow);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.slot img{width:calc(32px * var(--u));height:calc(32px * var(--u));image-rendering:pixelated}.slot .star{color:var(--c-gold);font-size:var(--fs);text-shadow:0 1px 0 var(--c-ink);position:absolute;bottom:-2px;right:0}.slot.sel{border-color:var(--c-lime)}.slot.mort{filter:grayscale()}.stats-table{column-gap:calc(8px * var(--u));grid-template-columns:auto auto;display:grid}.stats-table b{text-align:right;font-weight:400}.npc{gap:var(--gap);align-items:flex-start;display:flex}.npc img{width:calc(48px * var(--u));height:calc(48px * var(--u));image-rendering:pixelated;border:calc(1px * var(--u)) solid var(--line)}.bubble{background:var(--paper);color:var(--paper-ink);padding:calc(3px * var(--u)) calc(6px * var(--u));position:relative}.set-row{align-items:center;gap:calc(4px * var(--u));display:flex}.set-row img{width:calc(16px * var(--u));height:calc(16px * var(--u));image-rendering:pixelated}.pips{letter-spacing:calc(1px * var(--u))}.tip{z-index:50;max-width:calc(220px * var(--u));pointer-events:none;background:var(--panel);border:calc(1px * var(--u)) solid var(--c-gold);padding:calc(6px * var(--u));position:fixed}.modal{pointer-events:auto;z-index:20;background:#080810b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal>.panel{max-width:min(94vw, calc(520px * var(--u)));max-height:90vh;overflow-y:auto}.scroll{overflow-y:auto}.grid-icons{grid-template-columns:repeat(auto-fill, minmax(calc(40px * var(--u)), 1fr));gap:calc(4px * var(--u));display:grid}.grid-icons img{width:calc(32px * var(--u));height:calc(32px * var(--u));image-rendering:pixelated}.unknown{filter:brightness(0)opacity(.4)}.capsule{width:calc(40px * var(--u));height:calc(40px * var(--u));image-rendering:pixelated;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.r0{color:#c0cfdd}.r1{color:var(--c-sky)}.r2{color:#b48cff}.r3{color:var(--c-gold)}.scratch{grid-template-columns:repeat(3, calc(40px * var(--u)));gap:calc(4px * var(--u));display:grid}.scratch div{width:calc(40px * var(--u));height:calc(40px * var(--u));background:var(--paper);color:var(--paper-ink);font-size:var(--fs-l);cursor:pointer;justify-content:center;align-items:center;display:flex}.scratch div.cover{background:repeating-linear-gradient(45deg,#94b0c2 0 4px,#c0cfdd 4px 8px)}.forge-map{gap:calc(2px * var(--u)) calc(6px * var(--u));grid-template-columns:auto 1fr auto;align-items:center;display:grid}.deg{height:calc(6px * var(--u));background:var(--c-shadow);position:relative}.deg i{position:absolute;top:0;bottom:0;left:0}.deg em{top:calc(-2px * var(--u));bottom:calc(-2px * var(--u));width:calc(1px * var(--u));background:var(--c-white);opacity:.6;position:absolute}.vault-grid{gap:var(--gap);grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch;display:grid}.vnode{background:var(--panel2);border:calc(2px * var(--u)) solid var(--line);padding:calc(4px * var(--u));gap:calc(2px * var(--u));flex-direction:column;display:flex}.vnode.own{border-color:var(--c-gold)}.vnode img{width:calc(32px * var(--u));height:calc(32px * var(--u));image-rendering:pixelated}.page{padding:calc(10px * var(--u));pointer-events:auto;background:#0d0e17f0;position:absolute;inset:0;overflow-y:auto}.loading{width:min(60vw, calc(240px * var(--u)))}@media (orientation:portrait){.shop{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.shop-top,.shop-bottom{grid-column:1}.shop-side{max-height:26vh}.card{width:calc(108px * var(--u));min-height:calc(170px * var(--u));padding:calc(5px * var(--u))}}#ui-root :focus-visible,#ui-root .card:focus,#ui-root .hero-card:focus,#ui-root .slot:focus{outline:calc(2px * var(--u)) solid var(--c-lime);outline-offset:calc(1px * var(--u))}.apex-tint{pointer-events:none;mix-blend-mode:soft-light;opacity:.14;animation:6s ease-in-out infinite apexBreath;position:absolute;inset:0}@keyframes apexBreath{0%,to{opacity:.1}50%{opacity:.18}}.goldframe.silver{border-color:#c0cfdd}.goldframe.gold{border-color:var(--c-gold);box-shadow:0 0 calc(6px * var(--u)) #ffcd7580}.goldframe.diamond{border-color:var(--c-cyan);box-shadow:0 0 calc(10px * var(--u)) #73eff799;animation:2s ease-in-out infinite apexBreath}.dmgbar{height:calc(6px * var(--u));background:var(--c-orange)}.record{margin-left:calc(4px * var(--u));padding:0 calc(3px * var(--u));border:calc(1px * var(--u)) solid #b13e53;color:#b13e53;animation:.35s cubic-bezier(.2,2,.4,1) .6s backwards stampIn;display:inline-block;transform:rotate(-6deg)}.receipt .dmgbar{background:#8b4a2e}.toasts.low{z-index:30;top:auto;bottom:18%}.goldpop{color:var(--c-gold-hi);text-shadow:0 1px 0 var(--c-ink);animation:.8s ease-out forwards floatup;position:relative}@media (max-width:520px){.hud-tl .hpcol{max-width:calc(74px * var(--u));min-width:calc(74px * var(--u))!important}.twist{min-width:0;max-width:44vw;font-size:var(--fs-s)}.bark{top:calc(76px * var(--u));max-width:52vw}.hud-tl .hpcol .bar span{font-size:var(--fs-s)}}*{scrollbar-width:thin;scrollbar-color:var(--c-bronze) transparent}::-webkit-scrollbar{width:calc(6px * var(--u));height:calc(6px * var(--u))}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-bronze);border:1px solid var(--c-ink)}.showcase-clean .hud,.showcase-clean .debug-badge{display:none!important}.tipcard{left:50%;top:calc(64px * var(--u));z-index:31;width:max-content;max-width:min(92vw, calc(420px * var(--u)));padding:calc(6px * var(--u)) calc(12px * var(--u));border:calc(2px * var(--u)) solid var(--c-gold);box-shadow:0 calc(3px * var(--u)) 0 #00000080;pointer-events:auto;cursor:pointer;background:#0d0e17f0;animation:.25s ease-out twistIn;position:absolute;transform:translate(-50%)}.tipcard.low{top:auto;bottom:22%}.tipcard .tipclose{text-align:right;margin-top:calc(2px * var(--u))}.vnode .btn{white-space:normal;line-height:1.15}.lore{color:var(--c-gray,#94b0c2);opacity:.85;font-style:italic}