@font-face{font-family:Jersey;src:url(../fonts/jersey-15-400-latin.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Pixelify;src:url(../fonts/pixelify-sans-latin-wght-normal.woff2)format("woff2");font-weight:400 700;font-display:block}:root{--bg:#14101c;--bg2:#1b1424;--panel:#231a2e;--panel2:#2d2239;--line:#4a3a5c;--line2:#6b5580;--text:#efe3c8;--muted:#a99bb6;--dim:#6f6380;--gold:#f5c542;--ember:#ff8a3c;--blood:#d9423a;--mana:#4a8cff;--good:#4ee06a;--bad:#ff5a4a;--r-common:#c8c8c8;--r-uncommon:#3ddc4a;--r-rare:#3b8cff;--r-epic:#b34dff;--r-legendary:#ff8a1c;--r-mythic:#ff2e4d;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--display:"Jersey", "Pixelify", monospace;--ui:"Pixelify", "Jersey", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:none;font-smooth:never;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-size:16px;line-height:1.3;overflow:hidden}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}canvas.sprite{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.5px;margin:0;font-weight:400}p{margin:0}#app{background:var(--bg);position:fixed;inset:0;overflow:hidden}.boot{background:var(--bg);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.boot-text{letter-spacing:6px;color:#6a4a3a;font:28px/1 monospace}.boot-flame{background:var(--ember);width:12px;height:18px;box-shadow:0 0 20px var(--ember);animation:.4s steps(2,end) infinite alternate bootf}@keyframes bootf{to{background:var(--gold);transform:scaleY(.8)translateY(2px)}}.screen{opacity:0;transition:opacity .22s ease-out;position:absolute;inset:0;overflow:hidden}.screen.in{opacity:1}.screen.out{opacity:0;pointer-events:none}.frame{border:12px solid #0000;border-image:var(--f-panel) 6 fill / 12px round;image-rendering:pixelated}.frame2{border:10px solid #0000;border-image:var(--f-panel2) 5 fill / 10px round}.well{border:6px solid #0000;border-image:var(--f-well) 3 fill / 6px round}.parch{border:12px solid #0000;border-image:var(--f-parch) 6 fill / 12px round;color:#3a2614}.goldframe{border:12px solid #0000;border-image:var(--f-gold) 6 fill / 12px round}.btn{--f:var(--f-btn);--fd:var(--f-btn-down);border:8px solid #0000;border-image:var(--f) 4 fill / 8px round;min-width:44px;min-height:44px;font-family:var(--display);color:var(--text);text-shadow:0 2px #0000008c;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px 2px;font-size:21px;line-height:1;transition:transform 50ms;display:inline-flex;position:relative}.btn>*{pointer-events:none}.btn:active:not(:disabled),.btn.down{border-image-source:var(--fd);padding-bottom:0;transform:translateY(2px)}.btn.primary{--f:var(--f-btn-primary);--fd:var(--f-btn-primary-down);color:#fff6e0}.btn.gold{--f:var(--f-btn-gold);--fd:var(--f-btn-gold-down);color:#3a2208;text-shadow:0 1px #ffffff59}.btn.danger{--f:var(--f-btn-danger);--fd:var(--f-btn-danger-down)}.btn:disabled,.btn.off{--f:var(--f-btn-off);--fd:var(--f-btn-off);color:#8a8094;cursor:default}.btn.small{border-width:6px;border-image-width:6px;min-height:36px;padding:0 8px 2px;font-size:18px}.btn.block{width:100%;display:flex}.btn.big{min-height:56px;font-size:26px}.btn img.ic{width:24px;height:24px}.btn .cost{font-family:var(--ui);align-items:center;gap:2px;font-size:14px;display:inline-flex}.iconbtn{place-items:center;width:44px;height:44px;display:grid}.row{align-items:center;display:flex}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.center{justify-content:center}.gap{gap:8px}.gap4{gap:4px}.gap12{gap:12px}.col{flex-direction:column;display:flex}.grow{flex:auto;min-width:0}.muted{color:var(--muted)}.dim{color:var(--dim)}.goldtxt{color:var(--gold)}.good{color:var(--good)}.bad{color:var(--bad)}.center{text-align:center}.small{font-size:14px}.tiny{font-size:12px}.display{font-family:var(--display)}.nowrap{white-space:nowrap}.spacer{flex:1}.hidden{display:none!important}.h-title{font-family:var(--display);color:var(--gold);text-shadow:0 2px #000,0 0 12px #f5c54240;font-size:26px}.h-sub{font-family:var(--display);color:var(--text);text-shadow:0 2px #000;font-size:21px}.section-title{font-family:var(--display);color:#d8c49a;text-shadow:0 2px #000;align-items:center;gap:8px;margin:14px 0 8px;font-size:20px;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--line2));flex:1;height:2px}.section-title:after{background:linear-gradient(90deg, var(--line2), transparent)}.cur{white-space:nowrap;align-items:center;gap:3px;font-size:15px;display:inline-flex}.cur img{width:22px;height:22px}.cur.lack{color:var(--bad)}.bar{background:#0b0810;height:12px;position:relative;box-shadow:0 0 0 2px #07050b,inset 0 2px #00000080}.bar>i{background:var(--c,var(--mana));transition:width .3s;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0000004d}.badge{min-width:20px;height:20px;font:14px/1 var(--display);background:var(--blood);color:#fff;place-items:center;padding:0 4px;animation:1.2s ease-in-out infinite pulse;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #07050b,inset 0 2px #ffffff4d}@keyframes pulse{50%{transform:scale(1.15)}}.slot{--rc:#4a3a5c;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--rc) 28%, #1a1322) 0%, #120d18 75%);width:56px;height:56px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px color-mix(in srgb, var(--rc) 80%, #000), inset 0 0 0 4px #00000059;cursor:pointer;flex:none;place-items:center;display:grid;position:relative}.slot.empty{--rc:#3a2c4a;cursor:default;background:#140f1b}.slot.empty.drop{cursor:pointer}.slot img.icon{filter:drop-shadow(0 2px #00000073);width:48px;height:48px}.slot.sel{box-shadow:0 0 0 2px #07050b, 0 0 0 4px var(--gold), inset 0 0 0 2px var(--rc)}.slot.r-rare,.slot.r-epic{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--rc), inset 0 0 10px color-mix(in srgb, var(--rc) 45%, transparent)}.slot.r-legendary,.slot.r-mythic{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--rc), inset 0 0 12px color-mix(in srgb, var(--rc) 60%, transparent), 0 0 10px color-mix(in srgb, var(--rc) 55%, transparent);animation:2s ease-in-out infinite legglow}.slot.r-legendary.sel,.slot.r-mythic.sel{box-shadow:0 0 0 2px #07050b, 0 0 0 4px var(--gold), inset 0 0 12px var(--rc)}@keyframes legglow{50%{filter:brightness(1.18)}}.slot .ph{opacity:.18;filter:grayscale();width:36px;height:36px}.slot .up,.slot .down{font:18px/1 var(--display);text-shadow:0 0 #000,1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;position:absolute;bottom:1px;right:2px}.slot .up{color:var(--good)}.slot .down{color:var(--bad)}.slot .newdot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 0 2px #07050b, 0 0 6px var(--gold);animation:1s infinite pulse;position:absolute;top:3px;left:3px}.slot .lockic{width:14px;height:14px;position:absolute;top:2px;right:2px}.slot .plus{font:15px/1 var(--display);color:var(--gold);text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;position:absolute;bottom:1px;left:3px}.slot .check{box-shadow:inset 0 0 0 3px var(--gold);background:#f5c5422e;place-items:end start;display:grid;position:absolute;inset:0}.slot .check:after{content:"✓";font:18px/1 var(--display);color:var(--gold);text-shadow:1px 1px #000;padding:2px 4px}.slot.dimmed{opacity:.35}.slot .nouse{background:#14060a73;position:absolute;inset:4px;box-shadow:inset 0 0 0 2px #d9423a8c}.slot .nouse:after{content:"✕";font:16px/1 var(--display);color:#ff6a5a;text-shadow:1px 1px #000;position:absolute;bottom:-2px;right:1px}.tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:6px solid #0000;border-image:var(--f-tab) 4 fill / 6px round;min-height:44px;font:19px/1 var(--display);color:var(--muted);white-space:nowrap;flex:1 0 auto;padding:0 10px 2px;position:relative}.tab.on{border-image-source:var(--f-tab-on);color:var(--gold)}.chip{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);color:var(--muted);white-space:nowrap;background:#120d18;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.overlay{z-index:50;padding:calc(12px + var(--sat)) 10px calc(12px + var(--sab));opacity:0;background:#08050cb8;place-items:center;transition:opacity .16s;display:grid;position:fixed;inset:0}.overlay.in{opacity:1}.overlay.out{opacity:0;pointer-events:none}.modal{scrollbar-width:none;max-width:min(100%,560px);max-height:100%;transition:transform .18s;overflow:auto;transform:translateY(10px)scale(.98)}.overlay.in .modal{transform:none}.dialog{flex-direction:column;gap:12px;width:min(92vw,400px);display:flex}.dialog-title{color:var(--gold);text-shadow:0 2px #000;font-size:28px}.dialog-text{color:var(--text);font-size:16px;line-height:1.4}.toasts{left:0;right:0;top:calc(104px + var(--sat));z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed}.toast{--tc:var(--text);max-width:min(92vw,460px);color:var(--tc);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line2), 0 6px 0 #00000059;opacity:0;background:#1b1424f0;align-items:center;gap:8px;padding:8px 14px;font-size:16px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(-8px)}.toast img{width:28px;height:28px}.toast.in{opacity:1;transform:none}.toast.out{opacity:0;transform:translateY(-6px)}.toast.t-good{--tc:var(--good)}.toast.t-bad{--tc:#ff8a7a}.toast.t-gold{--tc:var(--gold)}.toast.t-loot{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--tc), 0 0 16px color-mix(in srgb, var(--tc) 50%, transparent)}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line)}.toggle{width:60px;height:32px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#0b0810;flex:none;position:relative}.toggle:after{content:"";background:#6a5a80;width:24px;height:24px;transition:left .12s,background .12s;position:absolute;top:4px;left:4px;box-shadow:inset 0 2px #ffffff40,inset 0 -2px #00000059}.toggle.on{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold)}.toggle.on:after{background:var(--gold);left:32px}input[type=range].px{appearance:none;background:0 0;width:100%;height:32px}input[type=range].px::-webkit-slider-runnable-track{height:10px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#0b0810}input[type=range].px::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);width:22px;height:26px;margin-top:-8px;box-shadow:0 0 0 2px #07050b,inset 0 2px #fff3b0,inset 0 -3px #a07010}input[type=range].px::-moz-range-track{height:10px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#0b0810}input[type=range].px::-moz-range-thumb{background:var(--gold);border:0;border-radius:0;width:22px;height:26px}.textin{width:100%;min-height:48px;font-size:20px;font-family:var(--display);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line2);color:var(--text);background:#0b0810;border:0;outline:0;padding:8px 10px}.textin:focus{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (orientation:portrait) and (pointer:coarse){#rotate .rot-stage{place-items:center;width:200px;height:200px;display:grid;position:relative}#rotate .rot-phone{filter:drop-shadow(0 0 16px #ff8a3c59);animation:2.6s step-end infinite rotphone}#rotate .rot-arrow{animation:2.6s ease-in-out infinite rotarrow;position:absolute;top:0;right:-6px}#rotate .rot-title{font-family:var(--display);color:var(--gold);text-shadow:0 3px #000,0 0 16px #f5c5424d;font-size:34px}#rotate .rot-sub{color:var(--muted);font-size:16px}#app,.overlay,.toasts,.hovercard{visibility:hidden}}@keyframes rotphone{0%,30%{transform:rotate(0)}38%{transform:rotate(-30deg)}46%{transform:rotate(-60deg)}54%,88%{transform:rotate(-90deg)}94%{transform:rotate(-45deg)}}@keyframes rotarrow{0%,25%{opacity:0;transform:translateY(6px)}35%,60%{opacity:1;transform:none}75%,to{opacity:0}}button,.slot,img{touch-action:manipulation;-webkit-user-drag:none}.title-bg{position:absolute;top:0;left:0}.title-ui{padding:calc(40px + var(--sat)) 20px calc(26px + var(--sab));flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.logo{text-align:center;margin-top:4vh}.logo-word{font-family:var(--display);letter-spacing:2px;color:#ffd070;background:linear-gradient(#fff3c0 0%,#ffc850 35%,#ff7a2c 70%,#c83a1a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #3a0e06)drop-shadow(0 0 18px #ff6e288c);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,17vw,120px);line-height:.9;animation:3s ease-in-out infinite logoglow;position:relative}@keyframes logoglow{50%{filter:drop-shadow(0 4px #3a0e06)drop-shadow(0 0 28px #ff8c32d9)}}.logo-sub{font-family:var(--display);letter-spacing:3px;color:#d8b88a;text-shadow:0 2px #000;text-transform:uppercase;margin-top:8px;font-size:20px}.title-menu{flex-direction:column;gap:10px;width:min(100%,340px);display:flex}.title-hero{text-align:center;color:#d8c49a;text-shadow:0 2px #000;font-size:15px}.version{right:calc(8px + var(--sar));bottom:calc(6px + var(--sab));color:#6f6380;font-size:12px;position:absolute}@media (orientation:landscape) and (max-height:520px){.title-ui{padding:calc(14px + var(--sat)) calc(24px + var(--sar)) calc(14px + var(--sab)) calc(24px + var(--sal))}.logo{margin:0}.logo-word{font-size:clamp(48px,9vw,84px)}.logo-sub{margin-top:4px;font-size:16px}.title-menu{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:auto}.title-menu>.btn,.title-menu>.row{flex:none;width:auto}.title-menu .btn.big{min-height:48px;font-size:22px}.title-hero{width:100%}}.cc{padding:calc(8px + var(--sat)) calc(10px + var(--sar)) calc(10px + var(--sab)) calc(10px + var(--sal));background:radial-gradient(at 50% 20%,#2a1c34 0%,#14101c 70%);flex-direction:column;display:flex;position:absolute;inset:0}.cc-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.cc-head .h-title{font-size:30px}.cc-main{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.cc-stage{flex:none;align-items:center;gap:10px;padding:0 4px;display:flex}.cc-pedestal{flex:none;place-items:end center;width:110px;height:130px;display:grid;position:relative}.cc-pedestal:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--cc) 55%, transparent), transparent 70%);height:18px;position:absolute;bottom:4px;left:10px;right:10px}.cc-pedestal:after{content:"";background:#3a2c4a;height:10px;position:absolute;bottom:0;left:18px;right:18px;box-shadow:0 0 0 2px #07050b,inset 0 2px #5d4a70}.cc-pedestal canvas{z-index:1;margin-bottom:4px;position:relative}.cc-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cc-name{font-family:var(--display);color:var(--gold);text-shadow:0 2px #000;text-overflow:ellipsis;white-space:nowrap;font-size:28px;overflow:hidden}.cc-sub{color:var(--muted);font-size:15px}.cc-gender{justify-content:flex-start}.cc-derived{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px;display:grid}.cc-stat,.statchip{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);background:#120d18;flex-direction:column;align-items:center;padding:3px 2px;display:flex}.cc-stat b,.statchip b{font-family:var(--display);font-size:22px;line-height:1}.cc-stat span,.statchip span{color:var(--muted);font-size:12px}.cc-right{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.cc-body{flex:1;min-height:0;padding:2px 2px 8px}.cc-nav{gap:8px;display:flex}.cc-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cc-card{text-align:left;align-items:center;gap:4px;min-height:96px;display:flex;position:relative;padding:0!important}.cc-card.sel{border-image-source:var(--f-gold)}.cc-card.sel:after{content:"";box-shadow:0 0 14px color-mix(in srgb, var(--cc,#f5c542) 55%, transparent);pointer-events:none;position:absolute;inset:-4px}.cc-card-sprite{flex:none;place-items:center;width:60px;display:grid}.cc-card-body{flex-direction:column;gap:3px;min-width:0;display:flex}.cc-card-name{font-family:var(--display);color:var(--text);font-size:22px;line-height:1}.cc-card.sel .cc-card-name{color:var(--gold)}.cc-card-role{color:var(--muted);font-size:12px}.cc-card .chip{padding:1px 5px;font-size:12px}.cc-blurb{color:#d8c49a;margin:10px 4px 0;font-size:15px;font-style:italic}.cc-card.race{min-height:110px}.cc-card.race .cc-card-body{padding:2px 4px}.cc-bonus{color:var(--good);font-family:var(--display);font-size:19px}.cc-trait{color:var(--muted);font-size:13px;line-height:1.3}.cc-trait b{color:var(--text)}.cc-hint{text-align:center;min-height:18px}.cc-abil{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.cc-ab{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line), inset 0 -4px 0 #0000004d;background:#1b1424;flex-direction:column;align-items:center;min-height:96px;padding:6px 2px 8px;display:flex;position:relative}.cc-ab.prim{box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #8a6a2a,inset 0 -4px #0000004d}.cc-ab.sel{box-shadow:0 0 0 2px #07050b, 0 0 0 4px var(--gold), inset 0 0 0 2px var(--gold);background:#2d2239;transform:translateY(-2px)}.cc-ab-k{font-family:var(--display);color:var(--muted);font-size:18px}.cc-ab-v{font-family:var(--display);color:var(--text);font-size:36px;line-height:1}.cc-ab-m{font-family:var(--display);color:var(--gold);font-size:20px}.cc-ab-b{color:var(--dim);font-size:12px}.cc-ab-star{color:var(--gold);font-size:14px;position:absolute;top:4px;right:6px}@media (orientation:landscape){.cc-main{flex-direction:row}.cc-stage{flex-direction:column;justify-content:center;width:280px}.cc-pedestal{width:150px;height:170px}.cc-id{text-align:center;align-items:center;width:100%}.cc-gender{justify-content:center}}@media (orientation:landscape) and (max-height:520px){.cc-head{margin-bottom:2px}.cc-head .h-title{font-size:24px}.cc-stage{width:230px}.cc-pedestal{width:110px;height:120px}.cc-name{font-size:22px}.cc-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1000px){.cc-grid{grid-template-columns:repeat(3,1fr)}.cc{padding-left:max(20px,50vw - 560px);padding-right:max(20px,50vw - 560px)}}.town{grid-template-rows:auto 1fr auto;grid-template-areas:"top""mid""dock";display:grid;position:absolute;inset:0}.topbar{z-index:5;padding:calc(4px + var(--sat)) calc(8px + var(--sar)) 6px calc(8px + var(--sal));background:linear-gradient(#1b1424 0%,#140f1b 100%);flex-wrap:wrap;grid-area:top;align-items:center;gap:6px;display:flex;position:relative;box-shadow:0 2px #07050b,0 4px #2d2239,0 6px 10px #0006}.tb-hero{text-align:left;flex:150px;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.tb-portrait{width:44px;height:44px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line2);background:radial-gradient(circle at 50% 70%,#3d2d4f,#1b1424);flex:none;place-items:start center;display:grid;overflow:hidden}.tb-portrait canvas{margin-top:-4px}.tb-id{flex:1;min-width:0}.tb-name{font-family:var(--display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:1;overflow:hidden}.tb-lvl{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tb-xp{max-width:160px;height:6px;margin-top:3px}.tb-hero .badge{top:-6px;left:-6px;right:auto}.tb-cur{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gold-pill{font-size:17px}.gold-pill b{font-family:var(--display);font-size:21px;font-weight:400}.tb-mats{gap:6px;display:flex}.tb-mats .cur{font-size:14px}.tb-mats .cur img{width:20px;height:20px}.tb-tier{background:#120d18;flex-direction:column;justify-content:center;align-items:center;min-height:44px;padding:0 8px;display:flex;box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #6a4a22}.tb-tier-k{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;line-height:1}.tb-tier-v{font-family:var(--display);color:var(--ember);white-space:nowrap;font-size:18px;line-height:1}@media (max-width:520px){.topbar{grid-template-columns:1fr auto auto;grid-template-areas:"hero tier menu""cur cur cur";row-gap:4px;display:grid}.tb-hero{grid-area:hero}.tb-tier{grid-area:tier}.tb-menu{grid-area:menu}.tb-cur{flex-wrap:nowrap;grid-area:cur;justify-content:space-between;padding:2px 2px 0}}.town-mid{grid-area:mid;min-height:0;position:relative;overflow:hidden}.scene{touch-action:none;background:#2e4a2a;position:absolute;inset:0;overflow:hidden}.town-canvas{cursor:grab;touch-action:none;display:block}.town-labels{pointer-events:none;position:absolute;inset:0}.town-label{pointer-events:auto;min-height:24px;font-family:var(--display);white-space:nowrap;color:#fff3d8;text-shadow:0 1px #000;background:#140e1cdb;align-items:center;gap:4px;padding:1px 6px 2px;font-size:16px;line-height:1;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #07050b,inset 0 0 0 1px #6a5580}.town-label .tl-lvl{color:#1a1018;background:var(--gold);place-items:center;min-width:16px;height:16px;padding:0 2px;font-size:14px;display:inline-grid;box-shadow:inset 0 -2px #a07010}.town-label .tl-build{color:#1a1018;background:var(--ember);padding:1px 4px;font-size:14px;animation:1.2s infinite pulse;box-shadow:inset 0 -2px #9a3a10}.town-label .tl-up,.tl-up{color:var(--good);font-size:14px;animation:.9s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(-2px)}}.town-label.unbuilt{color:#d8c49a}.town-label.can{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--good)}.town-label.sign{color:var(--ember);box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--ember)}.dock{z-index:6;padding:8px calc(8px + var(--sar)) calc(8px + var(--sab)) calc(8px + var(--sal));background:linear-gradient(#1b1424,#120d18);grid-area:dock;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:relative;box-shadow:0 -2px #07050b,0 -4px #2d2239}.dock-btn{border:10px solid #0000;border-image:var(--f-dock) 5 fill / 10px round;min-height:62px;font-family:var(--display);color:var(--text);text-shadow:0 2px #000;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0 0 2px;font-size:17px;display:flex;position:relative}.dock-btn img{width:34px;height:34px;margin:-6px 0 -2px}.dock-btn:active{transform:translateY(2px)}.dock-btn.on{border-image-source:var(--f-btn-gold);color:#3a2208;text-shadow:0 1px #fff6}.dock-btn.primary:not(.on){border-image-source:var(--f-btn-primary);color:#fff6e0}.dock-btn .badge{top:-10px;right:-10px}@media (orientation:landscape) and (min-width:600px){.town{grid-template:"top top""dock mid"1fr/auto 1fr}.dock{width:calc(98px + var(--sal));padding:10px 8px calc(10px + var(--sab)) calc(8px + var(--sal));grid-template-columns:1fr;grid-auto-rows:min-content;align-content:start;gap:8px;box-shadow:2px 0 #07050b,4px 0 #2d2239}.dock-btn{min-height:72px}}@media (orientation:landscape) and (max-height:520px){.topbar{padding-top:calc(2px + var(--sat));padding-bottom:4px}.dock{width:calc(84px + var(--sal));gap:4px;padding-top:6px}.dock-btn{min-height:56px;font-size:15px}.dock-btn img{width:28px;height:28px}}.sheet-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.sheet-layer.open{pointer-events:none}.sheet{pointer-events:auto;border-image-source:var(--f-panel);opacity:0;flex-direction:column;transition:transform .2s cubic-bezier(.2,.8,.3,1),opacity .16s;display:flex;position:absolute;inset:4px;transform:translateY(24px);box-shadow:0 10px 30px #00000080}.sheet.in{opacity:1;transform:none}.sheet.out{opacity:0;pointer-events:none;transform:translateY(24px)}.sheet-head{flex:none;align-items:center;gap:8px;margin-bottom:6px;padding:0 0 8px;display:flex;box-shadow:0 2px #07050b,0 4px #3a2c4a}.sheet-icon{flex:none;width:40px;height:40px}.sheet-titles{flex:1;min-width:0}.sheet-title{color:var(--gold);text-shadow:0 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:28px;line-height:1;overflow:hidden}.sheet-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sheet-close{color:var(--muted);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#120d18;flex:none;font-size:22px}.sheet-close:active{transform:translateY(1px)}.sheet-body{flex:1;min-height:0;margin:0 -4px;padding:2px 4px 10px}@media (orientation:landscape) and (min-width:600px){.sheet{width:min(560px,62%);left:auto;transform:translate(30px)}.sheet.wide{width:min(720px,72%)}.sheet.in{transform:none}.sheet.out{transform:translate(30px)}}.igrid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));justify-items:center;gap:6px;padding:4px 2px;display:grid}@media (max-width:400px){.igrid{grid-template-columns:repeat(6,1fr);gap:5px}.igrid .slot{width:52px;height:52px}.igrid .slot img.icon{width:44px;height:44px}}@media (max-width:360px){.igrid .slot{width:46px;height:46px}.igrid .slot img.icon{width:40px;height:40px}}.bag-tools{margin-bottom:6px}.bag-bar{margin:4px 2px 6px}.bag-hint{margin-top:10px}.item-overlay{align-items:end}@media (min-height:700px){.item-overlay{align-items:center}}.item-pop{flex-direction:column;gap:10px;width:min(94vw,460px);display:flex}.item-pop .cards.two{flex-direction:column;gap:8px;display:flex}@media (min-width:640px){.item-overlay .modal{max-width:min(96vw,900px)}.item-pop:has(.cards.two){width:min(96vw,860px)}.item-pop .cards.two{flex-direction:row;align-items:flex-start}.item-pop .cards.two>.icard{flex:1}}.item-actions{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;padding-top:4px;display:grid;position:sticky;bottom:0}.icard{--rc:#c8c8c8;background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 14%, #1b1424) 0%, #16101e 60px);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px color-mix(in srgb, var(--rc) 70%, #000), inset 0 0 0 4px #0b0810, 0 8px 0 #0000004d;flex-direction:column;gap:4px;padding:12px;font-size:15px;display:flex;position:relative}.icard.r-legendary,.icard.r-mythic{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--rc), inset 0 0 0 4px #0b0810, 0 0 22px color-mix(in srgb, var(--rc) 45%, transparent)}.icard.compact{padding:10px;font-size:14px}.ic-tag{font:14px/1 var(--display);color:var(--muted);background:#3a2c4a;padding:3px 6px;position:absolute;top:-8px;right:10px;box-shadow:0 0 0 2px #07050b}.ic-head{align-items:center;gap:10px;display:flex}.slot.big{cursor:default;width:64px;height:64px}.slot.big img.icon{width:56px;height:56px}.icard.compact .slot.big{width:52px;height:52px}.icard.compact .slot.big img.icon{width:44px;height:44px}.ic-titles{min-width:0}.ic-name{font-family:var(--display);text-shadow:0 2px #000;font-size:24px;line-height:1}.icard.compact .ic-name{font-size:21px}.ic-type{color:var(--text);opacity:.85;font-size:14px}.ic-meta{color:var(--muted);font-size:12px}.ic-sep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rc) 60%, #000), transparent);height:2px;margin:4px 0}.ic-base b{font-family:var(--display);color:#fff;font-size:19px;font-weight:400}.ic-plus{color:#8ab4ff}.ic-affixes{flex-direction:column;gap:2px;margin-top:2px;display:flex}.ic-aff{color:#8ab4ff}.ic-leg{color:#ffb060;box-shadow:inset 2px 0 0 var(--r-legendary);background:#ff8a1c14;margin-top:4px;padding:6px 8px}.ic-leg-k{font:14px/1 var(--display);color:var(--r-legendary);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.icard.r-mythic .ic-leg{color:#ff8a9a;box-shadow:inset 2px 0 0 var(--r-mythic);background:#ff2e4d14}.icard.r-mythic .ic-leg-k{color:var(--r-mythic)}.ic-set{margin-top:4px;font-size:13px}.ic-set-name{color:#6ae08a;font-family:var(--display);font-size:17px}.ic-set-piece{color:var(--dim);padding-left:8px}.ic-set-piece.on{color:#6ae08a}.ic-set-bonus{color:var(--dim)}.ic-set-bonus.on{color:#b8f0c0}.ic-flavor{color:#c8b088;margin-top:4px;font-size:14px;font-style:italic}.ic-warn{color:var(--bad);font-size:14px}.ic-delta{background:#0f0b14;margin-top:6px;padding:6px 8px;box-shadow:inset 0 0 0 1px #3a2c4a}.ic-delta-k{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:12px}.ic-drow{justify-content:space-between;font-size:14px;display:flex}.ic-drow b{font-family:var(--display);font-size:17px;font-weight:400}.ic-drow.good b{color:var(--good)}.ic-drow.bad b{color:var(--bad)}.ic-drow.good span,.ic-drow.bad span{color:var(--text)}.ic-foot{color:var(--gold);justify-content:space-between;align-items:center;margin-top:6px;display:flex}.hovercard{z-index:90;pointer-events:none;width:320px;position:fixed}.hero-tabs .tab{position:relative}.hero-tabs .badge{min-width:16px;height:16px;font-size:12px;top:-4px;right:-2px}.paperdoll{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;margin-top:10px;display:grid}.pd-col{flex-direction:column;gap:8px;display:flex}.pd-slot{flex-direction:column;align-items:center;gap:1px;display:flex}.pd-label{color:var(--dim);font-size:12px}.pd-center{flex-direction:column;align-items:center;gap:6px;display:flex}.pd-stage{background:radial-gradient(at 50% 85%,#3d2d4f 0%,#0000 60%),radial-gradient(at 50% 30%,#ffa05014,#0000 70%);place-items:end center;width:100%;min-height:190px;display:grid;position:relative;box-shadow:inset 0 -12px 0 -8px #2d2239}.pd-stage canvas{margin-bottom:4px}.pd-power{color:var(--muted);align-items:baseline;gap:6px;font-size:13px;display:flex}.pd-power b{font-family:var(--display);color:var(--gold);text-shadow:0 2px #000,0 0 10px #f5c5424d;font-size:30px;font-weight:400}.pd-xp{text-align:center;flex-direction:column;gap:3px;width:64px;display:flex}.pd-xp .bar{height:8px}.statchips{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px;display:grid}@media (max-width:420px){.statchips{grid-template-columns:repeat(3,1fr)}}.setrow{color:#b8f0c0;padding:2px 4px;font-size:14px}.abil-grid{grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0;display:grid}@media (max-width:420px){.abil-grid{grid-template-columns:repeat(3,1fr)}}.abil{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#1b1424;flex-direction:column;align-items:center;padding:4px 2px 6px;display:flex}.abil.prim{box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #8a6a2a}.abil-k{font-family:var(--display);color:var(--muted);font-size:16px}.abil-v{font-family:var(--display);font-size:30px;line-height:1}.abil-m{font-family:var(--display);color:var(--gold);font-size:18px}.abil-b{color:var(--dim);font-size:12px}.abil.pick{min-height:80px}.abil.pick:not(:disabled):active{transform:translateY(2px)}.abil.pick:disabled{opacity:.4}.abil-plus{font-family:var(--display);color:var(--good);font-size:18px}.stat-cols{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.stat-col h4{color:#d8c49a;margin-bottom:4px;font-size:20px}.srow{border-bottom:1px solid #2a2034;align-items:baseline;gap:6px;padding:2px 0;font-size:14px;display:flex}.srow span{color:var(--muted);flex:1}.srow b{font-weight:400;font-family:var(--display);color:var(--text);font-size:18px}.srow i{font-size:12px;font-style:normal}.srow.sub{padding-left:10px}.skill-ic{font-family:var(--display);color:#1a1018;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--sc) 45%, #2d2239) 0%, #16101e 80%);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px color-mix(in srgb, var(--sc) 70%, #000);text-shadow:0 1px #fff6;flex:none;place-items:center;display:grid}.skill-ic img{image-rendering:pixelated}.hotbar{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0;display:grid}.hb-slot{min-height:84px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#120d18;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;display:flex;position:relative}.hb-slot.target{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold);animation:1s infinite legglow}.hb-key{font:14px/1 var(--display);color:var(--dim);position:absolute;top:2px;left:4px}.hb-name{text-align:center;color:var(--muted);font-size:12px;line-height:1.1}.skill-list{flex-direction:column;gap:6px;display:flex}.skill-row{text-align:left;align-items:flex-start;gap:10px;display:flex}.skill-row.sel{border-image-source:var(--f-gold)}.skill-row.locked{opacity:.45;filter:grayscale(.7)}.skill-name{font-family:var(--display);align-items:center;gap:6px;font-size:20px;display:flex}.skill-meta{color:var(--gold);font-size:12px}.skill-text{color:var(--muted);font-size:14px}.asi{margin-bottom:8px}.sub-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.sub-card{flex-direction:column;gap:6px;display:flex}.feat-mini{color:var(--muted);flex-direction:column;gap:3px;margin:0;padding-left:16px;font-size:13px;display:flex}.feat-mini b{color:var(--text);font-weight:600}.note{color:var(--muted);margin:8px 0;font-size:14px}.feat-list{flex-direction:column;gap:4px;display:flex}.feat{background:#1b1424;align-items:flex-start;gap:8px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #2d2239}.feat.locked{opacity:.4}.feat-lvl{width:36px;height:28px;font-family:var(--display);color:#1a1018;background:var(--gold);flex:none;place-items:center;font-size:17px;display:grid;box-shadow:inset 0 -3px #a07010}.feat.locked .feat-lvl{color:var(--muted);box-shadow:none;background:#4a3a5c}.feat-name{font-family:var(--display);font-size:19px}.feat-text{color:var(--muted);font-size:14px}.legend-locked{text-align:center;margin-top:10px}.legend-head{flex-direction:column;gap:6px;margin:10px 0;display:flex}.legend-free{font-family:var(--display);color:var(--muted);font-size:20px}.legend-free.has{color:var(--good)}.legend-board{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}@media (max-width:420px){.legend-board{grid-template-columns:repeat(2,1fr)}}.legend-board.locked{opacity:.45;filter:grayscale(.6)}.legend-node{background:radial-gradient(circle at 50% 30%,#3d2d4f,#1b1424 70%);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex;box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #8a5a14}.legend-node:not(:disabled):active{transform:translateY(2px)}.legend-node:not(:disabled){box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold), 0 0 12px #ffa0284d}.ln-ic{color:var(--ember);text-shadow:0 0 8px #ff8a1c99;font-size:28px}.ln-name{font-family:var(--display);font-size:20px}.ln-pts{font-family:var(--display);color:var(--gold);font-size:28px;line-height:1}.ln-text{color:var(--muted);text-align:center;font-size:12px}.bhead{background:radial-gradient(at 15% 100%,#3a2c4a,#1b1424 70%);grid-template-columns:auto 1fr;align-items:end;gap:6px 12px;margin-bottom:8px;padding:8px 10px;display:grid;box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #3a2c4a}.bhead-art{place-items:end center;display:grid}.bhead-art .b-art{display:block}.bhead-info{flex-direction:column;align-self:center;gap:3px;min-width:0;display:flex}.bhead-lvl{font-family:var(--display);color:var(--gold);flex-wrap:wrap;align-items:center;gap:8px;font-size:22px;display:flex}.pips{gap:3px;display:inline-flex}.pips i{background:#2a2034;width:10px;height:10px;box-shadow:0 0 0 1px #07050b,inset 0 0 0 1px #4a3a5c}.pips i.on{background:var(--gold);box-shadow:0 0 0 1px #07050b,inset 0 -2px #a07010}.bhead-text{color:var(--muted);font-size:13px}.bhead-next{font-size:14px}.bhead-cost{border-top:1px solid #3a2c4a;grid-column:1/-1;padding-top:6px}.bhead-cost .btn{margin-left:auto}@media (max-width:460px){.bhead-text{display:none}}.construction{margin-top:8px}.build-list{color:var(--muted);flex-direction:column;gap:4px;margin:8px 0 0;padding-left:20px;font-size:14px;display:flex}.build-list b{color:var(--text)}.salv-all .btn{flex:auto}.sticky-actions{background:linear-gradient(#0000,#231a2e 30%);gap:8px;margin-top:8px;padding:8px 0 4px;display:flex;position:sticky;bottom:-10px}.workbench{flex-direction:column;gap:8px;margin-top:10px;display:flex}.wb-row{flex-direction:column;gap:6px;display:flex}.ench-row{color:#8ab4ff;align-items:center;gap:8px;padding:2px 0;font-size:15px;display:flex}.pick-hint{margin:16px 0}.sell-bar{margin:6px 0}.potion-card{align-items:center;gap:12px;display:flex}.potion-big{width:72px;height:72px}.potion-pips i{width:14px;height:18px}.potion-pips i.on{background:#d9423a;box-shadow:0 0 0 1px #07050b,inset 0 -3px #8a1a14,inset 0 2px #ff8a7a}.tier-up,.pity{flex-direction:column;gap:6px;display:flex}.odds{margin:8px 0}.cache-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.cache{flex-direction:column;align-items:center;gap:2px;min-height:120px;display:flex;padding:4px 0!important}.cache:not(:disabled):active{transform:translateY(2px)}.cache:disabled{opacity:.5}.cache-ic{filter:drop-shadow(0 0 6px #3b8cff80);width:56px;height:56px}.cache-name{font-family:var(--display);font-size:19px}.cache .cost{color:var(--gold);align-items:center;gap:3px;font-size:14px;display:flex}.reveal-overlay .modal{width:min(94vw,440px)}.reveal-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.reveal{place-items:end center;width:200px;height:170px;display:grid;position:relative}.reveal canvas{z-index:1;position:relative}.reveal-beam{background:linear-gradient(0deg, var(--rc), transparent);opacity:0;filter:blur(2px);width:60px;height:0;transition:height .4s ease-out,opacity .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.reveal.open .reveal-beam{opacity:.85;height:170px}.reveal.open{animation:.3s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.reveal-wrap .icard{width:100%;animation:.3s ease-out popin}@keyframes popin{0%{opacity:0;transform:scale(.85)}}.respec p{color:var(--muted);font-size:14px}.respec-grid{grid-template-columns:repeat(3,1fr);gap:4px 12px;margin:8px 0;font-size:15px;display:grid}.rg{align-items:baseline;gap:6px;display:flex}.rg b{font-family:var(--display);color:var(--muted);width:34px;font-weight:400}.renown-bank{align-items:center;gap:10px;display:flex}.rebirth p{color:var(--muted)}.reqs{margin:8px 0;padding:0;font-size:14px;list-style:none}.boons{flex-direction:column;gap:6px;display:flex}.boon{align-items:center;gap:8px;display:flex}.boon-name{font-family:var(--display);font-size:20px}.boon-text{color:var(--muted)}.expedition.ready{border-image-source:var(--f-gold)}.bounty{text-align:center;font-family:var(--display)}.bounty-title{letter-spacing:6px;color:#7a2a1a;font-size:34px}.bounty-foe{color:#3a2210;font-size:26px}.bounty-where{color:#6a4a2a;font-size:18px}.bounty-note{font-family:var(--ui);color:#5a3a1a;margin-top:6px;font-size:14px}.rumor{color:#d8c49a;text-align:center;font-size:15px;font-style:italic}.ledger{flex-direction:column;gap:6px;display:flex}.ledger-row{text-align:left;align-items:center;gap:10px;display:flex}.ledger-row.can{border-image-source:var(--f-gold)}.ledger-art{flex:none;place-items:end center;width:76px;display:grid}.ledger-art canvas{width:auto;max-width:76px;max-height:70px}.ledger-name{font-family:var(--display);font-size:22px}.ledger-cost{margin-top:2px}.tier-row{scrollbar-width:none;gap:6px;padding:4px 2px 8px;display:flex;overflow-x:auto}.tier{text-align:left;min-width:120px;min-height:56px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#1b1424;flex:none;padding:6px 10px}.tier.on{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--ember), 0 0 12px #ff8a3c59;background:#2d1f2a}.tier.locked{opacity:.55}.tier-name{font-family:var(--display);color:var(--text);font-size:20px}.tier.on .tier-name{color:var(--ember)}.tier-meta{color:var(--muted);max-width:170px;font-size:12px}.descent{align-items:center;gap:10px;margin:6px 0;display:flex}.descent.locked{opacity:.7}.descent-art{background:radial-gradient(circle,#5a1a1a,#1b1424 70%);flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #6a2a2a}.descent-starts{margin-top:4px}.chip.on{background:var(--gold);box-shadow:0 0 0 2px #07050b;color:#1a1018!important}button.chip{min-height:32px}.act{margin-bottom:12px;position:relative}.act.sealed .act-map{filter:grayscale(.8)brightness(.8)}.act-head{align-items:baseline;gap:8px;display:flex}.act-num{font-family:var(--display);color:#7a2a1a;font-size:18px}.act-name{font-family:var(--display);color:#3a2210;flex:1;font-size:26px;line-height:1}.act-prog{font-family:var(--display);color:#6a4a2a;font-size:18px}.act-text{color:#5a3a1a;margin:4px 0 0;font-size:14px}.act-map{margin-top:6px;position:relative}.map-path{width:100%;position:absolute;top:0;left:0}.map-node{flex-direction:column;align-items:center;gap:2px;width:150px;display:flex;position:absolute;transform:translate(-50%,-30px)}.mn-disc{background:radial-gradient(circle at 40% 35%,#8a6a4a,#4a2e18);place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:0 0 0 3px #2a1a0e,inset 0 0 0 3px #b89060,inset 0 -5px #0000004d}.map-node.open .mn-disc{background:radial-gradient(circle at 40% 35%,#ffb060,#c8401a 70%);box-shadow:0 0 0 3px #2a1a0e,inset 0 0 0 3px #ffd070,0 0 16px #ff782899}.map-node.cleared .mn-disc{background:radial-gradient(circle at 40% 35%,#8ae08a,#2a7a3a 70%);box-shadow:0 0 0 3px #2a1a0e,inset 0 0 0 3px #c0f0b0}.map-node.boss .mn-disc{background:radial-gradient(circle at 40% 35%,#b04040,#3a0e0e 70%);width:64px;height:64px;box-shadow:0 0 0 3px #2a1a0e,inset 0 0 0 3px #ff8a7a,0 0 18px #ff3c2899}.map-node.boss.cleared .mn-disc{box-shadow:0 0 0 3px #2a1a0e,inset 0 0 0 3px #c0f0b0}.map-node.locked{opacity:.8}.map-node.frontier .mn-disc{animation:1.2s infinite legglow,1.2s ease-in-out infinite bob}.mn-check{font:34px/1 var(--display);color:#fff;text-shadow:0 2px #1a4a1a}.mn-flame{clip-path:polygon(50% 0,100% 60%,80% 100%,20% 100%,0 60%);background:#fff3c0;width:14px;height:20px;box-shadow:0 0 0 3px #ffb050,0 0 12px #ff8a3c}.mn-badge{font:18px/1 var(--display);color:#fff;background:#2a7a3a;padding:2px 4px;position:absolute;bottom:-4px;right:-6px;box-shadow:0 0 0 2px #2a1a0e}.mn-label{background:#e8d3a4eb;flex-direction:column;align-items:center;padding:2px 6px;display:flex;box-shadow:0 0 0 2px #8a6a3a}.mn-label b{font-family:var(--display);color:#3a2210;text-align:center;font-size:17px;font-weight:400;line-height:1}.mn-label span{color:#6a4a2a;font-size:12px}.act-seal{font-family:var(--display);color:#f3e6c0;text-shadow:0 2px #000;background:#28180c73;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:28px;display:flex;position:absolute;inset:0}.dungeon-detail{flex-direction:column;gap:8px;width:min(92vw,440px);display:flex}.dd-left,.dd-right{flex-direction:column;gap:8px;min-width:0;display:flex}@media (orientation:landscape) and (max-height:520px){.dungeon-detail{flex-direction:row;gap:14px;width:min(94vw,760px)}.dd-left,.dd-right{flex:1}.dd-right{justify-content:space-between}}.dd-act{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:13px}.dd-name{color:var(--gold);text-shadow:0 2px #000;align-items:center;gap:8px;font-size:32px;line-height:1;display:flex}.boss-chip{background:var(--blood);font-family:var(--display);font-size:14px;color:#fff!important}.dd-text{color:#d8c49a;font-size:15px;font-style:italic}.dd-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dd-stats>div{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);background:#120d18;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.dd-stats b{font-family:var(--display);color:var(--text);font-size:24px;font-weight:400;line-height:1}.dd-stats span{color:var(--muted);font-size:12px}.dd-reward{box-shadow:inset 2px 0 0 var(--gold);background:#f5c54214;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;font-size:15px;display:flex}.dd-reward.claimed{color:var(--muted);box-shadow:inset 2px 0 0 var(--line);background:0 0}.dd-roster-k{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:13px}.dd-roster{flex-wrap:wrap;gap:6px;display:flex}.dd-mon{text-align:center;width:74px;color:var(--muted);background:#120d18;flex-direction:column;align-items:center;padding:2px 2px 4px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #2d2239}.dd-mon.boss{color:#ff8a7a;width:110px;box-shadow:inset 0 0 0 1px #6a2a2a}.dd-mon canvas{width:auto;max-height:80px}.codex-bar{margin:4px 0 12px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.codex-entry{text-align:center;background:#1b1424;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;box-shadow:0 0 0 2px #07050b,inset 0 0 0 1px #2d2239}.codex-entry.found{box-shadow:0 0 0 2px #07050b,inset 0 0 0 1px #6a4a22}.codex-entry img.silhouette{filter:brightness(0)drop-shadow(0 0 #3a2c4a);opacity:.55}.codex-name{font-family:var(--display);color:var(--r-legendary);font-size:17px;line-height:1.05}.codex-entry.unfound .codex-name{color:var(--dim)}.codex-meta{color:var(--muted);font-size:12px}.menu-dialog .btn{justify-content:flex-start}.settings{gap:14px}.set-row{flex-direction:column;gap:6px;font-size:16px;display:flex}.set-row.row{flex-direction:row}.credits{width:min(92vw,480px)}.cred{font-size:15px;line-height:1.4}.cred.small{color:var(--muted);font-size:12px}.run-result{flex-direction:column;align-items:stretch;gap:10px;width:min(92vw,480px);display:flex}.rr-title{font-family:var(--display);text-align:center;color:var(--gold);text-shadow:0 3px #000,0 0 20px #f5c54266;font-size:48px;line-height:1}.run-result.o-died .rr-title{color:#ff6a5a;text-shadow:0 3px #000,0 0 20px #d9423a80}.run-result.o-fled .rr-title{color:var(--muted)}.rr-where{text-align:center;color:var(--muted)}.rr-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.rr-stat{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);background:#120d18;flex-direction:column;align-items:center;padding:6px 2px;display:flex}.rr-stat b{font-family:var(--display);font-size:22px;font-weight:400}.rr-stat span{color:var(--muted);font-size:12px}.rr-gold{font-family:var(--display);justify-content:center;align-items:center;gap:6px;font-size:28px;display:flex}.rr-flag{text-align:center;font-family:var(--display);font-size:20px}.rr-loot-k{color:var(--muted);font-size:14px}.run-root{background:#000}@media (orientation:landscape) and (max-height:520px){.toasts{top:calc(56px + var(--sat))}.bhead-art .b-art{width:var(--w1);height:auto}.bhead-text{display:none}}@media (orientation:landscape) and (min-width:600px){.toasts{left:calc(110px + var(--sal));right:auto;top:calc(64px + var(--sat));align-items:flex-start}}@media (orientation:landscape) and (max-height:520px){.toasts{top:calc(52px + var(--sat))}.sheet-head{margin-bottom:4px;padding-bottom:4px}.sheet-title{font-size:24px}.sheet-icon{width:32px;height:32px}.sheet-close{width:40px;height:40px}.pd-stage{min-height:150px}}@media (max-width:420px){.bag-tools .tab{padding:0 6px 2px;font-size:17px}.tabs .tab{font-size:18px}}:is(.modal:has(.dungeon-detail),.modal:has(.run-result)){max-width:96vw}@media (orientation:landscape) and (max-height:520px){.dd-roster{max-height:180px;overflow-y:auto}.dd-mon{width:68px}.dd-mon canvas{max-height:60px}}.overlay{z-index:200}.toasts{z-index:300}.hovercard{z-index:400}.gear-back{z-index:60;padding:calc(6px + var(--sat)) calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal));opacity:0;font-family:var(--ui);color:var(--text);background:#08050cb8;justify-content:center;align-items:stretch;transition:opacity .16s;display:flex;position:fixed;inset:0}.gear-back.in{opacity:1}.gear-panel{flex-direction:column;width:min(100%,1000px);min-height:0;transition:transform .18s;display:flex;transform:translateY(10px)}.gear-back.in .gear-panel{transform:none}.gear-head{flex:none;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;display:flex;box-shadow:0 2px #07050b,0 4px #3a2c4a}.gear-tabs{gap:6px;display:flex}.gear-tab{border:6px solid #0000;border-image:var(--f-tab) 4 fill / 6px round;min-height:44px;font:20px/1 var(--display);color:var(--muted);align-items:center;gap:4px;padding:0 12px 2px;display:flex;position:relative}.gear-tab img{width:26px;height:26px}.gear-tab.on{border-image-source:var(--f-tab-on);color:var(--gold)}.gear-tab .badge{top:-6px;right:-6px}.gear-titles{flex:1;min-width:0}.gear-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.gear-body{flex:1;min-height:0;padding:2px 4px 10px}@media (max-width:520px){.gear-tab span:not(.badge){display:none}}.lvlup-back{z-index:70;padding:calc(6px + var(--sat)) calc(8px + var(--sar)) calc(6px + var(--sab)) calc(8px + var(--sal));opacity:0;color:var(--text);font-family:var(--ui);background:radial-gradient(at 50% 0,#ffa03c40,#08050cd9 60%);justify-content:center;align-items:stretch;transition:opacity .2s;display:flex;position:fixed;inset:0}.lvlup-back.in{opacity:1}.lvlup{border-image-source:var(--f-gold);flex-direction:column;width:min(100%,980px);min-height:0;display:flex}.lu-head{flex:none;align-items:center;gap:10px;display:flex}.lu-sprite{place-items:end center;width:60px;height:72px;display:grid;overflow:hidden}.lu-title{font-family:var(--display);color:var(--gold);text-shadow:0 3px #000,0 0 18px #ffbe5099;font-size:40px;line-height:1;animation:.5s ease-out lupop}@keyframes lupop{0%{opacity:0;transform:scale(1.4)}}.lu-sub{color:var(--muted);font-size:14px}.lu-cols{flex:1;gap:12px;min-height:0;margin-top:8px;display:flex}.lu-gains{flex-direction:column;flex:42%;gap:8px;min-width:0;padding-right:4px;display:flex}.lu-choices{flex-direction:column;flex:58%;gap:8px;min-width:0;padding-right:4px;display:flex}.lu-cols>:only-child{flex-basis:100%}.lu-level{background:#1b1424;flex-direction:column;gap:4px;padding:8px;display:flex;box-shadow:0 0 0 2px #07050b,inset 0 0 0 1px #4a3a5c}.lu-lvl-k{font-family:var(--display);color:var(--ember);font-size:20px}.lu-row{align-items:center;gap:6px;font-size:15px;display:flex}.lu-row i{text-align:center;width:20px;color:var(--gold);font-style:normal}.lu-row.hp i{color:#ff6a5a}.lu-row.asi{color:var(--gold)}.lu-feat{color:var(--muted);flex-direction:column;padding-left:26px;font-size:14px;display:flex}.lu-feat b{font-family:var(--display);color:var(--text);font-size:19px;font-weight:400}.lu-skill{align-items:center;gap:8px;display:flex}.lu-skill b{font-family:var(--display);align-items:center;gap:6px;font-size:18px;font-weight:400;display:flex}.lu-step{flex-direction:column;gap:6px;display:flex}.lu-step .section-title{margin:4px 0}.lu-subs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lu-subcard{text-align:left;flex-direction:column;gap:4px;display:flex}.lu-subcard.sel{border-image-source:var(--f-gold)}.lu-abils{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.lu-ab{position:relative}.lu-ab-main{width:100%;min-height:84px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#1b1424;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.lu-ab.on .lu-ab-main{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--good);background:#1e2a22}.lu-ab-main:disabled{opacity:.55}.lu-ab-main:not(:disabled):active{transform:translateY(2px)}.lu-ab-v{font-family:var(--display);font-size:24px}.lu-ab-v s{font-size:18px;text-decoration:none}.lu-ab-m{font-family:var(--display);color:var(--gold);font-size:17px}.lu-ab-m.good{color:var(--good)}.lu-ab-undo{width:28px;height:28px;font:22px/1 var(--display);color:#fff;background:var(--blood);position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 2px #07050b}.lu-feats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.lu-feat-opt{text-align:left}.lu-feat-opt:disabled{opacity:.5}.lu-featpick{flex-direction:column;gap:6px;display:flex}.lu-stats{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:4px;display:grid}.lu-stat{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);background:#120d18;flex-direction:column;align-items:center;padding:4px 2px;display:flex}.lu-stat span{color:var(--muted);font-size:12px}.lu-stat b{font-family:var(--display);font-size:22px;font-weight:400;line-height:1}.lu-stat i{font-size:12px;font-style:normal}.lu-stat.up i{color:var(--good)}.lu-stat.down i{color:var(--bad)}.lu-stat.up{box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--good)}.lu-foot{flex:none;gap:8px;margin-top:8px;display:flex}@media (max-width:700px) and (orientation:portrait){.lu-cols{flex-direction:column}.lu-abils{grid-template-columns:repeat(3,1fr)}}@media (max-height:520px){.lu-title{font-size:32px}.lu-sprite{height:56px}.lu-ab-main{min-height:70px}}.pg-table{flex-direction:column;gap:2px;margin-top:6px;display:flex}.pg-row{background:#1b1424;grid-template-columns:36px 44px 1fr;align-items:center;gap:8px;min-height:36px;padding:4px 6px;display:grid;box-shadow:inset 0 0 0 1px #2d2239}.pg-headrow{box-shadow:none;color:var(--muted);text-transform:uppercase;letter-spacing:1px;background:0 0;min-height:0;font-size:12px}.pg-row.cur{box-shadow:inset 0 0 0 2px var(--gold);background:#2d2239}.pg-row.future{opacity:.55}.pg-l{font-family:var(--display);text-align:center;color:var(--gold);font-size:20px}.pg-p{font-family:var(--display);color:var(--muted);font-size:17px}.pg-g{flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.pg-feat{color:var(--text)}.pg-skill{color:#8ad0ff;align-items:center;gap:4px;display:inline-flex}.pg-skill .skill-ic{box-shadow:0 0 0 1px #07050b}.pg-sub{color:#c0a0ff}.pg-rank{color:var(--good)}.pg-mark{color:#1a1018;background:var(--gold);font-family:var(--display);padding:0 5px;font-size:14px}.party-tabs .tab{justify-content:center;align-items:center;gap:6px;display:flex}.active-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 2px #07050b, 0 0 6px var(--good);display:inline-block}.party-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:8px;display:grid}@media (max-width:640px){.party-cols{grid-template-columns:1fr}}.party-left,.party-right{flex-direction:column;gap:8px;min-width:0;display:flex}.comp-name{font-family:var(--display);font-size:26px;line-height:1}.paperdoll.compact{margin-top:0}.paperdoll.compact .pd-stage{min-height:150px}.stances{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stance{min-height:56px;font:16px/1 var(--display);color:var(--muted);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);background:#1b1424;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.stance.on{color:var(--gold);box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold);background:#2d2239}.stance-ic{width:28px;height:28px}.comp-active{box-shadow:inset 0 0 0 1px var(--line);background:#120d18;padding:6px 8px}.comp-skills{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.comp-skill{align-items:center;gap:6px;font-size:14px;display:flex}.comp-skill b{font-family:var(--display);font-size:17px;font-weight:400}.comp-blurb{color:#d8c49a;font-size:14px;font-style:italic}.party-empty{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.btn.equip-on{font-size:18px}.merc-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.merc{align-items:stretch;gap:8px;display:flex}.merc-sprite{background:radial-gradient(at 50% 85%,#3d2d4f,#0000 70%);flex:none;place-items:end center;width:64px;display:grid}.merc-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.merc-name{font-family:var(--display);font-size:21px;line-height:1}.merc-name span{color:var(--gold);font-size:16px}.merc-meta{color:var(--muted);font-size:12px}.merc-text{color:#d8c49a;font-size:13px;font-style:italic}.merc-stats{color:var(--muted);gap:8px;font-size:13px;display:flex}.merc-stats b{font-family:var(--display);color:var(--text);font-size:16px;font-weight:400}.merc.hired.on{border-image-source:var(--f-gold)}.slots-line{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.slot-pips{gap:4px;display:inline-flex}.slot-pips i{background:#2a2034;width:14px;height:14px;box-shadow:0 0 0 2px #07050b,inset 0 0 0 1px #4a3a5c}.slot-pips i.on{background:var(--good);box-shadow:0 0 0 2px #07050b,inset 0 -3px #1a7a2a}.dd-party{flex-wrap:wrap;gap:6px;display:flex}.dd-member{text-align:center;width:64px;color:var(--muted);background:#120d18;flex-direction:column;align-items:center;padding:2px 2px 4px;font-size:12px;display:flex;box-shadow:inset 0 0 0 1px #2d2239}.dd-member.you{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold)}.dd-member canvas{width:auto;max-height:56px}.dd-member.empty{opacity:.8;border:0;flex:1;justify-content:center;width:auto;min-width:100px;font-size:12px;box-shadow:inset 0 0 0 1px #2d2239}.gear-grid{flex-direction:column;gap:10px;display:flex}.abil-grid.mini .abil-v{font-size:24px}@media (orientation:landscape){.gear-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.gear-grid .paperdoll{margin-top:0}.gear-side{flex-direction:column;gap:8px;display:flex}.gear-side .statchips{grid-template-columns:repeat(3,1fr);margin-top:0}.gear-side .abil-grid{grid-template-columns:repeat(3,1fr);margin:0}}@media (orientation:landscape) and (max-height:520px){.dock{gap:4px}.dock-btn{border-width:8px;border-image-width:8px;min-height:50px}.dock-btn img{width:26px;height:26px;margin:-4px 0 -2px}.sheet{width:min(680px,80%);inset:3px 3px 3px auto}.sheet.wide{width:min(900px,90%)}.pd-stage{min-height:120px}.paperdoll{gap:6px}.pd-col{gap:4px}.pd-label{display:none}.item-overlay{align-items:center}.item-overlay .modal{max-width:96vw}.item-pop{flex-direction:row;align-items:stretch;width:min(96vw,900px);max-height:calc(100dvh - 24px)}.item-pop:has(.cards.two){width:min(96vw,900px)}.item-pop .cards{scrollbar-width:thin;flex:1;min-width:0;overflow-y:auto}.item-pop .cards.two{flex-direction:row;align-items:flex-start}.item-pop .cards.two>.icard{flex:1;min-width:0}.item-actions{flex-direction:column;flex:none;width:150px;padding:0;display:flex;position:static;overflow-y:auto}.item-actions .btn{width:100%}.icard{padding:10px;font-size:14px}.ic-name{font-size:21px}.settings{grid-template-columns:1fr 1fr;gap:10px 16px;width:min(92vw,640px);display:grid}.settings .dialog-title,.settings .btn.block{grid-column:1/-1}.menu-dialog{grid-template-columns:1fr 1fr;width:min(92vw,520px);display:grid}.menu-dialog .dialog-title{grid-column:1/-1}.run-result{width:min(94vw,760px)}.rr-loot{max-height:130px;overflow-y:auto}.credits{width:min(94vw,720px)}.reveal{height:110px}.reveal-overlay .modal{width:min(94vw,760px)}.reveal-wrap{flex-flow:wrap;justify-content:center}.reveal-wrap .icard{width:min(60vw,420px)}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.bhead{grid-template-columns:auto 1fr auto}.bhead-cost{border:0;flex-direction:column;grid-area:1/3;align-items:flex-end;padding:0}.bhead-cost .btn{margin-left:0}}@media (orientation:landscape) and (min-width:600px){.toasts{top:auto;bottom:calc(10px + var(--sab));left:calc(110px + var(--sal));flex-direction:column-reverse;align-items:flex-start;right:auto}}@media (orientation:landscape) and (max-height:520px){.lu-head{gap:6px}.lu-sprite{display:none}.lu-title{font-size:28px}.lu-cols{margin-top:4px}.lu-foot .btn.big{min-height:44px;font-size:22px}.lu-subcard .feat-mini{display:none}}.hb-hint{margin:4px 0}.hotbar{margin:4px 0 8px}.hb-slot{min-height:76px}.skills-cols{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (orientation:landscape){.skills-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.skill-tile{min-height:96px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--line);touch-action:none;background:#1b1424;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex;position:relative}.skill-tile.equipped{box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #6a8ac8}.skill-tile.sel{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold);background:#2d2239}.skill-tile.picked{animation:.9s infinite legglow}.skill-tile.locked{opacity:.45;filter:grayscale(.7)}.st-name{font-family:var(--display);text-align:center;font-size:16px;line-height:1}.st-meta{color:var(--muted);font-size:12px}.st-slot{min-width:18px;height:18px;font:14px/1 var(--display);color:#10162a;background:#8ab4ff;place-items:center;display:grid;position:absolute;top:3px;left:4px;box-shadow:0 0 0 2px #07050b}.st-new{font:12px/1 var(--display);color:#1a1018;background:var(--gold);padding:2px 3px;position:absolute;top:3px;right:4px;box-shadow:0 0 0 2px #07050b}.skill-tile .badge{top:-6px;right:-6px}.drag-ghost{z-index:500;pointer-events:none;opacity:.9;width:96px;position:fixed;transform:translate(-50%,-50%)scale(.9)}.skill-pane{flex-direction:column;gap:8px;min-width:0;display:flex}.sp-head{align-items:center;gap:10px;display:flex}.sp-slots{align-items:center;gap:6px;display:flex}.sp-slots .btn{min-width:44px}.skill-detail{flex-direction:column;gap:8px;display:flex}.sd-rank,.mst-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mst-rank{font-family:var(--display);color:#9ad0ff;font-size:20px}.skill-detail.mastered .mst-rank,.mastery.mastered .mst-rank{color:var(--gold);text-shadow:0 0 10px #f5c54280}.mst-cap{color:var(--muted);font-size:12px}.mst-bar{height:8px}.rank-track{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.rt-cell{height:28px;font:15px/1 var(--display);color:var(--dim);background:#120d18;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2d2239}.rt-cell.ms{box-shadow:inset 0 0 0 1px #6a5a80}.rt-cell.done{color:#10162a;background:#6a9ae0;box-shadow:inset 0 -3px #3a5aa0}.rt-cell.done.ms{background:#9ad0ff}.rt-cell.next{color:#9ad0ff;animation:1.2s infinite legglow;box-shadow:inset 0 0 0 2px #9ad0ff}.rt-cell.locked{opacity:.35}.skill-detail.mastered .rt-cell.done{background:var(--gold);color:#3a2208;box-shadow:inset 0 -3px #a07010}.sd-next{color:#9ad0ff;font-size:14px}.mst-eff{flex-wrap:wrap;gap:4px;display:flex}.mst-eff span{color:#b8d8ff;background:#14203a;padding:2px 6px;font-size:13px;box-shadow:inset 0 0 0 1px #3a5aa0}.sd-miles{flex-direction:column;gap:2px;display:flex}.sd-mile{color:var(--muted);gap:8px;font-size:13px;display:flex}.sd-mile b{font-family:var(--display);width:30px;color:var(--dim);font-weight:400}.sd-mile.done{color:var(--text)}.sd-mile.done b{color:#9ad0ff}.sd-mile.locked{opacity:.5}.sd-mile.mastered{color:#e8c870}.perk-tier{background:#120d18;flex-direction:column;gap:4px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #2d2239}.perk-tier.pending{box-shadow:inset 0 0 0 2px var(--gold), 0 0 12px #f5c5424d}.perk-tier.future{opacity:.6}.perk-tier-k{font-family:var(--display);color:#c0a0ff;align-items:center;gap:6px;font-size:16px;display:flex}.badge.inline{height:18px;font-size:13px;animation:none;position:static}.perk-opts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;display:grid}.perk-opt{text-align:left;min-height:52px;box-shadow:0 0 0 2px #07050b, inset 0 0 0 1px var(--line);background:#1b1424;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.perk-opt b{font-family:var(--display);font-size:17px;font-weight:400}.perk-opt span{color:var(--muted);font-size:13px}.perk-opt.chosen{box-shadow:0 0 0 2px #07050b, inset 0 0 0 2px var(--gold);background:#2d2310}.perk-opt.chosen b{color:var(--gold)}.perk-opt.other{opacity:.4}.perk-tier.pending .perk-opt:not(:disabled){box-shadow:0 0 0 2px #07050b,inset 0 0 0 2px #8a6a2a}.perk-tier.pending .perk-opt:not(:disabled):active{transform:translateY(2px)}.mastery{flex-direction:column;gap:4px;margin-top:4px;display:flex}.mst-perks{flex-wrap:wrap;gap:4px;display:flex}.mst-perk{color:var(--gold)}.mst-signature{color:var(--gold);font-size:13px}.perk-pick{box-shadow:inset 0 0 0 2px var(--gold);padding:6px}.perk-pick-k{font-family:var(--display);color:var(--gold)}.comp-skills{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.comp-skill{align-items:flex-start}.comp-skill .mastery .mst-eff span{font-size:12px}.lu-perk{background:#1b1424;flex-direction:column;gap:4px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #4a3a5c}.lu-perk b{font-family:var(--display);font-size:18px;font-weight:400}.up-tag{color:#ffd070;font-size:.8em}.up-track{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.up-pip{height:26px;font:13px/1 var(--display);color:var(--dim);background:#120d18;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2d2239}.up-pip.on{color:#3a2208;background:var(--gold);box-shadow:inset 0 -3px #a07010}.up-pip.awaken{box-shadow:inset 0 0 0 2px #c070ff}.up-pip.awaken.on{background:linear-gradient(#ffe08a,#e0a0ff)}.up-pip.next{color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold);animation:1s infinite legglow}.up-pip.capped{opacity:.3}.up-cmps{flex-direction:column;gap:2px;display:flex}.up-cmp{grid-template-columns:1fr auto 18px auto;align-items:baseline;gap:6px;font-size:14px;display:grid}.up-cmp span{color:var(--muted)}.up-cmp b{font-family:var(--display);font-size:17px;font-weight:400}.up-cmp i{color:var(--dim);text-align:center;font-style:normal}.up-awaken{color:#e0a0ff;font-family:var(--display);font-size:17px}.awaken-flash{z-index:600;pointer-events:none;background:radial-gradient(circle,#ffe6a0cc,#c070ff4d 40%,#0000 70%);animation:.9s ease-out forwards aflash;position:fixed;inset:0}@keyframes aflash{0%{opacity:1}to{opacity:0}}@media (orientation:landscape) and (max-height:520px){.cc-stage{flex:none;width:210px}.cc-id{gap:3px}.cc-gender .btn{padding:0 6px 2px;font-size:16px}.cc-derived{grid-template-columns:repeat(2,1fr)}.cc-abil{grid-template-columns:repeat(6,1fr);gap:5px}.cc-ab{min-height:80px}.cc-ab-v{font-size:30px}.lu-subcard{padding:4px!important}.lu-subcard .small{font-size:12px}}.cc-card.locked{opacity:.85;cursor:default}.cc-card.locked .cc-card-name{color:var(--dim);align-items:center;display:flex}.cc-card-sprite.silhouette canvas{filter:brightness(0)drop-shadow(0 0 1px #6a5a80);opacity:.7}.cc-lock-text{color:var(--muted);font-size:12px;line-height:1.25}.cc-lock-bar{height:6px;margin-top:2px}.cc-shared{color:var(--gold);margin:0 2px 8px;font-size:13px}@media (orientation:landscape){.cc-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cc-card{min-height:88px}}.hero-select{padding:calc(8px + var(--sat)) calc(12px + var(--sar)) calc(10px + var(--sab)) calc(12px + var(--sal));background:radial-gradient(at 50% 20%,#2a1c34 0%,#14101c 70%);flex-direction:column;display:flex;position:absolute;inset:0}.hs-body{flex:1;min-height:0}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:8px;display:grid}.hero-card{text-align:left;align-items:center;gap:8px;min-height:110px;display:flex}.hero-card.active{border-image-source:var(--f-gold)}.hc-sprite{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--cc) 35%, transparent), transparent 70%);flex:none;place-items:end center;width:70px;display:grid}.hc-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hc-name{font-family:var(--display);align-items:center;gap:6px;font-size:22px;line-height:1;display:flex}.hc-meta,.hc-power{color:var(--muted);font-size:13px}.hc-power b{font-family:var(--display);color:var(--gold);font-size:18px;font-weight:400}.hero-card.new{flex-direction:column;justify-content:center;gap:2px}.hc-plus{font:44px/1 var(--display);color:var(--gold)}.merc.locked{opacity:.8}.merc-sprite.silhouette canvas{filter:brightness(0)drop-shadow(0 0 1px #6a5a80);opacity:.7}.unlock-overlay .modal{max-width:96vw}.unlock-card{text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(92vw,440px);display:flex;position:relative;overflow:hidden}.uc-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--cc) 30%, transparent) 0 10deg, transparent 10deg 20deg);pointer-events:none;opacity:.6;width:520px;height:520px;animation:12s linear infinite ucspin;position:absolute;top:110px;left:50%;transform:translate(-50%,-50%)}@keyframes ucspin{to{transform:translate(-50%,-50%)rotate(360deg)}}.uc-k{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--ember);font-size:18px;position:relative}.uc-sprite{place-items:end center;min-height:120px;animation:.5s ease-out lupop;display:grid;position:relative}.uc-name{font-family:var(--display);color:var(--gold);text-shadow:0 3px #000,0 0 18px #ffbe5099;font-size:42px;line-height:1;position:relative}.uc-role{color:var(--muted);font-size:14px;position:relative}.uc-text{font-size:15px;position:relative}.uc-bonus{font-family:var(--display);color:var(--good);font-size:20px;position:relative}.uc-merc{color:#8ad0ff;font-size:14px;position:relative}.unlock-card .btn{margin-top:6px;position:relative}@media (orientation:landscape) and (max-height:520px){.uc-sprite{min-height:80px}.uc-sprite canvas{width:auto;max-height:90px}.uc-name{font-size:32px}}.unlock-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-top:8px;display:grid}.unlock-row{align-items:center;gap:8px;display:flex}.unlock-row.done{border-image-source:var(--f-gold)}.ur-sprite{flex:none;place-items:center;width:40px;display:grid}.unlock-row:not(.done) .ur-sprite canvas{filter:brightness(0)drop-shadow(0 0 1px #6a5a80);opacity:.7}.ur-race{color:var(--gold);font-size:24px}.ur-name{font-family:var(--display);align-items:center;gap:6px;font-size:19px;display:flex}.ur-bar{height:6px;margin-top:3px}img.portrait{image-rendering:pixelated;flex:none;display:block;box-shadow:0 0 0 2px #07050b}.tb-portrait{background:0 0}.tb-portrait img.portrait{width:44px;height:44px;box-shadow:none}.cc-visual{align-items:flex-end;gap:6px;display:flex}.cc-visual .cc-pedestal{width:80px;height:120px}.gear-face{align-items:center;gap:10px;display:flex}.gf-name{font-family:var(--display);color:var(--gold);font-size:26px;line-height:1}.comp-id{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;column-gap:10px;display:grid}.comp-id .comp-portrait{grid-row:1/3}.merc-sprite,.hc-sprite{align-items:center;width:68px}.merc-sprite.silhouette img,.cc-card-sprite.silhouette img{filter:brightness(0)drop-shadow(0 0 1px #6a5a80);opacity:.7}.lu-sprite{width:auto;height:auto}.uc-sprite img{position:relative}@media (orientation:landscape) and (max-height:520px){.cc-portrait{width:128px;height:128px}.cc-stage{width:250px}.pd-portrait{width:128px;height:128px}.lu-sprite{display:block}.lu-portrait{width:64px;height:64px}.uc-sprite img{width:128px;height:128px}}@font-face{font-family:EmberDisplay;src:url(../fonts/jersey-15-400-latin.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:EmberUI;src:url(../fonts/pixelify-sans-latin-wght-normal.woff2)format("woff2");font-weight:400 700;font-display:block}.rs{--rs-bg:#14101c;--rs-panel:#231a2e;--rs-line:#4a3a5c;--rs-hi:#6b5580;--rs-text:#efe3c8;--rs-muted:#a99bb6;--rs-gold:#f5c542;--rs-blood:#d9423a;--rs-mana:#4a8cff;--rs-display:"EmberDisplay", "Jersey", monospace;--rs-ui:"EmberUI", "Pixelify", monospace;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);color:var(--rs-text);font-family:var(--rs-ui);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:none;background:#07050a;font-size:14px;position:fixed;inset:0;overflow:hidden}.rs canvas.rs-world{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.rs *{box-sizing:border-box}.rs button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.rs-frame{background:var(--rs-panel);box-shadow:0 0 0 2px #0c0810, inset 0 0 0 2px var(--rs-line), inset 2px 2px 0 2px var(--rs-hi), 0 4px 0 2px #0c0810}.rs-party{left:calc(8px + var(--sal));top:calc(6px + var(--sat));pointer-events:none;flex-direction:column;gap:4px;width:min(210px,30vw);display:flex;position:absolute}.rs-pf{pointer-events:auto;text-align:left;align-items:center;gap:5px;padding:2px 4px 2px 2px;display:flex;position:relative}.rs-pf.comp{width:82%}.rs-pf.main{padding:4px 6px 4px 4px}.rs-pf .por{background:#0c0810;flex:none;width:34px;height:34px;position:relative;box-shadow:0 0 0 2px #0c0810,inset 0 0 0 1px #3a2c48}.rs-pf.comp .por{width:20px;height:20px}.rs-pf .por canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.rs-pf .por b{font-family:var(--rs-display);color:var(--rs-gold);text-shadow:1px 1px #000,-1px -1px #000;font-size:15px;font-weight:400;line-height:1;position:absolute;bottom:-5px;right:-5px}.rs-pf .rs-col{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rs-pf .nm{color:var(--rs-muted);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;gap:4px;font-size:11px;line-height:1;display:flex;overflow:hidden}.rs-pf .nm i{color:var(--rs-text);font-style:normal}.rs-pf.comp.down{filter:grayscale()brightness(.7)}.rs-pf .rs-stance{width:18px;height:18px;font-family:var(--rs-display);background:#0c0810;flex:none;place-items:center;font-size:14px;display:grid;box-shadow:0 0 0 1px #4a3a5c;font-size:12px!important}.rs-pf .rs-stance.aggressive{color:#ff7a5a}.rs-pf .rs-stance.defensive{color:#6aa8ff}.rs-pf .rs-stance.follow{color:#9fe0a0}.rs-bar{background:#0c0810;height:13px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0c0810,inset 0 0 0 1px #3a2c48}.rs-bar.res{height:7px}.rs-pf.comp .rs-bar{height:5px;box-shadow:0 0 0 1px #0c0810}.rs-pf.comp .rs-col{gap:2px}.rs-pf.comp .nm{font-size:10px}.rs-bar>i{width:0;transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.rs-bar>i.lag{background:#fff6;transition:width .6s ease-out .25s}.rs-bar.hp>i.fill{background:linear-gradient(#ff6a5a,#d9423a 55%,#9a2020)}.rs-bar.hp.ally>i.fill{background:linear-gradient(#7af08a,#3cc04e 55%,#1f7a2c)}.rs-bar.hp.low>i.fill{animation:.6s steps(2,end) infinite rs-pulse}.rs-bar.res>i.fill{background:var(--rc,#4a8cff)}.rs-bar>b{font-weight:400;font-family:var(--rs-display);letter-spacing:.5px;text-shadow:1px 1px #000,-1px 1px #000;place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;inset:0}@keyframes rs-pulse{50%{filter:brightness(1.6)}}.rs-buffs{pointer-events:none;flex-wrap:wrap;gap:3px;min-height:0;display:flex}.rs-buff{background:#0c0810;width:14px;height:14px;position:relative;box-shadow:0 0 0 1px #000}.rs-buff>span{background:var(--c);opacity:.85;position:absolute;inset:2px}.rs-buff>em{height:var(--p);background:#000a;position:absolute;bottom:0;left:0;right:0}.rs-corner{right:calc(8px + var(--sar));top:calc(6px + var(--sat));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.rs-row{align-items:center;gap:6px;display:flex}.rs-iconbtn{width:40px;height:40px;font-family:var(--rs-display);place-items:center;font-size:20px;display:grid;position:relative}.rs-iconbtn canvas{width:26px;height:26px;image-rendering:pixelated;pointer-events:none}.rs-iconbtn .dot{background:#4ee06a;width:9px;height:9px;display:none;position:absolute;top:1px;right:1px;box-shadow:0 0 0 2px #0c0810}.rs-iconbtn .dot.on{display:block}.rs-iconbtn .rs-badge{background:var(--rs-gold);color:#1b1424;text-align:center;min-width:16px;height:16px;padding:0 3px;font-size:12px;line-height:16px;display:none;position:absolute;top:-5px;right:-4px;box-shadow:0 0 0 2px #0c0810}.rs-iconbtn .rs-badge.on{display:block}.rs-iconbtn.pulse{animation:.9s steps(3,end) infinite rs-btnpulse}@keyframes rs-btnpulse{50%{filter:brightness(1.6);box-shadow:0 0 0 2px #0c0810,inset 0 0 0 2px #f5c542,0 0 10px 2px #f5c54288}}.rs-gold{font-family:var(--rs-display);color:var(--rs-gold);text-shadow:1px 1px #000;padding:0 2px;font-size:17px}.rs-mini{cursor:pointer;width:96px;height:96px;padding:4px;position:relative}.rs-mini canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.rs-mini.big{z-index:30;width:min(80vw,80vh);height:min(80vw,80vh);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rs-bagfull{right:calc(8px + var(--sar));top:calc(152px + var(--sat));font-family:var(--rs-display);color:#ffb09a;background:#3a1418;padding:6px 10px;font-size:16px;display:none;position:absolute;box-shadow:0 0 0 2px #0c0810,inset 0 0 0 2px #d9423a}.rs-bagfull.on{animation:.25s steps(3,end) rs-drop;display:block}.rs-xp{height:calc(4px + var(--sab));pointer-events:none;background:#0c0810;position:absolute;bottom:0;left:0;right:0}.rs-xp>i{background:linear-gradient(90deg,#b8861a,#f5c542);width:0;height:4px;transition:width .3s linear;position:absolute;top:0;left:0}.rs-boss{left:50%;top:calc(8px + var(--sat));text-align:center;pointer-events:none;width:min(420px,44vw);display:none;position:absolute;transform:translate(-50%)}.rs-boss.on{animation:.35s steps(4,end) rs-drop;display:block}.rs-boss .name{font-family:var(--rs-display);color:#ffb09a;text-shadow:2px 2px #000;letter-spacing:1px;font-size:17px}.rs-boss .rs-bar{height:12px}.rs-boss .rs-bar>i.fill{background:linear-gradient(#ff5a3a,#b01818)}.rs-boss.enraged .rs-bar>i.fill{animation:.4s steps(2,end) infinite rs-pulse}@keyframes rs-drop{0%{opacity:0;transform:translate(-50%,-12px)}}.rs-skills{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));width:0;height:0;position:absolute}.rs-skill,.rs-pot{box-shadow:0 0 0 2px #0c0810, inset 0 0 0 2px var(--rs-line), inset 0 3px 0 2px #6b558055, 0 3px 0 2px #0c0810;touch-action:none;background:radial-gradient(#3a2c48,#1b1424 70%);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.rs-skill.primary{background:radial-gradient(#4a3458,#1b1424 72%);box-shadow:0 0 0 2px #0c0810,inset 0 0 0 3px #8a6aa8,inset 0 3px 0 3px #b08ad055,0 4px 0 2px #0c0810}.rs-skill canvas,.rs-pot canvas{width:58%;height:58%;image-rendering:pixelated;pointer-events:none}.rs-skill.flash,.rs-pot:active,.rs-skill.aiming{filter:brightness(1.35)}.rs-skill.aiming{box-shadow:0 0 0 2px #0c0810,inset 0 0 0 3px #9fe0ff,0 0 14px 3px #9fe0ff66}.rs-skill.cancel{box-shadow:0 0 0 2px #0c0810,inset 0 0 0 3px #ff5a4a}.rs-skill .cd,.rs-pot .cd{pointer-events:none;background:conic-gradient(#000c calc(var(--cd,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.rs-skill .cdt,.rs-pot .cdt{font-family:var(--rs-display);text-shadow:2px 2px #000;pointer-events:none;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.rs-skill.nores canvas{filter:grayscale(.8)brightness(.55)}.rs-skill.nores:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #4a8cffaa}.rs-skill.ready{animation:.35s steps(3,end) rs-ready}@keyframes rs-ready{50%{box-shadow:0 0 0 2px #0c0810,inset 0 0 0 3px #fff,0 0 14px 4px #ffe9a0}}.rs-skill.locked{background:#120c18}.rs-skill.locked canvas{opacity:0}.rs-skill.locked .lock{display:grid}.rs-skill .lock{font-family:var(--rs-display);color:#6f6380;pointer-events:none;place-items:center;font-size:14px;display:none;position:absolute;inset:0}.rs-skill .key,.rs-pot .key{font-family:var(--rs-display);color:var(--rs-muted);text-shadow:1px 1px #000;pointer-events:none;font-size:13px;position:absolute;top:-4px;left:4px}.rs-pot .n{font-family:var(--rs-display);color:#fff;text-shadow:2px 2px #000,-1px -1px #000;pointer-events:none;font-size:18px;position:absolute;bottom:-4px;right:-2px}.rs-pot.empty canvas{filter:grayscale()brightness(.5)}.rs-skill .tip{white-space:nowrap;pointer-events:none;background:#0c0810dd;margin-bottom:4px;padding:1px 5px;font-size:11px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.rs.desktop .rs-skill:hover .tip{display:block}.rs:not(.desktop) .key{display:none}.rs-joy{pointer-events:none;background:radial-gradient(#ffffff10,#ffffff08 60%,#0000 62%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute;box-shadow:inset 0 0 0 2px #ffffff30}.rs-joy.on{display:block}.rs-joy>i{background:radial-gradient(#efe3c860,#efe3c830);border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0008,inset 0 0 0 2px #fff4}.rs-joyhint{left:calc(40px + var(--sal));bottom:calc(36px + var(--sab));pointer-events:none;background:radial-gradient(#ffffff08,#0000 70%);border-radius:50%;width:92px;height:92px;position:absolute;box-shadow:inset 0 0 0 2px #ffffff18}.rs.desktop .rs-joyhint{display:none}.rs-toasts{right:calc(118px + var(--sar));top:calc(56px + var(--sat));pointer-events:none;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute}.rs-toast{border-left:3px solid var(--c);color:var(--c);white-space:nowrap;text-overflow:ellipsis;background:#0c0810cc;max-width:70vw;padding:2px 7px;font-size:13px;animation:2.6s steps(26,end) forwards rs-toast;overflow:hidden}@keyframes rs-toast{0%{opacity:0;transform:translate(20px)}6%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.rs-center{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;top:22%;left:20%;right:20%}.rs-msg{font-family:var(--rs-display);text-shadow:2px 2px #000;font-size:22px;animation:2.4s forwards rs-msg}@keyframes rs-msg{0%{opacity:0;transform:scale(1.3)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.rs-banner{font-family:var(--rs-display);text-shadow:3px 3px 0 #000, 0 0 18px var(--c);color:var(--c);font-size:36px;line-height:1;animation:3.6s forwards rs-banner}.rs-banner small{color:var(--rs-text);margin-top:4px;font-size:22px;display:block}@keyframes rs-banner{0%{opacity:0;transform:scale(2.2)}6%{opacity:1;transform:scale(.95)}10%{transform:none}82%{opacity:1}to{opacity:0}}.rs-title{font-family:var(--rs-display);text-shadow:3px 3px #000;color:var(--rs-text);font-size:30px;animation:3.2s forwards rs-title}.rs-title small{color:var(--rs-muted);font-size:18px;display:block}@keyframes rs-title{0%{opacity:0;letter-spacing:6px}15%{opacity:1;letter-spacing:1px}80%{opacity:1}to{opacity:0}}.rs-exit-arrow{pointer-events:none;filter:drop-shadow(2px 2px #000);width:22px;height:22px;display:none;position:absolute}.rs-exit-arrow.on{display:block}.rs-overlay{z-index:40;background:#07050acc;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.rs-panel{text-align:center;flex-direction:column;gap:12px;width:min(420px,100%);max-height:calc(100% - 20px);padding:18px 16px;display:flex;overflow:auto}.rs-panel h2{font-family:var(--rs-display);text-shadow:2px 2px #000;margin:0;font-size:36px;font-weight:400;line-height:1}.rs-panel .sub{color:var(--rs-muted)}.rs-btn{font-family:var(--rs-display);box-shadow:0 0 0 2px #0c0810, inset 0 0 0 2px var(--rs-hi), 0 4px 0 2px #0c0810;background:#3a2c48;padding:10px 14px;font-size:22px}.rs-btn:active{transform:translateY(2px)}.rs-btn.primary{background:#7a3a1a;box-shadow:0 0 0 2px #0c0810,inset 0 0 0 2px #d0803a,0 4px 0 2px #0c0810}.rs-stats{text-align:left;grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.rs-stats b{font-family:var(--rs-display);color:var(--rs-gold);float:right;font-size:18px;font-weight:400}.rs-loot{text-align:left;flex-direction:column;gap:2px;max-height:30vh;display:flex;overflow:auto}.rs-loot div{border-left:3px solid var(--c);color:var(--c);background:#0c081088;padding:2px 6px;font-size:13px}.rs-banner.tap{pointer-events:auto;cursor:pointer;animation:7s forwards rs-banner-tap}.rs-banner.tap small{color:var(--rs-gold);animation:.8s steps(2,end) infinite rs-pulse}@keyframes rs-banner-tap{0%{opacity:0;transform:scale(2.2)}4%{opacity:1;transform:scale(.95)}7%{transform:none}90%{opacity:1}to{opacity:0}}.rs-party-res{color:var(--rs-muted);flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px;display:flex}.rs-party-res span{color:#7af08a}.rs-menu-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-height:420px){.rs-panel{gap:8px;padding:10px 12px}.rs-panel h2{font-size:28px}.rs-btn{padding:6px 10px;font-size:18px}.rs-loot{max-height:22vh}}.rs-skill .mring{pointer-events:none;background:conic-gradient(#f5c542 calc(var(--m,0) * 360deg), #ffffff14 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2px));mask:radial-gradient(circle,#0000 calc(50% - 3px),#000 calc(50% - 2px))}.rs-skill.locked .mring,.rs-skill.locked .rank{display:none}.rs-skill .rank{min-width:15px;height:15px;font-family:var(--rs-display);text-align:center;color:#1b1424;pointer-events:none;background:#f5c542;padding:0 2px;font-size:12px;line-height:15px;position:absolute;bottom:-3px;right:2px;box-shadow:0 0 0 2px #0c0810}.rs-skill .perk{pointer-events:none;background:#4ee06a;width:10px;height:10px;animation:.8s steps(2,end) infinite rs-pulse;display:none;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #0c0810}.rs-skill .perk.on{display:block}.rs-skill.rankup{animation:.7s steps(5,end) rs-rankup}@keyframes rs-rankup{0%{box-shadow:0 0 0 2px #0c0810,0 0 #f5c542}40%{filter:brightness(1.6);box-shadow:0 0 0 2px #0c0810,inset 0 0 0 3px #fff,0 0 20px 8px #f5c542}to{}}.rs-perkpill{top:auto;bottom:calc(210px + var(--sab));right:calc(14px + var(--sar));color:#c0ffc8;background:#143a1c;box-shadow:0 0 0 2px #0c0810,inset 0 0 0 2px #4ee06a}