:root{--ink:#120e1a;--ink-2:#1c1628;--ink-3:#2a2140;--gold:#e8c46a;--gold-hi:#fff0c2;--gold-lo:#8a6326;--bronze:#b0803e;--text:#efe6d4;--muted:#a99f8f;--me:#58d86e;--foe:#ff8a3a;--display:var(--font-serif),"Cormorant Garamond",var(--font-serif-th),Georgia,serif;--body:var(--font-body),"Kanit",system-ui,sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--panel-bg:var(--grain),linear-gradient(180deg,#2a2240 0%,#1a1527 55%,#130f1d 100%);--trim:inset 0 0 0 1px rgba(255,226,160,0.18),inset 0 0 0 3px #0c0912,inset 0 0 0 4px rgba(200,150,70,0.55),0 10px 28px rgba(0,0,0,0.65)}#ag-root,#ag-root *{box-sizing:border-box}#ag-root{font-feature-settings:"lnum";font-variant-numeric:lining-nums;position:fixed;inset:0;overflow:hidden;background:#0a0202;color:var(--text);font-family:var(--body);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gi{width:1em;height:1em;vertical-align:-.14em;flex:none}.gi.coin{color:var(--gold);filter:drop-shadow(0 1px 0 #5a3a0a)}#scene{inset:0;width:100vw;height:100vh}#banner-sub,#scene{position:fixed;pointer-events:none}#banner-sub{left:12px;right:12px;transform:translateY(-50%);font:14px/1.3 var(--body);color:#eee;text-align:center;text-shadow:0 1px 2px #000}#banner-sub[hidden],.loot-open #banner-sub{display:none}#scene3d{position:fixed;inset:0}#scene3d canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ag-root button{font:inherit;color:var(--text);cursor:pointer}#tooltip,#topbar,.dtitle,.hcard,.hero-panel{background:var(--panel-bg);box-shadow:var(--trim)}.metal{background:var(--grain),linear-gradient(180deg,#3b2f55 0,#221a33 100%);border:1px solid #07050b;box-shadow:inset 0 1px 0 rgba(255,240,200,.25),inset 0 0 0 2px rgba(200,150,70,.5),0 3px 0 #07050b,0 6px 14px rgba(0,0,0,.5)}#topbar{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:3px 38px 7px;-webkit-clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);font-family:var(--display);font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}#timer{font-size:25px;font-weight:900;min-width:36px;text-align:center;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000)}#topbar b{color:var(--text)}#logo{right:20px;font:900 22px/.95 var(--display);text-align:right;letter-spacing:2px;background:linear-gradient(180deg,#fff4c9,#e8b54a 50%,#9a5a14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(255,120,20,.55)) drop-shadow(0 2px 0 #2a1400)}#logo,.icon-btn{position:absolute;top:12px}.icon-btn{left:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-family:var(--display)!important;font-weight:700;background:var(--grain),linear-gradient(180deg,#3b2f55 0,#221a33 100%);border:1px solid #07050b;box-shadow:inset 0 0 0 1px rgba(200,150,70,.5),0 3px 0 #07050b}#players{position:absolute;top:60px;left:12px;width:250px;display:flex;flex-direction:column;gap:5px}.prow{position:relative;display:flex;align-items:center;gap:8px;padding:5px 7px;background:var(--grain),linear-gradient(90deg,rgba(34,27,50,.95),rgba(18,14,26,.9));border-left:3px solid rgba(200,150,70,.35);box-shadow:inset 0 0 0 1px rgba(255,226,160,.08),0 2px 8px rgba(0,0,0,.5)}.prow.me{background:var(--grain),linear-gradient(90deg,rgba(56,116,220,.98),rgba(30,50,110,.92) 70%,rgba(18,14,26,.9));border-left:5px solid #9ad0ff;box-shadow:inset 0 0 0 1px rgba(160,210,255,.85),0 0 14px rgba(90,160,255,.55),0 2px 8px rgba(0,0,0,.5);z-index:1}.prow.me .pname,.prow.me b{color:#fff}.prow.opp{background:var(--grain),linear-gradient(90deg,rgba(150,38,30,.95),rgba(18,14,26,.9));border-left-color:#ff7a5a}.prow.dead{opacity:.38;filter:grayscale(1)}.pav{width:38px;height:38px;display:grid;place-items:center;font-size:26px;color:#f6ecd6;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),transparent 60%),var(--c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),inset 0 0 0 3px rgba(232,196,106,.6)}.pav .gi{filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.pinfo{flex:1 1;min-width:0}.pname{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak{font-size:11px;color:#ffb14a}.pgold{font-size:11px;color:var(--gold)}.pdmg{display:none}.php{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:15px;background:radial-gradient(circle at 50% 35%,#1f4a28,#0b1a0e);box-shadow:inset 0 0 0 2px #0a0a0a,inset 0 0 0 4px var(--me),0 0 10px rgba(88,216,110,.25)}.prow.dead .php{background:#1a1a1a;box-shadow:inset 0 0 0 2px #0a0a0a,inset 0 0 0 4px #555;font-size:12px}.vs{font-size:16px;color:#ffd0b0}#side-right{position:absolute;top:70px;right:12px;width:250px;flex-direction:column;align-items:flex-end}#level,#side-right{display:flex;gap:6px}#level{align-items:baseline;font-family:var(--display);font-size:16px;color:var(--muted)}#level b{font-size:28px;color:var(--gold);text-shadow:0 2px 0 #000}#level small{font-family:var(--body);font-size:12px}#synergies{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.syn{display:flex;align-items:center;gap:6px;cursor:help}.syn .cnt{font-size:12px;color:#d8cfbf}.syn .cnt b{font-family:var(--display);font-size:15px;color:var(--text)}.syn .badge{width:30px;height:30px;display:grid;place-items:center;font-size:15px;color:#cfc6b8;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,#4a4458,#221e2c)}.syn[class*=tier-]:not(.tier-0) .badge{color:#fff;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),var(--c)}.syn.tier-3 .badge{filter:drop-shadow(0 0 8px var(--c))}.syn.off{opacity:.75}.syn.off .badge{color:var(--c)}#damage{width:250px;margin-top:6px}#damage .drow{background:rgba(14,10,20,.7)}#damage:empty{display:none}.dtitle{font-family:var(--display);font-weight:900;letter-spacing:2px;text-align:center;padding:7px;font-size:15px;color:var(--gold)}.drow{display:flex;align-items:center;gap:7px;padding:5px 8px;background:rgba(14,10,20,.82);border-bottom:1px solid rgba(200,150,70,.15);font-size:12px}.dicon{font-size:20px;color:var(--gold-hi)}.dmain{flex:1 1;min-width:0}.dname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbar{height:4px;margin-top:2px;background:#000a}.dbar i{display:block;height:100%;background:linear-gradient(90deg,#8a1c14,#ff5a3a)}.dval{font-weight:600;white-space:nowrap}.dval small{color:var(--muted);font-weight:300}#bottom{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:290px 1fr 290px;align-items:end;pointer-events:none}#bottom>*{pointer-events:auto}.hero-panel{margin:8px;padding:12px;min-height:150px}.hp-empty{color:var(--muted);font-size:13px;text-align:center;padding-top:50px}.hp-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hp-head .lv{width:26px;height:26px;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 50%,var(--gold-lo));color:#2a1600;font-weight:900;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hp-head .lv,.hp-name{font-family:var(--display)}.hp-name{font-weight:700;font-size:16px}.hp-hero{margin-left:auto;font-size:12px;color:var(--muted)}.hp-body{display:flex;gap:12px}.portrait{width:84px;height:84px;display:grid;place-items:center;font-size:64px;color:#f6ecd6;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.6),transparent 70%),var(--c);box-shadow:inset 0 0 0 2px #0a0710,inset 0 0 0 4px var(--bronze),inset 0 0 18px rgba(0,0,0,.6)}.portrait .gi{filter:drop-shadow(0 3px 2px rgba(0,0,0,.6))}.pav,.portrait{position:relative;overflow:hidden}.pav .art,.portrait .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55));-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pav:after,.portrait:after{content:"";position:absolute;inset:0;box-shadow:inherit;pointer-events:none}.hp-stats{grid-gap:3px;gap:3px;font-weight:600;font-size:15px}.hp-stats .gi{color:var(--gold);margin-right:4px}.skills{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px;gap:5px;margin-top:10px}.skill{position:relative;aspect-ratio:1;display:grid;place-items:center;font-size:26px;color:#fbf3e2;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.22),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--c) 80%,#fff 0%),color-mix(in srgb,var(--c) 45%,#0a0710));box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px rgba(232,196,106,.55),0 2px 4px rgba(0,0,0,.6);cursor:pointer}.skill .gi{filter:drop-shadow(0 2px 1px rgba(0,0,0,.7))}.skill.empty{background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(232,196,106,.18);cursor:default}.skill .sl{position:absolute;right:2px;bottom:-1px;font-family:var(--display);font-size:11px;font-weight:900;color:var(--gold-hi);text-shadow:0 1px 2px #000,0 0 3px #000}#center{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:8px}#dmg-mini{display:none}#vsbars{display:flex;align-items:center;gap:10px;min-height:26px;width:min(640px,100%)}.vbar{flex:1 1;padding:3px;background:#0a0710;box-shadow:inset 0 0 0 1px rgba(232,196,106,.45),0 4px 10px rgba(0,0,0,.6)}.vs-mid{font-size:24px;color:var(--gold);filter:drop-shadow(0 2px 0 #000)}.hpbar,.mpbar{position:relative;background:#1a0e0e;overflow:hidden}.hpbar{height:18px}.mpbar{height:9px;margin-top:2px;background:#0b0e1e}.hpbar i,.mpbar i{position:absolute;inset:0 auto 0 0;transition:width .12s linear}.side-0 .hpbar i{background:linear-gradient(180deg,#a6f7b2,#3cc35a 45%,#1f7a34)}.side-1 .hpbar i{background:linear-gradient(180deg,#ffc49a,#f0742e 45%,#9a3a0a)}.mpbar i{background:linear-gradient(180deg,#9cc4ff,#3a6ee8 50%,#1a3a9a)}.hpbar span,.mpbar span{position:relative;display:block;text-align:center;font-size:12px;font-weight:700;line-height:18px;text-shadow:0 1px 2px #000}.mpbar span{font-size:9px;line-height:9px}#shop-row{align-items:stretch}#shop,#shop-row{display:flex;gap:14px}.scard{--frame:linear-gradient(160deg,#fff0c2,#c9953f 22%,#6b4412 50%,#d9a54a 78%,#fff0c2);position:relative;width:clamp(120px,min(11vw,21vh),205px);padding:8px 9px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;border:3px solid transparent;border-radius:6px;--bg:linear-gradient(180deg,#2b2342,#17121f 60%,#0f0b16);--hair:rgba(232,196,106,0.22);background:var(--grain) padding-box,var(--bg) padding-box,var(--frame) border-box;box-shadow:0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b;transition:transform .14s ease,filter .14s ease}.scard:before{content:"";position:absolute;inset:4px;border:1px solid var(--hair);border-radius:3px;pointer-events:none}.scard:hover{transform:translateY(-8px);filter:brightness(1.08)}.scard.poor{filter:saturate(.3) brightness(.65)}.scard.up{box-shadow:0 0 0 1px #07050b,0 0 22px rgba(255,200,80,.55),0 10px 24px rgba(0,0,0,.7)}.scard.sold{display:grid;place-items:center;min-height:262px;background:rgba(0,0,0,.35);border:2px dashed rgba(232,196,106,.2);box-shadow:none;color:rgba(232,196,106,.3);font-family:var(--display);font-weight:900;letter-spacing:4px;cursor:default}.scard.sold:before{display:none}.stags{display:flex;gap:4px;min-height:24px}.tag{width:24px;height:24px;display:grid;place-items:center;font-size:14px;color:#fff;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),var(--c)}.badge-up{position:absolute;top:9px;right:9px;padding:1px 7px;font-family:var(--display);font-size:11px;font-weight:900;color:#2a1600;background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:0 2px 0 #5a3a0a;transform:rotate(6deg)}.sicon{position:relative;width:76px;height:76px;margin:8px 0 6px;display:grid;place-items:center;font-size:54px;color:#fff7e6;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 85%,#fff 15%) 0,var(--c) 35%,color-mix(in srgb,var(--c) 35%,#07050b) 100%);box-shadow:inset 0 0 0 2px #07050b,inset 0 0 0 3px rgba(232,196,106,.7),inset 0 0 22px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.6)}.sicon .gi{filter:drop-shadow(0 3px 2px rgba(0,0,0,.65)) drop-shadow(0 0 8px rgba(255,240,200,.25))}.sstars,.stars{letter-spacing:1px}.sstars i,.stars i{font-style:normal;color:#3e3650;font-size:14px}.sstars i.on,.stars i.on{color:var(--gold);text-shadow:0 0 6px rgba(255,190,60,.7),0 1px 0 #3a2200}.sname{margin-top:5px;font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(180deg,#fff6d8,var(--gold) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.sdesc{font-size:11.5px;font-weight:300;line-height:1.4;margin-top:4px;min-height:48px;color:#ddd3c2}#tooltip b,.sdesc b{color:var(--gold);font-weight:600}.sprice{margin-top:8px;padding:1px 14px;display:flex;align-items:center;gap:5px;font-family:var(--display);font-size:13.5px;font-weight:900;color:var(--gold-hi);background:linear-gradient(180deg,#2a1f10,#120c06);box-shadow:inset 0 0 0 1px rgba(232,196,106,.6),0 2px 0 #000}#shop-btns{display:flex;flex-direction:column;justify-content:center;gap:7px}#shop-btns button{display:flex;align-items:center;gap:6px;min-width:104px;padding:7px 12px 7px 20px;font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:1px;-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);clip-path:polygon(14% 0,100% 0,100% 100%,14% 100%,0 50%);background:var(--grain),linear-gradient(180deg,#43365f 0,#251c38 100%);border:none;box-shadow:inset 0 1px 0 rgba(255,240,200,.3),inset 0 -3px 0 rgba(0,0,0,.45),inset 0 0 0 2px rgba(200,150,70,.45)}#shop-btns button .gi{font-size:15px;color:var(--gold)}#shop-btns button span{color:var(--gold-hi)}#shop-btns button:hover:not(:disabled){filter:brightness(1.25)}#shop-btns button:active:not(:disabled){transform:translateY(1px)}#shop-btns button.active{background:var(--grain),linear-gradient(180deg,#d9a54a,#7a4a0e)}#shop-btns button.active .gi,#shop-btns button.active span{color:#2a1600}#ready:not(:disabled){background:var(--grain),linear-gradient(180deg,#3f7a3a,#1c3e1a)!important}#shop-btns button:disabled{filter:grayscale(1) brightness(.55);cursor:default}.reroll-wrap{position:relative;display:flex}.reroll-wrap #refresh{flex:1 1}#reroll-left{--da:#8f7bff;--db:#4b2fb8;--dc:#1d3f9e;--edge:#f0cf7a;--glow:rgba(140,110,255,0.55);--swirl:#4fb6ff;position:absolute;top:calc(50% - 18px);left:calc(100% + 8px);width:36px;height:36px;display:grid;place-items:center;cursor:default;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6)) drop-shadow(0 0 5px var(--glow))}#reroll-left[hidden]{display:none}#reroll-left .d20{position:absolute;inset:0;width:100%;height:100%}#reroll-left .d20a{stop-color:var(--da)}#reroll-left .d20b{stop-color:var(--db)}#reroll-left .d20c{stop-color:var(--dc)}#reroll-left .d20w1{fill:var(--swirl);opacity:.55}#reroll-left .d20w2{fill:#fff;opacity:.18}#reroll-left .d20s0{fill:rgba(255,255,255,.16)}#reroll-left .d20s1{fill:rgba(255,255,255,.24)}#reroll-left .d20s2{fill:rgba(255,255,255,.06)}#reroll-left .d20s3{fill:rgba(0,0,20,.2)}#reroll-left .d20s4{fill:rgba(0,0,20,.38)}#reroll-left .d20e{stroke:rgba(255,240,210,.4);stroke-width:1.4;stroke-linejoin:round}#reroll-left .d20o{stroke:var(--edge);stroke-width:2.6;stroke-linejoin:round}#reroll-left .d20n{font:900 11px var(--display);fill:var(--edge);text-anchor:middle;opacity:.75}#reroll-left b{position:relative;top:1px;font-family:var(--display);font-weight:900;font-size:13px;line-height:1;color:#fff6dc;text-shadow:0 0 2px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(255,220,140,.5)}#reroll-left.roll{animation:die-toss .28s ease-out}#reroll-left.roll .d20{animation:die-tumble .28s ease-out}@keyframes die-toss{40%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes die-tumble{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){#reroll-left.roll,#reroll-left.roll .d20{animation:none}}#reroll-left.out{--da:#ff8a6e;--db:#b3301d;--dc:#5e120a;--glow:rgba(255,80,50,0.5);--swirl:#ffb36b}.scard .skey{position:absolute;left:6px;bottom:6px;padding:0 5px;font-family:var(--body);font-size:10px;line-height:16px;color:#e8dcc0;background:rgba(0,0,0,.55);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.4);pointer-events:none}@media (pointer:coarse){#shop-toggle kbd,.scard .skey{display:none}}#bottom-bar{gap:10px}#bottom-bar,#gold,#shop-toggle{display:flex;align-items:center}#gold,#shop-toggle{gap:6px;padding:3px 12px;font-size:13px;background:var(--grain),linear-gradient(180deg,#2c2340,#16111f);box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px rgba(200,150,70,.5),0 4px 10px rgba(0,0,0,.5)}#shop-toggle{border:none;font-weight:500}#shop-toggle .gi{font-size:15px;color:var(--gold)}#shop-toggle:hover{filter:brightness(1.25)}#shop-toggle kbd{font-size:11px}#center.shop-closed #shop-row{display:none}#shop-gold{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:15px;background:var(--grain),linear-gradient(180deg,#2c2340,#16111f);box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px rgba(200,150,70,.5),0 4px 10px rgba(0,0,0,.5)}#shop-gold b{font-family:var(--display);font-weight:900;color:var(--gold-hi)}#center:not(.shop-closed) #bottom-bar #gold{display:none}#gold{font-size:15px}#gold b{font-family:var(--display);font-weight:900;color:var(--gold-hi)}#gold small{color:var(--muted);font-size:12px}#toast{position:absolute;top:52px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100vw - 24px));padding:5px 14px;font-size:13px;line-height:1.4;text-align:center;background:rgba(10,7,16,.92);box-shadow:inset 0 0 0 1px rgba(232,196,106,.6);color:var(--gold-hi);font-weight:500;opacity:0;transition:opacity .2s;pointer-events:none;z-index:6}#toast.show{opacity:1}#ag-root #room-invite:disabled{opacity:.6;cursor:default;text-decoration:none}#invite{position:absolute;top:52px;left:50%;transform:translate(-50%,-8px);max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;font-size:14px;background:rgba(10,7,16,.95);box-shadow:inset 0 0 0 1px rgba(232,196,106,.8),0 6px 24px rgba(0,0,0,.5);color:var(--gold-hi);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:30}#invite.show{opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto}#invite svg{width:20px;height:20px;flex:none}#invite span{flex:1 1;min-width:0}#ag-root #invite [data-x]{text-decoration:none;font-size:18px;padding:2px 4px}#invite .big-btn{padding:6px 14px;font-size:14px;min-width:0;flex:none}#tooltip{position:fixed;top:0;left:0;max-width:300px;padding:11px 13px;font-size:13px;line-height:1.55;pointer-events:none;opacity:0;z-index:20}#tooltip.show{opacity:1}.tt-title{font-family:var(--display);font-weight:700;font-size:15px;color:var(--gold-hi)}.tt-title .gi{color:var(--gold)}.tt-hint,.tt-tags{color:var(--muted);font-size:12px}#tooltip .off{color:#6f6878}#tooltip .on{color:#8ff0a0}#overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;padding:10px 0;gap:10px;background:var(--grain),radial-gradient(circle at 50% 40%,rgba(60,14,8,.92),rgba(6,3,8,.97) 70%);z-index:10}#overlay.show{display:flex}#overlay:has(#queue-cancel){justify-content:safe center}#overlay>*{flex-shrink:0}.ov-title{font:900 44px var(--display);letter-spacing:3px;background:linear-gradient(180deg,#fff4c9,#e8b54a 50%,#9a5a14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,110,20,.55)) drop-shadow(0 3px 0 #2a1400)}.ov-sub{color:var(--muted);font-size:18px}.ov-rank{font:900 96px var(--display);color:var(--text)}.ov-help{max-width:840px;text-align:center;color:var(--muted);font-size:13px;font-weight:300;line-height:1.9}.hero-pick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:min(100%,calc(var(--cols, 8) * 174px + 14px));padding:0 12px}.hero-pick>.hcard{flex:0 1 164px;min-width:0}.hcard{width:auto;padding:10px 8px;text-align:center;cursor:pointer;transition:transform .14s ease,filter .14s ease}.hcard:hover{transform:translateY(-8px);filter:brightness(1.12)}.hcard .portrait{margin:0 auto 6px;width:100px;height:100px;font-size:72px}.hname{font-family:var(--display);font-weight:900;font-size:15px;color:var(--gold-hi)}.hinnate,.hrole,.hstats{font-size:12px;color:var(--muted);margin-top:5px}.hinnate,.hstats .gi{color:var(--gold)}.big-btn{padding:12px 40px;font-family:var(--display)!important;font-size:18px;font-weight:900;letter-spacing:1px;color:#2a1600!important;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 45%,var(--gold-lo));border:none;box-shadow:inset 0 1px 0 #fff8,0 4px 0 #3a2200,0 8px 18px rgba(0,0,0,.6)}#ag-root kbd{padding:0 5px;font-family:var(--body);background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(232,196,106,.4)}.credit{flex:none;font-size:11px;color:#6f6878}.credit a{color:inherit}#level{flex-direction:column;align-items:flex-end;gap:4px}.lv-row{display:flex;align-items:baseline;gap:6px}.xpbar{position:relative;width:170px;height:12px;background:#0a0710;box-shadow:inset 0 0 0 1px rgba(232,196,106,.45)}.xpbar i{position:absolute;inset:1px auto 1px 1px;max-width:calc(100% - 2px);background:linear-gradient(180deg,#d9b6ff,#8a4ae0)}.xpbar span{position:relative;display:block;text-align:center;font-size:9px;line-height:12px;color:#fff;text-shadow:0 1px 1px #000}.odds,.xpbar span{font-family:var(--body)}.odds{display:flex;gap:8px;font-size:11px;font-weight:600}.scard.r-N{--frame:linear-gradient(160deg,#f2f4f7,#9aa4b1 25%,#4a525c 50%,#b8c0ca 78%,#f2f4f7)}.scard.r-R{--frame:linear-gradient(160deg,#ffffff,#c9ced8 25%,#5a606c 50%,#dfe3ea 78%,#ffffff)}.scard.r-SR{--frame:linear-gradient(160deg,#f0dcff,#b36bff 25%,#4a1a8a 50%,#c890ff 78%,#f0dcff)}.scard.r-SSR{--frame:linear-gradient(160deg,#fff6c8,#ffb02e 25%,#8a4a00 50%,#ffd06a 78%,#fff6c8);box-shadow:0 0 22px rgba(255,176,46,.55),0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b;animation:ssr-glow 1.8s ease-in-out infinite}@keyframes ssr-glow{50%{box-shadow:0 0 34px rgba(255,176,46,.85),0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b}}.srarity{top:9px;left:10px;font-family:var(--display);font-weight:900;color:var(--rc);text-shadow:0 0 6px var(--rc),0 1px 0 #000}.badges,.srarity{position:absolute}.badges{top:8px;right:8px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.badges .badge-up{position:static}.badge-hot{padding:1px 7px;font-family:var(--display);font-size:11px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff6a3a,#c2200a);box-shadow:0 2px 0 #4a0a00;transform:rotate(6deg)}.scard.hot:not(.up){box-shadow:0 0 0 1px #07050b,0 0 18px rgba(255,90,40,.5),0 10px 24px rgba(0,0,0,.7)}.rarity,.tier{display:inline-block;padding:0 6px;font-family:var(--display);font-size:11px;font-weight:900;color:var(--rc,#fff);box-shadow:inset 0 0 0 1px currentColor}.tier.t1{color:#9aa4b1}.tier.t2{color:#b36bff}.tier.t3{color:#ffb02e}.skill.r-SR{box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #b36bff,0 2px 4px rgba(0,0,0,.6)}.skill.r-SSR{box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #ffb02e,0 0 8px rgba(255,176,46,.6)}#buyxp small{font-family:var(--body);font-weight:500;font-size:11px;color:var(--muted)}#buyxp:not(:disabled){background:var(--grain),linear-gradient(180deg,#5a3a8a,#2a1a4a)!important}.talent{margin-top:8px;font-size:12px;color:var(--muted);cursor:help}.talent .gi{color:var(--gold)}.talent b{color:var(--gold-hi);font-weight:600}.items{display:flex;gap:5px;margin-top:6px}.item{width:34px;height:34px;display:grid;place-items:center;font-size:22px;color:#fbf3e2;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),transparent 65%),#2a2138;box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px var(--ic,#9aa4b1);cursor:pointer}.item.t1{--ic:#9aa4b1}.item.t2{--ic:#b36bff}.item.t3{--ic:#ffb02e;box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px var(--ic),0 0 8px rgba(255,176,46,.5)}.item.empty{background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(232,196,106,.18);cursor:default}.arts{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.arts[hidden]{display:none}.artifact-slot{width:30px;height:30px;display:grid;place-items:center;color:#fff4d0;background:radial-gradient(circle at 50% 30%,rgba(255,220,140,.3),transparent 65%),#3a2a14;border-radius:50%;box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #e8c46a,0 0 8px rgba(232,196,106,.45);cursor:help}.artifact-slot svg{width:20px;height:20px}.tier.art-tag{color:#2a1600;background:#e8c46a}#choice{position:absolute;top:90px;left:50%;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:10px;padding:14px 18px 16px;background:var(--panel-bg);box-shadow:var(--trim),0 0 40px rgba(255,176,46,.25);z-index:5}#choice.show,.loot-title{display:flex}.loot-title{flex-direction:column;align-items:center;font-family:var(--display);font-weight:900;font-size:16px;color:var(--gold-hi)}.loot-title .gi{font-size:22px;color:var(--gold)}.loot-title small{font-family:var(--body);font-weight:400;font-size:12px;color:#ffb07a}.loot-row{display:flex;gap:12px}.loot-card{width:150px;padding:10px;text-align:center;cursor:pointer;background:var(--grain),linear-gradient(180deg,#2b2342,#120e1a);box-shadow:inset 0 0 0 2px var(--ic,#9aa4b1),0 6px 16px rgba(0,0,0,.6);transition:transform .12s}.loot-card:hover{transform:translateY(-5px)}.loot-card.t1{--ic:#9aa4b1}.loot-card.t2{--ic:#b36bff}.loot-card.t3{--ic:#ffb02e}.loot-card.tal-l{--ic:#4aa8ff}.loot-card.tal-r{--ic:#ff7a3c}.loot-card{background:var(--grain),linear-gradient(180deg,color-mix(in srgb,var(--ic,#9aa4b1) 32%,#2b2342) 0,#1a1427 55%,#120e1a 100%);box-shadow:inset 0 0 0 2px var(--ic,#9aa4b1),inset 0 3px 0 2px var(--ic,#9aa4b1),0 6px 16px rgba(0,0,0,.6)}.loot-card .lt{font-weight:700}.loot-card .li{font-size:44px;color:#fbf3e2;filter:drop-shadow(0 0 8px var(--ic))}.loot-card .ln{font-family:var(--display);font-weight:900;font-size:13px;color:var(--gold-hi)}.loot-card .lt{font-size:11px;color:var(--ic)}.loot-card .ld{margin-top:4px;font-size:11.5px;font-weight:300;color:#ddd3c2}#choice .loot-btn{padding:6px 14px;font-family:var(--display);font-weight:700;font-size:12px;color:var(--gold-hi);background:linear-gradient(180deg,#3a2f52,#1d1729);border:none;box-shadow:inset 0 0 0 1px var(--gold);cursor:pointer}#choice.mini .loot-btn{animation:talent-wait 1.1s ease-in-out infinite alternate}#choice .loot-btn:hover{filter:brightness(1.25)}.prow:not(.me){cursor:pointer}.prow:not(.me):hover{filter:brightness(1.2)}.prow.scouted{box-shadow:inset 0 0 0 2px var(--gold),0 2px 8px rgba(0,0,0,.5)}.pback{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;margin-bottom:4px;border:1px solid var(--gold);border-radius:6px;background:linear-gradient(180deg,rgba(70,52,20,.95),rgba(30,22,10,.95));color:#ffe2a0;font-weight:800;cursor:pointer}.pback:hover{filter:brightness(1.2)}.ppair{display:flex;flex-direction:column;gap:0;padding:4px;margin-bottom:8px;border-radius:8px;border:1px solid rgba(255,210,140,.4);background:rgba(10,6,16,.72);box-shadow:0 3px 10px rgba(0,0,0,.55)}.ppair.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 12px rgba(255,210,74,.45),0 3px 10px rgba(0,0,0,.55)}.ppair .pvs{display:flex;align-items:center;gap:6px;height:18px;font-size:11px;font-weight:800;letter-spacing:1px;color:#ffcf7a}.ppair .pvs:after,.ppair .pvs:before{content:"";flex:1 1;height:1px;background:rgba(255,207,122,.35)}.prow.ghostcopy,.prow.locked{cursor:default}.prow.ghostcopy:hover,.prow.locked:hover{filter:none}.prow.ghostcopy{opacity:.6}.hero-panel{position:relative}#foe-panel.scouting:before{content:"SCOUTING";position:absolute;top:-20px;left:12px;font-family:var(--display);font-size:11px;letter-spacing:2px;color:var(--gold)}.hp-empty{line-height:1.7}.htalent{margin-top:6px;font-size:11.5px;line-height:1.45;color:#ddd3c2}.htalent b{font-family:var(--display);color:var(--gold-hi)}.hpbar em{position:absolute;inset:0 0 0 auto;background:repeating-linear-gradient(45deg,rgba(255,245,200,.85) 0 4px,rgba(255,230,150,.6) 4px 8px)}.hero-panel{padding:10px 12px}.hp-body .portrait{width:72px;height:72px;font-size:54px}.hp-stats{font-size:14px;gap:1px}.hp-extra{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.hp-extra .items,.hp-extra .talent{margin-top:0}.item{width:30px;height:30px;font-size:20px}.skills{margin-top:8px}#players{gap:3px}.prow{padding:3px 7px}.pav,.php{width:34px;height:34px}.sname{min-height:2.5em;display:flex;align-items:center;justify-content:center}.scard.r-N{--frame:linear-gradient(160deg,#ffffff,#c9ced8 25%,#5a606c 50%,#dfe3ea 78%,#ffffff);--bg:linear-gradient(180deg,#4c4d50,#2c2d30 55%,#18191b);--hair:rgba(216,221,230,0.25)}.scard.r-R{--frame:linear-gradient(160deg,#f0dcff,#b36bff 25%,#4a1a8a 50%,#c890ff 78%,#f0dcff);--bg:linear-gradient(180deg,#9a52f0,#6428b8 50%,#34106e);--hair:rgba(230,200,255,0.5);box-shadow:0 0 18px rgba(179,107,255,.55),0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b}.scard.r-SR{--frame:linear-gradient(160deg,#fff6c8,#ffb02e 25%,#8a4a00 50%,#ffd06a 78%,#fff6c8);--bg:linear-gradient(180deg,#a86a14,#57340b 55%,#2a1805);--hair:rgba(255,208,106,0.4);box-shadow:0 0 22px rgba(255,176,46,.55),0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b;animation:ssr-glow 1.8s ease-in-out infinite}.scard .sdesc{min-height:46px}#banned{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.ban-label{font-family:var(--display);font-size:10px;letter-spacing:1px;color:#ff7a6a;margin-right:2px}.ban{position:relative;width:24px;height:24px;display:grid;place-items:center;font-size:15px;color:#8a8290;background:#1a1520;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ban:after{content:"";position:absolute;width:26px;height:2px;background:#ff5a4a;transform:rotate(-45deg)}.syn .pips{font-size:8px;letter-spacing:1px;color:var(--c);opacity:.9}.syn.max .badge{filter:drop-shadow(0 0 8px var(--c))}.syn.rec .cnt:before{content:"HOT ";font-family:var(--display);font-size:10px;color:#ff8a5a}.syn.tier-0 .badge{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 38%,#2a2434),color-mix(in srgb,var(--c) 18%,#14101c));color:color-mix(in srgb,var(--c) 75%,#fff)}.talents{display:flex;gap:4px}.talent-slot{width:26px;height:26px;display:grid;place-items:center;font-family:var(--display);font-size:11px;font-weight:900;color:#6f6878;background:#15111d;box-shadow:inset 0 0 0 1px rgba(232,196,106,.25);cursor:help}.talent-slot.on{color:#2a1600;background:linear-gradient(180deg,var(--gold-hi),var(--gold))}.talent-slot.pending{color:#2a1600;background:linear-gradient(180deg,#fff1b8,var(--gold-hi));cursor:pointer;animation:talent-wait 1.1s ease-in-out infinite alternate}@keyframes talent-wait{0%{box-shadow:0 0 0 1px var(--gold),0 0 4px rgba(255,200,80,.4)}to{box-shadow:0 0 0 2px var(--gold-hi),0 0 14px rgba(255,200,80,.9)}}.talent-slot.ult{color:#9cc4ff;font-size:16px;box-shadow:inset 0 0 0 1px #5a8cff}.items .item{width:26px;height:26px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:3px;gap:3px;margin-top:8px;max-height:96px;overflow-y:auto}.card-mini{position:relative;aspect-ratio:1;display:grid;place-items:center;font-size:17px;color:#fbf3e2;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18),transparent 65%),color-mix(in srgb,var(--c) 45%,#0a0710);box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #c9ced8;cursor:pointer}.card-mini.r-r{box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #b36bff}.card-mini.r-sr{box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #ffb02e,0 0 6px rgba(255,176,46,.6)}.card-mini .sl{position:absolute;right:1px;bottom:-1px;font-family:var(--display);font-size:10px;font-weight:900;color:var(--gold-hi);text-shadow:0 1px 2px #000}.empty-note{grid-column:1/-1;font-size:12px;color:#d8cfbf;padding:6px 0}.chips{display:flex;gap:8px;min-height:16px;margin-top:3px;font-size:12px;font-weight:600}.side-1 .chips{justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:2px;text-shadow:0 1px 2px #000}.cards{scrollbar-width:thin;scrollbar-color:rgba(232,196,106,.35) transparent}.card-art{display:block;width:100%;height:100%}img.card-art,img.tr-img{object-fit:cover}img.tr-img{border-radius:18%}#ag-root .kit-tr img.tr-img,#board .bt img.tr-img,.artifact-slot img.tr-img{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%}#ag-root :is(#me-panel,#foe-panel) .hp-extra .artifact-slot:has(img.tr-img),.hp-extra .artifact-slot:has(img.tr-img){flex:0 0 30px}span.card-img.wide{position:relative;overflow:hidden}span.card-img.wide img{position:absolute;inset:0;width:100%;height:100%}span.card-img.wide .ci-bg{object-fit:cover;filter:blur(6px) brightness(.75);transform:scale(1.15)}span.card-img.wide .ci-fg{object-fit:contain}.card-art .ca-spin{animation:ca-spin 18s linear infinite}@keyframes ca-spin{to{transform:rotate(1turn)}}.sart{position:relative;align-self:stretch;aspect-ratio:16/9;max-height:clamp(72px,11.5vh,104px);margin:5px -3px;border-radius:3px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.6)}.sart:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px var(--rc,rgba(232,196,106,.7)),inset 0 0 5px rgba(0,0,0,.3);pointer-events:none}.sart .card-art{transition:transform .25s ease}.scard:hover .sart .card-art{transform:scale(1.06)}.card-mini{overflow:hidden}.card-mini .card-art,.card-mini:after{position:absolute;inset:0}.card-mini:after{content:"";box-shadow:inherit;pointer-events:none}.card-mini .sl{z-index:1}.badge-counter{padding:1px 7px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(180deg,#5a7a9a,#2a3a5a);box-shadow:0 2px 0 #0a1020;transform:rotate(6deg)}.mode-pick{display:flex;gap:10px}#ag-root .mode-btn{gap:2px;padding:8px 18px;background:rgba(0,0,0,.35);border:1px solid rgba(232,196,106,.25)}#ag-root .mode-btn b{font-family:var(--display);font-size:15px;color:var(--text)}#ag-root .mode-btn i{font-style:normal;font-size:10px;padding:1px 6px;margin-left:4px;vertical-align:2px;color:#2a1600;background:var(--gold)}#ag-root .mode-btn small{font-size:12px}#ag-root .mode-btn.on{border-color:var(--gold);background:linear-gradient(180deg,rgba(232,196,106,.22),rgba(232,196,106,.05));box-shadow:0 0 16px rgba(232,196,106,.25)}.hsects{display:flex;gap:4px;justify-content:center;margin-top:8px}.hult{margin-top:6px;color:var(--gold)}.hult,.tt-sub{font-size:12px}.tt-sub{color:var(--muted);margin:2px 0 6px}.tt-body{max-width:320px;font-size:13px}#ag-root .link-btn{background:none;border:none;color:var(--gold);font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.howto{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:rgba(4,2,6,.75)}.howto-card{max-width:520px;padding:22px 26px}.howto-card h2{margin:0 0 10px;font-family:var(--display);color:var(--gold-hi)}.howto-card ol{margin:0 0 12px;padding-left:20px;line-height:1.8}.howto-more{font-size:12px;color:var(--muted);line-height:1.8}.howto-card .big-btn{display:block;margin:12px auto 0}.ban.in{color:#fff;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),var(--c)}.ban.in:after{display:none}.ban-label.in{color:var(--gold)}#coach{position:absolute;top:92px;left:50%;z-index:15;display:none;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));padding:10px 12px 10px 14px;transform:translateX(-50%);font-size:14px;line-height:1.5;background:linear-gradient(180deg,#3a2d18,#221a10);box-shadow:inset 0 0 0 1px var(--gold),0 8px 24px rgba(0,0,0,.6);animation:coach-in .25s ease}#coach.show{display:flex}#coach .coach-n{flex:none;font-family:var(--display);font-size:12px;color:var(--gold)}#ag-root #coach button{flex:none;padding:4px 12px;font-weight:600;color:#2a1600;background:var(--gold);border:none;cursor:pointer}#ag-root #coach .coach-skip{color:var(--muted);background:none;padding:4px 6px}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,-8px)}}.coach-lit{outline:2px solid var(--gold);outline-offset:4px;animation:coach-pulse 1.2s ease-in-out infinite}@keyframes coach-pulse{50%{outline-color:rgba(232,196,106,.2)}}#settings-btns{position:absolute;top:12px;left:96px;display:flex;gap:4px;z-index:20}#ag-root .mini-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;font-size:18px;font-family:var(--display);font-weight:900;color:var(--gold);background:var(--grain),linear-gradient(180deg,#3b2f55 0,#221a33 100%);border:1px solid #07050b;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(200,150,70,.5),0 3px 0 #07050b;cursor:pointer}#ag-root .mini-btn.off{color:#6f6878}#ag-root #settings-btn{font-size:20px}#ag-root #chat-btn{position:relative;display:none}#ag-root #chat-btn.on{display:grid}#ag-root #chat-btn.active{color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold),0 3px 0 #07050b}.chat-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d8402c;color:#fff;font:700 10px/16px var(--body);display:none}.chat-badge.show{display:block}#chat{position:absolute;top:54px;left:96px;width:min(330px,calc(100vw - 16px));z-index:20;display:none;pointer-events:none}#chat.on{display:block}#chat.in-game{left:272px}#choice.show~#chat{z-index:4}#chat .chat-panel{display:none;flex-direction:column;max-height:min(340px,45vh);padding:6px;background:rgba(14,10,22,.92);box-shadow:inset 0 0 0 1px rgba(232,196,106,.5),0 8px 20px rgba(0,0,0,.5);border-radius:6px;pointer-events:auto}#chat.open .chat-panel,.chat-log{display:flex}.chat-log{flex:1 1;min-height:60px;overflow-y:auto;flex-direction:column;gap:2px;padding:2px 4px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.chat-line{color:var(--text)}.chat-line.mine .chat-text{color:var(--gold-hi)}#ag-root .chat-name{background:none;border:none;padding:0 4px 0 0;font:600 13px var(--body);color:var(--c);cursor:pointer}.chat-name:after{content:":";color:var(--muted)}.chat-empty,.chat-hint{color:var(--muted);font-size:11px}.chat-hint{padding:2px 4px 0}.chat-form{display:flex;gap:4px;margin-top:4px}#ag-root .chat-input{flex:1 1;min-width:0;padding:5px 8px;font:16px var(--body);color:var(--text);background:#0a0710;border:1px solid rgba(232,196,106,.4);border-radius:4px;-moz-user-select:text;user-select:text;-webkit-user-select:text}#ag-root .chat-send{padding:0 10px;font:600 14px var(--body);color:var(--ink);background:var(--gold);border:none;border-radius:4px;cursor:pointer}.chat-peek{width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 8px;font-size:13px;background:rgba(14,10,22,.88);box-shadow:inset 0 0 0 1px rgba(232,196,106,.4);border-radius:6px;opacity:0;transition:opacity .2s;overflow-wrap:anywhere}.chat-peek.show{opacity:1}#chat.open .chat-peek{display:none}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#chat,#chat.in-game{top:40px;left:auto;right:6px;width:min(320px,calc(100vw - 12px))}#chat .chat-panel{max-height:38vh}#ag-root.slr-ui:not(:has(#overlay.show)) #chat-btn{position:fixed;top:6px;left:6px}#ag-root.slr-ui:not(:has(#overlay.show)) #chat{left:6px;right:auto}#ag-root.slr-ui #topbar{left:calc(50% - 16px)}}.set-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}#ag-root .set-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font:400 15px var(--body);color:var(--text);text-align:left;background:rgba(10,7,16,.6);border:none;box-shadow:inset 0 0 0 1px rgba(232,196,106,.3);cursor:pointer}#ag-root .set-row .gi{width:20px;height:20px;color:var(--gold)}#ag-root .set-row span{flex:1 1}#ag-root .set-row b{color:#8ff0a0}#ag-root .set-row.off .gi,#ag-root .set-row.off b{color:#6f6878}.load-bar{width:min(320px,80vw);height:6px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(232,196,106,.3)}.load-bar i{display:block;height:100%;width:var(--p,0);background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));transition:width .2s}.load-txt{font-size:12px;color:var(--muted);margin-top:-8px}.profile{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;justify-content:center}.go-card,.profile-bar,.quests{padding:8px 12px;background:rgba(10,7,16,.7);box-shadow:inset 0 0 0 1px rgba(232,196,106,.3)}.profile-bar{display:flex;align-items:center;gap:10px;min-width:260px}.profile-bar small{color:var(--muted);font-size:11px}.pb-info{flex:1 1}.pb-info b{font-size:13px;color:var(--gold-hi)}.go-lv{flex:none;font-family:var(--display);font-weight:900;font-size:16px;color:var(--gold)}.xpbar{height:8px;margin-top:3px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(232,196,106,.3)}.xpbar.small{height:5px;flex:1 1}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8a5a14,var(--gold-hi));transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.quests{min-width:260px;font-size:12px}.q-title{font-family:var(--display);font-size:12px;color:var(--gold);margin-bottom:3px}.quest{display:flex;align-items:center;gap:8px;line-height:1.7}.quest span{flex:1 1}.quest small{color:var(--muted)}.quest b{color:var(--gold);font-size:11px}.quest.done{color:#8ff0a0}.quest.done .gi{margin-right:4px}.mastery{margin-top:4px;font-size:12px;letter-spacing:1px;color:var(--gold)}.home-foot,.start-links{display:flex;gap:18px}.home-foot{align-items:center;justify-content:center;flex-wrap:wrap}.home-foot .start-links{flex-direction:column;align-items:flex-start;gap:8px}.hcard{position:relative}.badge-new{position:absolute;top:-8px;right:-6px;z-index:1;padding:1px 8px;font:900 12px var(--display);letter-spacing:1px;color:#2a1600;background:linear-gradient(180deg,#fff1a8,var(--gold));box-shadow:0 0 12px rgba(255,200,60,.7),0 2px 0 #3a2200;animation:badge-new 1.6s ease-in-out infinite}@keyframes badge-new{50%{box-shadow:0 0 20px rgba(255,200,60,.95),0 2px 0 #3a2200}}.go-card{width:min(440px,calc(100vw - 24px));font-size:13px}.go-lines div,.go-total{display:flex;justify-content:space-between;line-height:1.7}.go-lines b{color:var(--gold)}.go-total{margin:4px 0 6px;padding-top:4px;border-top:1px solid rgba(232,196,106,.3);font-weight:700}.go-total b{color:var(--gold-hi);font-size:16px}.go-bar-row{display:flex;align-items:center;gap:8px;margin-top:6px}.go-bar-row .xpbar{flex:1 1;margin-top:0}.go-bar-row small{color:var(--muted);font-size:11px}.go-bar-row .go-lv{font-size:13px}.go-bar-row .mastery{margin:0}.go-levelup{margin-top:6px;padding:4px 8px;text-align:center;font-weight:700;color:#2a1600;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi),var(--gold-lo));animation:coach-in .4s ease .9s both}.go-codex{margin-top:6px;color:var(--muted)}.go-btns{display:flex;flex-direction:column;align-items:center;gap:8px}.howto-card.codex{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow-y:auto}.codex h2 small{font-size:14px;color:var(--muted)}.codex-tabs{display:flex;flex-wrap:wrap;gap:4px}#ag-root .codex-tabs button{width:30px;height:30px;border:none;cursor:pointer;opacity:.55}#ag-root .codex-tabs button.on{opacity:1;transform:scale(1.15)}.codex-sub{margin:8px 0 6px;font-size:13px;color:var(--gold)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-gap:6px;gap:6px}.codex-tile{aspect-ratio:1;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 2px #c9ced8}.codex-tile .card-art{display:block;width:100%;height:100%}.codex-tile.r-r{box-shadow:inset 0 0 0 2px #b36bff}.codex-tile.r-sr{box-shadow:inset 0 0 0 2px #ffb02e}.codex-tile.locked .card-art{filter:brightness(.15) saturate(0)}.codex-info{min-height:3em;margin-top:8px;font-size:13px;color:var(--text)}.pav.frame-bronze{box-shadow:inset 0 0 0 2px #07050b,0 0 0 2px #b0803e}.pav.frame-silver{box-shadow:inset 0 0 0 2px #07050b,0 0 0 2px #d8e0ea,0 0 8px rgba(216,224,234,.5)}.pav.frame-gold{box-shadow:inset 0 0 0 2px #07050b,0 0 0 2px #ffd36a,0 0 10px rgba(255,211,106,.6)}.pav.frame-ice{box-shadow:inset 0 0 0 2px #07050b,0 0 0 2px #8fdcff,0 0 12px rgba(143,220,255,.7)}.pav.frame-fire{box-shadow:inset 0 0 0 2px #07050b,0 0 0 2px #ff7a2a,0 0 14px rgba(255,122,42,.8)}#foe-toggle,#panel-toggle,#rotate{display:none}@media (pointer:coarse){#refresh,.hcard{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#topbar{gap:8px;padding:2px 24px 5px;font-size:9px}#timer{font-size:19px;min-width:26px}#logo{display:none}#speed.icon-btn{top:6px;left:6px;padding:4px 8px;font-size:12px}#settings-btns{top:6px;left:auto;right:6px;gap:3px}#ag-root .mini-btn{min-width:28px;height:28px;font-size:15px}#players{top:48px;left:6px;right:6px;width:auto;flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}.prow{flex:none;padding:3px;gap:3px;border-left-width:2px}.prow .pinfo,.prow .vs{display:none}.pav,.php{width:28px;height:28px}.pav{font-size:20px}.php{font-size:13px}#side-right{top:90px;right:6px;width:auto;gap:3px;transform:scale(.72);transform-origin:top right}#damage{display:none}#bottom{grid-template-columns:1fr}#foe-panel,#me-panel{display:none}#ag-root.panel-open #me-panel{display:block;position:absolute;left:6px;right:6px;bottom:calc(100% + 4px);margin:0;pointer-events:auto;z-index:4}#bottom{position:absolute}#center{gap:6px;padding:0 6px 6px;width:100%}#vsbars{width:100%;gap:4px;font-size:11px}#center{position:relative}#dmg-mini{display:flex;justify-content:flex-end;width:100%;margin-top:-2px}#dmg-mini:empty{display:none}#ag-root .dm-btn{display:flex;align-items:center;gap:4px;padding:1px 8px;font-size:11px;line-height:1.5;color:var(--gold);background:rgba(10,8,16,.8);border:none;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(200,150,70,.5)}.dm-panel{position:absolute;right:6px;bottom:100%;z-index:5;width:min(200px,calc(100% - 12px));max-height:40vh;overflow-y:auto;margin-bottom:4px;box-shadow:0 6px 18px rgba(0,0,0,.7)}.dm-panel .dtabs{margin-top:0}#ag-root .dm-panel .dtabs button{padding:2px 4px;font-size:8.5px;letter-spacing:1px}#ag-root .dm-panel .dtabs.dsides button{padding:1px 4px;font-size:9px;letter-spacing:0}.dm-panel .drow{gap:5px;padding:3px 6px;font-size:10px}.dm-panel .dicon{font-size:13px}.dm-panel .dbar{height:3px}.dm-panel .dval small{font-size:8px}.dm-panel .dempty{padding:6px;font-size:10px}#ag-root #foe-toggle,#ag-root #panel-toggle,#ag-root #shop-toggle,#gold{box-sizing:border-box;height:30px;padding-top:0;padding-bottom:0}#shop-row{flex-direction:column-reverse;gap:6px;width:100%}#shop-btns{flex-direction:row;gap:5px}.reroll-wrap{flex:1 1;min-width:0}#reroll-left{top:-12px;left:-6px;width:28px;height:28px;z-index:1}#reroll-left b{font-size:11px}#reroll-left .d20n{display:none}#ag-root #shop-btns button{flex:1 1;min-width:0;justify-content:center;gap:3px;padding:5px 4px;font-size:12px;letter-spacing:0;-webkit-clip-path:none;clip-path:none}#ag-root.slr-ui[data-phase=prep] #reroll-left{top:-20px;right:-8px;width:26px;height:26px}#ag-root #shop-btns button span{display:inline-flex;align-items:center;gap:1px;white-space:nowrap}#shop{gap:6px;width:100%}#center,.scard{min-width:0}.scard{flex:1 1;width:auto;padding:5px 5px 6px;border-width:2px}.scard:hover{transform:none}.scard,.scard.sold{min-height:212px}.stags{min-height:18px;gap:2px}.stags .tag{width:18px;height:18px;font-size:11px}.srarity{top:5px;left:6px;font-size:11px}.badges{top:4px;right:4px}.badge-counter,.badge-hot,.badge-up{font-size:9px;padding:0 4px}.sart{height:44px;margin:3px -2px}.sstars i{font-size:10px}.sname{margin-top:2px;font-size:10.5px;letter-spacing:0;min-height:2.4em}.scard .sdesc,.sdesc{font-size:9.5px;line-height:1.3;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sprice{margin-top:4px;padding:1px 8px;font-size:13px}#bottom-bar{gap:6px;width:100%;justify-content:center}#ag-root #foe-toggle,#ag-root #panel-toggle,#ag-root #shop-toggle{font-size:13px}#ag-root:is([data-phase=battle],[data-phase=result]) #foe-toggle{display:flex}#foe-toggle{align-items:center;gap:5px;padding:5px 10px;background:var(--grain),linear-gradient(180deg,#402323,#1f1111);border:none;box-shadow:inset 0 0 0 1px rgba(255,122,90,.5)}#ag-root.foe-open #foe-toggle{box-shadow:inset 0 0 0 1px #ff7a5a,0 0 10px rgba(255,122,90,.4)}#panel-toggle{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--grain),linear-gradient(180deg,#2c2340,#16111f);border:none;box-shadow:inset 0 0 0 1px rgba(200,150,70,.5)}#ag-root.panel-open #panel-toggle{box-shadow:inset 0 0 0 1px var(--gold),0 0 10px rgba(232,196,106,.4)}#shop-toggle kbd{display:none}#gold{padding:4px 10px;font-size:13px}#gold small{display:none}#toast{top:88px;width:max-content;max-width:calc(100vw - 24px);padding:3px 8px;font-size:10.5px;text-align:center}#coach{top:88px;font-size:13px;flex-wrap:wrap}#choice{top:84px;width:calc(100vw - 16px);padding:10px}.loot-row{gap:6px;width:100%}.loot-card{flex:1 1;width:auto;padding:6px 5px}#choice{gap:6px}.loot-title{font-size:12.5px;text-align:center}#choice .loot-btn{padding:3px 10px;font-size:10.5px}.loot-title .gi{font-size:16px}.loot-title small{font-size:10px}.loot-card .li{font-size:28px}.loot-card .ln{font-size:11px}.loot-card .lt{font-size:9.5px}.loot-card .ld{margin-top:2px;font-size:10px;line-height:1.35}#overlay{justify-content:flex-start;gap:10px;padding:52px 8px 20px;overflow-y:auto}.ov-title{font-size:36px}.mode-pick{width:100%;gap:6px}#ag-root .mode-btn{flex:1 1;padding:6px 4px}#ag-root .mode-btn b{font-size:13px}#ag-root .mode-btn small{font-size:11px}.hero-pick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;padding:0}.hcard{padding:6px 3px}.hcard:hover{transform:none}.hcard .portrait{width:64px;height:64px;font-size:46px}.hname{font-size:11px}.hrole,.hult{display:none}.hsects{margin-top:4px}.credit{position:static;text-align:center}.ov-rank{font-size:60px}.profile{width:100%;gap:6px}.profile-bar,.quests{flex:1 1 100%;min-width:0}.home-foot{width:100%;gap:8px}.home-foot .start-links{flex-direction:row;align-items:center}.badge-new{top:-6px;right:-3px;padding:0 5px;font-size:10px}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){#rotate{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:24px;text-align:center;font-size:18px;color:var(--gold-hi);background:#0d0806}}.scard.r-N{--tint:rgba(220,225,235,0.06)}.scard.r-R{--tint:rgba(179,107,255,0.28);box-shadow:0 0 16px rgba(179,107,255,.45),0 10px 24px rgba(0,0,0,.7),inset 0 0 0 1px #07050b}.scard.r-SR{--tint:rgba(255,176,46,0.3)}.scard:not(.sold){background:var(--grain) padding-box,linear-gradient(180deg,var(--tint,transparent),transparent 70%) padding-box,var(--bg) padding-box,var(--frame) border-box}.srarity{top:6px;left:7px;padding:1px 7px;font-size:13px;line-height:1.3;color:#120c06;text-shadow:none;background:var(--rc);box-shadow:0 2px 0 rgba(0,0,0,.5),0 0 10px var(--rc)}.scard.r-N .srarity{box-shadow:0 2px 0 rgba(0,0,0,.5)}.scard.r-SR:after{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(115deg,transparent 35%,rgba(255,240,190,.28) 50%,transparent 65%);background-size:250% 100%;animation:sr-sweep 2.6s ease-in-out infinite;pointer-events:none}@keyframes sr-sweep{0%{background-position:120% 0}60%,to{background-position:-120% 0}}.scard.r-R .sname,.scard.r-SR .sname{filter:drop-shadow(0 2px 0 rgba(0,0,0,.75)) drop-shadow(0 0 6px rgba(0,0,0,.5))}.scard.r-R .sname{background:linear-gradient(180deg,#f6e8ff,#c890ff 75%);-webkit-background-clip:text;background-clip:text}.scard.r-SR .sname{background:linear-gradient(180deg,#fff6d0,#ffb02e 75%);-webkit-background-clip:text;background-clip:text}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){.srarity{top:4px;left:4px;padding:0 5px;font-size:11px}}.run-prog .my-hp{position:relative;display:inline-flex;align-items:center;gap:4px;padding-bottom:5px;color:#ff6a7a}.run-prog .my-hp b{font-family:var(--display);font-size:26px;color:#fff0f0}.run-prog .my-hp i{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#ff4a5a var(--p),rgba(255,255,255,.12) var(--p));border-radius:2px}.ov-rank small{font-size:.4em;color:var(--muted)}#run{display:flex;flex-direction:column;align-items:flex-end;gap:4px}#run:empty{display:none}.run-prog{display:flex;align-items:center;gap:10px;font-family:var(--display)}.run-prog .hearts{display:flex;gap:2px}.run-prog .hearts i{width:18px;height:18px;color:#3a2a30}.run-prog .hearts i.on{color:#ff4a5e;filter:drop-shadow(0 0 4px rgba(255,74,94,.6))}.php.run-me svg,.run-prog .hearts svg,.run-prog .wins svg{width:100%;height:100%}.run-prog .wins{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:15px}.run-prog .wins svg{width:18px;height:18px;color:var(--gold)}.run-prog .wins b{font-size:22px;color:var(--gold);text-shadow:0 2px 0 #000}.next-opp{padding:3px 10px;border-radius:6px;font-size:12px;color:var(--gold-hi);background:rgba(10,8,16,.75);box-shadow:inset 0 0 0 1px var(--ink-3)}.next-opp em{font-style:normal;font-weight:700;margin-left:4px}.next-opp.good em{color:#7ae07a}.next-opp.even em{color:#ffd54a}.next-opp.bad em{color:#ff6a5a}.php.run-me{width:auto;min-width:38px;padding:0 8px;border-radius:19px;display:flex;gap:3px;font-size:13px}.php.run-me svg{width:13px;height:13px}.php.run-bot{font-size:12px;background:radial-gradient(circle at 50% 35%,#2a2438,#120e1a);box-shadow:inset 0 0 0 2px #0a0a0a,inset 0 0 0 3px #4a4060}.badge-combo{padding:1px 7px;font-family:var(--display);font-size:11px;font-weight:900;color:#10240c;background:linear-gradient(180deg,#b8ff7a,#3fae2a);box-shadow:0 2px 0 #123a0a;transform:rotate(6deg)}.scard:has(.badge-combo):not(.up){box-shadow:0 0 0 1px #07050b,0 0 20px rgba(120,240,90,.55),0 10px 24px rgba(0,0,0,.7)}.card-mini.combo{box-shadow:inset 0 0 0 2px #6fe05a,inset 0 0 8px rgba(120,240,90,.75)}.syn.levelup{animation:syn-levelup 1.2s ease-out}@keyframes syn-levelup{0%{transform:scale(1.5);filter:brightness(2.2) drop-shadow(0 0 12px var(--c))}to{transform:scale(1);filter:none}}.continue{display:flex;align-items:center;gap:16px;padding:8px 16px 8px 8px;max-width:560px;width:100%;background:var(--panel-bg);box-shadow:var(--trim),0 0 24px color-mix(in srgb,var(--c) 35%,transparent);animation:continue-in .35s ease-out}.continue .portrait{flex:none;width:66px;height:66px;font-size:48px}.continue .c-info{flex:1 1;min-width:0}.continue .c-label{font-size:13px;color:var(--muted)}.continue .hname{text-align:left;font-size:22px}.continue .c-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:15px;color:var(--text)}.continue .c-stats b{font-family:var(--display);color:var(--gold-hi)}.continue .c-stats svg{width:16px;height:16px;vertical-align:-3px;color:var(--gold)}.continue .c-hearts{color:#ff4a5a;letter-spacing:1px}.continue .c-hearts i{font-style:normal;color:#4a3a44}.continue .big-btn{flex:none;padding:14px 28px;font-size:20px}.ov-sub small{font-size:13px}@keyframes continue-in{0%{opacity:0;transform:translateY(-8px)}}@media (max-width:520px){.continue{gap:12px;padding:10px}.continue .portrait{width:64px;height:64px}.continue .big-btn{padding:12px 18px;font-size:17px}}.run-rules{display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:2px 10px;vertical-align:middle;font-size:14px;color:var(--gold-hi);background:rgba(10,8,16,.6);box-shadow:inset 0 0 0 1px var(--gold-lo)}.run-rules svg{width:16px;height:16px;color:var(--gold)}.run-rules b{font-family:var(--display);font-size:15px;color:var(--gold)}.ov-rank svg{width:.8em;height:.8em;vertical-align:-.05em}@media (max-width:720px){.next-opp{font-size:11px}.badge-combo{font-size:9px;padding:0 4px}.run-rules{display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;margin:4px auto 0;font-size:12px}}#side-right{text-shadow:0 1px 0 #000,0 0 5px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.6)}#logo:has(~* #run:not(:empty)),body:has(#run:not(:empty)) #logo,body:has(#synergies:not(:empty)) #logo{display:none}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#topbar{white-space:nowrap;gap:6px;padding:2px 18px 5px}#topbar .round{font-size:0}#topbar .round:before{content:"R";font-size:11px}#phase,#topbar .round b{font-size:11px}#topbar .ph-w{display:none}#players{overflow:visible;justify-content:space-between;gap:3px}.prow{position:relative;flex:1 1;min-width:0;justify-content:center;padding:2px 2px 3px}.prow.me{border-left-width:2px;box-shadow:inset 0 0 0 2px #9ad0ff,0 0 10px rgba(90,160,255,.75)}.pav{width:28px;height:28px}.prow .php{position:absolute;right:calc(50% - 22px);bottom:-3px;width:19px;height:19px;font-size:11px;letter-spacing:-.3px;box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px var(--me),0 1px 3px rgba(0,0,0,.8)}.prow.dead .php{box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px #555;font-size:10px}.prow .pdmg{display:flex;position:absolute;left:calc(50% - 25px);bottom:-3px;height:13px;align-items:center;gap:1px;padding:0 3px 0 2px;border-radius:7px;font:700 10px/1 var(--display);color:#ffd0c4;background:#5a1c1c;box-shadow:0 0 0 1px #0a0a0a,0 1px 3px rgba(0,0,0,.8);pointer-events:none}.prow .pdmg svg{width:8px;height:8px}.prow .pstate{display:grid;position:absolute;left:calc(50% - 20px);top:-2px;width:14px;height:14px;place-items:center;border-radius:50%;font-size:9px;box-shadow:0 0 0 1px #0a0a0a,0 1px 3px rgba(0,0,0,.8)}.prow .pstate.ok{color:#08200c;background:#8ef59e}.prow .pstate.fight{color:#f0e6d0;background:#4a3e5a}.ppair{flex:2 1;min-width:0;flex-direction:row;align-items:center;gap:1px;margin-bottom:0;padding:2px;border-radius:6px}.ppair .pvs{height:auto;font-size:8px;letter-spacing:0}.ppair .pvs:after,.ppair .pvs:before{display:none}.hp-head .hp-gold{display:inline-flex}#side-right{top:86px;transform:none;gap:4px}#ag-root:not(.panel-open) #level,#banned,#level .lv-row{display:none}#ag-root.panel-open #side-right{padding:6px 8px;border-radius:8px;background:rgba(10,8,16,.85);box-shadow:inset 0 0 0 1px var(--ink-3);z-index:5}#level{font-size:12px}#level b{font-size:18px}.run-prog{gap:8px}.run-prog .my-hp b{font-size:15px}.run-prog .wins{font-size:10px}.run-prog .wins b{font-size:13px}.next-opp{padding:2px 6px;font-size:10.5px}#synergies{flex-direction:row;gap:4px}.syn{flex-direction:column;gap:0}.syn .badge{order:-1;width:21px;height:21px;font-size:12px}.syn .pips{display:none}.syn .cnt{font-size:10px}.syn .cnt b{font-size:12px}.syn.rec .cnt:before{content:none}.syn.rec .badge{box-shadow:inset 0 -3px 0 #ff7a4a}#coach{top:44%;width:calc(100vw - 16px);max-width:none;gap:4px 10px;padding:8px 10px;font-size:13px;line-height:1.4;flex-wrap:wrap}.badges{top:3px;right:3px}.badges>:not(:first-child){display:none}.badge-combo,.badge-counter,.badge-hot,.badges .badge-up{transform:none;font-size:9px;padding:0 4px}.stags{align-self:stretch;justify-content:flex-start;padding-left:20px}.sart{height:60px}.sname{font-size:11px;min-height:0}.sstars{line-height:1;margin-top:1px}.scard .sdesc{margin-top:2px}.scard .sdesc,.sdesc{font-size:10.5px;-webkit-line-clamp:5}.scard .sprice{margin-top:auto}.scard .sdesc,.scard .sprice{margin-bottom:4px}}.next-opp[data-id]{cursor:pointer;pointer-events:auto}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#ag-root.foe-open #foe-panel,#ag-root.scout-open #foe-panel{display:block;position:absolute;left:6px;right:6px;bottom:calc(100% + 4px);margin:0;pointer-events:auto;z-index:4}#foe-panel.scouting:before{content:"SCOUTING";top:-24px;left:0;padding:2px 8px;border-radius:4px;letter-spacing:1px;background:rgba(10,8,16,.85)}.next-opp[data-id]:after{content:" ›";color:var(--gold)}}.sheet-x{display:none}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#ag-root .sheet-x{position:absolute;top:-14px;right:-4px;z-index:1;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;font-size:16px;font-weight:700;color:#2a1600;background:var(--gold);border:2px solid #07050b;box-shadow:0 3px 8px rgba(0,0,0,.6);cursor:pointer}}.go-rate{display:flex;align-items:center;gap:10px;margin:4px 0 10px;font-size:15px;color:var(--muted)}#ag-root .go-rate button{width:48px;height:40px;font-size:22px;line-height:1;background:var(--grain),linear-gradient(180deg,#2c2340,#16111f);border:none;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(200,150,70,.5);cursor:pointer}#ag-root .go-rate button:hover{box-shadow:inset 0 0 0 1px var(--gold),0 0 10px rgba(232,196,106,.4)}.badges>:not(:first-child){display:none}@media (min-width:1000px) and (orientation:landscape),(min-width:1100px){#side-right{top:14px}#banned,#gold small,#level{display:none}#foe-panel.empty{visibility:hidden}#foe-panel.peek{min-height:0;cursor:pointer}#foe-panel.peek .arts,#foe-panel.peek .cards,#foe-panel.peek .hp-body,#foe-panel.peek .hp-extra{display:none}#foe-panel.peek:after{content:"กด + เพื่อดู build";display:block;margin-top:4px;font-size:12px;color:var(--muted)}#foe-panel.scouting{cursor:pointer}#foe-panel.peek:hover{filter:brightness(1.15)}}.dmg-toggle,.foe-fold{display:none}@media (min-width:1000px) and (orientation:landscape),(min-width:1100px){#ag-root .foe-fold{display:grid;place-items:center;width:24px;height:24px;margin-left:6px;padding:0;font-size:18px;line-height:1;color:var(--gold);background:rgba(10,8,16,.6);border:none;border-radius:4px;box-shadow:inset 0 0 0 1px var(--gold-lo);cursor:pointer}#ag-root .foe-fold:hover{box-shadow:inset 0 0 0 1px var(--gold)}#ag-root .dmg-toggle{display:block;margin-left:auto;padding:4px 10px;font-size:12px;color:var(--gold-hi);background:rgba(10,8,16,.75);border:none;border-radius:6px;box-shadow:inset 0 0 0 1px var(--ink-3);pointer-events:auto;cursor:pointer}#damage:has(.dmg-toggle) .dtitle{margin-top:6px}}.hp-body .portrait{width:56px;height:56px;font-size:42px}.hp-stats{display:grid;grid-template-columns:auto auto;align-content:center;grid-gap:4px 14px;gap:4px 14px}.cards{max-height:64px;align-content:start}.cards .empty-note{grid-column:1/-1}.hp-extra{gap:6px;justify-content:flex-start}.hp-extra>div{display:flex;gap:3px;min-width:0}.hp-extra .items{margin-left:auto}.hp-extra .arts{margin-top:0}.hp-extra .arts:empty{display:none}.hp-extra .artifact-slot,.hp-extra .item,.hp-extra .talent-slot{flex:0 1 26px;width:auto;min-width:18px;height:auto;aspect-ratio:1}.hp-extra .artifact-slot svg{width:70%;height:70%}.dbar i.t-magic{background:linear-gradient(90deg,#2a4fa8,#8ab4ff)}.dbar i.t-poison{background:linear-gradient(90deg,#3a7a14,#8fdc3a)}.dbar i.t-pure{background:linear-gradient(90deg,#a8861c,#ffe98a)}.dbar i.t-chaos{background:linear-gradient(90deg,#5a2a9a,#c07aff)}.dbar i.t-fel{background:linear-gradient(90deg,#0a6a4a,#2ef5b0)}.dbar i.t-drain{background:linear-gradient(90deg,#8a1c3a,#ff6a8a)}.dtabs{display:flex;margin-top:6px;background:var(--panel-bg);box-shadow:var(--trim);pointer-events:auto}#ag-root .dtabs button{flex:1 1;padding:6px 4px;font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:2px;color:var(--muted);background:none;border:none;cursor:pointer}#ag-root .dtabs button.on{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}#ag-root .dtabs button:not(.on):hover{color:var(--gold-hi)}.dtabs.dsides{margin-top:0}#ag-root .dtabs.dsides button{padding:3px 4px;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:0}#ag-root .dtabs.dsides button[data-side="1"].on{color:#ff7a6b;box-shadow:inset 0 -2px 0 #ff7a6b}.dbar i.t-heal{background:linear-gradient(90deg,#1f7a3a,#6be07a)}.dempty{padding:10px;font-size:12px;text-align:center;color:var(--muted);background:rgba(10,8,16,.6)}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#topbar .rn-tag{display:none}.cards{max-height:92px}#choice{top:138px}#ag-root.panel-open #me-panel{z-index:6}}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#ag-root :is(#me-panel,#foe-panel){padding:8px 10px;min-height:0}#ag-root :is(#me-panel,#foe-panel) .hp-head{margin-bottom:4px;gap:6px}#ag-root :is(#me-panel,#foe-panel) .hp-head .lv{width:22px;height:22px}#ag-root :is(#me-panel,#foe-panel) .hp-body .portrait{width:42px;height:42px;font-size:32px}#ag-root :is(#me-panel,#foe-panel) .hp-stats{gap:2px 12px;font-size:12px}#ag-root :is(#me-panel,#foe-panel) .hp-extra{margin-top:4px}#ag-root :is(#me-panel,#foe-panel) .hp-extra .artifact-slot,#ag-root :is(#me-panel,#foe-panel) .hp-extra .item,#ag-root :is(#me-panel,#foe-panel) .hp-extra .talent-slot{flex-basis:22px}#ag-root :is(#me-panel,#foe-panel) .cards{grid-template-columns:repeat(auto-fill,28px);gap:2px;margin-top:5px;max-height:60px}#ag-root :is(#me-panel,#foe-panel) .card-mini{font-size:11px}#ag-root :is(#me-panel,#foe-panel) .card-mini .sl{font-size:9px}}.mode-row{display:flex;gap:10px}#ag-root .mode-btn{display:flex;flex-direction:column;align-items:center;gap:0;min-width:170px;padding:5px 16px;font:900 16px var(--display);color:var(--muted);background:rgba(10,7,16,.7);border:none;box-shadow:inset 0 0 0 1px rgba(232,196,106,.25);cursor:pointer}#ag-root .mode-btn small{font:400 11px var(--body);color:var(--muted)}#ag-root .mode-btn.on{color:var(--gold-hi);background:linear-gradient(180deg,rgba(120,70,20,.55),rgba(40,22,8,.8));box-shadow:inset 0 0 0 2px var(--gold),0 0 16px rgba(232,180,80,.25)}.acct{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;min-height:30px;padding:6px 14px;font-size:13px;background:rgba(10,7,16,.55);box-shadow:inset 0 0 0 1px rgba(232,196,106,.2)}.acct-hint{color:var(--muted)}.acct-name{color:var(--gold-hi)}.acct-mmr{color:var(--muted)}.acct-mmr b{color:var(--text)}.tier-badge{display:inline-flex;align-items:baseline;gap:5px;padding:1px 7px;font:700 12px var(--display);color:var(--c);box-shadow:inset 0 0 0 1px var(--c);white-space:nowrap}.tier-badge small{font:400 10px var(--body);color:var(--muted)}.tier-badge.compact{flex:none;justify-content:center;width:76px;padding:1px 4px;font:700 12px var(--body)}.acct-modal{width:min(440px,calc(100vw - 32px));text-align:center}.acct-modal .howto-more{margin:4px 0 10px}#ag-root .acct-input{width:100%;padding:10px 12px;font:400 18px var(--body);color:var(--text);text-align:center;background:rgba(0,0,0,.45);border:none;box-shadow:inset 0 0 0 1px rgba(232,196,106,.45);outline:none}#ag-root .acct-input:focus{box-shadow:inset 0 0 0 2px var(--gold)}#ag-root .acct-input.code{font:700 22px var(--display);letter-spacing:3px;text-transform:uppercase}.acct-err{min-height:18px;margin-top:6px;font-size:12px;color:#ff8a7a}.acct-foot{margin-top:10px!important}.acct-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;color:var(--muted)}.acct-row b{color:var(--text)}.acct-label{display:block;margin:10px 0 4px;font:700 12px var(--display);color:var(--gold);text-align:left}.acct-inline{gap:8px}.acct-code,.acct-inline{display:flex;align-items:center}.acct-code{flex-direction:column;gap:4px;min-height:44px;justify-content:center}.acct-code small{font-size:11px;color:var(--muted)}.acct-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:8px}#ag-root .link-btn.danger{color:#ff8a7a}.code-big{font:900 30px var(--display);letter-spacing:4px;color:var(--gold-hi);-webkit-user-select:all;-moz-user-select:all;user-select:all}.lb{max-height:min(60vh,520px);text-align:left}.lb-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:8px}.lb-tabs .link-btn{padding:4px 12px;border-radius:999px;opacity:.6}.lb-tabs .link-btn.on{opacity:1;background:rgba(232,196,106,.15);color:var(--gold-hi)}.lb-season{margin-bottom:6px;font:700 12px var(--display);color:var(--gold);text-align:center}.lb-row{display:flex;align-items:center;gap:8px;padding:5px 6px;font-size:13px;border-bottom:1px solid rgba(232,196,106,.1)}.lb-row b{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row.me{background:rgba(88,216,110,.12);box-shadow:inset 2px 0 0 var(--me)}.lb-pos{width:26px;font:900 14px var(--display);color:var(--gold);text-align:right}.lb-mmr{font-weight:700}.lb-gap{text-align:center;color:var(--muted)}.lb-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:8px 0 4px;font-size:13px}.lb-pager:empty{display:none}.lb-pager button:disabled{opacity:.35;cursor:default}.go-mmr{text-align:center}.mmr-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:15px}.mmr-line b{color:var(--gold-hi)}.mmr-d{font:900 18px var(--display)}.mmr-d.up{color:#8ff0a0}.mmr-d.down,.mmr-drop{color:#ff8a7a}.mmr-drop{margin-top:4px;font-size:12px}.ghost-mark{margin-right:3px;color:#b9c8ff;opacity:.8}@media (max-width:520px){.acct,.mode-row{width:calc(100% - 24px)}#ag-root .mode-btn{flex:1 1;min-width:0;padding:6px 8px;font-size:14px}}#ag-root #library-btn{font-size:18px}.howto-card.library{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.lib-tabs{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}#ag-root .lib-tab{min-width:0;padding:7px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 14px var(--body);color:var(--muted);background:rgba(10,7,16,.6);border:none;box-shadow:inset 0 0 0 1px rgba(232,196,106,.25);cursor:pointer}@media (max-width:560px){.lib-tabs{grid-template-columns:repeat(3,1fr)}}#ag-root .lib-tab.on{color:var(--gold-hi);box-shadow:inset 0 0 0 2px var(--gold)}.lib-body{flex:1 1;min-height:0;overflow-y:auto;text-align:left;font-size:13px;line-height:1.6}.lib-entry{margin-bottom:10px;padding:10px 12px;background:rgba(10,7,16,.55);box-shadow:inset 3px 0 0 var(--c)}.lib-entry p{margin:6px 0 0}.lib-head{display:flex;align-items:center;gap:10px}.lib-portrait{flex:none;width:56px;height:56px;font-size:40px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--c)}.lib-portrait img{width:100%;height:100%;object-fit:cover}.lib-icon{flex:none;font-size:26px;color:var(--c)}.lib-name{font-family:var(--display);font-size:16px;color:var(--gold-hi)}.lib-sub{font-size:12px;color:var(--muted)}.lib-talents{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;margin-top:6px}.lib-tier{flex:none;width:100%;font:700 11px var(--display);color:var(--gold)}.lib-tal{flex:1 1 200px;padding:5px 8px;font-size:12px;background:rgba(0,0,0,.3)}.lib-tal.l{box-shadow:inset 2px 0 0 #4aa8ff}.lib-tal.r{box-shadow:inset 2px 0 0 #ff7a3c}.lib-group{margin:12px 0 4px;font:700 13px var(--display);color:var(--c)}.lib-lines{margin:6px 0 0;padding-left:20px;color:#ddd3c2}.lib-lines li{margin:2px 0}.lib-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:6px 8px;border-bottom:1px solid rgba(232,196,106,.1)}.lib-row .gi{color:var(--c);align-self:center}.lib-row:has(img.tr-img){display:grid;grid-template-columns:52px 1fr;align-items:center;grid-gap:2px 12px;gap:2px 12px}.lib-row img.tr-img{grid-row:span 2;width:52px;height:52px}.lib-row:has(img.tr-img) b{align-self:end}.lib-row:has(img.tr-img) span{align-self:start}.lib-row b{min-width:140px;color:var(--gold-hi)}.lib-row span{flex:1 1 240px;color:#ddd3c2}.codex-tile{position:relative}.codex-tile:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--rc,#c9ced8)}.codex-tile.r-r{--rc:#b36bff}.codex-tile.r-sr{--rc:#ffb02e}.codex-tile.r-sr:after{box-shadow:inset 0 0 0 3px var(--rc),inset 0 0 10px rgba(255,176,46,.6)}.lib-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:8px;gap:8px}.lib-card{display:flex;gap:10px;padding:8px;background:rgba(10,7,16,.55);box-shadow:inset 0 0 0 1px rgba(232,196,106,.12)}.lib-card.r-r{box-shadow:inset 0 0 0 1px rgba(179,107,255,.45)}.lib-card.r-sr{background:linear-gradient(180deg,rgba(255,176,46,.12),rgba(10,7,16,.55));box-shadow:inset 0 0 0 1px rgba(255,176,46,.6)}.lib-card .codex-tile{flex:none;width:112px;height:63px;aspect-ratio:auto}.lib-card-body{min-width:0;font-size:12.5px;line-height:1.5}.lib-card-body b{color:var(--gold-hi)}.lib-rar{font:900 12px var(--display)}.lib-own{color:#8ff0a0;font-weight:700}.lib-desc{margin-top:2px;color:#ddd3c2}@media (max-width:520px){.lib-cards{grid-template-columns:1fr}}@media (min-width:600px) and (max-width:1099px) and (orientation:portrait),(min-width:600px) and (max-width:999px){#dmg-mini,#shop-row,#vsbars{width:min(100%,560px)}#center{align-items:center}.sart{height:88px}.sname{font-size:12.5px}.scard .sdesc,.sdesc{font-size:11.5px}}@media (min-width:1000px) and (max-width:1199px) and (orientation:landscape){#bottom{grid-template-columns:240px 1fr 240px}.hero-panel{zoom:.83}}#ag-root #patch-btn .badge-new{position:static;display:inline-block;margin-left:6px;padding:0 6px;font-size:10px;vertical-align:2px}.acct-modal.patch-card{width:min(520px,calc(100vw - 32px));text-align:left}.patch-card h2{text-align:center}.patch-card h2 small{margin-left:8px;font:400 13px var(--body);color:var(--muted)}#ag-root .patch-back{font-size:14px}.patch-list{max-height:min(60vh,520px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,200,90,.4) transparent}#ag-root .patch-row{display:block;width:100%;margin:0 0 8px;padding:10px 14px;text-align:left;color:var(--text);background:rgba(255,255,255,.04);border:1px solid rgba(255,200,90,.25);cursor:pointer}#ag-root .patch-row:hover{border-color:var(--gold);background:rgba(255,200,90,.08)}.patch-v{display:block;font:700 16px var(--display);color:var(--gold)}.patch-v small{margin-left:8px;font:400 12px var(--body);color:var(--muted)}.patch-latest{margin-left:6px;padding:0 6px;font:700 11px var(--body);color:#2a1600;background:var(--gold)}.patch-title{display:block;margin-top:2px;font-size:13px;color:var(--muted)}.patch h3{margin:10px 0 6px;font:700 16px var(--display);color:var(--gold)}.patch ul{margin:0 0 10px;padding-left:18px;font-size:14px;line-height:1.7}.patch li+li{margin-top:6px}.patch ul.patch-changes{margin:2px 0 4px;padding-left:16px;font-size:13px;color:var(--muted);list-style:circle}.patch ul.patch-changes li+li{margin-top:0}.patch-changes b{color:var(--gold-hi)}#ag-root .friends-btn{display:flex;align-items:center;gap:8px;padding:6px 18px;font:900 15px var(--display);color:#b9e8ff;background:rgba(10,16,28,.7);border:none;box-shadow:inset 0 0 0 1px rgba(140,200,255,.35);cursor:pointer}#ag-root .friends-btn small{font:400 11px var(--body);color:var(--muted)}#ag-root .friends-btn:hover{box-shadow:inset 0 0 0 2px rgba(140,200,255,.7),0 0 14px rgba(120,190,255,.25)}.room-or{margin-top:14px}.room-join{display:flex;gap:8px;justify-content:center}.room-join .acct-input{flex:1 1;min-width:0;margin:0}#ag-root .room-join .big-btn{flex:none;white-space:nowrap}.room-code{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;font-size:15px;color:var(--muted)}.room-code b{font:900 28px var(--display);letter-spacing:.18em;color:var(--gold-hi)}.room-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;width:min(640px,calc(100% - 24px))}.room-member{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 10px;background:rgba(10,7,16,.6);box-shadow:inset 0 0 0 1px rgba(232,196,106,.25)}.room-member.away{opacity:.5}.room-member.bot{opacity:.45;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.room-wait{color:var(--muted);font-size:14px}.room-pick .hcard{cursor:pointer}.room-pick .hcard.picked{box-shadow:inset 0 0 0 3px var(--gold-hi),0 0 18px rgba(232,180,80,.45)}.bot-mark{margin-right:4px;padding:0 3px;font:700 11px var(--body);color:#d8cfbf;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}@media (max-width:520px){.room-members{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;margin:6px 0 4px}#ag-root .room-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;text-align:left;color:inherit;font:inherit;background:rgba(10,7,16,.6);border:none;box-shadow:inset 0 0 0 1px rgba(232,196,106,.25);cursor:pointer}#ag-root .room-row:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--gold),0 0 12px rgba(232,180,80,.2)}#ag-root .room-row:disabled{opacity:.45;cursor:default}.room-lock{color:var(--gold-hi);font-size:18px}.seat-state{margin-left:5px;padding:0 4px;font:700 11px var(--body);color:#d8cfbf;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.seat-state.ok{color:#8ef59e;box-shadow:inset 0 0 0 1px rgba(142,245,158,.45)}#choice,#overlay,.howto{--ink:#0f1614;--ink-2:#131d1a;--ink-3:#1d2b27;--line:#24332e;--gold:#d9c08f;--gold-hi:#efe2c2;--gold-lo:#8a7350;--text:#ece8de;--muted:#a39d90;--jade:#46c495;--jade-ink:#0b1210;--seal:#b3302a;--display:var(--font-serif),"Cormorant Garamond",var(--font-serif-th),Georgia,serif;--display-th:var(--font-serif-th),"Noto Serif Thai",serif;--panel-bg:#131d1a;--trim:inset 0 0 0 1px #24332e,0 14px 36px rgba(0,0,0,0.55)}#overlay{background:#0f1614;padding:0}.howto{background:rgba(4,8,7,.72)}.howto-card{border-radius:12px;background:var(--panel-bg);box-shadow:var(--trim)}.howto-card h2,.ov-title{font-family:var(--display-th);font-weight:700;color:var(--gold-hi);letter-spacing:0}.ov-title{font-size:32px;background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none;margin-top:20px}:is(#overlay,.howto,#choice) .big-btn{font-family:var(--body)!important;font-weight:600;letter-spacing:0;color:var(--jade-ink)!important;background:var(--jade);border-radius:10px;box-shadow:none;min-height:48px}:is(#overlay,.howto,#choice) .big-btn:hover{filter:brightness(1.08)}:is(#overlay,.howto,#choice) .big-btn:disabled{background:var(--ink-3);color:var(--muted)!important}#ag-root :is(#overlay,.howto) .link-btn{color:var(--gold)}#ag-root :is(#overlay,.howto) .acct-input{background:var(--ink);border:1px solid var(--line);border-radius:8px;color:var(--text)}#ag-root :is(#overlay,.howto) .acct-input:focus{border-color:var(--jade);outline:none}:is(#overlay,.howto) .badge-new{background:var(--seal);color:#f6efe2}#ag-root :is(#overlay,.howto) .lib-tab,#ag-root :is(#overlay,.howto) .mode-btn,#ag-root :is(#overlay,.howto) :is(.codex-tabs,.lib-tabs) button{border-radius:8px;border-color:var(--line);background:var(--ink)}#ag-root :is(#overlay,.howto) .codex-tabs button.on,#ag-root :is(#overlay,.howto) .lib-tab.on,#ag-root :is(#overlay,.howto) .mode-btn.on{border-color:var(--jade);background:var(--ink-3);box-shadow:none;color:var(--text)}:is(#overlay,.howto) .hcard{border-radius:10px}:is(#overlay,.howto) .hcard.picked{box-shadow:inset 0 0 0 2px var(--jade),var(--trim)}:is(#overlay,.howto) .continue,:is(#overlay,.howto) .lb-row,:is(#overlay,.howto) .room-member,:is(#overlay,.howto) .room-row{border-radius:10px}:is(#overlay,.howto) .xpbar i{background:var(--jade)}:is(#overlay,.howto) .load-bar i{background:var(--jade)}.seal{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;flex:none;border-radius:4px;background:var(--seal);color:#f6efe2;font:600 14px var(--body);letter-spacing:0;line-height:1}.seal .gi{font-size:20px}.seal-new{height:28px}.seal-sm{min-width:0;height:20px;padding:0 6px;font-size:11px;vertical-align:1px;margin-left:2px}.hs{width:100%;min-height:100%;display:flex;flex-direction:column;gap:12px}.hs-top{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 16px 0}.hs-brand,.hs-top{display:flex;align-items:center}.hs-brand{gap:10px;font-family:var(--font-serif),"Cormorant Garamond",serif;font-weight:700;font-size:18px;letter-spacing:.18em;color:var(--gold)}.hs-links{display:flex;flex-wrap:wrap;gap:4px 16px}#ag-root .hs-links .link-btn{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:36px}.hs .acct{order:3;width:100%;justify-content:flex-start;background:none;box-shadow:none;padding:0;font-size:14px}.hs .continue{margin:0 16px;width:auto}.hs-body{gap:12px}.hs-body,.hs-pick{display:flex;flex-direction:column}.hs-pick{align-items:center;gap:8px;padding:0 16px}.hs-stage{position:relative;width:100%;max-width:420px;height:230px;display:grid;place-items:center}.hs-rings,.hs-rings:after{position:absolute;border-radius:50%;border:1px solid var(--line)}.hs-rings{width:220px;height:220px}.hs-rings:after{content:"";inset:36px;border-color:#1b2824}.hs-art{position:relative;width:190px;height:190px;border-radius:14px;overflow:hidden;border:2px solid var(--c,var(--jade));background:var(--ink-2);display:grid;place-items:center;font-size:120px;color:var(--c)}.hs-art .art{width:100%;height:100%;object-fit:cover;display:block}.hs-stage .seal-new{position:absolute;top:8px;left:calc(50% + 78px);transform:rotate(6deg)}#ag-root .hs-nav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--text);font-size:22px}#ag-root .hs-nav:hover{background:var(--ink-3)}.hs-nav.prev{left:0;transform:scaleX(-1)}.hs-nav.next{right:0}.hs-info{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hs-range{font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--jade)}.hs-name{margin:0;font-family:var(--font-serif),"Cormorant Garamond",serif;font-weight:700;font-size:34px;line-height:1;color:#f2ede2}.hs-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.hs-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;background:var(--ink-3);color:#dfe9e4;font-size:13px;font-weight:500}.hs-chip .gi{color:var(--c)}.hs-skills{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;text-align:left}.hs-skill{min-width:0;padding:8px 10px;border-radius:10px;background:var(--ink-2);border:1px solid var(--line);display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;grid-column-gap:10px;column-gap:10px;grid-row-gap:2px;row-gap:2px}.hs-skill>:not(.hs-ic){grid-column:2}.hs-ic{grid-row:1/span 3;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;font-size:22px;font-style:normal;color:#fff4d8;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 60%,transparent),#2a1f14 70%);border-radius:50%;box-shadow:inset 0 0 0 2px #e8c46a}.hs-skill.ult .hs-ic{border-radius:10px}.hs-ic .sk-art{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:inherit;object-fit:cover}.hs-skill span{font-size:11px;color:var(--muted)}.hs-skill b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-skill.ult b{color:var(--gold)}.hs-skill p{display:none;margin:4px 0 0;font-size:13px;line-height:1.6;color:#c9c3b6}.hs-skill p b{font-size:inherit;color:var(--text)}.hs-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;color:var(--muted)}.hs-stats b{color:var(--text);font-weight:600}.hs-stats .gi{color:var(--gold)}.hs-stats .mastery{color:var(--gold);letter-spacing:1px}.hs-side{padding:0 16px;order:5}.hs-side .profile{width:100%;border-radius:10px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.hs-roster{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-2)}.hs-filters,.hs-strip{display:flex;gap:8px;overflow-x:auto;padding:0 12px;scrollbar-width:none}.hs-filters::-webkit-scrollbar,.hs-strip::-webkit-scrollbar{display:none}#ag-root .hs-filter{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:13px;font-weight:500}#ag-root .hs-filter[aria-pressed=true]{background:var(--jade);border-color:var(--jade);color:var(--jade-ink)}#ag-root .hs-filter.hs-all{border-style:dashed}.hs-strip{padding-bottom:2px;scroll-snap-type:x proximity}#ag-root .hs-thumb{position:relative;flex:none;width:64px;height:64px;padding:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--ink);scroll-snap-align:start;display:grid;place-items:center;font-size:40px;color:var(--c)}.hs-thumb .art{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .12s}#ag-root .hs-thumb:hover .art{opacity:1}#ag-root .hs-thumb[aria-pressed=true]{border:2px solid var(--jade)}#ag-root .hs-thumb[aria-pressed=true] .art{opacity:1}#ag-root .hs-thumb.off .art{opacity:.25;filter:grayscale(1)}#ag-root .hs-thumb.off:after{content:"";position:absolute;width:90px;height:2px;background:#ff5a4a;transform:rotate(-45deg)}.room-pick .hsects{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:2px 0}.room-pick .hsect{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;font-size:12px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}.room-pick .hsect.x{color:#ff7a6a;background:rgba(255,90,74,.12);text-decoration:line-through}.hs-bans{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 12px;min-height:24px}.hs-bans:empty{display:none}.hs-bans-n{margin-left:6px;font-size:12px;color:var(--muted)}.pick-clock{text-align:center;color:var(--muted);margin-bottom:8px}.pick-clock b{font-family:var(--display);font-size:28px;color:var(--gold-hi,#f0c060);margin-right:4px}.room-bans{justify-content:center;margin:4px 0 8px}.room-pick .hcard.off{opacity:.35;filter:grayscale(1);cursor:not-allowed}.hs-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:2px;background:var(--seal)}.hs-note{padding:0 12px;font-size:12px;color:var(--muted)}.hs-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#0f1614;border-top:1px solid var(--line)}.hs-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border-radius:10px;background:var(--ink-2)}#ag-root .hs-mode{min-width:0;min-height:44px;padding:4px 6px;border:none;border-radius:8px;background:transparent;color:#c9c3b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.hs-mode b{font-size:15px;font-weight:600}.hs-mode small{display:none;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#ag-root .hs-mode[aria-pressed=true]{background:var(--ink-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--jade)}#ag-root .hs-mode.ranked[aria-pressed=true]{box-shadow:inset 0 0 0 1px #d0574f}.hs-start{width:100%;font-size:20px!important;display:flex;align-items:center;justify-content:center;gap:10px}.hs-start small{font-family:var(--body);font-size:13px;font-weight:500;opacity:.8}.hs-dock .load-bar,.hs-dock .load-txt{align-self:center}.hs .credit{padding:0 16px 16px;text-align:center;color:#6f7a75}.hs-grid-card{width:min(560px,100%)}.hs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));grid-gap:10px;gap:10px;max-height:55vh;overflow-y:auto;margin:10px 0}.hs-cell{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}#ag-root .hs-cell .hs-thumb{width:100%;height:auto;aspect-ratio:1}.hs-cell small{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-search{width:100%}@media (min-width:900px) and (min-height:560px){.hs{max-width:1440px;margin:0 auto;gap:16px}.hs-top{padding:18px 32px 0}.hs .acct{order:0;width:auto;flex:1 1;justify-content:center}.hs .continue{margin:0 32px}.hs-body{flex:1 1;flex-direction:row;align-items:center;gap:32px;padding:0 32px}.hs-pick{flex:1 1;flex-direction:row-reverse;justify-content:center;gap:40px;padding:0}.hs-stage{width:380px;height:380px;flex:none}.hs-rings{width:360px;height:360px}.hs-rings:after{inset:56px}.hs-art{width:300px;height:300px}.hs-stage .seal-new{top:30px;left:calc(50% + 124px)}.hs-info{align-items:flex-start;text-align:left;max-width:440px;gap:12px}.hs-name{font-size:52px}.hs-chips,.hs-stats{justify-content:flex-start}.hs-skills{grid-template-columns:1fr}.hs-skill{padding:12px 14px}.hs-skill b{font-size:17px;white-space:normal}.hs-skill p{display:block}.hs-side{order:0;width:300px;flex:none;padding:0}.hs-roster{flex-direction:row;align-items:center;padding:12px 32px;gap:16px}.hs-filters{flex-direction:column;flex:none;padding:0;overflow:visible}#ag-root .hs-filter{height:30px}.hs-strip{flex:1 1;flex-wrap:wrap;overflow:visible;padding:0}#ag-root .hs-thumb{width:76px;height:76px}.hs-note{display:none}.hs-dock{flex-direction:row;align-items:center;padding:14px 32px 18px;gap:16px}.hs-modes{width:560px}#ag-root .hs-mode{min-height:56px}.hs-mode small{display:block}.hs-start{width:auto;min-width:260px;margin-left:auto;min-height:60px;font-size:22px!important}}#ag-root:has(#overlay.show .hs) #library-btn{display:none}#ag-root:has(#overlay.show .hs) #settings-btns{left:auto;right:12px;top:12px}.hs-top{padding-right:60px}@media not ((min-width:900px) and (min-height:560px)){.hs-body{display:contents}.hs-top{order:0}.hs .continue{order:1}.hs-pick{order:2}.hs-roster{order:3}.hs-side{order:4}.hs-dock{order:5}.hs .credit{order:6}.hs .acct-hint{display:none}.hs .acct{gap:4px 14px}}@media (min-width:900px) and (min-height:560px){.hs-top{padding-right:84px}}#ag-root :is(#overlay,.howto) :is(.set-row,.patch-row,.room-row),:is(#overlay,.howto) :is(.profile-bar,.quests,.go-card,.room-member,.lib-entry,.codex-tile){background:var(--ink);border:none;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px}:is(#overlay,.howto) .lib-entry{box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 var(--c)}#ag-root :is(#overlay,.howto) :is(.set-row,.patch-row,.room-row):hover:not(:disabled){background:var(--ink-3);box-shadow:inset 0 0 0 1px var(--jade)}:is(#overlay,.howto) .patch-latest{background:var(--jade);color:var(--jade-ink)}:is(#overlay,.howto) .lb-row{border-bottom-color:var(--line)}:is(#overlay,.howto) .lb-row.me{background:var(--ink-3)}:is(#overlay,.howto) .continue{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line),inset 4px 0 0 var(--c)}#ag-root:has(#overlay.show) #settings-btns .mini-btn{background:#17221f;border:1px solid #24332e;border-radius:10px;box-shadow:none;color:#d9c08f}#choice,#overlay,.howto{font-feature-settings:"lnum";font-variant-numeric:lining-nums}#ag-root :is(#overlay,.howto) .codex-tabs button.ban{width:34px;height:34px;font-size:19px;border:none;border-radius:0;color:#fff;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),var(--c);opacity:.55;box-shadow:none}#ag-root :is(#overlay,.howto) .codex-tabs button.ban:hover{opacity:.85}#ag-root :is(#overlay,.howto) .codex-tabs button.ban.on{opacity:1;filter:drop-shadow(0 0 6px var(--c))}#ag-root:has(#overlay.show .hs) #settings-btns{display:none}.hs-top{padding-right:16px}@media (min-width:900px) and (min-height:560px){.hs-top{padding-right:32px}}@media (min-width:900px) and (min-height:560px) and (max-height:960px){.hs{gap:10px}.hs-top{padding-top:12px}.hs-stage{width:300px;height:300px}.hs-rings{width:290px;height:290px}.hs-art{width:230px;height:230px}.hs-stage .seal-new{top:20px;left:calc(50% + 92px)}.hs-name{font-size:42px}.hs-info{gap:8px}.hs-skill{padding:8px 12px}.hs-skill p{font-size:12px;line-height:1.5}.hs .continue{padding-top:6px;padding-bottom:6px}.hs-roster{padding:8px 32px}.hs-filters{flex-direction:row;flex-wrap:wrap;width:260px}#ag-root .hs-thumb{width:64px;height:64px}.hs-dock{padding:10px 32px 12px}}:is(#overlay,.howto,#choice) :is(b,strong,.go-lv,.ov-rank,.patch-v,.lb-pos,.lb-mmr,.code-big,.acct-code,.tier-badge,.mmr-line,.mmr-d){font-family:var(--body)}.howto-card{position:relative}#ag-root .modal-x{position:absolute;top:8px;right:8px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:22px}#ag-root .modal-x:hover{background:var(--ink-3);color:var(--text)}#ag-root .room-join .acct-input{font-size:15px;padding:8px 12px;text-align:left}.hs-live{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-style:normal;font-size:12px;font-weight:600;color:var(--jade)}.hs-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jade)}.hs-live[hidden]{display:none}.room-join{align-items:center}#ag-root .room-join .acct-input{height:44px}#ag-root .room-join .big-btn{min-height:44px;padding-top:0;padding-bottom:0}#ag-root :is(#overlay,.howto) .acct-input{box-shadow:none}#ag-root :is(#overlay,.howto) .acct-input:focus{box-shadow:0 0 0 1px var(--jade)}#ag-root .room-join .big-btn{height:44px}#ag-root .howto-card .room-join .big-btn{margin:0}.pav.hidden-pick{display:grid;place-items:center;color:var(--muted);font-size:22px;background:var(--ink-3,#1d2b27)}#ui{--display:var(--body)}#ui :is(.hp-name,.hp-hero,#players .pname){font-family:var(--font-serif),"Cormorant Garamond",Georgia,serif;font-weight:700;letter-spacing:0}#choice.show.mini{width:auto;padding:0;gap:0;background:none;box-shadow:none}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#choice.show.mini{top:86px;left:8px;transform:none}#choice.mini .loot-btn{padding:4px 8px;font-size:11px}}@media (min-width:1000px) and (orientation:landscape),(min-width:1100px){.scard .sstars{line-height:1}.scard .sname{min-height:0;margin-top:4px;line-height:1.2}.scard .sdesc{margin-top:3px}}.hp-gold,.pstate{display:none}.hp-head .hp-gold{align-items:center;gap:3px;margin-left:auto;margin-right:30px;font:700 12px var(--body);color:var(--gold-hi,#ffe08a)}#ag-root .codex-tabs.hero-pick{display:grid;grid-template-columns:repeat(auto-fill,40px);justify-content:center;grid-gap:6px;gap:6px;margin-bottom:10px}#ag-root :is(#overlay,.howto) .codex-tabs.hero-pick button{width:40px;min-width:0;height:40px;margin:0;padding:0;overflow:hidden;font-size:30px;opacity:.6;border-radius:8px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 60%,transparent)}#ag-root :is(#overlay,.howto) .codex-tabs.hero-pick button.on{opacity:1;transform:none;box-shadow:inset 0 0 0 3px var(--c)}#ag-root :is(#overlay,.howto) .codex-tabs.hero-pick button:hover{transform:none}#ag-root .codex-tabs.hero-pick button img{width:100%;height:100%;object-fit:cover}#dev-panel{position:absolute;top:64px;left:50%;transform:translateX(-50%);z-index:60;width:330px;padding:10px 12px 12px;font-family:var(--body);font-size:12px;color:#e8dcc0;background:rgba(12,16,24,.92);border:1px dashed #ff9f43;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.6)}#dev-panel[hidden]{display:none}#dev-panel .dev-head{font-weight:700;color:#ff9f43;letter-spacing:1px}#dev-panel .dev-head small{font-weight:400;opacity:.6}#dev-panel .dev-info{margin:2px 0 8px;opacity:.75}#dev-panel .dev-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}#dev-panel button{padding:6px 8px;font:inherit;color:inherit;text-align:left;background:rgba(255,159,67,.1);border:1px solid rgba(255,159,67,.35);border-radius:5px;cursor:pointer}#dev-panel button:hover:not(:disabled){background:rgba(255,159,67,.25)}#dev-panel button:disabled{opacity:.4;cursor:default}#dev-panel .dev-row{display:flex;gap:6px;margin-top:6px}#dev-panel select{flex:1 1;min-width:0;font:inherit;color:inherit;background:rgba(0,0,0,.4);border:1px solid rgba(255,159,67,.35);border-radius:5px}@media (min-width:1000px) and (orientation:landscape),(min-width:1100px){.slr-ui #players{left:auto;right:12px}#ag-root.slr-ui #side-right{top:60px;right:auto;left:12px;align-items:flex-start}.slr-ui #run{align-items:flex-start}}.slr-ui[data-phase=battle] #damage,.slr-ui[data-phase=prep] #damage,.slr-ui[data-phase=result] #damage{display:none}.slr-ui:is([data-phase=battle],[data-phase=result]) #center:not(.shop-closed) #fight-stats{display:none}.slr-ui[data-phase=battle] #foe-panel,.slr-ui[data-phase=battle] #me-panel,.slr-ui[data-phase=battle] #vsbars,.slr-ui[data-phase=result] #foe-panel,.slr-ui[data-phase=result] #me-panel,.slr-ui[data-phase=result] #vsbars{display:none}.slr-ui[data-phase=battle] #bottom,.slr-ui[data-phase=result] #bottom{grid-template-columns:1fr}#fight-stats{display:flex;justify-content:space-around;width:100%;padding:0 4%}#fight-stats:empty{display:none}.fs-side{display:flex;gap:6px;align-items:stretch}.fs-box{display:flex;flex-direction:column;height:176px;font-family:var(--body);font-size:11.5px;color:#ece3cf;background:linear-gradient(180deg,rgba(34,40,56,.94),rgba(17,20,30,.96));border:1px solid rgba(232,196,106,.42);border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,240,210,.08);overflow:hidden}.fs-head{padding:3px 0 4px;font-family:var(--display);font-weight:900;font-size:11px;letter-spacing:1px;text-align:center;color:#2b1a06;background:linear-gradient(180deg,#ecc97e,#b7843a);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}.fs-info{width:132px}.fs-cell,.fs-total{display:flex;align-items:center;gap:5px;border-radius:5px;cursor:pointer}.fs-total{justify-content:center;margin:5px 7px 3px;padding:2px 0;font-family:var(--display);font-size:15px;color:#ffd27a;background:rgba(0,0,0,.32)}.fs-total .gi{font-size:14px;color:#ff9a5c}.fs-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px 4px;gap:1px 4px;padding:0 6px 6px;overflow-y:auto;scrollbar-width:none}.fs-cell{padding:1px 4px;font-size:11px;line-height:16px;font-weight:700}.fs-cell .gi{font-size:13px;color:#a9bde0}.fs-cell:hover,.fs-total:hover{background:rgba(233,196,119,.14)}.fs-cell.on,.fs-total.on{background:rgba(233,196,119,.3);box-shadow:inset 0 0 0 1px rgba(233,196,119,.7)}.fs-dmg{width:216px}.fs-list{padding:4px 5px 6px;overflow-y:auto;scrollbar-width:thin}.fs-bar,.fs-row{position:relative;display:flex;align-items:center;gap:5px;margin-top:3px;padding:2px 6px;border-radius:4px;overflow:hidden}.fs-bar{--bar:#c9c2b0;background:rgba(255,255,255,.05)}.fs-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,var(--bar),color-mix(in srgb,var(--bar) 55%,transparent));opacity:.55}.fs-bar>*{position:relative}.fs-bar.t-magic{--bar:#5d8fe0}.fs-bar.t-poison{--bar:#4fb84a}.fs-bar.t-chaos{--bar:#9a5ad8}.fs-bar.t-fel{--bar:#9cc23a}.fs-bar.t-pure{--bar:#e0b44f}.fs-row{background:rgba(233,196,119,.08)}.fs-bar b,.fs-row b{margin-left:auto;font-family:var(--display);font-weight:900;color:#fff3d6}.fs-l{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fs-ic .gi{font-size:12px}.fs-ic{display:inline-flex;flex:none}.fs-art{display:block;width:16px;height:16px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.6)}.fs-art .card-art,.fs-art .sk-art{object-fit:cover}.fs-art .card-art,.fs-art .gi,.fs-art .sk-art{display:block;width:100%;height:100%}.fs-cap{padding:2px 6px 1px;font-size:10.5px;opacity:.6}.fs-l small{display:block;font-size:10px;opacity:.65}.fs-row.sum{background:none;border-top:1px solid rgba(233,196,119,.25);border-radius:0;opacity:.85}.fs-empty{padding:14px 0;text-align:center;opacity:.5}.slr-ui[data-phase=prep] #shop-row{flex-direction:column;align-items:center;gap:10px;transform:translateY(-12vh) scale(.85);transform-origin:center bottom}.slr-ui[data-phase=prep] #shop-btns{flex-direction:row}.slr-ui[data-phase=prep] #reroll-left{top:-14px;left:auto;right:-10px;width:30px;height:30px;z-index:1}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#fight-stats{justify-content:space-between;padding:0 6px;gap:6px}.fs-side{gap:4px}.fs-box{height:auto;font-size:10px}.fs-info{width:104px}.fs-total{font-size:13px}.fs-cell{font-size:9.5px;line-height:13px}.fs-dmg{display:none}#fight-stats[data-show="1"] .fs-dmg{display:flex;position:absolute;bottom:0;width:calc(100% - 122px);max-height:230px;height:auto;z-index:2}#fight-stats[data-show="1"] .fs-side:not(.mirror) .fs-dmg{right:6px}#fight-stats[data-show="1"] .fs-side.mirror .fs-dmg{left:6px}#fight-stats[data-open="0"] .fs-side.mirror .fs-dmg,#fight-stats[data-open="1"] .fs-side:not(.mirror) .fs-dmg{display:none}#fight-stats{position:relative}.slr-ui #dmg-mini{display:none}.slr-ui[data-phase=prep] #shop-row{transform:none}}.sandbox #bottom-bar,.sandbox #choice,.sandbox[data-phase=prep] #shop-row{display:none}#sandbox{position:absolute;top:56px;left:50%;z-index:55;transform:translateX(-50%);width:min(1180px,94vw);height:min(640px,78vh);display:flex;flex-direction:column;font-family:var(--body);font-size:12px;color:#ece3cf;background:linear-gradient(180deg,rgba(30,36,50,.97),rgba(15,18,27,.98));border:1px solid rgba(232,196,106,.45);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.6);overflow:hidden}#sandbox[hidden]{display:none}#sandbox button{font:inherit;color:inherit;cursor:pointer}.sb-head{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(180deg,#3a2c18,#241a0e);border-bottom:1px solid rgba(232,196,106,.4)}.sb-head>b{font-family:var(--display);font-size:15px;color:#ffd27a}.sb-sides{display:flex;gap:4px}.sb-own button,.sb-ownhead button,.sb-sides button{padding:3px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(232,196,106,.3);border-radius:5px}.sb-sides button.on{color:#2b1a06;font-weight:700;background:linear-gradient(180deg,#ecc97e,#b7843a)}.sb-ready{margin-left:auto;padding:6px 18px;font-family:var(--display)!important;font-weight:900;color:#fff!important;background:linear-gradient(180deg,#3f7a3a,#1c3e1a);border:1px solid #7fc06f;border-radius:6px}.sb-exit{padding:4px 9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:5px}.sb-body{flex:1 1;min-height:0;display:grid;grid-template-columns:330px 1fr}.sb-left{display:flex;flex-direction:column;gap:8px;min-height:0;padding:10px;border-right:1px solid rgba(232,196,106,.2)}.sb-hero select{margin-left:6px;padding:3px 6px;font:inherit;color:#ece3cf;background:#1b2130;border:1px solid rgba(232,196,106,.35);border-radius:5px}.sb-levels{display:flex;flex-wrap:wrap;gap:4px}.sb-lv{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:10px;background:color-mix(in srgb,var(--c) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent)}.sb-lv small{opacity:.6}.sb-ownhead{display:flex;align-items:center;justify-content:space-between;font-weight:700}.sb-owned{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sb-own{display:grid;grid-template-columns:28px 1fr auto auto auto auto;align-items:center;grid-gap:4px;gap:4px;padding:3px 5px;background:rgba(255,255,255,.04);border-left:3px solid #c9c2b0;border-radius:4px}.sb-own.r-R{border-left-color:#b36bff}.sb-own.r-SR{border-left-color:#ffb02e}.sb-own button{padding:0 7px}.sb-art .art,.sb-art img,.sb-art svg{width:26px;height:26px}.sb-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sb-stars i{font-style:normal;font-size:10px;color:#555}.sb-stars i.on{color:#ffd27a}.sb-empty{padding:18px 6px;text-align:center;opacity:.55}.sb-right{display:flex;flex-direction:column;min-height:0;padding:10px;gap:8px}.sb-tabs{display:flex;flex-wrap:wrap;gap:4px}.sb-tab{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:5px}.sb-tab.on{background:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 0 1px var(--c)}.sb-sectname{font-weight:700;color:var(--c)}.sb-sectname small{margin-left:6px;font-weight:400;color:#ece3cf;opacity:.75}.sb-pool{flex:1 1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:6px;gap:6px;align-content:start}.sb-card{padding:6px 8px;background:rgba(255,255,255,.04);border:1px solid color-mix(in srgb,var(--rc) 55%,transparent);border-radius:6px;cursor:pointer}.sb-card:hover{background:color-mix(in srgb,var(--rc) 16%,transparent)}.sb-card.have{box-shadow:inset 0 0 0 1px var(--rc)}.sb-ch{display:flex;align-items:center;gap:6px}.sb-ch b{color:var(--rc)}.sb-ch em{margin-left:auto;font-style:normal;color:#ffd27a}.sb-tags .tag{font-size:11px}.sb-cn{margin:3px 0 2px;font-weight:700}.sb-cd{font-size:11px;line-height:1.35;opacity:.85}.artifact-slot.usable{cursor:pointer;box-shadow:0 0 0 1px #ffd36a,0 0 8px rgba(255,211,106,.55)}.tt-use{margin-top:4px;color:#ffd36a;font-weight:700}.sect-menu{position:fixed;z-index:60;display:flex;flex-wrap:wrap;gap:4px;width:210px;padding:8px;background:rgba(18,14,26,.97);border:1px solid rgba(255,211,106,.6);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.6)}.sect-menu .sm-title{width:100%;font-size:12px;color:#ffd36a;margin-bottom:2px}.sect-menu button{display:flex;align-items:center;gap:4px;padding:3px 7px;font-size:12px;color:#fff;background:color-mix(in srgb,var(--c) 35%,#1a1424);border:1px solid var(--c);border-radius:4px;cursor:pointer}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#sandbox{top:44px;width:calc(100vw - 12px);height:calc(100dvh - 54px);font-size:12.5px}.sb-head{flex-wrap:wrap;gap:6px 8px;padding:6px 8px}.sb-head>b{flex:1 1 100%;font-size:14px}.sb-head>b small{display:none}.sb-sides{flex:1 1 auto}.sb-sides button{flex:1 1;padding:6px;font-size:11.5px}.sb-ready{margin-left:0;padding:6px 12px}.sb-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sb-card,.sb-left,.sb-own,.sb-right{min-width:0}.sb-hero select{min-width:0;max-width:100%}.sb-left{max-height:32vh;padding:8px;gap:6px;border-right:0;border-bottom:1px solid rgba(232,196,106,.25)}.sb-hero{display:flex;align-items:center}.sb-hero select{flex:1 1;padding:6px}.sb-own{grid-template-columns:26px 1fr auto 30px 30px 30px}.sb-own button{padding:4px 0}.sb-right{padding:8px;gap:6px}.sb-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sb-tab{flex:none;padding:6px 9px}.sb-sectname small{display:block;margin:2px 0 0}.sb-pool{grid-template-columns:1fr}.sb-cd{font-size:12px}}#treasure-use{display:flex;gap:6px}#treasure-use[hidden]{display:none}#ag-root .tu-btn{display:flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;font-family:var(--body);color:#fff4d8;text-align:left;background:var(--grain),linear-gradient(180deg,#4a3414,#24180a);border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px rgba(232,196,106,.75),0 4px 10px rgba(0,0,0,.5);cursor:pointer;transition:transform .12s,filter .12s}#ag-root .tu-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}#ag-root .tu-btn:active{transform:translateY(0) scale(.97)}.tu-ic{display:grid;place-items:center;width:30px;height:30px;flex:none;color:#fff4d0;background:radial-gradient(circle at 50% 30%,rgba(255,220,140,.45),transparent 70%),#3a2a14;border-radius:50%;box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #e8c46a}.tu-ic .gi{font-size:19px}.tu-txt{display:flex;flex-direction:column;line-height:1.15}.tu-txt b{font-size:12.5px;font-weight:700;white-space:nowrap}.tu-txt small{display:flex;align-items:center;gap:3px;color:#e6cf98;white-space:nowrap}.tu-txt small,.tu-txt small .gi{font-size:11px}#ag-root .tu-btn.ready,.artifact-slot.usable.ready{animation:tu-pulse 1.6s ease-in-out infinite}#ag-root .tu-btn.ready{background:var(--grain),linear-gradient(180deg,#7a5418,#3a2408)}@keyframes tu-pulse{0%,to{box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px #ffd36a,0 0 6px rgba(255,211,106,.35),0 4px 10px rgba(0,0,0,.5)}50%{box-shadow:inset 0 0 0 1px #07050b,inset 0 0 0 2px #fff0b0,0 0 16px rgba(255,211,106,.85),0 4px 10px rgba(0,0,0,.5)}}.artifact-slot.usable:after{content:"ใช้";position:absolute;right:-5px;bottom:-5px;padding:0 3px;font-size:9px;font-weight:800;line-height:12px;color:#2b1a06;background:#ffd36a;border-radius:4px}.artifact-slot.usable{position:relative}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#bottom-bar:has(#treasure-use:not([hidden])){flex-wrap:wrap;row-gap:6px}#treasure-use{order:-1;width:100%;max-width:100vw;flex-wrap:wrap;justify-content:center;gap:4px}#ag-root .tu-btn{min-width:0;max-width:calc((100vw - 24px) / 2);gap:6px;padding:3px 10px 3px 4px;border-radius:4px;background:var(--grain),linear-gradient(180deg,#3a2a40,#1c1424);box-shadow:inset 0 0 0 1px rgba(232,196,106,.7),0 3px 8px rgba(0,0,0,.45)}.tu-ic{width:26px;height:26px}.tu-ic .gi{font-size:16px}.tu-txt{min-width:0}.tu-txt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:11px;line-height:1.2}.tu-txt small{font-size:10px}}#ag-root.shop-side #shop-row{position:fixed;z-index:6;margin:0;transform-origin:left top;padding:12px 14px;background:linear-gradient(180deg,rgba(20,16,30,.55),rgba(20,16,30,.82));border-radius:14px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.35),0 10px 30px rgba(0,0,0,.45)}#ag-root.shop-side #shop{position:relative;padding-bottom:6px}#ag-root.shop-side #shop:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-4px;height:8px;border-radius:4px;background:linear-gradient(180deg,#b98a4a,#6b4818);box-shadow:0 3px 6px rgba(0,0,0,.5)}#slr-kit{display:flex;flex-direction:column;align-items:center;gap:5px;width:150px;padding:8px 8px 10px;background:linear-gradient(180deg,rgba(26,20,36,.86),rgba(14,11,20,.86));border-radius:10px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.45),0 6px 16px rgba(0,0,0,.45)}#slr-kit[hidden]{display:none}.kit-sign{width:100%;padding:3px 6px;font-family:var(--display);font-size:13px;font-weight:700;text-align:center;color:#fff1cf;background:linear-gradient(180deg,#8a6230,#5a3c16);border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,230,170,.35),0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-sign.small{width:70%;font-size:11.5px;padding:2px 6px}.kit-skills{margin:2px 0 10px}.kit-skills,.kit-treasures{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}#ag-root .kit-skill,#ag-root .kit-tr{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;color:#fff4d8;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c,#e8c46a) 55%,transparent),transparent 70%),#2a1f14;border:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0a0710,inset 0 0 0 2px #e8c46a,0 2px 6px rgba(0,0,0,.5);cursor:help}#ag-root .kit-skill.ult{border-radius:9px;transform:rotate(45deg) scale(.86)}#ag-root .kit-skill.ult .gi{transform:rotate(-45deg)}#board .bsk .sk-art,.kit-skill .sk-art{width:100%;height:100%;border-radius:inherit;object-fit:cover;pointer-events:none}#ag-root .kit-skill .sk-art{width:calc(100% - 4px);height:calc(100% - 4px)}#ag-root .kit-skill.ult .sk-art,#board .bsk.ult .sk-art{transform:rotate(-45deg) scale(1.42);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}#ag-root .kit-skill.ult .sk-art{transform:rotate(-45deg) scale(1.3)}.kit-skill .gi,.kit-tr .gi{font-size:21px}.kit-skill i{position:absolute;bottom:-9px;font-size:9px;font-style:normal;font-weight:700;color:#ffe6a8;text-shadow:0 1px 2px #000;white-space:nowrap}#ag-root .kit-skill.ult i{transform:rotate(-45deg) translate(6px,6px)}#ag-root .kit-tr{width:38px;height:38px}#ag-root .kit-tr .gi{font-size:18px}#ag-root .kit-tr.usable{cursor:pointer}.kit-tr.usable:after{content:"ใช้";position:absolute;right:-5px;bottom:-4px;padding:0 3px;font-size:9px;font-weight:800;line-height:12px;color:#2b1a06;background:#ffd36a;border-radius:4px}#ag-root .kit-tr.ready{animation:tu-pulse 1.6s ease-in-out infinite}.kit-none{font-size:11px;opacity:.55}.slr-ui .syn{cursor:pointer}.gi.sect-img{object-fit:cover;border-radius:22%;box-shadow:0 0 0 1px rgba(0,0,0,.35);vertical-align:-.2em}.gi.sect-img.cut,.slr-ui .syn .badge .sect-img.cut,.sw-badge .gi.sect-img.cut{object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.slr-ui .syn .badge:has(.sect-img){position:relative;width:26px;height:27px;margin:5px 4px;-webkit-clip-path:none;clip-path:none;filter:none;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 22%,transparent 78%,rgba(0,0,0,.28)),linear-gradient(180deg,#ecd3a4,#cfa96f);border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.slr-ui .syn .badge:has(.sect-img):after,.slr-ui .syn .badge:has(.sect-img):before{content:"";position:absolute;left:-4px;right:-4px;height:5px;background:linear-gradient(180deg,#a0662e,#5a3414 70%,#3a200c);border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.5)}.slr-ui .syn .badge:has(.sect-img):before{top:-3px}.slr-ui .syn .badge:has(.sect-img):after{bottom:-3px}.slr-ui .syn .badge .sect-img{width:21px;height:21px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--c) 60%,#3a2410)}.slr-ui .syn:is(.tier-1,.tier-2,.tier-3) .badge:has(.sect-img){box-shadow:0 2px 4px rgba(0,0,0,.5),0 0 6px color-mix(in srgb,var(--c) 70%,transparent)}.slr-ui .syn.max .badge:has(.sect-img){box-shadow:0 2px 4px rgba(0,0,0,.5),0 0 12px var(--c)}.sw-badge:has(.sect-img){position:relative;width:50px;height:60px;margin:0 6px;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 22%,transparent 78%,rgba(0,0,0,.25)),linear-gradient(180deg,#ecd3a4,#cfa96f);border-radius:3px}.sw-badge:has(.sect-img):after,.sw-badge:has(.sect-img):before{content:"";position:absolute;left:-6px;right:-6px;height:8px;background:linear-gradient(180deg,#a0662e,#5a3414 70%,#3a200c);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.5)}.sw-badge:has(.sect-img):before{top:-5px}.sw-badge:has(.sect-img):after{bottom:-5px}.sw-badge .gi.sect-img{font-size:40px;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 60%,#3a2410)}.howto-card.sect-window{width:min(680px,94vw);max-height:min(620px,88vh);overflow:auto;padding:18px 20px 20px;color:#3a2810;text-align:left;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#f6e6bf,#ead198 60%,#e2c486);border-radius:12px;box-shadow:inset 0 0 0 3px #a8782e,inset 0 0 0 5px #5a3a12,0 18px 40px rgba(0,0,0,.6)}.sect-window .modal-x{color:#5a3a12}.sw-head{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;grid-row-gap:6px;row-gap:6px;align-items:center;padding-right:30px}.sw-badge{grid-row:span 2;display:grid;place-items:center;width:54px;height:54px;color:#fff;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 80%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 50%,#000));border-radius:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 3px 8px rgba(0,0,0,.35)}.sw-badge .gi{font-size:32px}.sw-title{display:flex;align-items:baseline;gap:10px}.sw-title b{font-family:var(--display);font-size:22px;color:color-mix(in srgb,var(--c) 70%,#3a1a00)}.sw-stars{font-size:18px;letter-spacing:1px;color:#d08a12}.sw-exp{position:relative;height:16px;background:rgba(60,36,10,.25);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.sw-exp span{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ffd96a,#e09a1a)}.sw-exp em{position:relative;display:block;font-size:11px;font-style:normal;font-weight:800;line-height:16px;text-align:center;color:#3a2208}.sw-bonus{display:grid;grid-gap:4px;gap:4px;margin:14px 0 12px}.sw-lv{display:grid;grid-template-columns:62px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:5px 10px;font-size:13px;color:rgba(58,40,16,.55);background:rgba(90,58,18,.08);border-radius:6px}.sw-lv.on{color:#2e1e08;background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1px rgba(168,120,46,.6)}.sw-lv>span{color:#d08a12;letter-spacing:1px}.sw-lv p{margin:0}.sw-lv b{color:#b5480e}.sw-lv:not(.on) b{color:inherit}.sw-lv small{font-size:11px;white-space:nowrap}.sw-lv small:before{content:"🔒 "}.sw-sub{margin-bottom:8px;font-family:var(--display);font-weight:700;font-size:14px}.sw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.sw-card{padding:8px;text-align:center;color:#f4ead0;background:linear-gradient(180deg,#3a2c1a,#221810);border-radius:10px;box-shadow:inset 0 0 0 2px var(--rc),0 4px 10px rgba(0,0,0,.35)}.sw-art{height:70px;overflow:hidden;border-radius:6px}.sw-art>*{width:100%;height:100%}.sw-name{margin-top:5px;font-weight:700;font-size:13px;color:#ffe2a0}.sw-st{font-size:11px}.sw-desc{font-size:11.5px;line-height:1.35;opacity:.9}.sw-empty{grid-column:1/-1;margin:6px 0;font-size:13px;opacity:.7}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){.howto-card.sect-window{box-sizing:border-box;width:100%;max-height:92vh;padding:14px 12px 16px}.sw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-lv{grid-template-columns:50px 1fr}.sw-lv small{grid-column:2}#slr-kit{display:none}}.sw-st i{font-style:normal;color:rgba(255,255,255,.2)}.sw-st i.on{color:#ffd36a}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){.slr-ui #run .next-opp{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slr-ui #run .next-opp em{display:none}}#choice.slr-loot{position:fixed;inset:0;top:0;left:0;transform:none;justify-content:center;gap:22px;padding:70px 16px 24px;background:radial-gradient(ellipse at 50% 45%,rgba(10,8,16,.74),rgba(4,3,8,.9));box-shadow:none;z-index:25}.loot-open #scene{visibility:hidden}#choice.slr-loot .loot-title{font-size:22px;text-shadow:0 2px 8px #000}#choice.slr-loot .loot-row{gap:26px;align-items:flex-start}#choice.slr-loot .loot-card{position:relative;width:150px;padding:0;background:none;box-shadow:none}#choice.slr-loot .loot-card:hover{transform:translateY(-6px)}#choice.slr-loot .loot-card .li{display:grid;place-items:center;height:110px;font-size:92px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,#ffd36a 45%,transparent))}#choice.slr-loot .loot-card .ln{margin-top:8px;padding:6px 8px;font-family:var(--display);font-size:15px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#8d8f96,#5d5f66 55%,#4a4c52);border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.55)}#choice.slr-loot .loot-card .lt{margin-top:4px;font-size:11px;color:#ffd36a}#choice.slr-loot .loot-card .ld{position:absolute;top:calc(100% + 6px);left:50%;z-index:2;width:200px;padding:8px 10px;font-size:12.5px;line-height:1.4;color:#f2e8d0;background:rgba(16,12,22,.96);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.6),0 8px 20px rgba(0,0,0,.6);transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .12s}#choice.slr-loot .loot-card:hover .ld{opacity:1}#choice.slr-loot .loot-card.random .lt{position:absolute;top:-14px;right:6px;margin:0;font-size:15px;font-weight:800;color:#ffe08a;text-shadow:0 1px 3px #000}.lq{display:grid;place-items:center;width:78px;height:92px;font-family:var(--display);font-size:70px;font-weight:900;line-height:1;color:#ff8a1a;background:linear-gradient(170deg,#ffffff,#e6e0d6);border-radius:6px;transform:rotate(-6deg);box-shadow:0 4px 10px rgba(0,0,0,.5);-webkit-text-stroke:2px #6a2a00}#ag-root .loot-reroll{position:relative;display:grid;place-items:center;width:64px;height:64px;padding:0;font-size:30px;color:#fff;background:radial-gradient(circle at 40% 30%,#8fd0ff,#2a7ae0 60%,#164a9a);border:none;border-radius:50%;box-shadow:inset 0 0 0 3px #d8ecff,0 0 0 3px #3a2a14,0 6px 14px rgba(0,0,0,.6);cursor:pointer;align-self:center}#ag-root .loot-reroll:hover{filter:brightness(1.15)}#ag-root .loot-reroll.out{filter:grayscale(1) brightness(.7);cursor:default}.loot-reroll b{position:absolute;bottom:-26px;font-size:15px;color:#fff;text-shadow:0 1px 3px #000}.loot-reroll kbd{position:absolute;top:44px;padding:0 5px;font-size:10px;color:#3a2408;background:#e8c46a;border-radius:4px}.loot-sects{display:flex;gap:8px;margin-top:26px}@media (hover:none),(max-width:1099px) and (orientation:portrait),(max-width:999px){#choice.slr-loot .loot-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px 10px;gap:14px 10px;width:min(100%,520px)}#choice.slr-loot .loot-card{width:auto}#choice.slr-loot .loot-card .li{height:70px;font-size:58px}.lq{width:52px;height:62px;font-size:46px}#choice.slr-loot .loot-card .ld{position:static;width:auto;margin-top:5px;padding:4px 6px;font-size:11px;opacity:1;transform:none;background:rgba(16,12,22,.75)}#choice.slr-loot{overflow-y:auto;justify-content:flex-start;width:auto}.loot-reroll kbd{display:none}}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#choice.slr-loot{padding-top:128px;gap:8px}#choice.slr-loot>*{flex-shrink:0}#choice.slr-loot .loot-title>.gi{display:none}#choice.slr-loot .loot-card .li{height:40px;font-size:36px}#choice.slr-loot .loot-card .li:has(img.tr-img){height:64px;font-size:64px}.loot-sects{margin-top:16px}#choice.slr-loot .loot-title{font-size:17px}#choice.slr-loot .loot-row{gap:8px 8px}#choice.slr-loot .loot-card .ln{margin-top:4px;padding:4px 6px;font-size:12.5px}#choice.slr-loot .loot-card:not(.random) .lt{display:none}#choice.slr-loot .loot-card .ld{margin-top:3px;padding:3px 5px;font-size:10.5px;line-height:1.3}#choice.slr-loot .loot-card.random .li{height:64px}#choice.slr-loot .lq{width:54px;height:64px;font-size:48px}#choice.slr-loot .loot-card.random .lt{top:-6px;font-size:12px}#ag-root #choice.slr-loot .loot-reroll{width:48px;height:48px;font-size:22px}#choice.slr-loot .loot-reroll b{bottom:-18px;font-size:12px}}.sp-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:6px;gap:6px;margin:10px 0}.sp-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;background:rgba(255,255,255,.05);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.25)}.sp-stats .gi{font-size:18px;color:#e8c46a}.sp-stats b{font-family:var(--display);font-size:17px;color:#fff3d6}.sp-stats small{font-size:10px;opacity:.7;white-space:nowrap}.hs-stats.slr>span:not(.mastery){display:none}#overlay.slr-pick .sp-sects{margin-top:0}#overlay.slr-pick{flex-direction:column;padding:28px 16px 24px;overflow-y:auto;background:radial-gradient(ellipse at 50% 35%,#1d2230,#0b0d14 75%)}#overlay.slr-pick,.sp-top{display:flex;align-items:center;gap:14px}.sp-top{padding:6px 22px;font-family:var(--display);font-size:18px;font-weight:800;color:#fff1cf;background:linear-gradient(180deg,#8a6230,#5a3c16);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,230,170,.35),0 4px 10px rgba(0,0,0,.5)}.sp-top b{font-size:22px;color:#ffe08a}.sp-arches{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}#ag-root .sp-arch{position:relative;display:flex;flex-direction:column;align-items:center;width:132px;padding:0;background:none;border:none;cursor:pointer;transition:transform .12s}#ag-root .sp-arch:hover{transform:translateY(-4px)}.sp-door{display:grid;place-items:center;width:120px;height:138px;overflow:hidden;background:#121318;border:solid #6d6f76;border-width:9px 9px 12px;border-radius:60px 60px 6px 6px;box-shadow:inset 0 0 0 2px #2a2b30,inset 0 10px 20px rgba(0,0,0,.7),0 0 0 2px #2a2b30,0 8px 14px rgba(0,0,0,.6)}.sp-door .art,.sp-door>img,.sp-door>svg{width:100%;height:100%;object-fit:cover}.sp-arch.on .sp-door{border-color:#8fb8ff;box-shadow:inset 0 0 0 2px #2a4a8a,0 0 0 2px #2a4a8a,0 0 22px 6px rgba(80,150,255,.75),0 8px 14px rgba(0,0,0,.6)}.sp-plate{margin-top:-6px;min-width:112px;padding:4px 8px;font-family:var(--display);font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#8d8f96,#5d5f66 55%,#4a4c52);border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 8px rgba(0,0,0,.55)}.sp-arch.random em{position:absolute;top:-20px;right:0;font-style:normal;font-weight:800;color:#ffe08a;text-shadow:0 1px 3px #000}.sp-bar{margin-bottom:18px}.sp-hint{font-size:13px;opacity:.7}.sp-info{width:min(640px,100%);padding:12px 16px;text-align:left;background:linear-gradient(180deg,rgba(30,26,40,.92),rgba(16,13,22,.92));border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent),0 10px 26px rgba(0,0,0,.5)}.sp-name{display:flex;gap:10px;font-family:var(--display);font-size:20px;font-weight:800;color:#fff1cf}.sp-name,.sp-sect{align-items:center}.sp-sect{display:inline-flex;gap:4px;padding:1px 8px;font-family:var(--body);font-size:12px;font-weight:700;color:#fff;background:color-mix(in srgb,var(--c) 45%,#15121c);border-radius:999px}.sp-skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sp-skill{display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.04);border-radius:8px}.sp-skill>span{display:grid;place-items:center;flex:none;width:36px;height:36px;font-size:20px;color:#fff4d8;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 60%,transparent),#2a1f14 70%);border-radius:50%;box-shadow:inset 0 0 0 2px #e8c46a}.sp-skill.ult>span{border-radius:9px}.sp-skill>span .sk-art{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:inherit;object-fit:cover}.sp-skill small{font-size:10.5px;color:#e8c46a}.sp-skill>div>b{display:block;font-size:14px;color:#fff3d6}.sp-skill p{margin:2px 0 0;font-size:12px;line-height:1.4;opacity:.85}@media (max-width:1099px) and (orientation:portrait),(max-width:999px){#overlay.slr-pick{padding:16px 10px 18px;gap:10px}.sp-arches{gap:14px 8px}#ag-root .sp-arch{width:calc((100% - 16px) / 3);max-width:112px}.sp-door{width:100%;height:auto;aspect-ratio:.85;border-width:6px 6px 9px}.sp-plate{min-width:0;width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-skills{grid-template-columns:1fr}#overlay.slr-pick{padding-bottom:0}#overlay.slr-pick .go-btns{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;width:calc(100% + 20px);margin:0 -10px;padding:14px 10px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(11,13,20,0),#0b0d14 12px)}}.stat-guide{display:grid;grid-gap:7px;gap:7px;max-width:320px}.sg-row{display:flex;gap:8px;align-items:flex-start;line-height:1.35}.sg-ic{flex:none;font-size:20px;line-height:0;margin-top:1px}.ult-up{color:#8ee87a}#ag-root.slr-ui #settings-btns{left:auto;right:12px;z-index:26}#ag-root .mini-btn.on{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-hi)}#board{position:absolute;inset:0;z-index:26;display:none;place-items:center;padding:16px;background:rgba(6,4,10,.55)}#board.show{display:grid}#board.show~#tooltip{z-index:27}#ag-root:has(#overlay.show) #board{display:none}#board .bpanel{width:min(820px,100%);max-height:100%;overflow-y:auto;padding:10px 12px 8px;background:linear-gradient(#2b1f17,#1a130f);border:2px solid var(--gold-lo);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,220,150,.08)}#board .bhead,#board .brow{display:grid;grid-template-columns:40px 52px minmax(0,1fr) 96px 120px 138px;align-items:center;grid-gap:8px;gap:8px}#board .bhead{position:relative;padding:2px 0 8px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--gold);text-align:center}#board .bhead span:first-child{grid-column:1/4}#board .bclose{position:absolute;right:0;top:0;width:26px;height:26px;padding:0;color:var(--gold);background:none;border:none;font-size:16px;cursor:pointer}#board .brow{margin-top:4px;padding:5px 6px;background:rgba(0,0,0,.32);border-radius:6px}#board .brow.me{background:linear-gradient(90deg,rgba(232,196,106,.32),rgba(232,196,106,.08));box-shadow:inset 0 0 0 2px var(--gold)}#board .brow.me .bwho b{color:#ffb648}#board .brow.dead{opacity:.45}#board .brank{display:grid;place-items:center;height:30px;font-family:var(--display);font-weight:800;font-size:20px;color:#d9cbb0;background:#4a3a2a;-webkit-clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}#board .brank.r1{color:#3a2600;background:linear-gradient(#ffe28a,#e0a52a)}#board .brank.r2{color:#2a2a30;background:linear-gradient(#f2f2f6,#a9adb8)}#board .brank.r3{color:#2a1608;background:linear-gradient(#e8a776,#a8642e)}#board .bav{width:48px;height:48px;overflow:hidden;border-radius:6px;box-shadow:inset 0 0 0 2px var(--c);background:rgba(0,0,0,.4)}#board .bav .art{width:100%;height:100%;object-fit:cover}#board .bwho{display:flex;flex-direction:column;min-width:0;gap:1px}#board .bwho b{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis;color:#f4ead6}#board .bwho small{font-size:11px;color:#b9a888}#board .bhp{position:relative;height:14px;margin-top:2px;background:#2a0c0c;border-radius:3px;overflow:hidden}#board .bhp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#e63b2e,#a5140e)}#board .brow.me .bhp i{background:linear-gradient(#ff9a3a,#d4600e)}#board .bhp em{position:relative;display:block;font-style:normal;font-size:11px;font-weight:700;line-height:14px;text-align:center;color:#fff}#board .bkit,#board .btr{display:flex;justify-content:center;gap:6px}#board .bsk{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:22px;color:#fff;background:radial-gradient(color-mix(in srgb,var(--c) 55%,#000),#120c08);border:2px solid #c9b48a;border-radius:50%;cursor:help}#board .bsk.ult{border-radius:8px;transform:rotate(45deg) scale(.86)}#board .bsk.ult .gi{transform:rotate(-45deg)}#board .bsect{display:flex;flex-direction:column;align-items:center;gap:1px}#board .bbook{display:grid;place-items:center;width:30px;height:30px;font-size:20px;color:var(--c)}#board .bstars i{font-style:normal;font-size:12px;color:#7a6648}#board .bstars i.on{color:#ffd24a}#board .bsect small{font-size:11px;font-weight:700;color:#e4d6b8}#board .bsect.peek{cursor:pointer}.tt-cards{display:flex;flex-wrap:wrap;gap:4px;max-width:260px;margin-top:4px}.tt-cards .card-mini{width:40px;height:40px}.cards .lead-note{grid-column:1/-1;font-size:11px;color:var(--c);opacity:.85}#board .bt{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:22px;color:var(--gold-hi);background:#2a1d14;border:2px solid #6b5236;border-radius:6px;cursor:help}#board .bt.empty{background:#1d150f;border-color:#3c2d20}#board .bfoot{margin-top:6px;font-size:11px;text-align:right;color:#8f7f64}@media (max-width:760px){#board{padding:8px}#board .bhead,#board .brow{grid-template-columns:26px 36px minmax(0,1fr) 62px 52px 92px;gap:5px}#board .bhead{font-size:12px}#board .brank{height:24px;font-size:15px}#board .bav{width:36px;height:36px}#board .bwho b{font-size:12px}#board .bfoot,#board .bwho small{display:none}#board .bsk,#board .bt{width:28px;height:28px;font-size:16px}#board .bkit,#board .btr{gap:3px}#board .bbook{width:22px;height:22px;font-size:15px}#board .bstars i{font-size:9px}}#ag-root .kit-tr,.artifact-slot{position:relative}.tr-n{position:absolute;top:-6px;right:-8px;min-width:15px;padding:0 3px;font-size:10px;font-weight:800;line-height:14px;text-align:center;color:#2b1a06;background:#ffd36a;border-radius:7px;box-shadow:0 0 0 1px #0a0710;pointer-events:none}.tr-n.out{color:#e8dcc0;background:#5a4a3a}#shop.swap{animation:shop-swap .6s ease;pointer-events:none}@keyframes shop-swap{0%{opacity:0;transform:translateY(6px)}40%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#game-log{position:absolute;inset:0;z-index:26;display:none;place-items:center;padding:16px;background:rgba(6,4,10,.55)}#game-log.show{display:grid}#game-log .gl-box{width:min(460px,100%);max-height:min(78vh,720px);display:flex;flex-direction:column;color:#f2e6cc;background:rgba(16,10,24,.96);border:1px solid rgba(255,210,140,.45);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.6)}#game-log .gl-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:15px;border-bottom:1px solid rgba(255,210,140,.25)}#game-log .gl-head .gi{width:18px;height:18px;vertical-align:-3px}#game-log .gl-close{background:none;border:0;color:inherit;cursor:pointer}#game-log .gl-list{overflow-y:auto;padding:6px 14px 10px}#game-log .gl-round{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}#game-log .gl-r{margin-bottom:4px;font-size:12px;font-weight:700;color:#ffd27a}#game-log .gl-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:2px 0;font-size:13px}#game-log .gl-line .gi,#game-log .gl-line .ncard,#game-log .gl-line img{width:20px;height:20px;flex:none;object-fit:cover;border-radius:3px}#game-log .gl-line small{opacity:.7}#game-log b.bad{color:#ff7a6a}#game-log b.good{color:#7be08a}#game-log .gl-empty,#game-log .gl-foot{padding:8px 14px;font-size:12px;opacity:.6}#game-log .gl-foot{text-align:right;border-top:1px solid rgba(255,210,140,.15)}#ag-root:has(#overlay.show) #game-log{display:none}#notices{position:fixed;top:54px;left:50%;transform:translateX(-50%);z-index:30;flex-direction:column;gap:4px;pointer-events:none}#notices,.notice{display:flex;align-items:center}.notice{gap:5px;padding:3px 10px;font-size:13px;color:#f2e6cc;white-space:nowrap;background:rgba(10,6,16,.86);border:1px solid rgba(255,210,140,.4);border-radius:8px;animation:notice-life 4.2s ease forwards}.notice b.bad{color:#ff7a6a}.notice .gi,.notice .ncard{width:20px;height:20px;flex:none}.notice .ncard>*{width:100%;height:100%;object-fit:cover;border-radius:3px}@keyframes notice-life{0%{opacity:0;transform:translateY(-6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.tr-last{display:inline-block;width:22px;height:22px;margin:0 4px;vertical-align:middle}.tr-last>*{width:100%;height:100%;object-fit:cover;border-radius:3px}.tr-gifts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tr-gift{display:flex;flex-direction:column;align-items:center;width:54px;font-size:10px;text-align:center}.tr-gift>:first-child{width:40px;height:40px;object-fit:cover;border-radius:4px}.tr-spent{display:none}#ag-root .kit-tr:has(.tr-spent)>:first-child,.artifact-slot:has(.tr-spent)>:first-child{filter:grayscale(1) brightness(.55)}.tr-sect{position:absolute;right:-7px;bottom:-6px;width:17px;height:17px;display:grid;place-items:center;background:#1a1424;border:1px solid var(--c);border-radius:50%;pointer-events:none}.tr-sect .gi{width:13px;height:13px;font-size:13px}.syn .badge{position:relative}.sect-x{position:absolute;inset:-3px;pointer-events:none}.sect-menu button.shut:after,.sect-menu button.shut:before,.sect-x:after,.sect-x:before{content:"";position:absolute;left:50%;top:50%;width:3px;height:120%;background:#ff3b3b;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.6);transform:translate(-50%,-50%) rotate(45deg)}.sect-menu button.shut:after,.sect-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.sect-menu button.shut{position:relative;opacity:.55;cursor:not-allowed}.sect-menu button.shut:after,.sect-menu button.shut:before{width:2px;height:90%}.syn.shut .cnt,.syn.shut .pips{opacity:.45}#ag-root .kit-tr.usable.locked,.artifact-slot.usable.locked{cursor:not-allowed}#ag-root .kit-tr.usable.locked .gi,.artifact-slot.usable.locked svg{opacity:.35}.artifact-slot.usable.locked:after,.kit-tr.usable.locked:after{content:none}.gal-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}#ag-root .gal-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;margin:0;padding:5px 12px;font:600 13px var(--body);color:var(--muted);background:rgba(10,7,16,.6);border:none;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#e8c46a) 45%,transparent);cursor:pointer}#ag-root .gal-chip .gi{font-size:18px}#ag-root .gal-chip.on{color:#fff;background:color-mix(in srgb,var(--c,#e8c46a) 35%,rgba(10,7,16,.8));box-shadow:inset 0 0 0 2px var(--c,#e8c46a)}.gal-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-gap:8px;gap:8px;margin-bottom:10px}#ag-root .gal-hero{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;margin:0;padding:8px 6px;color:var(--text);background:rgba(10,7,16,.55);border:none;border-radius:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent);cursor:pointer}#ag-root .gal-hero.on{box-shadow:inset 0 0 0 2px var(--c),0 0 10px color-mix(in srgb,var(--c) 50%,transparent)}.gal-portrait{display:grid;place-items:center;width:84px;height:84px;overflow:hidden;font-size:56px;border-radius:8px;background:color-mix(in srgb,var(--c) 18%,#120e1a)}.gal-portrait img{width:100%;height:100%;object-fit:cover}.gal-hero b{font-size:14px;color:var(--gold-hi)}.gal-sects{display:flex;gap:3px}.gal-sects i{font-size:18px;font-style:normal}.gal-stats{font-size:11px;color:var(--muted)}.gal-skill{display:flex;align-items:flex-start;gap:10px}.gal-skill>:first-child{flex:none;width:40px;height:40px;font-size:32px;border-radius:8px}.gal-treasures{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:8px;gap:8px}.gal-tr{display:grid;grid-template-columns:64px 1fr;grid-gap:10px;gap:10px;padding:8px;background:rgba(10,7,16,.55);box-shadow:inset 0 0 0 1px rgba(232,196,106,.15);border-radius:8px}.gal-tr>.gi,.gal-tr>img.tr-img{width:64px;height:64px;font-size:48px;color:#ffb02e}.gal-tr b{color:var(--gold-hi)}.gal-tags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 3px}.gal-tags span{padding:0 7px;font-size:11px;line-height:18px;border-radius:999px;background:rgba(255,255,255,.08);color:#d8cfbf}.gal-tags .t-gold{color:#ffd27a;background:rgba(255,176,46,.18)}.gal-tags .t-hp{color:#ff9a9a;background:rgba(255,80,80,.16)}.gal-tags .t-reroll{color:#8fd0ff;background:rgba(80,160,255,.16)}.gal-desc{font-size:12.5px;color:#ddd3c2}.ld-card{margin:4px 0 12px;padding:10px 12px;text-align:left;background:color-mix(in srgb,var(--c) 10%,rgba(10,7,16,.7));border-radius:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}.ld-badge .tier-badge{font-size:18px}.ld-bar{position:relative;height:18px;margin-top:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.ld-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#000),var(--c))}.ld-bar span{position:relative;display:block;font:700 12px/18px var(--body);text-align:center;color:#fff;text-shadow:0 1px 2px #000}.ld-exam{margin-top:8px;font-size:13px;color:var(--gold-hi)}.ld-marks{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}.ld-marks i{display:grid;place-items:center;width:22px;height:22px;font:700 12px var(--body);font-style:normal;border-radius:50%;background:rgba(255,255,255,.08);color:var(--muted)}.ld-marks i.ok{background:#2f9e63;color:#fff}.ld-marks i.no{background:#a33a3a;color:#fff}.hist-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:8px 0 12px}.hist-stat{display:flex;flex-direction:column;align-items:center;padding:10px 6px;background:rgba(10,7,16,.55);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(232,196,106,.18)}.hist-stat b{font:700 24px var(--display);color:var(--gold-hi)}.hist-stat small{font-size:12px;color:var(--muted)}.hist-places{display:flex;flex-direction:column;gap:4px}.hp-row{display:grid;grid-template-columns:44px 1fr 32px;align-items:center;grid-gap:8px;gap:8px;font-size:13px}.hp-row b{text-align:right}.hp-bar{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.hp-bar i{display:block;height:100%;background:linear-gradient(90deg,#a07a2e,#f0c24a)}@media (max-width:560px){.hist-grid{grid-template-columns:repeat(2,1fr)}}.lb-me{margin:6px 0;font-size:14px;color:var(--gold-hi)}.lb-me b{font-size:18px}.lb-row.click{cursor:pointer}.lb-row.click:hover{background:rgba(232,196,106,.08)}.lb-tier .gal-filter{justify-content:center;margin:6px 0}.ld-table{display:flex;flex-direction:column;gap:4px;margin:6px 0;text-align:left}.ld-row{display:grid;grid-template-columns:110px 70px 1fr;align-items:center;grid-gap:2px 10px;gap:2px 10px;padding:6px 10px;font-size:12.5px;background:rgba(10,7,16,.55);border-radius:8px;box-shadow:inset 3px 0 0 var(--c)}.ld-row.me{box-shadow:inset 3px 0 0 var(--c),inset 0 0 0 1px var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(10,7,16,.7))}.ld-th{color:var(--muted)}.ld-ex,.ld-gain{grid-column:2/-1;color:#d8cfbf}.ld-gain{font-size:11.5px;color:var(--muted);letter-spacing:.5px}.lb{max-height:46vh;overflow-y:auto}.howto-card.acct-modal.rank-modal{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.rank-modal .tier-badge.compact{width:auto;min-width:76px;white-space:nowrap}.rank-modal .lb{max-height:none;overflow:visible}.gchat{margin-top:12px}.gchat [hidden]{display:none}.gchat-title{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--body);color:var(--gold)}.gchat-title .gi{width:16px;height:16px}.gchat-card{display:none}.gchat-panel{display:flex;flex-direction:column;height:260px;padding:8px;border-radius:10px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.gchat-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}#ag-root .gchat-close{display:none;width:32px;height:32px;padding:6px;background:none;border:none;color:var(--muted);cursor:pointer}.gchat .chat-line{position:relative;padding-right:18px}.chat-line .chat-time{margin-right:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);white-space:nowrap}#ag-root .gchat-del{position:absolute;top:0;right:0;padding:0 4px;background:none;border:none;color:#d8402c;font:700 14px var(--body);cursor:pointer}.gchat-head{gap:8px}.gchat-head .gchat-peek{display:none;flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--muted)}.gchat-head .chat-badge{position:static;margin-left:6px}#ag-root .gchat-min{flex:none;width:26px;height:26px;margin-left:auto;padding:4px;background:none;border:none;border-radius:6px;color:var(--muted);cursor:pointer}#ag-root .gchat-min .gi{width:100%;height:100%;transform:rotate(-90deg);transition:transform .15s}@media (min-width:900px) and (min-height:560px){.gchat-head{cursor:pointer;border-radius:6px}.gchat-head:hover .gchat-min{color:var(--text)}.gchat.min .gchat-panel{height:auto}.gchat.min .gchat-head{padding-bottom:0}.gchat.min .gchat-head .gchat-peek{display:block}.gchat.min .chat-form,.gchat.min .chat-hint,.gchat.min .chat-log{display:none}#ag-root .gchat.min .gchat-min .gi{transform:rotate(90deg)}}@media not ((min-width:900px) and (min-height:560px)){#ag-root .gchat-min{display:none}#ag-root .gchat-card{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:none;border-radius:10px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:13px var(--body);text-align:left;cursor:pointer}.gchat-card .gchat-title{flex:none}.gchat-peek{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}.gchat-panel{display:none}.gchat.open .gchat-panel{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;height:min(70vh,520px);padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;box-shadow:inset 0 1px 0 var(--line),0 0 0 100vmax rgba(0,0,0,.55)}#ag-root .gchat-close{display:block}}