:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0a14;--bg:#100e1c;--panel:#171427;--panel-2:#1f1b35;--panel-3:#2a2547;--line:#3b3462;--line-2:#574d8c;--text:#ece9fb;--muted:#9a94c4;--dim:#6a6493;--hex:#4ee8d4;--hex-2:#1fa69a;--gold:#ffc94d;--gold-2:#c98a1b;--red:#ff5470;--magic:#b49cff;--fire:#ff8a3d;--frost:#8fd6ff;--storm:#ffe45e;--heal:#6ef3a0;--steel:#a9b8d6;--r1:#b9b6cf;--r2:#4fa3ff;--r3:#b974ff;--r4:#ff9d3d;--t-silver:#cfd8ea;--t-gold:#ffc94d;--soul:#ff8a6a;--soul-2:#c4553f;--soul-glow:#9ff3ff;--f-pixel:"Silkscreen", ui-monospace, "Cascadia Mono", Consolas, monospace;--f-display:"ZCOOL QingKe HuangYou", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--f-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--coin:none;--soul-icon:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--ink);height:100%;color:var(--text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{background:var(--ink);position:fixed;inset:0;overflow:hidden}#screen{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}button{font:inherit;color:inherit}kbd{font-family:var(--f-pixel);border:1px solid var(--line-2);background:var(--panel-2);color:var(--muted);border-bottom-width:2px;margin:0 1px;padding:1px 5px;font-size:10px}.eyebrow{font-family:var(--f-pixel);letter-spacing:.18em;color:var(--hex);text-transform:uppercase;font-size:11px}h2{font-family:var(--f-display);letter-spacing:.04em;text-wrap:balance;margin:4px 0 10px;font-size:34px;font-weight:400}h3{font-family:var(--f-display);letter-spacing:.06em;margin:0;font-size:18px;font-weight:400}.hint{color:var(--muted);font-size:12px}.coin{background:var(--coin) center / contain no-repeat;width:14px;height:14px;image-rendering:pixelated;flex:none;display:inline-block}.coin.big{width:24px;height:24px}.soul{background:var(--soul-icon) center / contain no-repeat;width:16px;height:16px;image-rendering:pixelated;flex:none;display:inline-block}.soul.big{width:28px;height:28px}.c-atk{color:#ffb35c}.c-ap{color:#b99cff}.c-hp{color:var(--heal)}.c-gold{color:var(--gold)}.c-fire{color:var(--fire)}.c-frost{color:var(--frost)}.c-storm{color:var(--storm)}.c-as{color:#ffd86e}.c-true{color:#fff}.c-armor{color:#f0c27a}.c-mr{color:#7fc8ff}.c-hex{color:var(--hex)}.c-bad{color:var(--red)}.c-crit{color:#ffe27a}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px #00000059;position:relative}.btn{background:var(--panel-2);border:2px solid var(--line-2);cursor:pointer;box-shadow:0 4px 0 var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:transform 60ms,border-color .12s,background .12s;display:inline-flex}.btn:hover{border-color:var(--hex);box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:focus-visible,.aug-frame:focus-visible,.icard:focus-visible,.pcard:focus-visible{outline:2px solid var(--hex);outline-offset:3px}.btn.primary{background:var(--hex);color:#06201d;border-color:#b8fff5;font-weight:700}.btn.gold{background:var(--gold);color:#2a1a00;border-color:#ffe6a6;font-weight:700}.btn.danger{color:#ff9aaa;border-color:#7a2a3a}.btn.big{padding:12px 24px;font-size:18px}.btn.small{box-shadow:0 3px 0 var(--ink);padding:4px 10px;font-size:12px}.btn.off{opacity:.45;cursor:not-allowed}.btn kbd{color:inherit;background:#0000002e;border-color:#0000004d}.btn b{font-family:var(--f-pixel);font-weight:400}.btn.ghost{box-shadow:none;color:var(--dim);background:0 0;border-color:#0000;padding:4px 6px}.btn.ghost:hover{color:#ff9aaa;border-color:#0000}.btn.armed{background:var(--red);color:#2a0610;border-color:#ffb3c1;font-weight:700}#hud{pointer-events:none;font-family:var(--f-pixel);position:absolute;inset:0}#hud button,#hud [data-tip]{pointer-events:auto}.hud-tl{left:calc(16px + var(--sl));top:calc(14px + env(safe-area-inset-top,0px));flex-direction:column;gap:7px;display:flex;position:absolute}.hpbar{border:2px solid var(--ink);width:min(260px,40vw,50vw - 76px);height:20px;box-shadow:0 0 0 2px var(--line), 4px 4px 0 2px #00000059;background:#1a0f1c;position:relative}.hpbar i{position:absolute;top:0;bottom:0;left:0}.hp-lag{opacity:.55;background:#fff;width:100%}.hp-fill{background:linear-gradient(#8dffbc 0 30%,#3ed47e 30% 100%);width:100%}.hp-shield{opacity:.9;background:repeating-linear-gradient(90deg,#e3f3ff 0 3px,#9fd8ff 3px 6px);width:0}.hp-rally{background:repeating-linear-gradient(90deg,#8dffbc99 0 2px,#3ed47e33 2px 4px);width:0}.hpbar.low .hp-fill{background:linear-gradient(#ff9aa8 0 30%,#ff4f6d 30% 100%)}.hpbar.hurt{animation:.25s hpHurt}@keyframes hpHurt{0%,to{transform:none}30%{transform:translate(-3px,1px)}60%{transform:translate(3px,-1px)}}.hp-text{color:#fff;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.goldline .coin{width:18px;height:18px}.goldline{color:var(--gold);text-shadow:2px 2px #000;align-items:center;gap:7px;font-size:18px;display:flex}.goldline.bump b{animation:.2s bump;display:inline-block}.gold-pop{color:#ffe6a6;opacity:0;font-size:12px;transition:opacity .3s}.gold-pop.on{opacity:1}.statstrip{color:var(--muted);text-shadow:1px 1px #000;opacity:.85;grid-template-columns:repeat(2,auto);gap:2px 14px;font-size:10px;display:grid}.statstrip b{color:var(--text);margin-left:4px;font-weight:400}.hud-tc{left:50%;top:calc(10px + env(safe-area-inset-top,0px));flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%)}.wave-label{letter-spacing:.2em;color:var(--hex);text-shadow:1px 1px #000;font-size:11px}.wave-timer{color:#fff;text-shadow:3px 3px #000;font-size:32px;line-height:1}.wave-timer.hurry{color:var(--gold)}.wave-prog{background:#ffffff14;border:1px solid #000;width:150px;height:4px}.wave-prog i{background:var(--hex);width:0;height:100%;display:block}.boss-bar{flex-direction:column;align-items:center;gap:4px;margin-top:8px;display:flex}.boss-bar span{font-family:var(--f-display);color:#ffb3c1;text-shadow:2px 2px #000;font-size:17px}.boss-track{background:#1a0f1c;border:2px solid #000;width:min(440px,64vw);height:12px;position:relative;box-shadow:0 0 0 2px #7a2a3a}.boss-track i{position:absolute;top:0;bottom:0;left:0}.boss-lag{opacity:.5;background:#fff}.boss-fill{background:linear-gradient(#ff8aa0 0 35%,#d6284f 35%)}.bounty-bar{flex-direction:column;align-items:center;gap:3px;margin-top:6px;animation:1.1s ease-in-out infinite alternate bountyGlow;display:flex}.bounty-bar span{font-family:var(--f-display);color:var(--gold);text-shadow:2px 2px #000;white-space:nowrap;align-items:center;gap:5px;font-size:15px;display:inline-flex}.bounty-bar b{color:#fff1b8}.bounty-track{background:#1c160a;border:2px solid #000;width:min(240px,44vw);height:6px;position:relative;box-shadow:0 0 0 1px #7a5a1a}.bounty-track i{background:linear-gradient(#fff1b8 0 40%,#ffc94d 40%);position:absolute;top:0;bottom:0;left:0}.bounty-bar.hurry .bounty-track i{background:linear-gradient(#ffd0a0 0 40%,#ff8a3d 40%)}@keyframes bountyGlow{0%{filter:drop-shadow(0 0 #ffc94d00)}to{filter:drop-shadow(0 0 6px #ffc94d8c)}}@media (max-width:640px),(orientation:portrait) and (max-width:999px){.hp-text{font-size:10px}.hud-tc{left:16px;right:16px;bottom:calc(128px + env(safe-area-inset-bottom,0px));transform:none}.boss-bar{align-self:stretch;margin-top:auto}.boss-track{width:100%}.bounty-bar{align-self:center}}.hud-tr{right:calc(16px + var(--sr));top:calc(14px + env(safe-area-inset-top,0px));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.trait-list{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.trait-chip{--c:var(--line-2);font-family:var(--f-body);border:1px solid var(--line);color:var(--muted);background:#0e0c1ad1;align-items:center;gap:6px;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.trait-chip img{width:14px;height:14px;image-rendering:pixelated}.trait-chip b{font-family:var(--f-pixel);font-size:10px;font-weight:400}.trait-chip.on{border-color:var(--c);color:var(--text);box-shadow:inset 3px 0 0 var(--c)}.trait-chip.max{background:color-mix(in srgb, var(--c) 24%, #0e0c1ae6)}.aug-list{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:250px;display:flex}.aug-mini{border:2px solid var(--tc,var(--line));background:var(--panel);width:28px;height:28px;image-rendering:pixelated}.hud-bc{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.buff-bar{align-items:flex-end;gap:4px;min-height:26px;display:flex}.buff{--c:var(--line-2);border:2px solid var(--c);background:#0e0c1ae0;width:26px;height:26px;position:relative}.buff img{width:100%;height:100%;image-rendering:pixelated;display:block}.buff .bt{background:conic-gradient(#0000009e var(--p,0deg), transparent 0);position:absolute;inset:0}.buff b{color:#fff;text-shadow:1px 1px #000,-1px 0 #000;font-size:10px;font-weight:400;position:absolute;bottom:-5px;right:-4px}.buff.debuff{border-style:dashed}.abilities{border:2px solid var(--line);background:#0a0914cc;align-items:flex-end;gap:6px;padding:6px;display:flex;box-shadow:4px 4px #00000059}.ab{border:2px solid var(--line-2);background:var(--panel-2);width:48px;height:48px;position:relative}.ab.ult{border-color:var(--gold-2);width:56px;height:56px}.ab .ab-icon{width:100%;height:100%;image-rendering:pixelated;display:block}.ab .cd{background:conic-gradient(#05040ccc var(--p,0deg), transparent 0);position:absolute;inset:0}.ab .key{color:#fff;text-shadow:1px 1px #000;font-size:10px;position:absolute;top:1px;left:2px}.ab .cdt{color:#fff;text-shadow:2px 2px #000;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.ab .charges{color:var(--hex);text-shadow:1px 1px #000;font-size:10px;position:absolute;bottom:1px;right:2px}.ab.ready{border-color:var(--hex);box-shadow:0 0 0 1px var(--hex), 0 0 14px #4ee8d466}.ab.ult.ready{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 16px #ffc94d80}.ab.flash{animation:.35s abflash}@keyframes abflash{0%{filter:brightness(2.4)}to{filter:none}}.ab.passive{cursor:help;align-self:flex-end;width:40px;height:40px}.ab.passive .key{color:var(--muted);font-size:9px}.ab-sep{background:var(--line);align-self:stretch;width:2px;margin:0 4px}.pot{border:2px solid var(--line);background:var(--panel);width:36px;height:36px;position:relative}.pot img{width:100%;height:100%;image-rendering:pixelated;display:block}.pot .key{color:var(--muted);text-shadow:1px 1px #000;font-size:9px;position:absolute;top:0;left:2px}.pot.full{border-color:var(--heal)}.combo{right:calc(22px + var(--sr));opacity:0;flex-direction:column;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;top:40%}.combo.on{opacity:1}.combo b{font-family:var(--f-pixel);color:#fff;text-shadow:3px 3px #000;font-size:36px;font-weight:700;line-height:1}.combo span{font-family:var(--f-display);color:var(--muted);text-shadow:2px 2px #000;font-size:15px}.combo.t1 b{color:var(--gold)}.combo.t2 b{color:var(--fire)}.combo.t3 b{color:#ff6ad5}.combo.bump b{animation:.18s bump}@keyframes bump{0%{transform:scale(1.4)}to{transform:scale(1)}}.banner{text-align:center;font-family:var(--f-display);color:#fff;text-shadow:4px 4px #000;opacity:0;pointer-events:none;font-size:clamp(32px,6vw,52px);position:absolute;top:28%;left:0;right:0}.banner small{font-family:var(--f-pixel);letter-spacing:.3em;color:var(--hex);font-size:12px;display:block}.banner.show{animation:2s ease-out forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:scale(1.5)}10%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.screen{padding:calc(20px + env(safe-area-inset-top,0px)) calc(16px + var(--sr)) calc(20px + env(safe-area-inset-bottom,0px)) calc(16px + var(--sl));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080710bd}.screen[hidden]{display:none!important}.menu-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.menu-wrap{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:900px;margin:auto;display:flex}.logo{flex-direction:column;align-items:center;gap:8px;display:flex}.logo-mark{width:min(680px,86vw);height:auto;display:block;overflow:visible}.lm-aura{opacity:.5;animation:3.2s ease-in-out infinite lm-aura}.lm-shine{animation:5.5s cubic-bezier(.5,0,.3,1) infinite lm-shine}.lm-ember{fill:var(--gold);opacity:0;animation:3.8s linear infinite lm-ember}.lm-ember:nth-child(2n){fill:var(--soul-glow)}@keyframes lm-aura{50%{opacity:.78}}@keyframes lm-shine{0%{transform:translate(0)}55%,to{transform:translate(1000px)}}@keyframes lm-ember{0%{opacity:0;transform:translateY(14px)}15%{opacity:1}to{opacity:0;transform:translateY(-34px)}}@media (prefers-reduced-motion:reduce){.lm-aura,.lm-shine,.lm-ember{animation:none}.lm-shine,.lm-ember{display:none}}.logo-cn{width:auto;height:57px;display:block}.tagline{color:#c4bee6;text-wrap:balance;text-shadow:0 2px 8px #000;max-width:46ch;margin:0;font-size:15px;line-height:1.75}.tagline .nowrap{white-space:nowrap}.controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;display:flex}.title{background:radial-gradient(at 50% 46%,#0807101a,#080710b8 72%),linear-gradient(#08071099,#08071026 38%,#080710cc)}.title .menu-wrap{gap:18px;max-width:980px}.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}@media (max-width:760px){.slots{grid-template-columns:minmax(0,1fr)}.sc-tools:empty{display:none}}.slot-card{text-align:left;border:2px solid var(--line);min-height:212px;box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px #00000059;background:#141124e6;flex-direction:column;gap:10px;padding:14px 16px 16px;transition:border-color .15s,transform .15s;animation:.45s cubic-bezier(.2,1.4,.4,1) both cardIn;display:flex}.slot-card:nth-child(2){animation-delay:70ms}.slot-card:nth-child(3){animation-delay:.14s}.slots.settled .slot-card{animation:none}.slot-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.slot-card.last{border-color:color-mix(in srgb, var(--hex) 50%, var(--line))}.slot-card.busy{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.slot-card.empty{background:#0e0c1a9e;border-style:dashed}.sc-head{align-items:baseline;gap:10px;display:flex}.sc-no{font-family:var(--f-pixel);color:var(--hex);min-width:30px;font-size:18px}.sc-name{font-family:var(--f-display);font-size:19px}.sc-time{color:var(--dim);margin-left:auto;font-size:11px}.sc-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;gap:4px;font-size:13px;display:flex}.sc-empty b{font-family:var(--f-display);color:var(--dim);font-size:22px;font-weight:400}.sc-soul{align-self:flex-start;align-items:center;gap:8px;display:flex}.sc-soul .soul{width:22px;height:22px}.sc-soul b{font-family:var(--f-pixel);color:var(--soul);text-shadow:2px 2px #000;font-size:26px;font-weight:400}.sc-soul small{color:var(--muted);font-size:12px}.sc-meta{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.sc-run{background:color-mix(in srgb, var(--gold) 10%, transparent);border-left:3px solid var(--gold);flex-wrap:wrap;align-items:center;gap:3px 10px;padding:7px 10px;font-size:12px;display:flex}.sc-run b{font-family:var(--f-display);color:var(--gold);font-size:15px;font-weight:400}.sc-run span{align-items:center;gap:3px;display:inline-flex}.sc-run .coin{width:12px;height:12px}.sc-run.warn{background:color-mix(in srgb, var(--red) 10%, transparent);border-left-color:var(--red)}.sc-run.warn b{color:#ff9aaa}.sc-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.sc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-actions:empty{display:none}.sc-actions .btn{flex:auto;justify-content:center}.sc-tools{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:8px;min-height:33px;padding-top:6px;display:flex}.sc-tools:empty{border-top-color:#0000}.sc-download{margin-left:-6px}.sc-tools .btn.ghost{color:var(--muted)}.btn.ghost.sc-download:hover,.btn.ghost.sc-import:hover{color:var(--hex)}.sc-import{margin-left:-6px}.slots .slot-card.imported{animation:1.4s ease-out slotImported}@keyframes slotImported{0%{border-color:var(--hex);box-shadow:0 0 0 2px var(--ink), 0 0 22px 4px #4ee8d48c, 6px 6px 0 2px #00000059}}.slot-dialog{width:min(440px,100% - 32px);color:var(--text);background:var(--panel);border:2px solid var(--line-2);padding:18px 20px 20px;font-size:14px;line-height:1.7}.slot-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080710b8}.slot-dialog.warn{border-color:var(--red)}.slot-dialog.warn h3{color:#ff9aaa}.slot-dialog h3{margin-bottom:8px;font-size:20px}.fs-prompt{width:min(360px,100% - 32px);color:var(--text);border-color:var(--line-2);text-align:center;padding:22px 22px 16px}.fs-prompt::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080710b8}.fs-prompt h2{margin:0 0 18px;font-size:24px}.fs-prompt .btn{justify-content:center;min-width:96px}.fs-remember{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:inline-flex}.fs-remember input{width:16px;height:16px;accent-color:var(--hex);cursor:pointer;margin:0}.title-tools{justify-content:center;gap:10px;display:flex}.game-version{right:calc(12px + var(--sr));bottom:calc(8px + env(safe-area-inset-bottom,0px));font-family:var(--f-pixel);color:var(--dim);-webkit-user-select:text;user-select:text;font-size:10px;position:absolute}.slot-dialog p{color:#c4bee6;overflow-wrap:anywhere;margin:0 0 8px}.sd-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sc-delete{margin-left:auto;margin-right:-6px}.sc-foot .btn.armed,.sc-foot .btn.armed:hover{color:#2a0610;border-color:#ffb3c1}.swap{display:inline-grid}.swap>span{text-align:center;grid-area:1/1}.sc-delete .swap>span{text-align:right}.btn:not(.armed) .swap>:last-child,.btn.armed .swap>:first-child{visibility:hidden}.aug-wrap{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:1060px;margin:auto;display:flex}.aug-head{text-align:center}.aug-sub{color:var(--muted);font-size:13px}.aug-sub b{font-family:var(--f-pixel);color:var(--hex)}.aug-cards{grid-template-columns:repeat(3,minmax(0,310px));justify-content:center;gap:20px;width:100%;display:grid}@media (max-width:860px){.aug-cards{grid-template-columns:minmax(0,440px)}}.aug-card{--tc:var(--t-silver);--rc:var(--hex);animation:.5s cubic-bezier(.2,1.4,.4,1) both cardIn;animation-delay:calc(var(--i) * 90ms);flex-direction:column;gap:12px;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(36px)scale(.9)}}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--ang:360deg}}.aug-card.tier-gold{--tc:var(--t-gold)}.aug-card.tier-prism{--tc:#ff9be6}.aug-card.swap{animation:none}.aug-card.swap .aug-frame{animation:.55s cubic-bezier(.2,1.3,.4,1) both augSwap}@keyframes augSwap{0%{opacity:0;filter:brightness(2.4)saturate(.5);transform:perspective(900px)rotateY(-75deg)scale(.94)}55%{opacity:1;filter:brightness(1.5)}to{transform:none}}.aug-frame{cursor:pointer;filter:drop-shadow(0 6px #00000059);flex-direction:column;flex:1;transition:transform .16s cubic-bezier(.2,1.4,.4,1),filter .16s;display:flex;position:relative}.aug-card.tier-gold .aug-frame{filter:drop-shadow(0 0 9px #ffc94d47)drop-shadow(0 6px #00000059)}.aug-card.tier-prism .aug-frame{filter:drop-shadow(0 0 12px #ff7ad957)drop-shadow(0 6px #00000059)}.aug-frame:hover{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--tc) 42%, transparent)) drop-shadow(0 10px 0 #0000004d);transform:translateY(-6px)}.aug-edge{background:linear-gradient(180deg, var(--tc), color-mix(in srgb, var(--tc) 45%, #14112a) 70%, color-mix(in srgb, var(--tc) 70%, #14112a));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);flex-direction:column;flex:1;padding:2px;display:flex}.aug-card.tier-prism .aug-edge{background:conic-gradient(from var(--ang), #ff7ad9, #7af0ff, #ffe27a, #a98bff, #ff7ad9);animation:3s linear infinite spin}.aug-inner{isolation:isolate;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);text-align:center;background:radial-gradient(110% 48% at 50% 0%, color-mix(in srgb, var(--rc) 20%, transparent), transparent 70%), repeating-linear-gradient(60deg, #ffffff06 0 1px, transparent 1px 13px), repeating-linear-gradient(-60deg, #ffffff06 0 1px, transparent 1px 13px), linear-gradient(180deg, color-mix(in srgb, var(--tc) 13%, #16122b), #120f24 55%, #0e0b1d);flex-direction:column;flex:1;align-items:center;gap:10px;min-height:330px;padding:20px 18px 16px;display:flex;position:relative}.aug-inner:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--tc) 26%, transparent);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);pointer-events:none;position:absolute;inset:6px}.aug-inner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff12 48%,#0000 58%);transition:transform .7s;position:absolute;inset:0;transform:translate(-110%)}.aug-frame:hover .aug-inner:after{transform:translate(110%)}.aug-tier{font-family:var(--f-pixel);letter-spacing:.2em;color:var(--tc);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.aug-tier:before,.aug-tier:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,currentColor);width:18px;height:1px}.aug-tier:after{transform:scaleX(-1)}.aug-tier i{opacity:.6;background:currentColor;width:4px;height:4px;transform:rotate(45deg)}.aug-icon{background:radial-gradient(closest-side, color-mix(in srgb, var(--rc) 32%, transparent), transparent), #06050e99;border:2px solid color-mix(in srgb, var(--tc) 62%, transparent);width:80px;height:80px;box-shadow:inset 0 0 0 2px #00000080, inset 0 0 16px color-mix(in srgb, var(--rc) 22%, transparent), 0 0 0 3px #110e22, 0 0 0 4px color-mix(in srgb, var(--tc) 22%, transparent);flex:none;place-items:center;margin-top:2px;display:grid;position:relative}.aug-icon:before{content:"";pointer-events:none;background:linear-gradient(var(--tc), var(--tc)) 0 0 / 4px 4px no-repeat, linear-gradient(var(--tc), var(--tc)) 100% 0 / 4px 4px no-repeat, linear-gradient(var(--tc), var(--tc)) 0 100% / 4px 4px no-repeat, linear-gradient(var(--tc), var(--tc)) 100% 100% / 4px 4px no-repeat;position:absolute;inset:-6px}.aug-icon img{width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--rc) 50%, transparent));transition:transform .2s}.aug-frame:hover .aug-icon img{transform:translateY(-2px)}.aug-name{font-family:var(--f-display);color:#fff;text-shadow:0 0 14px color-mix(in srgb, var(--tc) 38%, transparent), 0 2px 0 #0000008c;font-size:27px;line-height:1.1}.aug-traits{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tchip{--c:var(--muted);cursor:help;border:1px solid var(--c);color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);padding:2px 8px;font-size:12px}.aug-rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tc) 40%, transparent) 30%, transparent 45%, transparent 55%, color-mix(in srgb, var(--tc) 40%, transparent) 70%, transparent) center / 100% 1px no-repeat;flex:none;width:72%;height:7px;display:block;position:relative}.aug-rule:after{content:"";background:var(--tc);width:5px;height:5px;box-shadow:0 0 6px var(--tc);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.aug-desc{color:#dcd7f3;text-wrap:pretty;margin:0;font-size:14px;line-height:1.7}.aug-syn{color:var(--hex);border-top:1px solid color-mix(in srgb, var(--tc) 20%, transparent);background:#0000003d;align-self:stretch;margin-top:auto;padding:7px 10px;font-size:12px;line-height:1.5}.aug-key{font-family:var(--f-pixel);color:color-mix(in srgb, var(--tc) 55%, var(--dim));font-size:10px;position:absolute;top:11px;left:13px}:root[data-input=touch] .aug-key{display:none}.aug-card .btn{align-self:center}.form-card .aug-frame{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tc) 30%, transparent)) drop-shadow(0 6px 0 #00000059)}.form-card.locked .aug-frame{cursor:default;filter:grayscale(.75)brightness(.7)drop-shadow(0 6px #00000059)}.form-card.locked .aug-frame:hover{transform:none}.form-summary{color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.6}.form-changes{text-align:left;flex-direction:column;align-self:stretch;gap:6px;display:flex}.form-changes p{color:#dcd7f3;margin:0;font-size:13px;line-height:1.6}.form-changes b{color:var(--tc);letter-spacing:.04em;font-size:12px;font-weight:400;display:block}.form-pressure{color:#ffb3a1}.form-req{color:var(--muted)}#btnFormSkip{flex:none;align-self:center}.aug-cards.form-cards{grid-template-columns:repeat(var(--n,3), minmax(0, 330px))}@media (max-width:860px){.aug-cards.form-cards{grid-template-columns:minmax(0,440px)}}.aug-mini.form-mini{border-style:double;border-width:3px}.aug-reroll:before{content:"↻";color:var(--hex);font-size:15px;line-height:1}.aug-reroll:disabled{opacity:.45;cursor:default}.aug-reroll:disabled:before{color:var(--dim)}.sum-panel{flex-direction:column;gap:4px;width:min(470px,100%);margin:auto;padding:24px 26px;display:flex}.ledger{flex-direction:column;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.ledger li{--c:var(--gold);background:var(--panel-2);border-left:3px solid var(--c);opacity:0;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:15px;transition:opacity .25s,transform .25s;display:flex;transform:translate(-14px)}.ledger li.in{opacity:1;transform:none}.ledger li small{color:var(--muted);margin-left:6px;font-size:11px}.ledger li b{font-family:var(--f-pixel);color:var(--gold);font-weight:400}.ledger li.neg b{color:var(--red)}.sum-total{border-top:2px dashed var(--line);justify-content:space-between;align-items:baseline;margin:4px 0 14px;padding-top:10px;display:flex}.sum-total b{font-family:var(--f-pixel);color:var(--gold);text-shadow:3px 3px #000;font-size:32px}.sum-panel .btn{align-self:center}.shop{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:#090812f0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px}.shop-head{flex-wrap:wrap;align-items:center;gap:20px;width:100%;display:flex}.sh-title{flex:1;min-width:160px}.sh-title h2{margin:0}.sh-gold{font-family:var(--f-pixel);color:var(--gold);text-shadow:3px 3px #000;align-items:center;gap:10px;font-size:30px;display:flex}.sh-gold.bump b{animation:.2s bump;display:inline-block}.shop-body{flex:1 0 auto;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:14px;width:100%;display:grid}.col-side>.block:last-child{flex:1 0 auto}.col{flex-direction:column;gap:12px;min-width:0;display:flex}@media (max-width:900px){.shop-body{grid-template-columns:minmax(0,1fr)}.col-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}}@media (max-width:640px){.col-side{grid-template-columns:minmax(0,1fr)}.forge .block-head .hint{flex-basis:100%;order:3}}.block{padding:12px 14px}.block-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.block-head .hint{flex:1;min-width:0}.block-head .btn{margin-left:auto}.item-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.item-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.icard{--rc:var(--r1);background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 16%, var(--panel-2)), var(--panel-2) 45%);border:2px solid color-mix(in srgb, var(--rc) 70%, var(--line));cursor:pointer;text-align:left;flex-direction:column;gap:6px;min-height:168px;padding:10px;transition:transform .1s,box-shadow .1s,opacity .2s;display:flex;position:relative}.icard:hover{box-shadow:0 0 0 2px var(--rc), 0 8px 0 #0000004d;transform:translateY(-3px)}.icard.cant{opacity:.5}.icard.sold{visibility:hidden}.icard.locked{outline:2px dashed var(--gold);outline-offset:2px}.icard.r2{--rc:var(--r2)}.icard.r3{--rc:var(--r3)}.icard.r4{--rc:var(--r4)}.ic-top{align-items:center;gap:8px;padding-right:58px;display:flex}.ic-top img{width:36px;height:36px;image-rendering:pixelated;border:1px solid var(--line);background:#00000047;flex:none}.ic-name{font-size:14px;font-weight:700;line-height:1.25}.ic-rar{font-family:var(--f-pixel);color:var(--rc);letter-spacing:.08em;font-size:9px}.ic-trait{--c:var(--muted);font-family:var(--f-body);letter-spacing:0;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--c) 10%, transparent);white-space:nowrap;cursor:help;margin-left:6px;padding:0 5px;font-size:10px;line-height:15px;display:inline-block}.ic-trait.up{color:var(--ink);background:var(--c);font-weight:700}.ic-trait.held,.ic-trait.bag{color:var(--dim);border-color:var(--line);background:0 0}.ic-stats{color:#dcd6f5;font-size:12px;line-height:1.55}.ic-pass{color:var(--muted);border-top:1px solid #ffffff0f;padding-top:6px;font-size:11px;line-height:1.5}.ic-recipe{color:var(--r3);font-size:11px}.icard.surprise{animation:2.4s ease-in-out infinite surprise}@keyframes surprise{0%,to{box-shadow:0 0 0 2px var(--rc), 0 0 10px color-mix(in srgb, var(--rc) 45%, transparent)}50%{box-shadow:0 0 0 2px var(--rc), 0 0 24px var(--rc)}}@media (prefers-reduced-motion:reduce){.icard.surprise{box-shadow:0 0 0 2px var(--rc), 0 0 16px var(--rc);animation:none}}.icard.target,.ccard.target{box-shadow:0 0 0 2px var(--hex), 0 0 14px color-mix(in srgb, var(--hex) 40%, transparent);animation:none}.icard.target:hover{box-shadow:0 0 0 2px var(--hex), 0 0 18px color-mix(in srgb, var(--hex) 55%, transparent), 0 8px 0 #0000004d}.ccard.target:hover,.ccard.target:focus-visible{box-shadow:0 0 0 2px var(--hex), 0 0 18px color-mix(in srgb, var(--hex) 55%, transparent)}.tg-tag{z-index:1;max-width:calc(100% - 16px);color:var(--ink);background:var(--hex);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:0 6px;font-size:10px;line-height:16px;display:inline-flex;position:absolute;top:-9px;left:8px;overflow:hidden}.tg-tag svg{flex:none;width:9px;height:auto}.tg-tag span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ccard .tg-tag{max-width:calc(100% - 90px);left:auto;right:8px}.craft-line{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:12px;display:flex}.craft-row{flex:300px;min-width:0}.craft-hint{height:100%;color:var(--muted);border:1px dashed #ffffff1f;align-items:center;padding:7px 10px;font-size:11px;display:flex}.death-recap{color:#ffb3c1;margin:2px 0 10px;font-size:13px;line-height:1.6}.death-recap b{color:#ff7a8e}.death-recap small{color:var(--muted);font-size:11px;display:block}.craft-hint.ready{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 35%, transparent)}.craft-hint.queue{height:auto;color:var(--dim);border:0;margin-top:4px;padding:0 2px;font-size:10px}.ccard+.craft-hint{border:0;height:auto;margin-top:4px;padding:0 2px;font-size:10px}.craft-hint.pick{height:auto;color:var(--gold);border:0;margin-bottom:12px;padding:0 2px;font-size:11px}.ccard+.ccard{margin-top:12px}.ccard.passed{opacity:.3}.ccard.passed .cc-price{font-family:var(--f-body);color:var(--muted);font-size:11px}.ccard{--rc:var(--r3);background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 18%, var(--panel-2)), var(--panel-2) 65%);border:2px solid color-mix(in srgb, var(--rc) 70%, var(--line));cursor:pointer;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;transition:box-shadow .1s,opacity .2s;display:grid;position:relative}.ccard.r4{--rc:var(--r4)}.ccard:hover,.ccard:focus-visible{box-shadow:0 0 0 2px var(--rc);outline:none}.ccard.cant{opacity:.6}.ccard.sold{opacity:.4;cursor:default}.cc-tag{font-family:var(--f-pixel);letter-spacing:.1em;color:var(--ink);background:var(--rc);padding:0 6px;font-size:10px;position:absolute;top:-9px;left:8px}.cc-mats{align-items:center;gap:6px;display:flex}.cc-mat{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:64px;font-size:10px;display:flex}.cc-mat img{width:24px;height:24px;image-rendering:pixelated;border:1px solid var(--line);background:#00000047}.cc-mat.missing img{filter:grayscale()brightness(.45);border-style:dashed}.cc-plus,.cc-arrow{font-family:var(--f-pixel);color:var(--muted)}.cc-product{align-items:center;gap:8px;min-width:0;display:flex}.cc-product img{width:36px;height:36px;image-rendering:pixelated;border:1px solid var(--line);background:#00000047;flex:none}.cc-price{font-family:var(--f-pixel);color:var(--gold);white-space:nowrap;text-align:right;font-size:15px}.cc-price small{font-family:var(--f-body);color:var(--muted);font-size:10px;display:block}@media (max-width:640px){.ccard{grid-template-columns:minmax(0,1fr) auto}.cc-mats,.cc-arrow{display:none}}.recipe-entry{flex-direction:column;flex:none;justify-content:center;gap:4px;margin-left:auto;padding:6px 14px;font-size:13px}.recipe-entry svg{width:22px;height:18px;color:var(--hex)}.recipe-entry:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (max-width:640px){.recipe-entry{flex-direction:row}}.recipe-book{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080710d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rb-wrap{flex-direction:column;gap:6px;width:min(1100px,100%);min-height:0;max-height:100%;padding:14px 18px 16px;animation:.18s ease-out rbIn;display:flex}@keyframes rbIn{0%{opacity:0;transform:translateY(10px)}}.rb-head{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.rb-head h2{font-family:var(--f-display);margin:2px 0 0;font-size:26px;font-weight:400;line-height:1.1}.rb-head .btn{margin-left:auto}.rb-sum{flex-wrap:wrap;gap:8px;padding-bottom:3px;display:flex}.rb-chip{color:var(--muted);border:1px solid var(--line);background:var(--panel-2);padding:2px 8px;font-size:12px}.rb-chip b{font-family:var(--f-pixel);color:var(--text);margin-left:4px;font-weight:400}.rb-chip.ready{border-color:var(--gold-2)}.rb-chip.ready b{color:var(--gold)}.rb-note{margin:0 0 4px}.rb-body{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;padding:2px 4px 2px 2px;display:flex;overflow-y:auto}.rb-group{--rc:var(--r3)}.rb-group h3{font-family:var(--f-display);color:var(--rc);align-items:baseline;gap:8px;margin:0 0 8px;font-size:16px;font-weight:400;display:flex}.rb-group h3 small{font-family:var(--f-pixel);letter-spacing:.14em;color:var(--muted);font-size:10px}.rb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,470px),1fr));gap:7px;display:grid}.rb-row{--rc:var(--r3);background:var(--panel-2);border:2px solid color-mix(in srgb, var(--rc) 30%, var(--line));grid-template-columns:24px minmax(0,1fr) auto auto 66px;align-items:center;gap:10px;padding:6px 10px 6px 4px;display:grid;position:relative}.rb-row.partial{border-color:color-mix(in srgb, var(--rc) 65%, var(--line))}.rb-row.ready{border-color:var(--rc);background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 22%, var(--panel-2)), var(--panel-2) 70%)}.rb-row.maxed{opacity:.5}.rb-row.ping{animation:1s ease-out rbPing}@keyframes rbPing{0%,35%{box-shadow:0 0 0 3px var(--rc), 0 0 20px var(--rc)}to{box-shadow:0 0 #0000}}.rb-row .cc-tag{top:-9px}.rb-product{cursor:help;align-items:center;gap:9px;min-width:0;display:flex}.rb-product img{width:36px;height:36px;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--rc) 60%, var(--line));background:#00000047;flex:none}.rb-product>div{min-width:0}.rb-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.rb-name b{font-family:var(--f-pixel);color:var(--gold);margin-left:4px;font-size:10px;font-weight:400}.rb-sub{font-family:var(--f-pixel);letter-spacing:.08em;color:var(--rc);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex;overflow:hidden}.rb-sub span{font-family:var(--f-body);letter-spacing:0;color:var(--c)}.rb-eq{font-family:var(--f-pixel);color:var(--muted)}.rb-mats{align-items:center;gap:4px;display:flex}.rb-mat{--rc:var(--r1);width:62px;color:var(--muted);text-align:center;cursor:help;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;font-size:10px;display:flex}.rb-mat img{width:28px;height:28px;image-rendering:pixelated;border:1px solid color-mix(in srgb, var(--rc) 70%, var(--line));background:#00000047}.rb-mat span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rb-mat.owned{color:var(--text)}.rb-mat.owned img{box-shadow:0 0 0 1px var(--rc)}.rb-mat:not(.owned) img{filter:grayscale()brightness(.72);border-style:dashed}.rb-mat.craftable{cursor:pointer}.rb-mat.craftable span{text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.rb-mat.craftable:hover img,.rb-mat.craftable:focus-visible img{outline:2px solid var(--rc);outline-offset:1px}.rb-mat:focus-visible{outline:none}.rb-state{text-align:right;color:var(--muted);white-space:nowrap;font-size:11px}.rb-state b{color:var(--text);font-size:13px;font-weight:400;display:block}.rb-row.ready .rb-state b{color:var(--gold)}.rb-state .coin{vertical-align:-1px}.rb-star{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .12s,opacity .12s,transform .1s;display:inline-flex}.rb-star svg{width:15px;height:auto}.rb-star:hover,.rb-star:focus-visible{color:var(--hex)}.rb-star.on{color:var(--hex);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--hex) 70%, transparent))}.rb-star:active{transform:scale(.85)}.rb-star:focus-visible{outline:2px solid var(--hex);outline-offset:1px}@media (hover:hover){.rb-star{opacity:0}.rb-row:hover .rb-star,.rb-row:focus-within .rb-star,.rb-star.on{opacity:1}}.rb-star.guide-focus{opacity:1}.rb-row.target{box-shadow:inset 3px 0 0 var(--hex)}.rb-chip.target svg{width:9px;height:auto;color:var(--hex);vertical-align:-1px;margin-right:4px}@media (max-width:640px){.rb-wrap{padding:12px}.rb-row{grid-template-columns:24px minmax(0,1fr) auto}.rb-eq{display:none}.rb-mats{grid-area:2/2/auto/-1}}.ic-buy{font-family:var(--f-pixel);color:var(--gold);justify-content:space-between;align-items:center;gap:6px;margin-top:auto;font-size:15px;display:flex}.ic-buy .owned{font-family:var(--f-body);color:var(--hex);font-size:11px}.ic-lock{z-index:1;height:24px;font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line-2);cursor:pointer;border-bottom-width:3px;align-items:center;gap:5px;padding:0 8px 0 7px;font-size:11px;line-height:1;transition:color .12s,border-color .12s,background .12s,opacity .12s,transform 60ms;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 2px #00000059}.ic-lock svg{flex:none;width:8px;height:10px}.ic-lock:hover,.ic-lock:focus-visible{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--panel))}.ic-lock:active{box-shadow:none;transform:translateY(1px)}.ic-lock:focus-visible{outline:2px solid var(--hex);outline-offset:2px}.icard.locked .ic-lock{color:var(--ink);background:var(--gold);border-color:#b8862a;font-weight:700}.ic-lock:disabled{cursor:default}@media (max-width:600px){.ic-top{padding-right:30px}.ic-lock{padding:0 7px}.ic-lock span{display:none}}@media (hover:hover){.ic-lock{opacity:0}.icard:hover .ic-lock,.icard:focus-visible .ic-lock,.ic-lock:focus-visible,.icard.locked .ic-lock{opacity:1}}.forge{flex-direction:column;flex:1 0 auto;display:flex}.forge .block-head{margin-bottom:8px}.forge-rank{background:#ffffff0f;border:1px solid #000;height:4px;margin-bottom:8px}.forge-rank i{background:linear-gradient(90deg, var(--gold-2), var(--gold));width:0;height:100%;transition:width .4s;display:block}.forge-path{color:var(--muted);font-size:12px;line-height:1.5}.forge-path b{color:var(--text)}.forge-stage{flex:1 0 auto;min-height:100px;max-height:320px;position:relative}#forgeBody{width:100%;height:100%;display:block;position:absolute;inset:0}.sh-glyph{width:34px;height:30px;font-family:var(--f-display);color:#120d1f;background:var(--sc);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex:none;place-items:center;font-size:19px;display:grid}.q-pop{font-family:var(--f-display);white-space:nowrap;pointer-events:none;text-shadow:2px 2px #000;z-index:3;font-size:19px;animation:1.1s forwards qpop;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes qpop{0%{opacity:0;transform:translate(-50%,8px)scale(.6)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-24px)}}.potion-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.potion-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.pcard{--pc:var(--heal);background:var(--panel-2);border:2px solid var(--line);cursor:pointer;text-align:left;flex-direction:column;gap:5px;padding:8px 10px;transition:transform .1s,border-color .12s,opacity .2s;display:flex}.pcard:hover{border-color:var(--pc);transform:translateY(-2px)}.pc-top{align-items:center;gap:8px;display:flex}.pc-top img{width:26px;height:26px;image-rendering:pixelated;flex:none}.pc-name{flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.2}.pc-name small{color:var(--hex);margin-left:5px;font-size:10px;font-weight:400}.pc-cost{font-family:var(--f-pixel);color:var(--gold);align-items:center;gap:4px;font-size:13px;display:flex}.pc-desc{color:var(--muted);font-size:11px;line-height:1.45}.pcard.sold{opacity:.3;pointer-events:none}.pcard.cant{opacity:.55}.pcard.cube{--pc:var(--gold);border-color:color-mix(in srgb, var(--gold) 50%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 12%, var(--panel-2)), var(--panel-2) 60%)}.build .block-head{margin-bottom:6px}.bd-row{border-top:1px solid #ffffff0f;flex-direction:column;gap:5px;padding:8px 0;display:flex}.block-head+.bd-row{border-top:0;padding-top:0}.bd-row:last-child{padding-bottom:0}.bd-label{color:var(--muted);font-size:11px}.bd-label b{font-family:var(--f-pixel);color:var(--text);margin-left:4px;font-weight:400}.inv,.belt,.augs,.traits{flex-wrap:wrap;gap:5px;display:flex}.traits{gap:4px}.slot{border:2px solid var(--line);background:var(--panel-2);cursor:pointer;place-items:center;width:38px;height:38px;display:grid;position:relative}.slot img{width:30px;height:30px;image-rendering:pixelated}.slot .star{color:var(--gold);font-size:9px;font-family:var(--f-pixel);text-shadow:1px 1px #000;position:absolute;bottom:0;left:2px}.slot.empty{cursor:default;border-style:dashed}.slot.elixir{margin-left:6px}.slot.blade{box-shadow:0 0 12px #ff9be680}.slot.blade .star{color:#ff9be6}.inv .slot:not(.empty):hover{border-color:var(--red)}.bd-note{color:var(--dim);margin-top:1px;font-size:10px;display:block}.inv.bag .slot{background:#0e0c1a9e}.inv.bag .slot:not(.empty) img{opacity:.78}.inv .slot[data-drag]{touch-action:none;cursor:grab}.build.dragging,.build.dragging .slot[data-drag]{cursor:grabbing}.build.dragging .slot[data-area]{transition:border-color .1s,background .1s}.slot.drag-src{opacity:.35}.slot.drop-hint{background:color-mix(in srgb, var(--hex) 18%, var(--panel-2));border-style:solid;border-color:var(--hex)!important}.slot-ghost{z-index:60;pointer-events:none;margin:-19px 0 0 -19px;position:fixed;top:0;left:0;box-shadow:0 6px 18px #0000008c}.empty-note{color:var(--dim);font-size:12px}.tabs{border-bottom:2px solid var(--line);margin:-2px 0 10px;display:flex}.tab{font-family:var(--f-display);letter-spacing:.06em;color:var(--dim);cursor:pointer;background:0 0;border:0;flex:1;padding:2px 0 6px;font-size:16px;position:relative}.tab:hover{color:var(--muted)}.tab.on{color:var(--text)}.tab.on:after{content:"";background:var(--hex);height:2px;position:absolute;bottom:-2px;left:22%;right:22%}.tab:focus-visible{outline:2px solid var(--hex);outline-offset:-2px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;font-size:12px;display:grid}.stat-grid div{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.stat-grid span{color:var(--muted);white-space:nowrap}.skill-notes p{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.6}.skill-notes p:last-child{margin-bottom:0}.skill-notes .calc{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.skill-notes p b{font-weight:700;display:block}.skill-notes .gesture-tip{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent);margin-top:12px;padding-top:8px;font-size:11px}#forgeFx{pointer-events:none;z-index:30;width:100%;height:100%;position:fixed;inset:0}.stat-table{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;font-size:12px;display:grid}.stat-table span{color:var(--muted)}.stat-table b,.stat-grid b{font-family:var(--f-pixel);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.stat-table b.up,.stat-grid b.up{color:var(--heal)}.dmg-table{flex-direction:column;gap:6px;font-size:12px;display:flex}.drow{--c:var(--hex);grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;display:grid}.drow .bar{background:#ffffff0f;grid-column:1/-1;height:4px}.drow .bar i{background:var(--c);height:100%;display:block}.drow b{font-family:var(--f-pixel);color:var(--muted);font-size:10px;font-weight:400}.pause-panel,.end-panel{flex-direction:column;gap:14px;width:min(780px,100%);margin:auto;padding:24px;display:flex}.pause-body,.end-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.pause-body h3,.end-cols h3,.pause-build h3{margin-bottom:8px}@media (max-width:640px){.pause-body,.end-cols{grid-template-columns:minmax(0,1fr)}}.end-panel{width:min(1000px,100%)}.ember-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(620px,100%);margin:auto;padding:24px;display:flex}.ember-panel h2{margin:0}.ember-intro{color:var(--muted);max-width:34em;margin:0;line-height:1.7}.ember-full{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.ember-full h3{color:#ffc94d;margin:0;font-size:14px}.ember-list{flex-direction:column;gap:6px;display:flex}.ember-item{text-align:left;color:var(--text);background:var(--panel-2);border:2px solid var(--line);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 12px;display:grid}.ember-item small{color:var(--muted);grid-column:1/-1;font-size:11px}.ember-item.on{background:color-mix(in srgb, #ff7a3d 14%, var(--panel-2));border-color:#ff7a3d}.ember-item[aria-disabled=true]{cursor:default;opacity:.55}.end-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}@media (max-width:860px){.end-cols{grid-template-columns:minmax(0,1fr)}}.end-soul .ledger{margin-top:0}.end-soul .ledger li{padding:6px 10px;font-size:14px}.end-soul .ledger li b{color:var(--soul)}.end-soul .ledger li.best b{color:var(--gold)}.end-soul .sum-total{margin-bottom:0}.end-soul .sum-total span{align-items:center;gap:6px;display:inline-flex}.end-soul .sum-total b{color:var(--soul)}.end-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.end-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.end-stats div{background:var(--panel-2);border:2px solid var(--line);flex-direction:column;gap:2px;padding:10px;display:flex}.end-stats small{color:var(--muted);font-size:11px}.end-stats b{font-family:var(--f-pixel);font-size:20px;font-weight:400}.fb-panel{flex-direction:column;gap:12px;width:min(720px,100%);margin:auto;padding:22px 26px;display:flex}.fb-panel h2{margin:0;font-size:28px}.downed .eyebrow{color:var(--soul)}.fb-intro{color:#c4bee6;margin:0;line-height:1.7}.fb-body{flex-direction:column;gap:14px;display:flex}.fb-body[hidden]{display:none}.fb-q{flex-direction:column;gap:8px;display:flex}.fb-prompt{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px;display:flex}.fb-prompt small{color:var(--dim);font-size:12px}.fb-req{color:var(--gold);border:1px solid #ffc94d73;padding:0 5px;font-size:11px}.fb-chips{flex-wrap:wrap;gap:6px;display:flex}.fb-chip{--c:var(--hex);color:var(--muted);background:var(--panel-2);border:2px solid var(--line);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:13px;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.fb-chip:hover{border-color:var(--line-2);color:var(--text)}.fb-chip[aria-pressed=true]{border-color:var(--c);color:#fff;background:color-mix(in srgb, var(--c) 18%, var(--panel-2))}.fb-chip img{width:18px;height:18px;image-rendering:pixelated}.fb-toggle{--c:var(--soul);align-self:flex-start}.fb-scale{align-items:center;gap:6px;display:flex}.fb-scale small{color:var(--dim);font-size:12px}.fb-scale small:first-child{text-align:right;min-width:4em;margin-right:4px}.fb-scale small:last-child{margin-left:4px}.fb-dot{width:34px;height:34px;font-family:var(--f-pixel);color:var(--muted);background:var(--panel-2);border:2px solid var(--line);cursor:pointer;font-size:12px}.fb-dot:hover{border-color:var(--line-2);color:var(--text)}.fb-dot[aria-pressed=true]{color:#2a1606;background:var(--gold);border-color:#fff1b8}.fb-text{position:relative}.fb-text textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:52px;font:inherit;color:var(--text);background:var(--panel-2);border:2px solid var(--line);padding:8px 10px 18px;font-size:14px;display:block}.fb-text textarea:focus{border-color:var(--hex);outline:none}.fb-text small{font-family:var(--f-pixel);color:var(--dim);pointer-events:none;font-size:9px;position:absolute;bottom:5px;right:8px}.fb-attached{color:var(--muted);font-size:13px;line-height:1.6}.fb-attached summary{cursor:pointer;color:var(--muted)}.fb-attached ul{margin:6px 0 4px;padding-left:18px}.fb-attached p{margin:0}.fb-attached a{color:var(--gold);text-decoration:underline}.fb-attached a:focus-visible{outline-offset:3px;outline:2px solid}.fb-error{color:#ff8aa0;text-align:center;margin:0;font-size:13px}.fb-error:empty{display:none}.fb-missing .fb-prompt{color:#ff8aa0}.fb-missing{animation:.3s fb-nudge}@keyframes fb-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.end-build{flex-direction:column;gap:8px;display:flex}.bs-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bs-row .slot.bag{opacity:.55;border-style:dashed}.bs-note{cursor:help;margin-left:4px}:root[data-layout=compact] .end-build{flex-flow:wrap;align-items:center;gap:6px 10px}#tooltip,#campTooltip{z-index:50;border:2px solid var(--line-2);pointer-events:none;max-width:300px;color:var(--text);background:#0e0c1c;padding:10px 12px;font-size:12px;line-height:1.6;position:fixed;box-shadow:4px 4px #00000080}#tooltip h4,#campTooltip h4{font-size:15px;font-family:var(--f-display);margin:0 0 4px;font-weight:400}#tooltip .tt-sub,#campTooltip .tt-sub{color:var(--muted);font-size:11px}#tooltip hr,#campTooltip hr{border:0;border-top:1px solid var(--line);margin:6px 0}#toasts{pointer-events:none;z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:20%;left:50%;transform:translate(-50%)}.toast{--c:var(--hex);font-family:var(--f-display);border:2px solid var(--c);color:#fff;text-shadow:2px 2px #000;white-space:nowrap;background:#0a0914e6;padding:6px 16px;font-size:20px;animation:2.4s forwards toast}.toast small{font-family:var(--f-body);color:var(--muted);text-shadow:none;margin-left:8px;font-size:12px}.toast.note{font-family:var(--f-body);white-space:normal;text-align:center;max-width:min(520px,100vw - 32px);font-size:14px;animation-duration:3.6s}@keyframes toast{0%{opacity:0;transform:translateY(10px)scale(.9)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}.toast.note{animation:none!important}}#touchPad{display:none}.is-touch #touchPad{display:block}.tbtn{border:2px solid var(--hex);width:64px;height:64px;color:var(--hex);font-family:var(--f-pixel);touch-action:none;background:#0a09148c;border-radius:50%;font-size:20px;position:absolute}#tQ{right:calc(96px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px))}#tR{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));border-color:var(--gold);color:var(--gold)}#tP{right:16px;top:calc(110px + env(safe-area-inset-top,0px));width:40px;height:40px;font-size:12px}.is-touch .hud-bc{left:calc(16px + var(--sl));align-items:flex-start;transform:none}.is-touch .statstrip{display:none}#toasts.low{top:auto;bottom:120px}#toasts.camp{z-index:46}.forge-pick{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080710cc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.fp-wrap{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(860px,100%);margin:auto;display:flex}.fp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}@media (max-width:700px){.fp-cards{grid-template-columns:minmax(0,1fr)}}.fp-card{--sc:#fff;--qc:#cfd8ea;cursor:pointer;filter:drop-shadow(0 6px #00000059);animation:.45s cubic-bezier(.2,1.4,.4,1) both fpIn;animation-delay:calc(var(--i) * .12s + 80ms);transition:transform .14s cubic-bezier(.2,1.4,.4,1),filter .14s;display:flex;position:relative}.fp-card:hover{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--sc) 40%, transparent)) drop-shadow(0 10px 0 #0000004d);transform:translateY(-6px)}.fp-card.q1{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--qc) 32%, transparent)) drop-shadow(0 6px 0 #00000059)}.fp-card.q2,.fp-card.amp{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--qc) 45%, transparent)) drop-shadow(0 6px 0 #00000059)}@keyframes fpIn{0%{opacity:0;transform:perspective(900px)rotateY(80deg)scale(.85)}}.fp-edge{background:linear-gradient(180deg, var(--qc), color-mix(in srgb, var(--qc) 35%, #171427) 65%, color-mix(in srgb, var(--sc) 60%, #171427));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);flex:1;padding:2px;display:flex}.fp-card.amp .fp-edge{background:conic-gradient(from var(--ang), #ff7ad9, #7af0ff, #ffe27a, #a98bff, #ff7ad9);animation:3s linear infinite spin}.fp-inner{isolation:isolate;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:radial-gradient(95% 50% at 50% 100%, color-mix(in srgb, var(--sc) 20%, transparent), transparent 72%), radial-gradient(80% 36% at 50% 0%, color-mix(in srgb, var(--qc) 12%, transparent), transparent 72%), linear-gradient(180deg, var(--panel-2), var(--panel) 58%, #110e1f);flex-direction:column;flex:1;align-items:center;gap:8px;min-height:250px;padding:20px 14px 16px;display:flex;position:relative}.fp-inner:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--qc) 24%, transparent);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);pointer-events:none;position:absolute;inset:5px}.fp-card.q2 .fp-inner:after,.fp-card.amp .fp-inner:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(2px 2px at 18% 78%, var(--qc), transparent), radial-gradient(2px 2px at 72% 88%, var(--sc), transparent), radial-gradient(1.5px 1.5px at 44% 96%, #fff3cf, transparent), radial-gradient(2px 2px at 86% 70%, var(--qc), transparent), radial-gradient(1.5px 1.5px at 30% 92%, var(--sc), transparent);animation:2.6s linear infinite fpEmber;position:absolute;inset:0}@keyframes fpEmber{0%{opacity:0;transform:translateY(18%)}20%{opacity:.9}to{opacity:0;transform:translateY(-62%)}}.fp-q{font-family:var(--f-display);color:var(--qc);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:7px;font-size:15px;display:flex}.fp-q:before,.fp-q:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,currentColor);width:16px;height:1px}.fp-q:after{transform:scaleX(-1)}.fp-q b{font-family:var(--f-pixel);letter-spacing:0;background:color-mix(in srgb, var(--qc) 14%, transparent);border:1px solid;padding:1px 4px;font-size:10px;font-weight:400}.fp-socket{--gw:56px;--gh:50px;width:calc(var(--gw) + 34px);height:calc(var(--gh) + 22px);background:radial-gradient(closest-side, color-mix(in srgb, var(--sc) 34%, transparent), transparent);flex:none;place-items:center;display:grid;position:relative}.fp-socket:before,.fp-socket:after{content:"";clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fp-socket:before{width:calc(var(--gw) + 16px);height:calc(var(--gh) + 13px);background:linear-gradient(180deg, color-mix(in srgb, var(--sc) 75%, #fff), color-mix(in srgb, var(--sc) 45%, #0d0b18))}.fp-socket:after{width:calc(var(--gw) + 9px);height:calc(var(--gh) + 7px);background:#0d0b18}.fp-glyph{z-index:1;width:var(--gw);height:var(--gh);font-size:30px;position:relative}.fp-name{font-family:var(--f-display);text-shadow:0 0 12px color-mix(in srgb, var(--sc) 35%, transparent), 0 2px 0 #0000008c;font-size:22px}.fp-big{color:var(--sc);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sc) 11%, transparent), transparent);border-block:1px solid;border-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sc) 35%, transparent), transparent) 1;align-self:stretch;padding:4px 8px;font-size:15px;font-weight:700;line-height:1.5}.fp-count{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.fp-count i{clip-path:polygon(0 3px,15px 3px,15px 0,20px 3.5px,15px 7px,15px 4px,0 4px);opacity:.75;background:currentColor;width:20px;height:7px}.fp-count b{color:var(--sc);font-weight:700}.fp-desc{color:var(--muted);font-size:12px;line-height:1.6}.fp-desc b{font-weight:700}.fp-card.unlock .fp-desc{color:#ffe2a0;background:#ffc94d14;border:1px solid #ffc94d47;margin-top:auto;padding:4px 8px}.fp-ladder{text-align:left;border-top:1px solid #ffffff14;flex-direction:column;align-self:stretch;gap:3px;margin-top:auto;padding-top:8px;display:flex}.fp-ms{color:var(--dim);grid-template-columns:18px minmax(0,1fr) auto;align-items:baseline;column-gap:6px;font-size:11px;line-height:1.5;display:grid}.fp-ms-at{font-family:var(--f-pixel);text-align:right;font-size:10px}.fp-ms b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.fp-ms small{white-space:nowrap;font-size:10px}.fp-ms p{color:var(--muted);grid-column:2/-1;margin:1px 0 2px;font-size:11px;line-height:1.5}.fp-ms.active{color:color-mix(in srgb, var(--sc) 55%, var(--muted))}.fp-ms.active small:before{content:"✓ "}.fp-ms.focus{color:var(--text)}.fp-ms.focus b{color:var(--sc);white-space:normal;font-weight:700}.fp-ms.unlock{background:#ffc94d14;border:1px solid #ffc94d47;margin:0 -6px;padding:3px 6px}.fp-ms.unlock small,.fp-ms.unlock p{color:#ffe2a0}.fp-ms-done{color:var(--muted);text-align:center;font-size:11px}.fp-key{font-family:var(--f-pixel);color:color-mix(in srgb, var(--qc) 55%, var(--dim));font-size:10px;position:absolute;top:9px;left:11px}:root[data-input=touch] .fp-key{display:none}#app.aim #screen{cursor:none}.tbtn{font-family:var(--f-display);font-size:16px}#app:not(.fight) #touchPad{display:none!important}#hubHud{pointer-events:none;position:absolute;inset:0}#hubHud .btn,#hubHud [data-tip]{pointer-events:auto}.hh-tl{left:calc(16px + var(--sl));top:calc(14px + env(safe-area-inset-top,0px));flex-direction:column;gap:6px;display:flex;position:absolute}.hh-place{text-shadow:2px 2px #000;flex-direction:column;display:flex}.hh-place b{font-family:var(--f-display);letter-spacing:.08em;font-size:24px;font-weight:400;line-height:1.2}.hh-place small{color:var(--muted);font-size:11px}.soulline{font-family:var(--f-pixel);color:var(--soul);text-shadow:2px 2px #000;align-self:flex-start;align-items:center;gap:8px;font-size:22px;display:flex}.soulline .soul{width:24px;height:24px}.soulline.bump b{animation:.2s bump;display:inline-block}.hh-tr{right:calc(16px + var(--sr));top:calc(14px + env(safe-area-inset-top,0px));position:absolute}.hh-hint{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:#0a0914bf;padding:6px 14px;font-size:13px;transition:opacity .6s;position:absolute;transform:translate(-50%)}.hh-hint.off{opacity:0}@media (max-width:640px){.hh-hint{white-space:normal;text-align:center;width:calc(100% - 32px)}}.hub-tag{white-space:nowrap;pointer-events:none;text-shadow:1px 1px #000,-1px 0 #000,0 -1px #000,0 1px #000;flex-direction:column;align-items:center;padding-bottom:4px;animation:.15s ease-out tagIn;display:flex;position:absolute;transform:translate(-50%,-100%)}.hub-tag b{font-family:var(--f-display);font-size:17px;font-weight:400;line-height:1.15}.hub-tag small{color:#c4bee6;font-size:11px}.hub-key{color:#fff;border:1px solid var(--hex);text-shadow:none;background:#0a0914e0;align-items:center;gap:5px;margin-top:3px;padding:1px 8px 1px 3px;font-size:12px;display:inline-flex}.hub-key kbd{color:var(--hex);border-color:var(--hex)}@keyframes tagIn{0%{opacity:0;transform:translate(-50%,-88%)}}.dialog{--c:var(--hex);left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;border:2px solid var(--line-2);width:min(840px,100% - 24px);min-height:132px;box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px #0006;background:linear-gradient(#19152bf7,#0d0b18f7);gap:16px;padding:14px 18px 14px 14px;display:flex;position:absolute;transform:translate(-50%)}.dialog.in{animation:.22s ease-out dlgIn}@keyframes dlgIn{0%{opacity:0;transform:translate(-50%,14px)}}.dlg-face{border:2px solid color-mix(in srgb, var(--c) 55%, var(--line));background:radial-gradient(circle at 50% 60%,#1d1838,#0b0a14);flex:none;width:96px;height:96px}.dlg-face canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.dlg-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dlg-head{align-items:baseline;gap:10px;display:flex}.dlg-head b{font-family:var(--f-display);color:var(--c);font-size:22px;font-weight:400}.dlg-head span{color:var(--muted);font-size:12px}.dlg-text{color:#e6e1f7;text-wrap:pretty;cursor:default;min-height:3.6em;margin:0;font-size:15px;line-height:1.75}.dlg-text .ch{visibility:hidden}.dlg-text .ch.on,.dlg-text.done .ch{visibility:visible}.dlg-text b{color:var(--gold);white-space:nowrap}.dlg-text i{color:#b9b0e0;font-style:normal}.dlg-soon{color:var(--dim);border:1px dashed var(--line-2);margin-top:4px;padding:1px 8px;font-size:12px;display:inline-block}.dlg-opts{flex-direction:column;gap:1px;margin:2px 0 0;padding:0;list-style:none;display:flex}.dlg-opts li{color:#cfc9ea;cursor:pointer;border-left:2px solid #0000;align-items:baseline;gap:6px;padding:4px 10px;font-size:14px;animation:.2s both optIn;display:flex}.dlg-opts li:nth-child(2){animation-delay:40ms}.dlg-opts li:nth-child(3){animation-delay:80ms}.dlg-opts li:nth-child(4){animation-delay:.12s}.dlg-opts li:nth-child(5){animation-delay:.16s}@keyframes optIn{0%{opacity:0;transform:translate(-8px)}}.dlg-opts .n{font-family:var(--f-pixel);color:var(--dim);min-width:18px;font-size:11px}.dlg-opts em{color:#c9a2ff;font-style:normal}.dlg-opts li.sel{color:#fff;background:color-mix(in srgb, var(--c) 14%, transparent);border-left-color:var(--c)}.dlg-opts li.sel .n{color:var(--c)}@media (max-width:640px){.dlg-face{width:64px;height:64px}.dialog{gap:10px;padding:10px}.dlg-text{font-size:14px}}.dlg-roll{flex-direction:column;align-items:center;gap:6px;min-width:130px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.roll-label{color:#c9a2ff;white-space:nowrap;font-size:12px}.d20{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#6a52d0,#1e1450);place-items:center;width:66px;height:74px;display:grid;position:relative}.d20:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#3d2a86,#160f38);position:absolute;inset:3px}.d20 b{font-family:var(--f-pixel);color:#fff;text-shadow:2px 2px #000;font-size:26px;font-weight:400;position:relative}.dlg-roll.rolling .d20{animation:.28s linear infinite dieSpin}@keyframes dieSpin{50%{transform:rotate(14deg)scale(1.06)}}.dlg-roll.ok .d20{background:linear-gradient(160deg, #c8fff7, var(--hex));animation:.45s cubic-bezier(.2,1.6,.4,1) dieLand}.dlg-roll.ok .d20:before{background:linear-gradient(160deg,#1fa69a,#0b3c38)}.dlg-roll.no .d20{background:linear-gradient(160deg, #ffb3c1, var(--red));animation:.45s cubic-bezier(.2,1.6,.4,1) dieLand}.dlg-roll.no .d20:before{background:linear-gradient(160deg,#a3264a,#3a0c1a)}@keyframes dieLand{0%{transform:scale(1.6)rotate(-20deg)}}.roll-res{font-family:var(--f-display);min-height:1.3em;font-size:18px}.dlg-roll.ok .roll-res{color:var(--hex)}.dlg-roll.no .roll-res{color:#ff9aaa}.meta-panel{flex-direction:column;gap:14px;width:min(1080px,100%);margin:auto;padding:20px 22px;display:flex}.meta-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.mh-title h2{margin:0}.meta-quote{min-width:240px;color:var(--muted);border-left:2px solid var(--line);flex:1;margin:0;padding-left:12px;font-size:13px;line-height:1.6}.meta-quote b{font-weight:400;font-family:var(--f-display);font-size:15px}.mh-soul{font-family:var(--f-pixel);color:var(--soul);text-shadow:3px 3px #000;align-items:center;gap:8px;font-size:30px;display:flex}.meta-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:680px){.meta-cols{grid-template-columns:minmax(0,1fr)}}.mcol{flex-direction:column;gap:8px;display:flex}.mcol-head{border-bottom:2px solid var(--line);align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.mcol-head b{font-family:var(--f-display);color:var(--gold);font-size:22px;font-weight:400}.mcol-head span{color:var(--muted);font-size:12px}.mcard{--c:var(--hex);cursor:pointer;background:linear-gradient(90deg, color-mix(in srgb, var(--c) 10%, var(--panel-2)), var(--panel-2) 60%);border:2px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transition:transform .1s,border-color .12s,opacity .2s;display:grid}.mcard:hover{border-color:var(--c);transform:translateY(-2px)}.mcard:focus-visible{outline:2px solid var(--hex);outline-offset:3px}.mcard img{width:36px;height:36px;image-rendering:pixelated;border:1px solid var(--line);background:#00000040}.mc-name{white-space:nowrap;align-items:baseline;gap:6px;font-size:14px;font-weight:700;display:flex}.mc-name small{color:var(--c);text-overflow:ellipsis;font-size:11px;font-weight:400;overflow:hidden}.mc-pips{gap:3px;margin-top:6px;display:flex}.mc-pips i{background:#ffffff14;border:1px solid #000;width:12px;height:5px}.mc-pips i.on{background:var(--c);box-shadow:0 0 6px color-mix(in srgb, var(--c) 60%, transparent)}.mc-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mc-val{color:var(--muted);white-space:nowrap;font-size:12px}.mc-val b{color:var(--heal)}.mc-cost{font-family:var(--f-pixel);color:var(--soul);align-items:center;gap:4px;font-size:15px;display:flex}.mcard.cant{opacity:.55}.mcard.cant .mc-cost{color:var(--red)}.mcard.full{cursor:default;border-color:color-mix(in srgb, var(--c) 45%, var(--line))}.mcard.full:hover{transform:none}.mcard.full .mc-cost{font-family:var(--f-body);color:var(--c);font-size:12px}.mcard.tempered{animation:.6s ease-out tempered}@keyframes tempered{0%{filter:brightness(2.2);box-shadow:0 0 0 2px #fff, 0 0 32px var(--c)}to{filter:none;box-shadow:none}}.mcard.shake,.mode-item.shake{animation:.3s shakeX}@keyframes shakeX{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.meta-foot{color:var(--muted);border-top:2px dashed var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding-top:10px;font-size:12px;display:flex}.meta-foot b{color:var(--text);font-weight:400}.story{background:radial-gradient(at 50% 35%,#15102af7,#07060efa 75%)}.story-wrap{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(640px,100%);margin:auto;display:flex}#storyArt{aspect-ratio:2;width:min(480px,100%);image-rendering:pixelated;border:2px solid var(--line);box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px #0006;background:#07060e;margin-bottom:6px}.story-wrap h2{margin:0}.story-text{color:#ddd8f2;text-wrap:pretty;cursor:pointer;max-width:34em;margin:0;font-size:16px;line-height:1.9}.story-text b{color:var(--gold);white-space:nowrap;font-weight:400}.story.turn .story-wrap>*{animation:.5s both storyIn}.story.turn .story-wrap>:nth-child(2){animation-delay:80ms}.story.turn .story-wrap>:nth-child(3){animation-delay:.14s}.story.turn .story-wrap>:nth-child(4){animation-delay:.22s}.story.turn .story-wrap>:nth-child(5){animation-delay:.3s}@keyframes storyIn{0%{opacity:0;transform:translateY(8px)}}.story-nav{align-items:center;gap:12px;margin-top:8px;display:flex}.story-dots{gap:6px;margin-right:6px;display:flex}.story-dots i{background:var(--line);width:8px;height:8px}.story-dots i.done{background:var(--hex-2)}.story-dots i.on{background:var(--hex)}.hubmenu-panel{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(600px,100%);margin:auto;padding:24px;display:flex}.hubmenu-panel h2{margin:0}.hubmenu-panel .end-stats{text-align:left;grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));width:100%}@media (max-width:640px){.hubmenu-panel .end-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}#phaser-world{touch-action:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}#phaser-world canvas{image-rendering:pixelated;width:100%;height:100%;display:block}.dlg-opts button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.dlg-opts button:focus-visible,.btn:focus-visible,.mcard:focus-visible{outline:2px solid var(--hex);outline-offset:3px}#engine-error{z-index:100;background:var(--panel);border:1px solid var(--red);padding:24px;position:absolute;inset:25% 10%}#world-vignette{pointer-events:none;background:radial-gradient(#0000 28%,#06050c7a 100%);position:absolute;inset:0}@media (max-width:600px){.heat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.heat-group{grid-template-columns:1fr}.heat-track{grid-template-columns:repeat(3,minmax(0,1fr))}.modes-wrap{grid-template-columns:1fr;grid-template-areas:"head""list""detail""nav"}.mode-list{flex-direction:row;padding-left:0}.mode-item{flex:1 1 0}.mode-item.on:before{display:none}.menu-wrap{padding:22px 12px}.slots{gap:8px;grid-template-columns:1fr!important}.slot-card{padding:12px!important}.sc-empty{min-height:28px!important}.tagline{margin:12px 0!important}.logo-mark{width:94vw}.logo-cn{height:38px}.dialog{gap:10px!important;padding:12px!important;bottom:8px!important;left:8px!important;right:8px!important}.dlg-face{display:none}.meta-cols{grid-template-columns:1fr!important}.meta-panel{max-height:95dvh;overflow:auto}.meta-head{flex-wrap:wrap}.story-wrap{padding:20px!important}.screen{overflow-y:auto}.hh-hint{max-width:95vw;font-size:11px}.hh-place b{font-size:20px}.dialog{max-height:85dvh;overflow:auto;width:auto!important;transform:none!important}.story-wrap #storyArt{max-width:100%;height:auto}.story-text{font-size:15px}.meta-head{display:flex!important}.mh-title{flex:1}.meta-quote{order:4;width:100%}.meta-foot{flex-wrap:wrap;gap:8px}.title .menu-wrap{gap:10px}}.dialog:has(.dlg-roll:not([hidden])) .dlg-body{padding-right:150px}@media (max-width:600px){.dialog:has(.dlg-roll:not([hidden])){flex-wrap:wrap}.dialog:has(.dlg-roll:not([hidden])) .dlg-body{flex-basis:100%;padding-right:0}.dlg-roll{flex-basis:100%;padding-top:8px;position:static;transform:none}}.ab,.pot{color:inherit;font:inherit;cursor:pointer;padding:0}.ab img.ab-icon{image-rendering:pixelated}.slot[role=button]{cursor:pointer}.slot.armed{outline:2px solid var(--red);outline-offset:2px}.ab.rejected{border-color:var(--red)!important}.icard:focus-visible,.pcard:focus-visible,.fp-card:focus-visible,.aug-frame:focus-visible,.slot[role=button]:focus-visible,.ab:focus-visible,.pot:focus-visible{outline:2px solid var(--hex);outline-offset:3px}.save-error{border:2px solid var(--red);color:#ffd7df;background:#351327;padding:12px}.save-error p{margin:0 0 8px}#touchControls{pointer-events:none;z-index:10;position:absolute;inset:0}#campStick{z-index:10}#joystick,#campStick{pointer-events:none;background:#0b092750;border:2px solid #4ee8d480;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}#campStick[hidden]{display:none}#joystick i,#campStick i{border:2px solid var(--hex);background:#4ee8d450;border-radius:50%;width:38px;height:38px;position:absolute;top:35px;left:35px}#touchActions{right:calc(18px + var(--sr));bottom:calc(22px + env(safe-area-inset-bottom,0px));align-items:flex-end;gap:10px;display:flex;position:absolute}#touchActions .tbtn{pointer-events:auto;place-items:center;padding:4px;font-size:14px;display:grid;position:relative}#touchActions .tbtn img{width:30px;height:30px;image-rendering:pixelated}#touchActions .tbtn span{color:#fff;text-shadow:1px 1px #000;place-items:center;display:grid;position:absolute;inset:0}#touchActions .tbtn:disabled{opacity:.45}#touchActions .touch-potion{border-color:var(--gold);width:36px;height:36px}#touchActions .touch-potion img{width:22px;height:22px}#touchActions small{color:#fff;font-size:10px;position:absolute;top:-5px;left:0}#touchPause{left:calc(16px + var(--sl));top:calc(72px + env(safe-area-inset-top,0px));pointer-events:auto;position:absolute}.is-touch .hud-bc{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.is-touch #abilitySlots{display:none}@media (max-width:600px){#touchActions{flex-wrap:wrap;gap:6px;max-width:230px}#touchActions .tbtn{width:52px;height:52px}#touchActions .touch-potion{width:32px;height:32px}.hud-tr{max-width:42vw}.trait-list{flex-wrap:wrap}.shop-head{gap:8px}.shop-head .btn{font-size:12px}.forge-pick{padding:12px}.fp-inner{min-height:190px;padding:16px 12px}.aug-inner{min-height:0}.statstrip{flex-wrap:wrap;max-width:50vw}.screen.shop{padding:12px}.shop-body{gap:12px}.sh-title h2{font-size:24px}}#campFx{pointer-events:none;z-index:35;width:100%;height:100%;position:fixed;inset:0}.storage-status{z-index:65;border-color:var(--gold);width:min(620px,100% - 24px);padding:12px 16px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0009}.storage-status strong{color:var(--gold)}.storage-status p{margin:6px 0;line-height:1.5}.storage-status small{color:var(--muted);margin-top:8px;line-height:1.5;display:block}.storage-buttons{flex-wrap:wrap;gap:8px;display:flex}.storage-status.trial{pointer-events:none;opacity:.9;width:auto;max-width:calc(100% - 24px);padding:5px 10px;font-size:11px;top:6px}.storage-status.trial strong{font-weight:400}@media (max-width:600px){.storage-status{padding:10px;font-size:12px}.storage-status.trial{padding:4px 8px}.storage-buttons .btn{font-size:12px}}.guide-card{--c:var(--soul);--tip:24px;z-index:45;border:2px solid var(--line-2);border-left:4px solid var(--c);pointer-events:none;background:#0e0c1cf2;width:min(300px,100vw - 32px);padding:10px 12px 11px;position:fixed;top:0;left:0;box-shadow:4px 4px #00000080}.guide-card:before{content:"";background:var(--c);display:none;position:absolute}.guide-card[data-side=right]:before{left:-12px;top:calc(var(--tip) - 6px);clip-path:polygon(100% 0,0 50%,100% 100%);width:8px;height:12px;display:block}.guide-card[data-side=left]:before{right:-10px;top:calc(var(--tip) - 6px);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:12px;display:block}.guide-card[data-side=below]:before{top:-10px;left:calc(var(--tip) - 6px);clip-path:polygon(0 100%,50% 0,100% 100%);width:12px;height:8px;display:block}.guide-card[data-side=above]:before{bottom:-10px;left:calc(var(--tip) - 6px);clip-path:polygon(0 0,50% 100%,100% 0);width:12px;height:8px;display:block}.guide-card.in{animation:.28s ease-out guideIn}.guide-card.done{border-left-color:var(--heal)}.guide-card.done:before{background:var(--heal)}.guide-card.hold{border-color:var(--c);border-left-width:4px;box-shadow:4px 4px #00000080,0 0 0 1px #0009,0 0 22px #ff8a6a47}.guide-card.confirm{pointer-events:auto;cursor:pointer}.gc-head{align-items:baseline;gap:6px;font-size:12px;display:flex}.gc-head b{color:var(--c)}.gc-head small{color:var(--dim)}.gc-step{font-family:var(--f-pixel);color:var(--dim);margin-left:auto;font-size:10px}.guide-card.hold .gc-step{color:var(--soul-glow);animation:1.2s steps(2,jump-none) infinite guideBlink}.gc-title{font-family:var(--f-display);color:var(--text);margin-top:4px;font-size:17px}.guide-card.done .gc-title:after{content:" ✓";color:var(--heal)}.gc-text{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.55}.gc-text b{color:var(--text);font-weight:600}.gc-keys{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;font-size:11px;display:flex}.gc-keys:empty{display:none}.guide-card.hold .gc-keys{color:var(--text);font-size:13px}.guide-card.hold .gc-keys kbd{color:var(--c);border-color:var(--c);padding:3px 8px;font-size:13px;animation:1s ease-in-out infinite guideKey}.guide-card.done .gc-keys kbd{color:var(--heal);border-color:var(--heal);animation:none}#guideSpot{--x:50%;--y:50%;--r:60px;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y), transparent 0, transparent var(--r), #06050c99 calc(var(--r) + 70px));animation:.2s ease-out guideSpot;position:absolute;inset:0}.guide-focus{outline:2px solid var(--soul);outline-offset:3px;animation:1.6s ease-in-out infinite guidePulse}@keyframes guidePulse{0%,to{outline-color:#ff8a6af2}50%{outline-color:#ff8a6a40}}@keyframes guideIn{0%{opacity:0}to{opacity:1}}@keyframes guideKey{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes guideBlink{50%{opacity:.35}}@keyframes guideSpot{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.guide-card,.guide-focus,.guide-card.hold .gc-keys kbd,.guide-card.hold .gc-step,#guideSpot{animation:none}}.story-note{color:var(--dim);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.6}.modes-wrap{grid-template-columns:minmax(180px,230px) minmax(0,1fr);grid-template-areas:"head head""list detail""nav nav";gap:14px 26px;width:min(880px,100%);margin:auto;display:grid}.modes-head{flex-direction:column;grid-area:head;align-items:flex-start;display:flex}.modes-head h2{margin:0}.mode-list{flex-direction:column;grid-area:list;align-self:start;gap:10px;padding-left:10px;display:flex}.mode-item{--c:var(--hex);text-align:left;color:var(--text);background:var(--panel-2);border:2px solid var(--line);box-shadow:0 4px 0 var(--ink);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:10px 12px;transition:border-color .12s,background .12s,transform 60ms;display:grid;position:relative}.mode-item:hover{border-color:var(--line-2)}.mode-item:active{transform:translateY(2px)}.mode-item.on{border-color:var(--c);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 18%, var(--panel-2)), var(--panel-2) 72%)}.mode-item.on:before{content:"";background:var(--c);width:4px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-12px}.mi-name{font-family:var(--f-display);letter-spacing:.04em;font-size:19px}.mi-sub{color:var(--muted);grid-column:1;font-size:12px}.mi-tags{flex-direction:column;grid-area:1/2/span 2;align-items:flex-end;gap:4px;display:flex}.mi-cur{color:var(--ink);background:var(--c);padding:0 6px;font-size:11px;line-height:16px}.mi-lock{color:var(--dim);font-size:11px}.mode-item.locked .mi-name,.mode-item.locked .mi-sub{color:var(--dim)}.mode-detail{--c:var(--hex);flex-direction:column;grid-area:detail;gap:6px;min-width:0;display:flex}.mode-art{margin-bottom:6px;position:relative}#modeArt{aspect-ratio:2;width:100%;image-rendering:pixelated;border:2px solid color-mix(in srgb, var(--c) 45%, var(--line));box-shadow:0 0 0 2px var(--ink), 6px 6px 0 2px #0006;background:#07060e;display:block}.mode-detail.locked #modeArt{filter:grayscale(.85)brightness(.4);border-color:var(--line)}.mode-lock{text-align:center;max-width:86%;color:var(--muted);border:1px solid var(--line-2);background:#0b0a14db;padding:6px 12px;font-size:13px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-texts{min-width:0;display:grid}.mode-text{visibility:hidden;flex-direction:column;grid-area:1/1;gap:6px;min-width:0;display:flex}.mode-text.on{visibility:visible}.mode-text .eyebrow{color:color-mix(in srgb, var(--c) 70%, var(--muted))}.mode-text h3{color:var(--c);font-size:24px}.mode-text.locked h3{color:var(--dim)}.ember-rows{flex-direction:column;gap:6px;max-height:212px;display:flex;overflow-y:auto}.ember-row{background:var(--panel-2);border:2px solid var(--line);align-items:center;gap:10px;padding:6px 10px;display:flex}.ember-row.active{border-color:#ff7a3d}.er-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.er-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.er-main small{color:var(--muted);font-size:11px}.er-acts{flex-shrink:0;gap:6px;display:flex}.er-acts .btn{padding:4px 10px;font-size:13px}.mode-blurb{color:#ddd8f2;text-wrap:pretty;margin:0;font-size:15px;line-height:1.85}.mode-facts{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.mode-facts li{color:var(--muted);background:var(--panel-2);border:1px solid var(--line);padding:2px 8px;font-size:12px}.mode-record{color:var(--dim);margin:0;font-size:12px}.mode-record b{color:var(--gold);font-weight:400}.modes-nav{grid-area:nav;justify-content:flex-end;gap:12px;display:flex}.modes-nav .btn{justify-content:center}.mode-pick{display:inline-grid}.mode-pick>span{text-align:center;grid-area:1/1}.mode-pick>.off{visibility:hidden}.modes-nav .btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.mode-heat{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:4px 0 0;display:flex}.mode-heat .btn{border-color:color-mix(in srgb, var(--fire) 60%, var(--line-2));padding:4px 12px;font-size:13px}.mode-heat .btn b{color:var(--fire);font-weight:400}.mode-heat small{color:var(--dim);font-size:12px}.heat-lock{opacity:.8}.heat-wrap{flex-direction:column;gap:12px;width:min(900px,100%);margin:auto;display:flex}.heat-wrap[hidden]{display:none}.heat-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.heat-head .eyebrow{color:color-mix(in srgb, var(--fire) 70%, var(--muted));flex-basis:100%}.heat-head h2{margin:0}.heat-total{font-family:var(--f-pixel);color:var(--fire);text-shadow:0 0 12px color-mix(in srgb, var(--fire) 55%, transparent);font-size:30px;font-weight:400;line-height:1}.heat-sub{color:var(--muted);font-size:13px}.heat-sub b{color:var(--gold);font-weight:400}.heat-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.heat-track li{background:var(--panel-2);border:2px solid var(--line);color:var(--dim);justify-content:space-between;align-items:baseline;gap:6px;padding:3px 10px;display:flex}.heat-track li b{font-family:var(--f-pixel);font-size:15px;font-weight:400}.heat-track li small{align-items:center;gap:3px;font-size:12px;display:inline-flex}.heat-track .soul{width:12px;height:12px}.heat-track li.on{color:var(--text);border-color:var(--fire);background:linear-gradient(90deg, color-mix(in srgb, var(--fire) 20%, var(--panel-2)), var(--panel-2))}.heat-track li.got small{color:var(--dim)}.heat-grid{flex-direction:column;gap:10px;display:flex}.heat-group{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:10px;display:grid}.heat-label{font-family:var(--f-display);color:var(--muted);flex-direction:column;gap:2px;padding-top:6px;font-size:18px;display:flex}.heat-label small{font-family:var(--f-body);color:var(--dim);font-size:11px}.heat-group.pact .heat-label{color:var(--gold)}.heat-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.heat-tile{--c:var(--fire);text-align:left;color:var(--muted);background:var(--panel-2);border:2px solid var(--line);box-shadow:0 3px 0 var(--ink);cursor:pointer;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"icon name heat""icon pips heat";align-items:center;gap:2px 8px;padding:6px 8px;transition:border-color .12s,background .12s,transform 60ms;display:grid;position:relative}.heat-tile:hover,.heat-tile:focus-visible{border-color:var(--line-2);outline:none}.heat-tile:active{transform:translateY(2px)}.heat-tile img{width:24px;height:24px;image-rendering:pixelated;opacity:.55;grid-area:icon}.ht-name{white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:14px;overflow:hidden}.ht-pips{grid-area:pips;gap:3px;display:flex}.ht-pips i{background:#ffffff14;border:1px solid #000;width:12px;height:5px}.ht-pips i.on{background:var(--c);box-shadow:0 0 6px color-mix(in srgb, var(--c) 60%, transparent)}.ht-heat{font-family:var(--f-pixel);color:var(--fire);grid-area:heat;font-size:13px}.heat-tile.on{color:var(--text);border-color:var(--c);background:linear-gradient(135deg, color-mix(in srgb, var(--c) 20%, var(--panel-2)), var(--panel-2) 70%)}.heat-tile.on img{opacity:1}.heat-tile:focus-visible{box-shadow:0 3px 0 var(--ink), 0 0 0 2px var(--hex)}.heat-detail{min-height:58px;color:var(--muted);background:var(--panel);border:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 12px;font-size:13px;display:flex}.heat-detail b{font-family:var(--f-display);font-size:16px;font-weight:400}.heat-detail ol{flex-wrap:wrap;flex-basis:100%;gap:2px 16px;margin:2px 0 0;padding:0;list-style:none;display:flex}.heat-detail li{color:var(--dim)}.heat-detail li.on{color:var(--text)}.heat-detail em{color:var(--fire);margin-left:6px;font-size:11px;font-style:normal}.heat-nav{justify-content:flex-end;align-items:center;gap:12px;display:flex}.heat-records{min-width:0;color:var(--dim);flex:1;font-size:12px}.heat-records b{color:var(--gold);font-weight:400}.heat-nav .btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.dlg-new,.mi-new{vertical-align:1px;color:var(--ink);background:var(--gold);margin-left:6px;padding:0 5px;font-size:11px;line-height:16px;animation:1.6s ease-in-out infinite newPulse;display:inline-block}@keyframes newPulse{50%{opacity:.55}}#rotateHint{z-index:200;background:radial-gradient(ellipse at 50% 40%, #1a1630, var(--ink) 70%);text-align:center;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}html[data-orient=portrait] #rotateHint{display:flex}.rh-wrap{flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}.rh-wrap h2{margin:6px 0 0;font-size:24px}.rh-wrap p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.rh-wrap .btn{margin-top:10px}.rh-phone{width:70px;height:110px;image-rendering:pixelated;filter:drop-shadow(0 0 14px #4ee8d459);animation:2.6s cubic-bezier(.5,0,.3,1) infinite rhTurn}@keyframes rhTurn{0%,22%{transform:rotate(0)}48%,82%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rh-phone{animation:none;transform:rotate(-90deg)}}.shop-tabs{display:none}:root[data-layout=compact] h2{margin:2px 0 6px;font-size:24px}:root[data-layout=compact] .screen{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}:root[data-layout=compact] .menu-actions{gap:8px}:root[data-layout=compact] .title .menu-wrap{gap:10px;max-width:none}:root[data-layout=compact] .logo{gap:4px}:root[data-layout=compact] .logo-mark{width:auto;height:clamp(40px,15vh,64px)}:root[data-layout=compact] .logo-cn{height:clamp(18px,6.5vh,28px)}:root[data-layout=compact] .tagline{display:none}:root[data-layout=compact] .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}:root[data-layout=compact] .slot-card{gap:6px;min-height:0;padding:9px 12px 10px}:root[data-layout=compact] .sc-name{font-size:17px}:root[data-layout=compact] .sc-empty{gap:2px}:root[data-layout=compact] .sc-empty b{font-size:18px}:root[data-layout=compact] .sc-soul b{font-size:21px}:root[data-layout=compact] .sc-run{padding:5px 8px}:root[data-layout=compact] .sc-foot{gap:6px}:root[data-layout=compact] .sc-tools{min-height:28px;padding-top:3px}:root[data-layout=compact] .title-tools{top:calc(8px + env(safe-area-inset-top,0px));right:calc(12px + var(--sr));position:absolute}:root[data-layout=compact] .story-wrap{text-align:left;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:start;gap:4px 24px;width:min(880px,100%);display:grid}:root[data-layout=compact] .story-wrap>*{grid-column:2}:root[data-layout=compact] #storyArt{grid-area:1/1/span 6;align-self:center;width:100%;margin:0}:root[data-layout=compact] .story-wrap h2{margin:0 0 2px}:root[data-layout=compact] .story-text{font-size:14px;line-height:1.75}:root[data-layout=compact] .story-nav{flex-wrap:wrap;margin-top:6px}:root[data-layout=compact] .story-note{text-align:left;margin-top:6px}:root[data-layout=compact] .modes-wrap{grid-template:"head head""list detail""list nav"1fr/minmax(150px,190px) minmax(0,1fr);gap:8px 18px;width:min(920px,100%)}:root[data-layout=compact] .modes-nav{align-self:start}:root[data-layout=compact] .modes-head{flex-direction:row;align-items:baseline;gap:10px}:root[data-layout=compact] .mode-list{gap:6px}:root[data-layout=compact] .mode-item{padding:5px 10px}:root[data-layout=compact] .mi-name{font-size:16px}:root[data-layout=compact] .mode-detail{grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start;column-gap:14px;display:grid}:root[data-layout=compact] .mode-art{margin:0}:root[data-layout=compact] .mode-text{gap:3px}:root[data-layout=compact] .mode-text h3{font-size:19px}:root[data-layout=compact] .mode-blurb{font-size:13px;line-height:1.65}:root[data-layout=compact] .heat-wrap{gap:6px;width:min(940px,100%)}:root[data-layout=compact] .heat-total{font-size:22px}:root[data-layout=compact] .heat-head h2{font-size:20px}:root[data-layout=compact] .heat-head .eyebrow{display:none}:root[data-layout=compact] .heat-track li{padding:1px 8px}:root[data-layout=compact] .heat-grid{gap:6px}:root[data-layout=compact] .heat-group{grid-template-columns:56px minmax(0,1fr);gap:6px}:root[data-layout=compact] .heat-label{padding-top:2px;font-size:15px}:root[data-layout=compact] .heat-label small{display:none}:root[data-layout=compact] .heat-tile{grid-template-columns:18px minmax(0,1fr) auto;gap:1px 6px;padding:3px 6px}:root[data-layout=compact] .heat-tile img{width:18px;height:18px}:root[data-layout=compact] .ht-name{font-size:12px}:root[data-layout=compact] .heat-detail{min-height:0;padding:4px 10px;font-size:12px}:root[data-layout=compact] .heat-detail b{font-size:14px}:root[data-layout=compact] .mode-facts li{padding:1px 6px;font-size:11px}:root[data-layout=compact] .aug-wrap{gap:8px;max-width:980px}:root[data-layout=compact] .aug-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}:root[data-layout=compact] .aug-head h2{margin:0;font-size:21px}:root[data-layout=compact] .aug-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}:root[data-layout=compact] .aug-card{gap:6px}:root[data-layout=compact] .aug-inner{gap:6px;min-height:0;padding:10px 12px 12px}:root[data-layout=compact] .aug-icon{width:46px;height:46px;margin-top:0}:root[data-layout=compact] .aug-icon:before{inset:-5px}:root[data-layout=compact] .aug-syn{padding:4px 8px}:root[data-layout=compact] .aug-rule{height:5px}:root[data-layout=compact] .aug-icon img{width:36px;height:36px}:root[data-layout=compact] .aug-name{font-size:19px}:root[data-layout=compact] .aug-desc{font-size:12.5px;line-height:1.55}:root[data-layout=compact] .form-summary{display:none}:root[data-layout=compact] .aug-cards.form-cards{grid-template-columns:repeat(var(--n,3), minmax(0, 360px))}:root[data-layout=compact] .form-card .aug-icon,:root[data-layout=compact] .form-card .aug-tier,:root[data-layout=compact] .form-card .aug-rule{display:none}:root[data-layout=compact] .form-card .aug-name{font-size:18px}:root[data-layout=compact] #formScreen .aug-sub .k-mouse{display:none}:root[data-layout=compact] .form-changes p{font-size:11.5px;line-height:1.45}:root[data-layout=compact] .form-changes{gap:3px}:root[data-layout=compact] .aug-syn{font-size:11px}:root[data-layout=compact] .aug-card .btn{padding-block:4px;font-size:12px}:root[data-layout=compact] .forge-pick{padding:8px calc(16px + var(--sr)) 8px calc(16px + var(--sl))}:root[data-layout=compact] .fp-wrap{gap:6px}:root[data-layout=compact] .fp-wrap h2{margin:0;font-size:21px}:root[data-layout=compact] .fp-cards{gap:12px}:root[data-layout=compact] .fp-inner{grid-template-columns:auto minmax(0,1fr);align-content:start;justify-items:center;gap:5px 6px;min-height:0;padding:12px 10px;display:grid}:root[data-layout=compact] .fp-inner>*{grid-column:1/-1}:root[data-layout=compact] .fp-q{grid-area:1/2;align-self:end}:root[data-layout=compact] .fp-name{grid-area:2/2;align-self:start}:root[data-layout=compact] .fp-big,:root[data-layout=compact] .fp-ladder,:root[data-layout=compact] .fp-desc{justify-self:stretch}:root[data-layout=compact] .fp-ladder{gap:0;padding-top:4px}:root[data-layout=compact] .fp-ms,:root[data-layout=compact] .fp-ms p{line-height:1.35}:root[data-layout=compact] .fp-ms.unlock{padding-block:1px}:root[data-layout=compact] .fp-socket{--gw:44px;--gh:40px;grid-area:1/1/span 2}:root[data-layout=compact] .fp-glyph{font-size:24px}:root[data-layout=compact] .fp-big{padding-block:2px}:root[data-layout=compact] .fp-name{font-size:18px}:root[data-layout=compact] .fp-big{font-size:14px}:root[data-layout=compact] .sum-panel{padding:14px 20px}:root[data-layout=compact] .sum-panel h2{margin:0 0 2px}:root[data-layout=compact] .ledger li{padding:5px 10px;font-size:14px}:root[data-layout=compact] .sum-total{margin-bottom:8px;padding-top:6px}:root[data-layout=compact] .sum-total b{font-size:26px}:root[data-layout=compact] .pause-panel,:root[data-layout=compact] .end-panel{gap:8px;width:min(960px,100%);max-height:100%;padding:12px 18px;overflow:hidden}:root[data-layout=compact] .ember-panel{gap:8px;width:min(760px,100%);padding:12px 18px}:root[data-layout=compact] .ember-panel h2{font-size:22px}:root[data-layout=compact] .ember-intro{font-size:12px;line-height:1.5}:root[data-layout=compact] .ember-full{gap:6px}:root[data-layout=compact] .ember-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;display:grid}:root[data-layout=compact] .ember-item{padding:4px 8px}:root[data-layout=compact] .ember-panel.full .ember-intro,:root[data-layout=compact] .ember-blurb{display:none}:root[data-layout=compact] .ember-rows{max-height:150px}:root[data-layout=compact] .ember-note{display:none}:root[data-layout=compact] .ember-row{padding:4px 8px}:root[data-layout=compact] .pause-panel h2,:root[data-layout=compact] .end-panel h2{margin:0;font-size:22px}:root[data-layout=compact] .pause-body{flex:auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;min-height:0}:root[data-layout=compact] #pauseStats{grid-template-columns:repeat(2,minmax(0,1fr) auto);column-gap:14px}:root[data-layout=compact] .pause-body>div,:root[data-layout=compact] .end-cols>div{min-height:0;overflow-y:auto}:root[data-layout=compact] .pause-body h3,:root[data-layout=compact] .end-cols h3,:root[data-layout=compact] .pause-build h3{margin-bottom:4px;font-size:15px}:root[data-layout=compact] .end-stats{gap:8px}:root[data-layout=compact] .fb-panel{gap:8px;padding:12px 18px}:root[data-layout=compact] .fb-panel h2{font-size:22px}:root[data-layout=compact] .fb-body{gap:8px}:root[data-layout=compact] .fb-dot{width:30px;height:30px}:root[data-layout=compact] .fb-panel .btn.big{padding-block:6px;font-size:15px}:root[data-layout=compact] .fb-intro{font-size:13px;line-height:1.5}:root[data-layout=compact] .fb-q{gap:5px}:root[data-layout=compact] .fb-prompt{font-size:13px}:root[data-layout=compact] .fb-chip{padding:3px 8px;font-size:12px}:root[data-layout=compact] .fb-text textarea{min-height:40px;font-size:13px}:root[data-layout=compact] .fb-panel .menu-actions{background:var(--panel);border-top:1px solid var(--line);margin:0 -18px -12px;padding:8px 18px 10px;position:sticky;bottom:-12px}:root[data-layout=compact] .end-stats div{padding:4px 8px}:root[data-layout=compact] .end-stats b{font-size:16px}:root[data-layout=compact] .end-cols{flex:auto;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:0}:root[data-layout=compact] .end-soul .ledger li{padding:4px 8px;font-size:13px}:root[data-layout=compact] .end-panel .btn.big{padding-block:6px;font-size:15px}:root[data-layout=compact] .meta-panel{gap:8px;max-height:100%;padding:10px 16px;overflow:hidden}:root[data-layout=compact] .meta-head{flex-wrap:nowrap;gap:12px}:root[data-layout=compact] .mh-title h2{margin:0;font-size:22px}:root[data-layout=compact] .meta-quote{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}:root[data-layout=compact] .mh-soul{font-size:22px}:root[data-layout=compact] .meta-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;overflow-y:auto}:root[data-layout=compact] .mcol{gap:5px}:root[data-layout=compact] .mcol-head{padding-bottom:3px}:root[data-layout=compact] .mcol-head b{font-size:18px}:root[data-layout=compact] .mcard{grid-template-columns:26px minmax(0,1fr) auto;gap:7px;padding:4px 8px}:root[data-layout=compact] .mcard img{width:26px;height:26px}:root[data-layout=compact] .mc-name{font-size:13px}:root[data-layout=compact] .mc-pips{margin-top:3px}:root[data-layout=compact] .mc-cost{font-size:13px}:root[data-layout=compact] .meta-foot{padding-top:6px}:root[data-layout=compact] .dialog{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:min(840px, calc(100% - 24px - var(--sl) - var(--sr)));gap:12px;min-height:0;padding:10px 14px 10px 10px}:root[data-layout=compact] .dlg-face{width:64px;height:64px}:root[data-layout=compact] .dlg-head b{font-size:19px}:root[data-layout=compact] .dlg-text{min-height:0;font-size:14px;line-height:1.65}:root[data-layout=compact] .dlg-opts{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;display:grid}:root[data-layout=compact] .dlg-opts li{padding:5px 10px}:root[data-layout=compact] .screen.shop{padding:calc(8px + env(safe-area-inset-top,0px)) calc(12px + var(--sr)) calc(8px + env(safe-area-inset-bottom,0px)) calc(12px + var(--sl));gap:8px;overflow:hidden}:root[data-layout=compact] .shop-head{flex-wrap:nowrap;gap:12px}:root[data-layout=compact] .sh-title{align-items:baseline;gap:10px;min-width:0;display:flex}:root[data-layout=compact] .sh-title h2{font-size:22px}:root[data-layout=compact] .sh-gold{gap:6px;font-size:22px}:root[data-layout=compact] .shop-head .btn{padding-block:6px}:root[data-layout=compact] .shop-body{flex:auto;grid-template-columns:minmax(0,1fr) 232px;gap:10px;min-height:0}:root[data-layout=compact] .col{gap:8px;min-height:0}:root[data-layout=compact] .shop-tabs{border-bottom:2px solid var(--line);flex:none;display:flex}:root[data-layout=compact] .shop-tabs .tab{padding:4px 0 6px;font-size:16px}:root[data-layout=compact] .col-main>.block{flex:auto;min-height:0;padding:10px 12px;display:none;overflow-y:auto}:root[data-layout=compact] .shop:not([data-pane]) .col-main>[data-pane=items],:root[data-layout=compact] .shop[data-pane=items] .col-main>[data-pane=items],:root[data-layout=compact] .shop[data-pane=supply] .col-main>[data-pane=supply]{display:block}:root[data-layout=compact] .shop[data-pane=forge] .col-main>[data-pane=forge]{display:flex}:root[data-layout=compact] .block-head{margin-bottom:8px}:root[data-layout=compact] .block-head h3{font-size:16px}:root[data-layout=compact] .item-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}:root[data-layout=compact] .ic-top{gap:6px;padding-right:24px}:root[data-layout=compact] .ic-top img{width:28px;height:28px}:root[data-layout=compact] .ic-name{font-size:13px}:root[data-layout=compact] .ic-lock span{display:none}:root[data-layout=compact] .ic-pass{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root[data-layout=compact] .craft-line{gap:8px;margin-top:8px}:root[data-layout=compact] .forge-stage{flex:auto;min-height:120px;max-height:none}:root[data-layout=compact] .potion-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}:root[data-layout=compact] .col-side{display:flex;overflow-y:auto}:root[data-layout=compact] .col-side>.block{padding:8px 10px}:root[data-layout=compact] .col-side>.block:last-child{flex:1 0 auto}:root[data-layout=compact] .bd-row{gap:4px;padding:5px 0}:root[data-layout=compact] .slot{width:32px;height:32px}:root[data-layout=compact] .slot img{width:26px;height:26px}:root[data-layout=compact] .tabs{margin-bottom:6px}:root[data-layout=compact] .tab{font-size:14px}:root[data-layout=compact] .recipe-book{padding:8px calc(12px + var(--sr)) 8px calc(12px + var(--sl))}:root[data-layout=compact] .col-main>[data-pane=items]>.block-head h3,:root[data-layout=compact] .col-main>[data-pane=supply]>.block-head h3{display:none}:root[data-layout=compact] .inv{gap:4px}:root[data-layout=compact] .inv .slot{width:31px;height:31px}#touchActions .tbtn.guide-pulse{border-color:var(--soul);animation:1s ease-in-out infinite touchPulse;box-shadow:0 0 0 3px #ff8a6a59,0 0 18px #ff8a6a8c}@keyframes touchPulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px #ff8a6a2e,0 0 26px #ff8a6ab3}}@media (prefers-reduced-motion:reduce){#touchActions .tbtn.guide-pulse{animation:none}}.k-touch{display:none}:root[data-input=touch] .k-touch{display:inline}:root[data-input=touch] .k-mouse,:root[data-input=touch] kbd{display:none}:root[data-input=touch] .gc-keys kbd{display:inline-block}:root[data-input=touch] .hub-key span:before{content:"点按"}:root[data-input=touch] .controls.k-touch{display:flex}:root[data-layout=compact] .guide-card.docked{left:calc(12px + var(--sl));right:calc(12px + var(--sr));top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"head title keys""text text keys";align-items:baseline;gap:3px 12px;width:auto;max-width:760px;max-height:40vh;padding:8px 12px 9px;display:grid;overflow:hidden}:root[data-layout=compact] #app.fight .guide-card.docked{right:calc(304px + var(--sr));max-width:none}:root[data-layout=compact] .guide-card.docked:before{display:none}:root[data-layout=compact] .guide-card.docked .gc-head{grid-area:head;margin:0}:root[data-layout=compact] .guide-card.docked .gc-title{grid-area:title;margin:0;font-size:15px}:root[data-layout=compact] .guide-card.docked .gc-text{grid-area:text;margin:0;font-size:13px;line-height:1.55}:root[data-layout=compact] .guide-card.docked .gc-keys{flex-direction:column;grid-area:keys;align-self:center;align-items:flex-end;margin:0}:root[data-layout=compact][data-guide=dock] .screen{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px) + var(--guide-dock,0px))}:root[data-layout=compact][data-guide=dock] .forge-pick{padding-bottom:calc(8px + var(--guide-dock,0px))}:root[data-layout=compact][data-guide=dock] .aug-head{display:none}#guideArrow{z-index:44;pointer-events:none;background:var(--soul);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 6px #ff8a6acc);width:14px;height:12px;margin-left:-7px;animation:.8s ease-in-out infinite arrowBob;position:fixed;transform:translateY(-100%)}#guideArrow[hidden]{display:none}@keyframes arrowBob{50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){#guideArrow{animation:none}}:root[data-layout=compact] .col-main{position:relative}:root[data-layout=compact] .shop-tabs{padding-right:104px}:root[data-layout=compact] .col-main>[data-pane=items]>.block-head{margin:0}:root[data-layout=compact] #btnReroll{z-index:1;padding:3px 10px;font-size:13px;position:absolute;top:0;right:0}:root[data-layout=compact] .col-main>[data-pane=items]{padding:8px 10px}:root[data-layout=compact] .shop-head h2,:root[data-layout=compact] .sh-title h2{font-size:20px}:root[data-layout=compact] .icard{gap:3px;padding:7px 8px}:root[data-layout=compact] .ic-stats{font-size:11.5px;line-height:1.45}:root[data-layout=compact] .ic-pass{-webkit-line-clamp:3;padding-top:4px;font-size:10.5px;line-height:1.45}:root[data-layout=compact] .ic-buy{font-size:14px}:root[data-layout=compact] .craft-line{flex-wrap:nowrap;gap:6px;margin-top:6px}:root[data-layout=compact] .craft-row{flex:auto}:root[data-layout=compact] .craft-hint{padding:5px 10px}:root[data-layout=compact] .craft-hint.pick{margin-bottom:10px;padding:0 2px}:root[data-layout=compact] .ccard+.ccard{margin-top:10px}:root[data-layout=compact] .ccard{gap:8px;padding:5px 10px}:root[data-layout=compact] .cc-mat{font-size:9px}:root[data-layout=compact] .cc-mat img{width:20px;height:20px}:root[data-layout=compact] .cc-product img{width:28px;height:28px}:root[data-layout=compact] .cc-price{font-size:13px}:root[data-layout=compact] .recipe-entry{flex-direction:row;gap:6px;padding:4px 10px;font-size:12px}:root[data-layout=compact] .recipe-entry svg{width:16px;height:13px}:root[data-layout=compact][data-guide=dock] .screen.shop{gap:4px}:root[data-layout=compact][data-guide=dock] .shop-tabs .tab{padding:2px 0 4px}:root[data-layout=compact][data-guide=dock] .col-main{gap:4px}:root[data-layout=compact][data-guide=dock] .col-main>[data-pane=items]{padding:6px 8px}:root[data-layout=compact][data-guide=dock] .ic-pass{display:none}:root[data-layout=compact][data-guide=dock] .craft-line{margin-top:4px}:root[data-layout=compact] .col-main>[data-pane=items]{position:static}:root[data-layout=compact] .icard{min-height:0}:root[data-layout=compact] .ic-top{padding-right:20px}:root[data-layout=compact] .ic-lock{height:20px;padding:0 5px;top:3px;right:3px}.update-dialog,.update-prompt,.update-notice{--update-edge:#514361;--update-paper:#171322;color:var(--text,#ede9f6);font-family:var(--f-body,"Microsoft YaHei", sans-serif);box-sizing:border-box;font-size:14px;line-height:1.65}.update-dialog [hidden],.update-prompt[hidden],.update-prompt [hidden],.update-notice[hidden],.update-entry[hidden],.update-entry [hidden]{display:none!important}.update-entry{border:1px solid var(--line-2,#413751);color:var(--muted,#b9b1cd);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0f0c1be6;border-radius:0;justify-content:center;align-items:center;gap:6px;display:inline-flex}.update-entry:hover{color:var(--text,#ede9f6);border-color:var(--hex,#4ee8d4)}.update-entry:focus-visible,.update-button:focus-visible,.update-release-summary:focus-visible,.update-history>summary:focus-visible{outline:2px solid var(--hex,#4ee8d4);outline-offset:3px}.update-entry:disabled{opacity:.6;cursor:wait}.update-title-entry.game-version{min-height:34px;padding:5px 8px;font-size:10px;line-height:1.3}.update-entry-label{font-family:var(--f-body,sans-serif);font-size:11px}.update-hub-actions{align-items:stretch;gap:8px;display:flex}.update-hub-entry{min-height:34px;font-family:var(--f-body,sans-serif);pointer-events:auto;box-shadow:0 3px 0 var(--ink,#0b0914);border-width:2px;padding:5px 9px;font-size:12px;line-height:1.3}.update-entry.update-has-new{border-color:#8e713f}.update-badge{font-family:var(--f-body,sans-serif);letter-spacing:0;white-space:nowrap;border:1px solid;align-items:center;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.update-badge-available{color:#f4cd7e;background:#372917;border-color:#86653b}.update-badge-unread{color:#7bddcc;background:#152b2a;border-color:#39685f}.update-badge-current{color:#83ddcf;background:#152a28;border-color:#345f5b}.update-eyebrow{color:var(--gold,#ffc94d);font-family:var(--f-pixel,monospace);letter-spacing:.16em;font-size:10px;line-height:1.5}.update-button{border:2px solid var(--line-2,#413751);background:var(--panel-2,#221c32);min-height:42px;color:var(--text,#ede9f6);font-family:var(--f-body,sans-serif);white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.25;transition:border-color .12s,background .12s,transform 80ms;display:inline-flex;box-shadow:0 3px #090810}.update-button:hover:not(:disabled){border-color:var(--hex,#4ee8d4);background:#2d263d}.update-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #090810}.update-button:disabled{opacity:.5;cursor:not-allowed}.update-button-primary{color:#2a1a09;background:#e8bc6a;border-color:#ffe1a4;font-weight:700}.update-button-primary:hover:not(:disabled){background:#f9d289;border-color:#fff0c7}.update-button-quiet{color:var(--hex,#4ee8d4);box-shadow:none;background:0 0;border-color:#0000;padding-inline:9px}.update-button-quiet:hover:not(:disabled){background:#4ee8d40c;border-color:#39665e}.update-button-icon{width:42px;min-width:42px;box-shadow:none;color:var(--muted,#b9b1cd);background:0 0;border-color:#0000;padding:0;font-size:25px;font-weight:400}.update-prompt{z-index:66;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(54px + env(safe-area-inset-bottom,0px));width:min(370px, calc((100vw - 36px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / var(--update-zoom,1)));max-height:calc((100dvh - 96px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--update-zoom,1));overscroll-behavior:contain;background:linear-gradient(135deg, #292134 0%, var(--update-paper) 66%);pointer-events:auto;border:2px solid #806442;padding:18px 18px 13px;animation:.18s ease-out update-enter;position:fixed;overflow:auto;box-shadow:0 0 0 2px #100c17,6px 6px #0006,0 12px 38px #0006}.update-prompt:before{content:"";background:linear-gradient(90deg,#dfb773,#0000);height:2px;position:absolute;top:0;left:18px;right:18px}.update-prompt .update-eyebrow{font-family:var(--f-body,sans-serif);letter-spacing:.08em;font-size:11px}.update-prompt .update-prompt-title{font-size:24px;line-height:1.2;font-family:var(--f-display,sans-serif);letter-spacing:.025em;color:#ffdc9f;margin:5px 0 10px;font-weight:400}.update-highlights{margin:9px 0 11px;padding-left:18px;font-size:13px;line-height:1.7}.update-highlights li+li{margin-top:3px}.update-highlights li::marker{color:#ba9864}.update-prompt-help{color:var(--muted,#b9b1cd);margin:10px 0 12px;font-size:11px}.update-prompt-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.update-prompt-actions .update-button{font-size:12px}.update-prompt-actions .update-button-primary{margin-left:auto}.update-prompt .update-install-reason,.update-prompt .update-error{margin:9px 0}.update-dialog{width:min(780px, calc((100vw - 48px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / var(--update-zoom,1)));max-width:none;max-height:min(840px, calc((100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--update-zoom,1)));border:2px solid var(--update-edge);background:var(--update-paper);-webkit-user-select:text;user-select:text;margin:auto;padding:0;animation:.16s ease-out update-enter;display:none;position:fixed;inset:0;overflow:hidden;box-shadow:0 0 0 2px #0a0811,8px 8px #0006,0 20px 90px #0009}.update-dialog[open]{flex-direction:column;display:flex}.update-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06050cc7}.update-dialog-head{background:linear-gradient(120deg,#2e2232,#1b1728 76%);border-bottom:1px solid #4c3c44;flex:none;align-items:center;gap:16px;padding:22px 24px 19px;display:flex;position:relative}.update-dialog-head:before{content:"";background:linear-gradient(90deg,#e8bc6a,#e8bc6a22,#0000);height:2px;position:absolute;top:0;left:24px;right:24px}.update-mark{color:#edc47b;background:#302232;border:1px solid #86603e;flex:none;place-items:center;width:48px;height:52px;font-size:29px;line-height:1;display:grid;box-shadow:inset 0 0 0 4px #1e1828}.update-heading{flex:1;min-width:0}.update-heading h2{font-family:var(--f-display,sans-serif);letter-spacing:.05em;color:#ffe0ab;margin:3px 0 6px;font-size:32px;font-weight:400;line-height:1.1}.update-version-summary{color:var(--muted,#b9b1cd);margin:0;font-size:12px;line-height:1.4}.update-dialog-head>.update-button{align-self:flex-start;margin:-6px -10px 0 0}.update-target{background:linear-gradient(90deg,#352819,#211b20);border:1px solid #795d36;border-left:3px solid #d8ac60;flex:none;max-height:180px;margin:16px 24px 0;padding:12px 16px 10px;overflow:auto}.update-target-label{letter-spacing:.1em;color:#c3a276;margin:0 0 3px;font-size:10px}.update-target h3{font-family:var(--f-display,sans-serif);color:#f5d397;margin:0;font-size:23px;font-weight:400;line-height:1.3}.update-target .update-highlights{color:#d7cabc;margin:7px 0 0;font-size:12px}.update-messages{flex:none;max-height:140px;padding:0 24px;overflow:auto}.update-messages:has(>p:not([hidden])){padding-top:12px}.update-status{color:var(--muted,#b9b1cd);margin:0 0 7px;font-size:12px;line-height:1.5}.update-status-good{color:#88dbc8}.update-error{color:#ffb2c1;overflow-wrap:anywhere;background:#341d2a;border:1px solid #773e50;margin:0 0 8px;padding:9px 11px;font-size:12px;line-height:1.6}.update-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#55405e #16121f;scrollbar-width:thin;outline:none;flex:auto;min-height:60px;padding:20px 24px 24px;overflow-y:auto}.update-scroll:focus-visible{outline-offset:-4px;outline:1px solid #538f84}.update-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 12px;display:flex}.update-list-heading h3{font-family:var(--f-display,sans-serif);color:#e4d8e8;margin:0;font-size:20px;font-weight:400}.update-list-heading p{color:var(--muted,#b9b1cd);margin:0;font-size:11px}.update-release{background:#1c1729;border:1px solid #3d334c;margin-bottom:10px}.update-release:last-child{margin-bottom:0}.update-release-current{border-left:2px solid #568f83}.update-release-available{border-left:2px solid #c69b5b}.update-release-summary{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:13px 43px 13px 16px;list-style:none;position:relative}.update-release-summary::-webkit-details-marker{display:none}.update-history>summary::-webkit-details-marker{display:none}.update-release-summary:after{content:"+";color:#a899b7;font-family:var(--f-pixel,monospace);font-size:15px;line-height:1;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.update-release[open]>.update-release-summary:after{content:"−";color:#e4c18c}.update-release-summary:hover{background:#ffffff05}.update-release-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.update-release-version{font-family:var(--f-pixel,monospace);color:#f4dfb9;font-size:12px;font-weight:400;line-height:1.5}.update-release-date{color:#a396ae;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.update-release-title{color:#d7cde3;margin-top:4px;font-size:13px;line-height:1.5;display:block}.update-release-content{border-top:1px solid #ffffff06;padding:0 17px 16px}.update-release-lead{color:#b1a3c0;margin:13px 0 15px;font-size:12px;line-height:1.8}.update-note-group{grid-template-columns:40px minmax(0,1fr);align-items:baseline;gap:10px;margin-top:11px;display:grid}.update-note-group h4{color:#b7c8df;text-align:center;border:1px solid #3b4355;margin:0;font-size:11px;font-weight:500;line-height:1.8}.update-kind-added h4{color:#8ddbc5;border-color:#34534c}.update-kind-changed h4{color:#c9b5e9;border-color:#524261}.update-kind-balance h4{color:#e2c48c;border-color:#665439}.update-kind-fixed h4{color:#9cc5e6;border-color:#3b5268}.update-note-group ul{color:#ddd4e7;overflow-wrap:anywhere;margin:0;padding-left:17px;font-size:13px;line-height:1.8}.update-note-group li+li{margin-top:5px}.update-note-group li::marker{color:#7c6d91}.update-history{margin-top:20px}.update-history>summary{color:#b7a9c9;cursor:pointer;-webkit-user-select:none;user-select:none;border-block:1px solid #342c41;margin-bottom:8px;padding:10px 3px;font-size:12px;list-style:none}.update-history>summary:before{content:"+ ";color:#9dd3c6}.update-history[open]>summary:before{content:"− "}.update-history>summary:hover{color:#e0d4ed}.update-empty{color:var(--muted,#b9b1cd);padding:12px 0;font-size:13px}.update-dialog-foot{background:#15111f;border-top:1px solid #3d314c;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px 17px;display:flex}.update-install-reason{color:#b7a8c4;overflow-wrap:anywhere;flex:1;margin:0;font-size:11px;line-height:1.7}.update-dialog-controls{flex:none;align-items:center;gap:9px;margin-left:auto;display:flex}.update-notice{z-index:68;top:calc(20px + env(safe-area-inset-top,0px));width:max-content;max-width:calc((100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / var(--update-zoom,1));background:#172521f5;border:1px solid #588477;align-items:center;gap:9px;padding:8px 10px 8px 14px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px #090e0c99,0 8px 28px #0006}.update-notice-mark{color:#95e0c8;font-size:16px}.update-notice-text{overflow-wrap:anywhere;min-width:0}.update-notice .update-button-quiet{font-size:12px}.update-notice .update-button-icon{width:32px;min-width:32px}@keyframes update-enter{0%{opacity:0;transform:translateY(5px)}}@media (max-width:600px){.update-dialog{width:calc((100vw - 24px) / var(--update-zoom,1));max-height:calc((100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--update-zoom,1))}.update-dialog-head{gap:12px;padding:17px 16px 15px}.update-mark{width:38px;height:44px;font-size:24px}.update-heading h2{font-size:28px}.update-target{margin-inline:16px}.update-messages{padding-inline:16px}.update-scroll{padding:16px}.update-dialog-foot{flex-wrap:wrap;gap:8px;padding:12px 16px}.update-dialog-foot>.update-install-reason{flex-basis:100%}.update-release-summary{padding-left:12px;padding-right:34px}.update-release-summary:after{right:12px}.update-release-content{padding-inline:12px}.update-release-date{font-size:10px}.update-note-group{grid-template-columns:35px minmax(0,1fr);gap:7px}.update-notice{flex-wrap:wrap;gap:6px;padding:7px 10px}.update-notice .update-button-quiet{min-height:34px;padding:5px}.update-hub-actions{gap:6px}}@media (max-height:500px) and (orientation:landscape){.update-dialog{width:min(850px, calc((100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / var(--update-zoom,1)));max-height:calc((100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--update-zoom,1))}.update-dialog-head{gap:12px;padding:10px 18px}.update-heading h2{margin:2px 0 3px;font-size:24px}.update-mark{width:38px;height:42px;font-size:22px}.update-dialog-head .update-eyebrow{font-size:8px}.update-version-summary{font-size:10px}.update-target{align-items:baseline;gap:10px;margin:9px 18px 0;padding:7px 11px;display:flex}.update-target h3{font-size:19px}.update-target-label{font-size:10px}.update-target .update-highlights{display:none}.update-messages{max-height:68px;padding-inline:18px}.update-messages:has(>p:not([hidden])){padding-top:7px}.update-status{margin-bottom:3px;font-size:11px}.update-scroll{padding:10px 18px 15px}.update-list-heading{margin-bottom:8px}.update-list-heading h3{font-size:17px}.update-dialog-foot{flex-wrap:nowrap;gap:14px;padding:8px 18px}.update-dialog-foot>.update-install-reason{flex-basis:auto}.update-dialog-controls .update-button{min-height:38px;padding:7px 12px;font-size:12px}.update-prompt{width:min(365px,52vw);max-height:calc((100dvh - 62px) / var(--update-zoom,1));bottom:42px;right:calc(12px + env(safe-area-inset-right,0px));padding:13px 15px 11px}.update-prompt .update-prompt-title{margin:3px 0 7px;font-size:22px}.update-prompt .update-highlights{margin:6px 0 8px;font-size:12px}.update-prompt-help{margin:6px 0 8px}.update-prompt-actions .update-button{min-height:38px;padding:6px 8px}.update-title-entry.game-version{min-height:30px}}@media (prefers-reduced-motion:reduce){.update-dialog,.update-prompt,.update-notice{animation:none}.update-button{transition:none}}.codex-dialog{width:min(1010px, calc((100vw - 36px - var(--sl) - var(--sr)) / var(--codex-zoom,1)));height:min(650px, calc((100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--codex-zoom,1)));border:2px solid var(--line-2);background:var(--panel);max-width:none;max-height:none;color:var(--text);box-shadow:0 0 0 2px var(--ink), 7px 7px 0 #0007;font-family:var(--f-body);overscroll-behavior:contain;margin:auto;padding:0;font-size:13px;line-height:1.65;overflow:hidden}.codex-dialog[open]{flex-direction:column;display:flex}.codex-dialog::backdrop{background:#090711d9}.codex-head{border-bottom:1px solid var(--line);background:linear-gradient(100deg, var(--panel-2), var(--panel));flex:none;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px 12px;display:flex}.codex-head h2{color:var(--gold);margin:3px 0 0;font-size:32px}.codex-head .eyebrow{font-size:9px}.codex-dialog .btn{min-height:36px}.codex-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:end;gap:12px;padding:12px 22px;display:flex}.codex-field{min-width:100px;color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.codex-field:has(input){flex:1;min-width:170px}.codex-field input,.codex-field select{border:1px solid var(--line-2);background:var(--bg);width:100%;min-height:38px;color:var(--text);font:13px var(--f-body);border-radius:0;padding:7px 10px}.codex-field input{-webkit-user-select:text;user-select:text}.codex-field input::placeholder{color:var(--muted)}.codex-dialog :focus-visible{outline:2px solid var(--hex);outline-offset:2px}.codex-body{flex:1;grid-template-columns:290px minmax(0,1fr);min-height:0;display:grid}.codex-browser{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;min-height:0;display:flex}.codex-count{color:var(--muted);flex:none;margin:0;padding:12px 17px 8px;font-size:11px}.codex-list{flex:1;min-height:0;padding:3px 10px 12px;overflow-y:auto}.codex-list,.codex-detail{scrollbar-color:var(--line-2) var(--bg);scrollbar-width:thin;overscroll-behavior:contain}.codex-entry{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-left-width:3px;align-items:center;gap:10px;width:100%;min-height:62px;margin-bottom:5px;padding:8px 10px;display:flex}.codex-entry:hover{background:var(--panel);border-color:var(--line)}.codex-entry[aria-current=true]{background:var(--panel-2);border-color:var(--line-2);border-left-color:var(--entry-color)}.codex-entry-label{flex-direction:column;min-width:0;display:flex}.codex-entry-name{color:var(--entry-color);overflow-wrap:anywhere;font-size:13px}.codex-entry-meta{color:var(--muted);margin:1px 0;font-size:11px}.codex-entry-arrow{color:var(--dim);margin-left:auto;font-size:20px}.codex-art{width:36px;height:40px;color:var(--entry-color,var(--gold));flex:none;place-items:center;display:grid}.codex-art img,.codex-art canvas{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated}.codex-art img{object-fit:contain;width:32px;height:32px}.codex-art canvas{object-fit:contain;width:32px;height:36px}.codex-reader{flex-direction:column;min-width:0;min-height:0;display:flex}.codex-detail{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:1;min-height:0;padding:24px 28px;overflow-y:auto}.codex-detail:focus-visible{outline-offset:-4px}.codex-entry-head{align-items:center;gap:17px;margin-bottom:18px;display:flex}.codex-entry-head .codex-art{border:1px solid var(--line-2);background:var(--panel-2);width:70px;height:70px;box-shadow:3px 3px 0 var(--ink);padding:9px}.codex-entry-head .codex-art img{width:48px;height:48px}.codex-entry-head .codex-art canvas{width:52px;height:52px}.codex-entry-head h3{color:var(--entry-color);font-size:28px;line-height:1.25}.codex-description{color:var(--text);margin-bottom:18px}.codex-section{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.codex-section h4{color:var(--gold);letter-spacing:.08em;margin:0 0 9px;font-size:12px;font-weight:500}.codex-section p{margin:5px 0}.codex-section ul{margin:5px 0;padding-left:20px}.codex-section li+li{margin-top:5px}.codex-section table{border-collapse:collapse;width:100%}.codex-section td,.codex-section th{text-align:left;border-bottom:1px solid var(--line);padding:4px 7px}.codex-links{flex-wrap:wrap;gap:9px;display:flex}.codex-links .btn{white-space:normal;text-align:left}.codex-empty{color:var(--muted);margin:0;padding:20px 8px}.codex-back{align-self:flex-start;margin:9px 14px 0;display:none}@media (max-width:700px),(max-height:500px){.codex-dialog{width:calc((100vw - 20px - var(--sl) - var(--sr)) / var(--codex-zoom,1));height:calc((100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) / var(--codex-zoom,1))}.codex-head{padding:8px 14px}.codex-head h2{margin:0;font-size:24px}.codex-head .eyebrow{display:none}.codex-controls{gap:8px;padding:7px 14px}.codex-field{gap:1px;min-width:86px}.codex-field:has(input){min-width:130px}.codex-field input,.codex-field select{min-height:36px}.codex-body{display:flex}.codex-browser{border-right:0;flex:1}.codex-reader{flex:1;display:none}.codex-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:5px;display:grid}.codex-entry{min-height:54px;margin:0}.codex-count{padding:6px 15px}.codex-reading .codex-controls,.codex-reading .codex-browser{display:none}.codex-reading .codex-reader{display:flex}.codex-back{display:inline-flex}.codex-detail{padding:13px 18px 22px}.codex-entry-head{margin-bottom:13px}.codex-entry-head h3{font-size:25px}}@media (prefers-reduced-motion:reduce){.codex-dialog .btn{transition:none}}