@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-400-normal-86dSXJnk.woff2) format("woff2"),url(/assets/marcellus-latin-400-normal-AvMY561b.woff) format("woff")}:root{--bg: #0d1618;--bg2: #122022;--panel: #13211ff2;--panel2: #1a2b2c;--panel3: #213636;--line: #ffffff14;--line2: #ffffff26;--text: #ece6d2;--muted: #9dafa5;--gold: #d9bf7a;--gold2: #f2d994;--danger: #e27b69;--good: #8fd19e;--info: #8cc4e0;--mana: #6fb8ff;--r-common: #b9b8a6;--r-uncommon: #78c98a;--r-rare: #63a4ea;--r-epic: #b485f2;--r-legendary: #f2a743;--r-mythic: #ff5f86;--r-ancestral: #c9a56b;--r-divine: #fff0a0;--r-primordial: #5ee7ff;--radius: 10px;--shadow: 0 18px 50px #00000080;--serif: "Marcellus", Georgia, serif;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:.3px}h2{font-size:24px}h3{font-size:17px}h4{font-size:13px;text-transform:uppercase;letter-spacing:1.6px;color:var(--gold);font-weight:600}small,.muted{color:var(--muted)}.gold{color:var(--gold)}.good{color:var(--good)}.bad{color:var(--danger)}.mana-text{color:var(--mana)}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:600;color:var(--gold)}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:12px}.grow{flex:1;min-width:0}.divider{height:1px;background:var(--line);margin:16px 0}img.sprite{image-rendering:pixelated;display:block;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line2);background:#ffffff0a;border-radius:8px;padding:9px 14px;min-height:40px;transition:background .15s,border-color .15s,transform .1s,opacity .15s;white-space:nowrap}@media(hover:hover){button:hover:not(:disabled){background:#ffffff16;border-color:#d9bf7a70}}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{background:linear-gradient(180deg,#e6cc88,#c9a95e);color:#1d2521;border:0;font-weight:700}@media(hover:hover){button.primary:hover:not(:disabled){background:linear-gradient(180deg,#f2da9c,#d6b56a)}}button.danger{border-color:#e27b6966;color:#f2a596}button.good{border-color:#8fd19e66;color:#b7e8c1}button.ghost{background:transparent;border-color:transparent}button.small{min-height:32px;padding:5px 10px;font-size:12px}button.icon{min-width:40px;padding:6px;font-size:16px}input,select,textarea{background:#07101280;border:1px solid var(--line2);border-radius:8px;padding:9px 12px;min-height:40px;max-width:100%}input::placeholder,textarea::placeholder{color:#7f918a}select option{background:#1a2b2c}input[type=range]{padding:0;accent-color:var(--gold)}label.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}label.toggle input{min-height:0;width:18px;height:18px;accent-color:var(--gold)}.chip{display:inline-flex;align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--c, #ffffff) 45%,transparent);background:color-mix(in srgb,var(--c, #ffffff) 12%,transparent);color:color-mix(in srgb,var(--c, #ece6d2) 70%,#fff);border-radius:999px;padding:2px 8px;font-size:11px;line-height:18px;white-space:nowrap;margin:1px 2px 1px 0}.chip.kw{--c: #c9c1a5;cursor:help}.chip.rarity{--c: var(--rc)}.chip.active,.chip[aria-pressed=true]{background:#d9bf7a33;border-color:var(--gold);color:var(--gold2)}button.chip{min-height:28px;padding:2px 10px}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700}.stars{color:#f5d36b;letter-spacing:-1px;font-size:10px}.bar{height:6px;border-radius:4px;background:#ffffff14;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#c9a95e,#f2d994);border-radius:inherit;transition:width .3s}.bar.hp>span{background:linear-gradient(90deg,#b8493e,#e67a5f)}.bar.mana>span{background:linear-gradient(90deg,#3f7fd0,#7cc4ff)}.bar.xp>span{background:linear-gradient(90deg,#7a5fc9,#b99af2)}.bar.good>span{background:linear-gradient(90deg,#4f9a63,#8fd19e)}.r-common{--rc: var(--r-common)}.r-uncommon{--rc: var(--r-uncommon)}.r-rare{--rc: var(--r-rare)}.r-epic{--rc: var(--r-epic)}.r-legendary{--rc: var(--r-legendary)}.r-mythic{--rc: var(--r-mythic)}.r-ancestral{--rc: var(--r-ancestral)}.r-divine{--rc: var(--r-divine)}.r-primordial{--rc: var(--r-primordial)}.rc{color:var(--rc)}.notice-bar{border:1px solid var(--line2);border-radius:8px;padding:10px 12px;background:#ffffff08;font-size:13px;margin-bottom:12px}.notice-bar.warn{border-color:#f2a74355;background:#f2a74314;color:#f5cf8f}.notice-bar.info{border-color:#8cc4e055;background:#8cc4e012}.empty{display:grid;place-items:center;gap:6px;padding:36px 12px;color:var(--muted);text-align:center}.empty span{font-size:28px;opacity:.6}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.kpi{background:#ffffff07;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.kpi b{display:block;font-size:22px;font-family:var(--serif);font-weight:400;margin-top:4px}.kpi small{font-size:11px}table.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:8px;border-bottom:1px solid var(--line2)}.table td{padding:8px;border-bottom:1px solid var(--line)}.table tr.me td{background:#d9bf7a18}.table-wrap{overflow-x:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:10px 12px}.tab.active{color:var(--gold2);border-bottom-color:var(--gold)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.card{--w: 124px;position:relative;width:var(--w);aspect-ratio:124 / 176;border-radius:9px;padding:6px;display:grid;grid-template-rows:auto 1fr auto auto auto;gap:2px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tc) 30%,transparent),transparent 60%),linear-gradient(180deg,#23393a,#142223);border:2px solid var(--rc);box-shadow:0 4px 14px #0007,inset 0 0 0 1px #ffffff10;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s,opacity .15s;font-size:11px;overflow:hidden}.card.r-legendary,.card.r-mythic,.card.r-ancestral,.card.r-divine,.card.r-primordial{box-shadow:0 4px 16px #0007,0 0 14px color-mix(in srgb,var(--rc) 45%,transparent),inset 0 0 0 1px #ffffff18}.card:hover{transform:translateY(-3px)}.card.selected{box-shadow:0 0 0 3px var(--gold2),0 8px 24px #000a}.card.disabled{opacity:.45;filter:grayscale(.4)}.card.playable{box-shadow:0 0 0 2px #7cc4ff,0 0 16px #6fb8ff80}.card-cost{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#9fd6ff,#2f6fbf);color:#fff;font-weight:700;font-size:12px;box-shadow:0 2px 6px #0008;z-index:2}.card-badge{position:absolute;top:4px;right:4px;z-index:2;font-size:10px;background:#0009;border-radius:6px;padding:1px 5px}.card-art{display:grid;place-items:center;min-height:0}.card-art img{width:76%;max-height:100%;object-fit:contain}.card-name{font-family:var(--serif);font-size:12px;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:center;gap:4px;font-size:10px;color:var(--muted);align-items:center}.card-kw{text-align:center;font-size:9.5px;color:#d8cfae;min-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{display:flex;justify-content:space-between;font-weight:700;font-size:12px}.card-stats .atk{color:#f5c27a}.card-stats .hp{color:#f08c7c}.card-stats .hp.hurt{color:#ff5f5f}.card-health{height:4px;margin-top:3px;border-radius:2px;background:#00000073;overflow:hidden}.card-health i{display:block;height:100%;background:linear-gradient(90deg,#e2574c,#f08c7c)}.card.size-small{--w: 96px;font-size:10px}.card.size-small .card-name{font-size:10.5px}.card.size-small .card-kw{display:none}.card.size-mini{--w: 74px;padding:4px}.card.size-mini .card-name,.card.size-mini .card-kw,.card.size-mini .card-meta{display:none}.card.size-mini .card-cost{width:18px;height:18px;font-size:10px}.card.size-large{--w: 200px;font-size:13px;cursor:default}.card.size-large .card-name{font-size:16px}.card.size-large .card-kw{font-size:11px}.card.size-large .card-stats{font-size:16px}.card.size-large:hover{transform:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;justify-items:center}.card-grid.small{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.card-grid.mini{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}.unseen .card-art img{filter:brightness(0) opacity(.6)}.rules p{font-size:13px;line-height:1.45;margin:4px 0}.rules .ability{color:#e8d9a8}.rules-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin-top:10px;font-size:12px}.item-tile{position:relative;width:56px;height:56px;border-radius:9px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 28%,transparent),#10191b 70%);border:2px solid var(--rc);cursor:pointer;transition:transform .12s}.item-tile:hover{transform:translateY(-2px)}.item-tile.selected{box-shadow:0 0 0 3px var(--gold2)}.item-tile.equipped:after{content:"E";position:absolute;bottom:-4px;right:-4px;background:var(--gold);color:#1d2521;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}.item-icon{font-size:26px;line-height:1}.item-icon.big{font-size:40px}.item-plus{position:absolute;top:2px;right:4px;font-size:10px;color:var(--gold2)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;justify-items:center}.item-detail{border:1px solid color-mix(in srgb,var(--rc) 50%,transparent);border-radius:var(--radius);padding:12px;background:color-mix(in srgb,var(--rc) 6%,#0000)}.item-detail h3{color:var(--rc)}.item-detail .affix{font-size:13px;margin:4px 0}.spell-card{position:relative;width:132px;min-height:150px;border-radius:9px;padding:8px;border:2px solid var(--rc);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--sc) 30%,transparent),transparent 60%),linear-gradient(180deg,#262c3f,#161b27);display:grid;gap:4px;align-content:start;cursor:pointer;font-size:11px;transition:transform .12s}.spell-card:hover{transform:translateY(-2px)}.spell-card.used{opacity:.35;filter:grayscale(.8)}.spell-card.selected{box-shadow:0 0 0 3px var(--gold2)}.spell-icon{font-size:28px;text-align:center;margin-top:10px}.spell-name{font-family:var(--serif);font-size:13px;text-align:center}.spell-desc{color:#cfc8b4;font-size:10.5px;line-height:1.3;text-align:center}.card-cost.mana{background:radial-gradient(circle at 35% 30%,#d6b5ff,#6a3fbf)}.spell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;justify-items:center}#modal-root{position:fixed;z-index:40}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050b0cb0;display:grid;place-items:center;padding:16px;animation:fade .15s}.modal{width:min(760px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:linear-gradient(180deg,#17282a,#101c1e);border:1px solid #d9bf7a38;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.modal.wide{width:min(1120px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#0c16178a}.modal-body{padding:16px 18px 22px;overflow-y:auto;overscroll-behavior:contain}.section{margin-top:18px}.section:first-child{margin-top:0}.section>h4{margin-bottom:10px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:start}.sticky-side{position:sticky;top:0}.list-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;border:1px solid var(--line);background:#ffffff05;margin-bottom:8px}.list-row.unread{border-color:#d9bf7a55;background:#d9bf7a10}@keyframes fade{0%{opacity:0}}.toasts{position:fixed;z-index:60;top:70px;left:50%;transform:translate(-50%);display:grid;gap:8px;pointer-events:none;width:min(460px,calc(100% - 24px))}.toast{background:#13211ff5;border:1px solid var(--line2);border-left:3px solid var(--info);border-radius:9px;padding:10px 14px;font-size:13px;box-shadow:var(--shadow);animation:toast-in .2s}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--danger)}.toast.notice{border-left-color:var(--gold)}.toast b{display:block;margin-bottom:2px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media(max-width:760px){.split{grid-template-columns:minmax(0,1fr)}.sticky-side{position:static}.modal-backdrop{padding:0;place-items:end stretch}.modal,.modal.wide{width:100%;max-height:92vh;max-height:92dvh;border-radius:14px 14px 0 0;padding-bottom:env(safe-area-inset-bottom)}.card{--w: 104px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}button,a,input,select,label{touch-action:manipulation}#game{touch-action:none}#game,#hud,#battle-root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#hud input{-webkit-user-select:text;user-select:text}@media(pointer:coarse){button.small{min-height:36px}input,select,textarea{font-size:max(16px,1em)}}@media(max-height:500px)and (orientation:landscape){.modal-backdrop{padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));place-items:stretch center}.modal,.modal.wide{max-height:none;border-radius:0}.toasts{top:12px;width:min(360px,calc(100% - 24px))}.toast{padding:7px 12px;font-size:12px}}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;image-rendering:pixelated}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 55%,#050b0c9a)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#hud button,#hud input,#hud canvas,#hud .hud-panel,#hud .hud-map{pointer-events:auto}.hud-panel{background:linear-gradient(180deg,#16272af0,#0f1c1ef0);border:1px solid #d9bf7a2e;border-radius:12px;box-shadow:0 10px 30px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-mage{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;width:262px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.hud-mage>*{min-width:0}.hud-mage .portrait{width:40px;height:60px;object-fit:contain;background:radial-gradient(circle at 50% 60%,#2f4a47,#152426);border:1px solid var(--line2);border-radius:8px;padding:2px}.mage-name{font-family:var(--serif);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mage-title{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mage-level{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:16px;color:var(--gold2);border:2px solid var(--gold);background:#0d1618}.pm-row{display:flex;align-items:center;gap:8px;min-height:0;padding:4px 6px;border-radius:8px;background:#6fb8ff10;border:1px solid #6fb8ff30;text-align:left;white-space:normal;min-width:0}.mage-level{flex:none}.mage-level-wrap{flex:none;display:grid;justify-items:center;gap:3px}.mage-school{font-size:10px;line-height:1;padding:2px 5px;border-radius:999px;white-space:nowrap;color:var(--sc);border:1px solid color-mix(in srgb,var(--sc) 55%,transparent);background:color-mix(in srgb,var(--sc) 14%,#0d1618)}.pm-label{font-size:10px;font-weight:700;color:var(--mana);letter-spacing:1px}.gems{display:flex;flex-wrap:wrap;gap:3px;flex:1}.gems i{width:9px;height:9px;transform:rotate(45deg);border:1px solid #6fb8ff80;background:#0d1618}.gems i.on{background:radial-gradient(circle at 30% 30%,#c6e6ff,#3f8ae0);box-shadow:0 0 6px #6fb8ffa0}.pm-row b{font-size:12px;color:var(--mana)}.currency{display:flex;justify-content:space-between;font-size:12px;color:#e3dcc4}.hud-zone{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;display:grid;justify-items:center;gap:4px;max-width:44vw;text-shadow:0 2px 8px #000c}.zone-name{font-family:var(--serif);font-size:22px;white-space:nowrap}.zone-badges{justify-content:center;gap:6px}.zone-badge{font-size:10px;letter-spacing:1.6px;font-weight:700;padding:3px 8px;border-radius:999px;background:#0d1618b0;border:1px solid var(--line2)}.zone-badge.safe{color:var(--good);border-color:#8fd19e60}.zone-badge.wild{color:#f2a596;border-color:#e27b6960}.zone-badge.shield{color:var(--info);border-color:#8cc4e060;letter-spacing:.5px}.zone-badge.terrain{color:var(--gold2);border-color:#d9bf7a80;letter-spacing:.5px}.zone-level{font-size:11px;color:var(--muted)}.zone-sub{font-size:12px;color:var(--mana)}.event-pill{pointer-events:auto;min-height:0;padding:3px 10px;font-size:11px;border-radius:999px;border-color:color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 18%,#0d1618d0)}.hud-corner{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;display:flex;align-items:center;gap:6px}.online{font-size:12px;background:#0d1618b0;border:1px solid var(--line);border-radius:999px;padding:5px 10px;display:flex;align-items:center;gap:6px}.online i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}.hud-btn{position:relative;background:#13211ff0}.hud-btn .badge{position:absolute;top:-5px;right:-5px}.hud-map{position:absolute;top:calc(62px + env(safe-area-inset-top));right:12px;padding:5px;cursor:pointer;line-height:0}.hud-map canvas{width:184px;height:138px;border-radius:8px;image-rendering:pixelated}.hud-nav{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;gap:6px}.hud-escort{position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;align-items:stretch;padding:7px 8px;max-width:min(560px,calc(100vw - 280px));overflow-x:auto;scrollbar-width:thin}.hud-escort:empty{display:none}.hud-escort-label{display:grid;align-content:center;font-size:11px;color:var(--gold2, #e6c56a);min-width:52px;flex:none}.hud-escort-label small{color:var(--muted, #9aa39c);font-size:10px}.hud-escort-card{position:relative;flex:none;width:48px;display:grid;justify-items:center;align-content:center;gap:1px;padding:4px 2px 3px;background:#0d1618d0;border:1px solid color-mix(in srgb,var(--rc, #fff) 45%,transparent);border-radius:9px}.hud-escort-card img{width:28px;height:28px;image-rendering:pixelated}.hud-escort-card small{font-size:9px;color:#d7cfb8}.hud-escort-card.out{outline:2px solid #8fd19e;outline-offset:-2px}.hud-escort-card.hurt{opacity:.45}.hud-escort-key{position:absolute;top:2px;left:3px;font-size:8px;color:#cfc7ae}.nav-btn{width:58px;min-height:52px;padding:5px 2px;display:grid;place-items:center;gap:1px;background:#13211fe8;border-color:#d9bf7a2a}.nav-btn span{font-size:20px;line-height:1}.nav-btn small{font-size:9.5px;color:#cfc7ae;white-space:nowrap;overflow:hidden;max-width:54px;text-overflow:ellipsis}.nav-btn{position:relative}.nav-btn .badge{position:absolute;top:-5px;right:-3px}.nav-btn.refuge{border-color:#8fd19e80;background:#1c3a2ce8}.hud-select{position:absolute;left:50%;bottom:max(calc(18px + env(safe-area-inset-bottom)),var(--escort-clear, 0px));transform:translate(-50%);width:min(560px,calc(100vw - 24px))}.select-card{display:flex;gap:12px;padding:10px;align-items:center;animation:fade .15s}.select-card.r-legendary,.select-card.r-mythic,.select-card.r-ancestral,.select-card.r-divine,.select-card.r-primordial{border-color:color-mix(in srgb,var(--rc) 55%,transparent)}.select-info{display:grid;gap:6px}.select-portrait{width:64px;height:90px;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#2f4a47,#152426);border-radius:10px;border:1px solid var(--line2)}.select-portrait img{width:48px;height:72px}.hud-invites{position:absolute;top:calc(118px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:grid;gap:6px;width:min(520px,calc(100vw - 24px))}.track-pill{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-color:#8fd19e55}.track-pill>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-pill.on{border-color:#8fd19e;box-shadow:0 0 0 2px #8fd19e30}.invite{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;animation:toast-in .2s}.invite>span:first-child{flex:1}.invite.arena{border-color:#6fb8ff60}.spinner{width:14px;height:14px;border:2px solid #6fb8ff40;border-top-color:var(--mana);border-radius:50%;animation:spin .8s linear infinite;flex:none!important}@keyframes spin{to{transform:rotate(360deg)}}.chat{position:absolute;left:82px;bottom:calc(18px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 100px));display:grid;grid-template-rows:auto 1fr auto;height:250px;overflow:hidden}.chat.collapsed{height:auto}.chat.collapsed .chat-log,.chat.collapsed .chat-form{display:none}.chat-head{display:flex;align-items:center;border-bottom:1px solid var(--line)}.chat-tabs{display:flex;flex:1;overflow-x:auto;scrollbar-width:none}.chat-tab{border:0;border-radius:0;background:transparent;min-height:34px;padding:6px 9px;font-size:12px;color:var(--muted);position:relative}.chat-tab.active{color:var(--gold2);box-shadow:inset 0 -2px var(--gold)}.chat-tab .badge{margin-left:4px;font-size:9px;height:15px;min-width:15px}.chat-toggle{min-height:32px}.chat-log{overflow-y:auto;padding:6px 10px;font-size:12.5px;display:grid;align-content:start;gap:3px}.chat-line{line-height:1.35;word-break:break-word}.chat-line small{color:#6f8580;margin-right:5px;font-size:10px}.chat-name{border:0;background:none;padding:0;min-height:0;color:var(--gold2);font-weight:600;margin-right:5px}.chat-line.bot .chat-name{color:#a9cbe8}.chat-line.ch-whisper .chat-name{color:#e59bd6}.chat-line.ch-trade .chat-name{color:#f2a743}.chat-line.ch-clan .chat-name{color:var(--good)}.chat-empty{color:var(--muted);font-size:12px;padding:8px 0}.chat-form{display:flex;gap:6px;padding:6px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-height:34px;padding:6px 10px;font-size:13px}.joystick{display:none;position:absolute;left:24px;bottom:calc(96px + env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;background:#0d1618a0;border:1px solid var(--line2);pointer-events:auto;touch-action:none}.joystick i{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2d994,#9a7f40);box-shadow:0 4px 14px #0009}#banner{position:fixed;z-index:70;left:0;right:0;top:0}.offline-banner{background:#7a2f28;color:#fff;text-align:center;padding:10px;font-size:14px;display:flex;gap:12px;justify-content:center;align-items:center}.announce{position:fixed;z-index:55;top:30%;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:30px;color:var(--gold2);text-shadow:0 4px 24px #000;pointer-events:none;animation:announce 3s forwards;text-align:center}@keyframes announce{0%{opacity:0;transform:translate(-50%,10px)}15%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media(pointer:coarse){.joystick{display:block}.hud-select{bottom:max(calc(210px + env(safe-area-inset-bottom)),var(--escort-clear, 0px))}.chat-form input{font-size:16px}.chat-tab{min-height:40px}}@media(max-width:900px){.hud-mage{width:210px;padding:8px;gap:5px}.mage-name{font-size:15px}.hud-map canvas{width:120px;height:90px}.zone-name{font-size:16px}.hud-nav{top:auto;transform:none;left:0;right:0;bottom:0;display:flex;overflow-x:auto;gap:4px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(0deg,#0d1618f5,#0d161880);scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.hud-escort{bottom:calc(62px + env(safe-area-inset-bottom));max-width:min(480px,calc(100vw - 120px));padding:5px 6px}.hud-nav::-webkit-scrollbar{display:none}.hud-nav.more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}.nav-btn{flex:1 0 58px;max-width:76px;min-height:48px;scroll-snap-align:start}.nav-btn small{max-width:100%}.chat{left:8px;right:8px;width:auto;bottom:calc(70px + env(safe-area-inset-bottom));height:190px}.chat.collapsed{left:auto;width:auto}.chat.collapsed .chat-tabs{display:none}.chat.collapsed .chat-toggle{min-width:44px;min-height:44px;font-size:20px}.hud-select{bottom:max(calc(72px + env(safe-area-inset-bottom)),var(--escort-clear, 0px));z-index:3}.joystick,.chat{z-index:2}.joystick{bottom:calc(80px + env(safe-area-inset-bottom))}.online small{display:none}}@media(max-width:700px){.hud-zone{top:calc(158px + env(safe-area-inset-top));width:calc(100vw - 24px);max-width:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 6px}.zone-name,.zone-sub{flex-basis:100%}.zone-badge{letter-spacing:.8px}.zone-badges{gap:4px}.event-pill{padding:2px 8px;font-size:10.5px}.hud-invites{top:calc(236px + env(safe-area-inset-top))}}@media(max-width:560px){.hud-mage{width:180px;left:max(8px,env(safe-area-inset-left))}.mage-school{display:none}.currency{font-size:11px}.hud-corner{right:max(8px,env(safe-area-inset-right));gap:4px}.hud-corner .hud-btn{min-width:36px;min-height:36px;padding:4px}.online{padding:4px 8px}.hud-map{top:calc(56px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.select-card{gap:8px;padding:8px}.select-card .card{display:none}.select-card h3{font-size:15px}}@media(max-width:360px){.hud-mage{width:160px}.hud-map canvas{width:104px;height:78px}.online{display:none}}@media(max-height:500px)and (orientation:landscape){.hud-mage{top:calc(8px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:230px;padding:6px 8px;gap:4px}.hud-mage .portrait{width:30px;height:44px}.hud-mage .mage-title+.mage-title{display:none}.hud-zone{top:calc(8px + env(safe-area-inset-top));max-width:min(260px,calc(100vw - 520px));min-width:150px;gap:2px}.zone-name{font-size:14px}.zone-badge{font-size:9px;padding:2px 6px}.hud-corner{top:calc(8px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.hud-map{top:calc(52px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));padding:3px}.hud-map canvas{width:100px;height:75px}.hud-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.nav-btn{min-height:42px;padding:3px 2px}.nav-btn span{font-size:17px}.joystick{width:96px;height:96px;left:max(16px,env(safe-area-inset-left));bottom:calc(62px + env(safe-area-inset-bottom))}.joystick i{width:40px;height:40px;margin:-20px 0 0 -20px}.chat{bottom:calc(60px + env(safe-area-inset-bottom));left:auto;width:min(380px,50vw);height:calc(100dvh - 210px)}.hud-select{left:calc(128px + env(safe-area-inset-left));right:12px;width:auto;max-width:560px;transform:none;bottom:max(calc(60px + env(safe-area-inset-bottom)),var(--escort-clear, 0px))}.select-card{padding:6px 8px;gap:8px}.select-card .card,.select-portrait{display:none}.select-info{gap:4px}.hud-invites{top:calc(64px + env(safe-area-inset-top));width:min(420px,calc(100vw - 400px))}}#battle-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}#battle-root button,#battle-root .cb-panel,#battle-root .b-result-backdrop{pointer-events:auto}body.in-battle #hud-mage,body.in-battle #hud-nav,body.in-battle #hud-select,body.in-battle #hud-escort,body.in-battle #hud-zone,body.in-battle .chat .chat-log,body.in-battle .chat .chat-form{display:none}body.in-battle .chat{left:12px;width:230px;height:auto}.cb{position:absolute;top:0;right:0;bottom:0;left:0}.cb.opening>*{animation:fade .25s}.cb-panel{background:linear-gradient(180deg,#16272af2,#0f1c1ef2);border:1px solid #d9bf7a33;border-radius:12px;box-shadow:0 10px 30px #0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cb-portrait{width:44px;height:58px;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#2f4a47,#152426);border:1px solid var(--line2);border-radius:8px;overflow:hidden}.cb-portrait img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cb-portrait.creature{width:52px;height:52px;border-color:color-mix(in srgb,var(--rc, #fff) 50%,transparent)}.cb-name{font-family:var(--serif);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-name small{font-family:DM Sans,sans-serif;font-size:11px;color:var(--muted)}.cb-bar{position:relative;height:16px;border-radius:6px;background:#0a1213;border:1px solid #ffffff1a;overflow:hidden}.cb-bar>span{position:absolute;inset:0 auto 0 0;width:100%;transition:width .18s linear}.cb-bar.hp>span{background:linear-gradient(180deg,#7fdc8a,#3f9a4f)}.cb-bar.mana>span{background:linear-gradient(180deg,#8ecbff,#3b7fd0)}.cb-bar>b{position:relative;display:block;text-align:center;font-size:11px;line-height:14px;font-weight:700;text-shadow:0 1px 2px #000}.cb-bar.thin{height:6px;border-radius:3px}.cb-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;min-height:16px}.cb-tags .chip{font-size:10px;padding:1px 6px}.cb-empty{font-size:12px;padding:6px 2px}.cb-me{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;width:280px;padding:10px;display:flex;gap:10px}.cb-me-info{flex:1;min-width:0;display:grid;gap:5px}.cb-target{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 330px));padding:8px 10px 10px;display:grid;gap:6px}.cb-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.cb-terrain{color:var(--gold2)}.cb-noarmy{align-self:center;white-space:normal;max-width:260px}.cb-clock{color:var(--gold2);font-variant-numeric:tabular-nums}.cb-target-body{display:flex;gap:10px;align-items:center;min-height:52px}.cb-target-info{flex:1;min-width:0;display:grid;gap:4px}.cb-target .cb-bar.hp>span{background:linear-gradient(180deg,#f08a73,#b8412f)}.cb-atk{color:#f2c28a;font-weight:700}.cb-foe:empty{display:none}.cb-foe-btn{width:100%;display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;background:#0d1618b0}.cb-foe-btn .cb-bar{flex:1}.cb-foe-btn .cb-bar>span{background:#d8644f}.cb-allies{position:absolute;left:12px;top:calc(112px + env(safe-area-inset-top));width:210px;max-height:calc(100vh - 360px);overflow-y:auto;padding:8px;display:grid;gap:5px;align-content:start}.cb-allies h4{font-size:12px;color:var(--gold2);display:flex;justify-content:space-between}.cb-allies p{font-size:11px}.cb-ally{position:relative;display:flex;gap:6px;align-items:center;padding:3px 24px 3px 4px;text-align:left;background:#0d1618b0;border-color:transparent;min-height:0}.cb-ally.selected{border-color:#7fe39a;box-shadow:0 0 0 1px #7fe39a55 inset}.cb-ally img{width:30px;height:30px;image-rendering:pixelated;flex:none}.cb-ally-info{flex:1;min-width:0;display:grid;gap:2px}.cb-ally-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-ally .cb-tags{font-size:10px;min-height:0}.cb-ally-x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:11px;color:var(--muted);cursor:pointer}.cb-ally-x:hover{background:#ffffff1a;color:var(--text)}.cb-dock{position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(760px,calc(100vw - 500px));min-width:520px;padding:8px 10px;display:grid;gap:6px}.cb-row{display:flex;gap:6px;align-items:stretch;overflow-x:auto;scrollbar-width:thin;padding:7px 0 2px}.cb-label{display:grid;align-content:center;font-size:11px;color:var(--gold2);min-width:64px;flex:none}.cb-label small{color:var(--muted);font-size:10px}.cb-sep{width:1px;background:var(--line2);margin:4px 2px;flex:none}.cb-card,.cb-skill{position:relative;flex:none;display:grid;justify-items:center;align-content:center;gap:1px;padding:4px 3px 3px;min-height:0;background:#0d1618d0;border:1px solid color-mix(in srgb,var(--rc, #fff) 45%,transparent);border-radius:9px;transition:transform .08s,filter .15s,opacity .15s}.cb-card{width:56px}.cb-card img{width:32px;height:32px;image-rendering:pixelated}.cb-card small,.cb-skill small{font-size:9.5px;line-height:1.1;color:#d7cfb8;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-skill{width:64px;border-color:color-mix(in srgb,var(--sc, #d9bf7a) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--sc, #d9bf7a) 16%,#0d1618),#0d1618e0)}.cb-skill.util{--sc: #8ea8a0;width:60px}.cb-skill.power{box-shadow:0 0 10px color-mix(in srgb,var(--sc) 35%,transparent)}.cb-skill.on{--sc: #7fe39a;box-shadow:0 0 10px #7fe39a55}.cb-icon{font-size:20px;line-height:1.2}.cb-key{position:absolute;top:-7px;left:-4px;font-size:9px;font-weight:700;padding:0 4px;border-radius:4px;background:#0a1213;border:1px solid var(--line2);color:var(--muted);z-index:2}.cb-cost{position:absolute;top:-7px;right:-4px;min-width:17px;height:17px;display:grid;place-items:center;font-size:10px;font-weight:800;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ad2ff,#2f6fbf);color:#fff;z-index:2}.cb-cost.potion{background:radial-gradient(circle at 35% 30%,#ff9f8a,#b8412f)}.cb-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:15px;color:#fff;text-shadow:0 1px 3px #000;background:conic-gradient(#050b0cc8 calc(var(--p, 0) * 360deg),transparent 0)}.cb-out{display:none;position:absolute;inset:auto 0 12px;font-size:9px;text-align:center;color:#7fe39a;text-shadow:0 1px 2px #000}.cb-card.out{border-color:#7fe39a;box-shadow:0 0 8px #7fe39a44 inset}.cb-card.hurt img{opacity:.4;filter:grayscale(.8)}.cb-card.hurt small{color:#ff7a6a}.cb-card.out .cb-out{display:block}.cb-card.out img{opacity:.55}.cb-card.poor,.cb-card.full,.cb-skill.poor{filter:grayscale(.7) brightness(.75)}.cb-skill.poor .cb-cost,.cb-card.poor .cb-cost{background:radial-gradient(circle at 35% 30%,#8b8b8b,#444)}.cb-card:not(.poor):not(.full):not(.cooling):hover,.cb-skill:not(.poor):not(.cooling):hover{transform:translateY(-2px);filter:brightness(1.15)}.cb-card:active,.cb-skill:active{transform:translateY(1px) scale(.97)}.refused{animation:refuse .3s}@keyframes refuse{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cb-help{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:6px;line-height:1.3}.cb-help button{flex:none;min-height:0;padding:0 4px}.cb-corner{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;gap:6px;justify-items:end}.cb-log{position:absolute;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));width:260px;max-height:36vh;overflow-y:auto;padding:8px 10px}.cb-log ol{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:11.5px}.cb-log small{color:var(--muted);margin-right:6px;font-variant-numeric:tabular-nums}.cb.ended{pointer-events:auto}.b-result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#050b0cc8;display:grid;place-items:center;padding:16px;animation:fade .3s}.b-result{width:min(560px,100%);max-height:92vh;overflow-y:auto;background:linear-gradient(180deg,#17282a,#0f1b1d);border:1px solid #d9bf7a50;border-radius:16px;padding:22px;display:grid;gap:12px;text-align:center;box-shadow:var(--shadow)}.b-result.win{border-color:var(--gold);box-shadow:0 0 60px #d9bf7a40,var(--shadow)}.b-result-title{font-family:var(--serif);font-size:40px;color:var(--gold2)}.b-result.loss .b-result-title{color:#f2a596}.b-result .kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));text-align:left}.b-captured{display:grid;justify-items:center;gap:8px}.card.reveal{animation:reveal .7s cubic-bezier(.2,1.6,.4,1)}@keyframes reveal{0%{transform:scale(.3) rotate(-12deg);opacity:0}}.b-loot{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;text-align:left}.b-loot-item{display:flex;gap:8px;align-items:center;font-size:12px}.b-result-actions{justify-content:center}.b-capture{display:grid;justify-items:center;gap:8px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:radial-gradient(circle at 50% 35%,#2a4a4a,#0f1b1d 70%)}.b-capture h3{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.cap-stage{position:relative;width:150px;height:150px;display:grid;place-items:center}.cap-creature{width:96px;height:96px;display:grid;place-items:center;animation:cap-idle 1.6s ease-in-out infinite}.cap-creature .sprite{width:96px;height:96px;image-rendering:pixelated;object-fit:contain}.cap-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:4px solid var(--rc2, var(--good));box-shadow:0 0 14px var(--rc2, var(--good));pointer-events:none;animation:cap-ring 1.4s linear infinite}.cap-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px dashed #ffffff40;animation:none}.cap-ring.good{--rc2: var(--good)}.cap-ring.mid{--rc2: #f2d060}.cap-ring.low{--rc2: var(--danger)}@keyframes cap-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(.35);opacity:1}}@keyframes cap-idle{50%{transform:translateY(-4px)}}.cap-seal{position:absolute;font-size:34px;line-height:1;filter:drop-shadow(0 0 10px var(--sc));animation:cap-fly .55s cubic-bezier(.3,.7,.4,1) both,cap-shake .6s ease-in-out .65s calc(var(--shakes) + .001)}.cap-stage.binding .cap-creature{animation:cap-absorb .35s ease-in .45s both}.cap-stage.binding:before{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:radial-gradient(circle,var(--sc),transparent 70%);opacity:0;animation:cap-flash .5s ease-out .45s}.cap-aim{position:absolute;top:-4px;font-family:var(--serif);font-size:20px;color:var(--gold2);text-shadow:0 2px 6px #000;animation:cap-pop 1s ease-out both}.cap-stage.broke .cap-creature{animation:cap-break .5s cubic-bezier(.2,1.6,.4,1),cap-idle 1.6s ease-in-out .5s infinite}.cap-stage.gone .cap-creature{animation:cap-flee .9s ease-in both}@keyframes cap-fly{0%{transform:translateY(120px) scale(.6) rotate(-180deg);opacity:0}30%{opacity:1}to{transform:translate(0) scale(1) rotate(0)}}@keyframes cap-shake{25%{transform:rotate(-22deg)}75%{transform:rotate(22deg)}}@keyframes cap-absorb{to{transform:scale(.1);opacity:0;filter:brightness(3)}}@keyframes cap-flash{30%{opacity:.9}}@keyframes cap-pop{0%{transform:scale(.4);opacity:0}20%{transform:scale(1.15);opacity:1}}@keyframes cap-break{0%{transform:scale(.1);filter:brightness(3)}}@keyframes cap-flee{0%{transform:scale(.1)}25%{transform:scale(1)}to{transform:translate(140px,-20px) scale(.6);opacity:0}}.cap-msg{margin:0;min-height:1.3em;font-weight:600}.cap-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted)}.cap-stats b{color:var(--text)}.cap-stats b.bad{color:var(--danger)}.cap-seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.cap-btn{position:relative;display:grid;justify-items:center;gap:2px;padding:10px 6px 8px;border:1px solid color-mix(in srgb,var(--sc) 60%,transparent);background:color-mix(in srgb,var(--sc) 14%,#0f1b1d)}.cap-btn:not(:disabled):hover{box-shadow:0 0 14px color-mix(in srgb,var(--sc) 60%,transparent)}.cap-btn.on{border-color:var(--sc);box-shadow:0 0 0 2px var(--sc),0 0 14px color-mix(in srgb,var(--sc) 60%,transparent);background:color-mix(in srgb,var(--sc) 30%,#0f1b1d)}.cap-actions{justify-content:center;gap:10px;width:100%}.cap-actions button{flex:1 1 0;max-width:180px}.cap-btn .cap-icon{font-size:26px;line-height:1}.cap-btn small{font-size:12px}.cap-btn .good{color:var(--good)}.cap-btn .mid{color:#f2d060}.cap-btn .low{color:var(--danger)}.cap-key{position:absolute;top:4px;left:6px;font-size:11px;color:var(--muted)}.cap-n{font-size:11px;color:var(--muted)}.cap-hint{margin:0;font-size:12px}@media(pointer:coarse){.cap-key{display:none}}@media(prefers-reduced-motion:reduce){.cap-creature,.cap-stage.binding .cap-creature{animation:none}}@media(max-width:1100px){.cb-dock{width:calc(100vw - 150px);min-width:0;left:12px;transform:none}.cb-target{left:auto;right:12px;transform:none;top:calc(12px + env(safe-area-inset-top));width:min(320px,calc(100vw - 320px))}body.in-battle .hud-map,body.in-battle .hud-corner,body.in-battle .chat{display:none}}@media(max-width:700px){.cb-me{width:calc(50vw - 16px);padding:6px;gap:6px}.cb-me .cb-portrait{display:none}.cb-target{width:calc(50vw - 16px);padding:6px}.cb-target .cb-portrait,.cb-head span:first-child{display:none}.cb-allies{top:calc(118px + env(safe-area-inset-top));width:150px;max-height:30vh}.cb-dock{left:6px;right:6px;width:auto;padding:6px}.cb-label,.cb-help{display:none}.cb-corner{top:calc(152px + env(safe-area-inset-top));bottom:auto}.cb-log{top:calc(226px + env(safe-area-inset-top));bottom:auto;width:min(260px,calc(100vw - 24px))}.b-result-title{font-size:30px}}@media(pointer:coarse){.cb-key{display:none}.cb-corner button{background:#0d1618d8;border-color:var(--line2);min-height:38px}.cb-ally-x{width:26px;height:26px}}@media(pointer:coarse)and (min-width:701px){.cb-dock{left:auto;right:6px;transform:none;width:calc(100vw - 150px)}body.in-battle .joystick{bottom:calc(24px + env(safe-area-inset-bottom))}}@media(pointer:coarse)and (max-width:700px){body.in-battle .joystick{bottom:calc(var(--cb-dock, 150px) + 18px + env(safe-area-inset-bottom))}}@media(max-width:700px){.cb-row.cb-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px 5px;overflow:visible}.cb-actions .cb-sep{display:none}.cb-actions .cb-skill{width:auto;min-height:48px}.cb-dock{bottom:calc(6px + env(safe-area-inset-bottom));gap:2px}}@media(max-height:500px)and (orientation:landscape){.cb-me,.cb-target{top:calc(6px + env(safe-area-inset-top));padding:5px 8px;gap:6px}.cb-me{left:max(8px,env(safe-area-inset-left));width:250px}.cb-target{right:max(8px,env(safe-area-inset-right))}.cb-portrait,.cb-target .cb-portrait{display:none}.cb-target-body{min-height:0}.cb-bar{height:14px}.cb-bar>b{line-height:12px}.cb-allies{top:calc(88px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:170px;max-height:calc(100dvh - 240px);padding:6px}.cb-dock{bottom:calc(4px + env(safe-area-inset-bottom));right:max(6px,env(safe-area-inset-right));left:auto;transform:none;width:calc(100vw - 140px);min-width:0;padding:2px 8px 4px;gap:0}.cb-row{padding-top:6px}.cb-label,.cb-help{display:none}.cb-card{width:50px}.cb-card img{width:26px;height:26px}.cb-skill,.cb-skill.util{width:54px}.cb-icon{font-size:17px}.cb-corner{top:calc(96px + env(safe-area-inset-top));bottom:auto;right:max(8px,env(safe-area-inset-right));display:flex}.cb-log{top:calc(142px + env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - 160px - var(--cb-dock, 120px))}body.in-battle .joystick{bottom:calc(10px + env(safe-area-inset-bottom))}}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 20% 10%,#d9bf7a1f,transparent 50%),radial-gradient(ellipse at 80% 90%,#6fb8ff14,transparent 50%),linear-gradient(180deg,#0d1618d8,#0a1214f2);padding:24px}.land-lang{position:absolute;top:16px;right:16px}.land-grid{min-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,420px);gap:48px;align-items:center;max-width:1120px;margin:0 auto}.land-grid>*,.land-create,.class-card{min-width:0}.land-intro h1,.land-intro p{overflow-wrap:anywhere}.land-emblem{font-size:40px;color:var(--gold);text-shadow:0 0 30px #d9bf7a80}.land-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:10px 0 16px}.land-intro p{font-size:17px;line-height:1.6;color:#d6cfb8;max-width:560px}.land-features{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px}.land-features li{background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px}.small-note{font-size:12px!important}.land-card{background:linear-gradient(180deg,#17282af5,#101c1ef5);border:1px solid #d9bf7a40;border-radius:16px;padding:22px;box-shadow:var(--shadow);display:grid;gap:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0006;border-radius:10px;padding:4px}.sex-tabs{max-width:320px}.auth-tabs button{border:0;background:transparent}.auth-tabs button.active{background:#d9bf7a26;color:var(--gold2)}.land-card input,.land-create input{min-height:46px;font-size:15px}button.big{min-height:50px;font-size:16px}.form-error{color:#f2a596;font-size:13px;min-height:18px}.land-create{max-width:1020px;margin:20px auto 40px}.land-create h1{font-size:clamp(28px,4vw,42px);margin:6px 0 18px}.stack-sm{display:grid;gap:6px}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.class-card{text-align:left;white-space:normal;display:grid;gap:8px;padding:12px;border:1px solid var(--line2);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--sc) 18%,transparent),transparent 60%),#ffffff06;border-radius:12px}.class-card.selected{border-color:var(--sc);box-shadow:0 0 0 2px color-mix(in srgb,var(--sc) 70%,transparent),0 10px 30px #0008}.class-card p{font-size:13px;color:#cfc8b4;line-height:1.45}.class-top{display:flex;gap:12px;align-items:center}.class-mage{width:42px;height:63px;background:#0005;border-radius:8px;padding:2px}.class-name{font-family:var(--serif);font-size:19px}.race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.race-card{display:flex;gap:10px;align-items:center;text-align:left;white-space:normal;padding:8px 10px;border:1px solid var(--line2);background:#ffffff06;border-radius:12px;min-width:0}.race-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #d9bf7a99;background:#d9bf7a14}.race-card small{display:block;font-size:12px;color:#cfc8b4;line-height:1.35}.race-name{font-family:var(--serif);font-size:16px}.race-mage{width:36px;height:54px;flex:none;background:#0005;border-radius:8px;padding:2px}.class-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:#ffffff06;border:1px solid var(--line);border-radius:12px;padding:14px}.class-details h4{margin-bottom:6px}.class-details p{font-size:13px;line-height:1.5}.land-loading{min-height:calc(100vh - 48px);display:grid;place-items:center;align-content:center;gap:16px}.spinner.big{width:40px;height:40px;border-width:3px}@media(max-width:860px){.land-intro h1{font-size:clamp(26px,8vw,40px)}.class-grid,.race-grid{grid-template-columns:minmax(0,1fr)}.land-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:30px}.land-intro p{font-size:15px}.land-features{grid-template-columns:1fr}.landing{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.land-grid{gap:14px;min-height:0}.land-intro{display:contents}.land-intro>*{order:2}.land-intro>.land-emblem,.land-intro>.eyebrow,.land-intro>h1{order:0}.land-intro h1{margin:-6px 0 0}.land-emblem{font-size:30px;line-height:1}.land-card{order:1;padding:16px}.land-features{margin:0}}.terms-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;cursor:pointer}.land-card .terms-check input{min-height:0;width:18px;height:18px;margin:1px 0 0;padding:0;flex:none;accent-color:var(--gold)}.terms-check a{color:var(--gold2)}.land-card input[type=date]{color-scheme:dark}.terms-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:linear-gradient(180deg,#17282a,#101c1e);color:inherit;border:1px solid #d9bf7a40;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.terms-dialog::backdrop{background:#000a}.terms-dialog h2{margin:0}.terms-body{max-height:55vh;overflow-y:auto;padding-right:6px;font-size:14px;line-height:1.55;color:#d6cfb8}.terms-body p{margin:0 0 10px}.user-row{display:flex;gap:8px}.user-row input{flex:1;min-width:0}.dice-btn{flex:none;width:46px;font-size:20px;padding:0}.look-editor{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.look-preview{flex:none;width:96px;height:132px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 60%,#2f4a47,#152426);border:1px solid var(--line2)}.look-preview img{width:64px;height:96px}.look-controls{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:10px}.look-row{display:flex;flex-direction:column;gap:4px}.look-row>span{font-size:13px;color:var(--muted)}.look-swatches{display:flex;flex-wrap:wrap;gap:6px}.look-swatch{width:26px;height:26px;min-height:0;padding:0;border-radius:50%;background:var(--sw);border:2px solid var(--line2);box-shadow:inset 0 0 0 1px #00000040}.look-swatch.selected{border-color:var(--gold2);box-shadow:0 0 0 2px var(--gold),inset 0 0 0 1px #00000040}.look-toggle{display:inline-flex;gap:4px}.look-toggle button{min-width:64px}.look-toggle button.active{border-color:var(--gold);color:var(--gold2);background:color-mix(in srgb,var(--gold) 16%,transparent)}.portrait-btn{flex:none;min-height:0;padding:0;border:0;background:none;border-radius:8px;cursor:pointer}.portrait-btn:hover .portrait,.portrait-btn:focus-visible .portrait{border-color:var(--gold)}.world-map{background:#0a1214;border:1px solid var(--line);border-radius:10px;padding:6px;line-height:0}.world-map canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:6px}.biome-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px}.legend-row{display:flex;align-items:center;gap:8px;font-size:13px}.legend-row i{width:12px;height:12px;border-radius:3px;flex:none}.legend-row small{margin-left:auto;color:var(--muted)}.refuge-list .list-row{margin-bottom:6px}.refuge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.refuge-card{border:1px solid var(--line);background:#ffffff05;border-radius:12px;padding:14px;display:grid;gap:10px;align-content:start}.refuge-card p{font-size:13px;line-height:1.45}.pm-big{display:flex;align-items:center;gap:10px}.pm-big .gems{display:flex;flex-wrap:wrap;gap:5px}.pm-big .gems i{width:14px;height:14px;transform:rotate(45deg);border:1px solid #6fb8ff80;background:#0d1618}.pm-big .gems i.on{background:radial-gradient(circle at 30% 30%,#c6e6ff,#3f8ae0);box-shadow:0 0 8px #6fb8ffa0}.pm-big b{color:var(--mana);white-space:nowrap}.service{display:grid;text-align:left;gap:2px;white-space:normal}.service small{color:var(--muted);font-size:12px}.shop-list .list-row .item-tile{cursor:default}.settings{display:grid;gap:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.setting select,.setting input[type=range]{width:min(240px,50%)}.guide{line-height:1.55;font-size:14px}.world-map canvas{cursor:pointer}.map-friend-list{display:flex;flex-wrap:wrap;gap:8px}.map-friend{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.map-friend.on{border-color:#8fd19e;background:#8fd19e14}.map-friend .friend-dot{margin-top:0;background:var(--good);opacity:1}.col-kpis{margin-bottom:12px}.col-kpis .kpi b small{font-size:14px;color:var(--muted)}.col-atk{color:#f5c27a}.col-hp{color:#f08c7c}.col-head{margin-bottom:4px}.col-head h4{margin:0}.col-note{font-size:12px;margin-bottom:12px}.col-more{justify-content:center;margin-top:14px}.army-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px 12px}.army-slot{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;padding:12px 4px 8px;border-radius:var(--radius);background:#ffffff05;border:1px solid var(--line);min-width:0}.army-slot.over{border-color:#e27b6966;background:#e27b6910}.army-slot.empty{min-height:210px;align-content:center;border-style:dashed;border-color:var(--line2)}.slot-index{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--panel3);border:1px solid var(--line2);border-radius:999px;font-size:10px;font-weight:700;padding:0 7px;line-height:16px;color:var(--gold)}.slot-empty{font-size:28px;color:var(--muted);opacity:.6}.slot-warn{font-size:10.5px;text-align:center;line-height:1.2}.slot-tools{display:flex;gap:4px}.slot-tools button{min-height:28px;min-width:30px;padding:2px 6px;font-size:12px}.card.unplayable{border-style:dashed}.card.unplayable .card-cost{background:radial-gradient(circle at 35% 30%,#ffb0a0,#b8433a)}.army-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.insight{display:grid;gap:10px;align-content:start;background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.insight h4{margin:0}.curve{display:flex;align-items:stretch;gap:4px;height:120px}.curve-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px}.curve-area{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.curve-bar{width:100%;max-width:26px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#7cc4ff,#3f7fd0)}.curve-col.zero .curve-bar{opacity:.25}.curve-col.over .curve-bar{background:linear-gradient(180deg,#f2a596,#b8493e)}.curve-n{font-size:11px;min-height:14px;line-height:14px}.curve-cost{font-size:11px;color:var(--muted)}.curve-col.over .curve-cost{color:var(--danger)}.tribe-mix{gap:6px}.tribe-count{display:inline-flex;align-items:center;gap:2px;font-size:12px}.tribe-count.affinity .chip{box-shadow:0 0 0 1px var(--gold)}.filters .col-search{min-width:160px}.col-grid{row-gap:14px}.col-item,.best-item{display:grid;justify-items:center;gap:6px;min-width:0}.col-item button{width:100%;max-width:104px}.col-item.in-army .card{box-shadow:0 0 0 2px var(--gold),0 4px 14px #0007}.best-item.not-owned .card{opacity:.72}.best-item .unseen-card{cursor:help;filter:saturate(.25)}.best-item .unseen-card:hover{transform:none}.best-progress{display:grid;gap:8px;padding:12px;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05}.best-bars{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center}.cr-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.cr-hero{position:sticky;top:0;display:grid;justify-items:center;gap:8px;text-align:center}.cr-chips{justify-content:center;gap:4px}.cr-main{min-width:0}.cr-block{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05}.cr-block>h4{margin:0}.stars-big{color:#f5d36b;letter-spacing:1px;text-transform:none}.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:center;font-size:13px}.stat-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px}.stat-chain small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.cr-feed{display:grid;gap:8px;margin-top:6px}.cr-feed>button{justify-self:start}.feed-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.feed-row input{width:110px}.cr-stars{gap:8px}.cr-stars>button{justify-self:start}.fodder-list{display:grid;gap:6px;max-height:260px;overflow-y:auto}.fodder-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:13px}.fodder-row.checked{border-color:#e27b6988;background:#e27b6912}.fodder-row img{width:36px;height:36px;object-fit:contain}.fodder-row input{min-height:0;width:18px;height:18px;accent-color:var(--danger)}.relic-slots{display:grid;gap:8px}.relic-slot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:9px}.relic-slot.locked{opacity:.6;border-style:dashed}.relic-slot.picking{border-color:var(--gold)}.relic-ico{width:56px;text-align:center;font-size:22px}.relic-info{display:grid;gap:2px;font-size:13px}.relic-info small{font-size:12px}.relic-btns{display:flex;gap:6px}.relic-picker{margin-top:10px;border:1px solid #d9bf7a55;border-radius:9px;padding:10px;background:#d9bf7a0a;display:grid;gap:8px}.relic-picker .list-row{margin:0;flex-wrap:wrap}.cr-actions{gap:8px;margin-bottom:6px}.cr-reason{display:block;font-size:12px}@media(max-width:640px){.cr-layout{grid-template-columns:1fr}.cr-hero{position:static}.army-slots{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}.inv-head{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:12px}.inv-head .kpi b{font-size:19px}.inv-buffs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.chip.buff{--c: #8cc4e0}.chip.bonus{--c: #d9bf7a;white-space:normal}.inv-note{font-size:12px}.char-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}button.char-chip{display:grid;justify-items:center;gap:2px;width:58px;min-height:0;padding:4px 2px;border-radius:9px;border:1px solid var(--line);background:#ffffff05}button.char-chip.active{border-color:var(--gold2);box-shadow:0 0 0 2px var(--gold2)}button.char-chip img.sprite{width:36px;height:36px}button.char-chip small{font-size:10px;white-space:nowrap}.equip-groups{display:grid;grid-template-columns:2fr 3fr;gap:10px;margin-top:8px}.equip-group{display:grid;gap:4px;align-content:start;min-width:0}.equip-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.equip-slot.locked{opacity:.5}.equip-locked{width:56px;height:56px;border-radius:9px;border:2px dashed var(--line);display:grid;place-items:center;font-size:18px}.char-stats{gap:12px}.equip-slot{display:grid;justify-items:center;gap:4px;padding:8px 2px;border-radius:9px;background:#ffffff05;border:1px solid var(--line);text-align:center;min-width:0}.equip-slot small{font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}button.equip-empty{width:56px;height:56px;min-height:0;padding:0;border-radius:9px;border:2px dashed var(--line2);background:transparent;display:grid;place-items:center;font-size:22px;opacity:.55}button.equip-empty:hover:not(:disabled){opacity:.9}.inv-bonuses{display:grid;gap:6px;margin-top:10px}.bonus-list{display:flex;flex-wrap:wrap;gap:4px}.is-selected .item-tile{box-shadow:0 0 0 3px var(--gold2)}.inv-bag-head{align-items:flex-start;margin-bottom:8px}.inv-bag-head h4{margin:6px 0 0}.inv-bulk{display:grid;justify-items:end;gap:2px;max-width:100%}.inv-bulk button{white-space:normal;text-align:center}.inv-bulk small{font-size:11px;text-align:right}.bag-grid{gap:10px}.bag-cell{position:relative}.bag-count{position:absolute;bottom:1px;right:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.bag-eq{position:absolute;bottom:-5px;left:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1d2521;font-size:9px;font-weight:700}.bag-eq.relic{background:var(--panel3);border:1px solid var(--gold);font-size:9px}.inv-side{min-width:0}.inv-detail{gap:10px}.inv-detail>button{justify-self:stretch}.inv-compare{display:grid;gap:2px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--rc) 50%,transparent);border-radius:8px;font-size:13px}.inv-holder{margin:0;flex-wrap:wrap}.inv-holder img{width:36px;height:36px;object-fit:contain}.inv-picker{display:grid;gap:6px}.inv-picker select{flex:1;min-width:0}.inv-scroll{display:grid;justify-items:center}.forge{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff04}.forge h4,.forge .notice-bar{margin:0}.forge-block{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line)}.forge-changes{display:grid;gap:2px}.cost-row{display:flex;flex-wrap:wrap;gap:14px;font-weight:600}.affix-row{display:flex;align-items:center;gap:8px;font-size:13px}.inv-actions{gap:8px}.inv-actions button{flex:1}@media(max-width:520px){.equip-groups{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.inv-bulk{justify-items:stretch}.inv-bulk small{text-align:left}}.sp-class{display:flex;flex-wrap:wrap;gap:14px;padding:14px;margin-bottom:12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--sc) 40%,transparent);background:color-mix(in srgb,var(--sc) 8%,transparent)}.sp-class-icon{font-size:40px;line-height:1}.sp-class-body{gap:8px;min-width:min(100%,240px)}.sp-class-body p{font-size:13px;line-height:1.45}.sp-power{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:9px;background:#0000002a;border:1px solid var(--line)}.sp-power .card-cost{position:static;flex:none;width:28px;height:28px;font-size:14px}.sp-tribes{gap:4px}.sp-rules{margin-top:0}.sp-note{font-size:12px;margin-bottom:10px}.sp-kpis{margin-bottom:12px}.sp-slot,.sp-known,.sp-shop-item{display:grid;justify-items:center;align-content:start;gap:5px;text-align:center;min-width:0}.sp-slot small,.sp-known small,.sp-shop-item small{font-size:11px;max-width:132px;line-height:1.25}.sp-empty{width:132px;min-height:150px;border:2px dashed var(--line2);border-radius:9px;display:grid;place-content:center;justify-items:center;gap:4px;color:var(--muted);font-size:22px;font-family:var(--serif)}.sp-empty small{font-family:DM Sans,system-ui,sans-serif}.spell-card.pending{box-shadow:0 0 0 3px var(--mana),0 0 16px #6fb8ff80}.spell-card.swap-target{box-shadow:0 0 0 2px #f2a74399}.spell-card.swap-target:hover{box-shadow:0 0 0 3px #f2a743}.spell-card.dim{opacity:.55;cursor:default}.spell-card.dim:hover{transform:none}.spell-card.over .card-cost{background:radial-gradient(circle at 35% 30%,#ffb0a0,#b8433a)}.sp-shop-item button{width:100%;max-width:132px}.sp-shop-meta{display:flex;gap:10px;font-size:12px}h4.sp-school{color:color-mix(in srgb,var(--sc) 70%,#fff)}.tab .badge{margin-left:4px;vertical-align:1px}@media(max-width:420px){.spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-empty,.spell-grid .spell-card{width:100%;max-width:132px}}.mk-filters .mk-search{flex:1 1 200px;min-width:0}.mk-filters select{flex:0 1 auto;min-width:0}.mk-count{margin-bottom:10px}.mk-gold{font-weight:700;white-space:nowrap}.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.mk-listing{display:flex;gap:10px;align-items:center;padding:8px;border-radius:var(--radius);border:1px solid var(--line);border-left:3px solid var(--rc);background:#ffffff05;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}.mk-listing:hover{background:#ffffff0c}.mk-listing.selected{border-color:var(--gold);background:#d9bf7a14}.mk-vis{flex:none;width:74px;display:grid;place-items:center}.mk-vis .card:hover,.mk-vis .item-tile:hover{transform:none}.mk-info{flex:1;min-width:0;display:grid;gap:4px}.mk-name{font-family:var(--serif);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-meta{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-buyrow{gap:6px}.mk-reason{font-size:11px;color:var(--danger);min-height:0}.mk-reason.center,.center{text-align:center}.mk-reason:empty{display:none}.mk-loading{opacity:.55;pointer-events:none;transition:opacity .2s}.mk-pager{justify-content:center;margin-top:14px}.mk-center{justify-content:center}.mk-side{display:grid;gap:12px;background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.mk-side .section{margin-top:4px}.mk-side-empty{padding:28px 8px;text-align:center;font-size:13px}.mk-creature-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mk-creature-head .card:hover{transform:none}.mk-creature-meta{gap:6px;font-size:13px}.mk-kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:13px;align-items:center}.mk-kv>:nth-child(2n){text-align:right}.mk-facts{padding-top:8px;border-top:1px solid var(--line)}.mk-wide{width:100%}.mk-kinds{margin-bottom:6px}.mk-note{font-size:12px;margin:4px 0 12px}.mk-pick{border-radius:11px}.mk-pick.selected .item-tile{box-shadow:0 0 0 3px var(--gold2)}.mk-sell-form{display:grid;gap:10px}.mk-label{gap:6px;font-size:13px}.mk-label input{width:100%}.mk-suggest{gap:4px}.mk-mine{border-left:3px solid var(--rc);flex-wrap:wrap}.mk-mine-price{gap:8px;margin-top:2px}@media(max-width:480px){.mk-grid{grid-template-columns:1fr}.mk-filters select{flex:1 1 calc(50% - 8px)}.mk-mine>button{width:100%}}.town-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.town-portrait{flex:none;width:56px;height:64px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08}.town-portrait .sprite{max-width:48px;max-height:60px}.town-head .grow{flex:1 1 220px;min-width:0}.town-say{margin:2px 0 0;font-style:italic}.town-list{display:grid;gap:6px;margin-top:10px}.town-offer .item-tile{cursor:default}.town-offer .grow{min-width:0}.town-qty{width:72px;flex:none}.town-offer button{flex:none;min-width:76px;white-space:nowrap}.town-sellbar{align-items:center;gap:8px;margin:8px 0 10px}.town-split{align-items:start}.town-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;min-width:0}.town-cell{position:relative;display:grid;justify-items:center;gap:2px;padding:3px;border-radius:var(--radius);border:1px solid transparent}.town-cell small{font-size:11px;white-space:nowrap}.town-cell.is-picked{border-color:var(--gold);background:#d9bf7a1c}.town-foot{margin-top:14px}.chest-portrait{font-size:30px}.chest-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.chest-col{min-width:0}.chest-bar{align-items:center;gap:8px;margin-bottom:8px}.chest-bar h4{margin:0}.chest-detail{margin-top:14px}@media(max-width:720px){.chest-cols{grid-template-columns:1fr}}@media(max-width:560px){.town-offer{flex-wrap:wrap}.town-offer .grow{flex:1 1 60%}}.tr-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tr-col{display:grid;gap:10px;align-content:start;padding:12px;border-radius:var(--radius);border:1px solid var(--line2);background:#ffffff05;min-width:0;transition:border-color .2s,background .2s}.tr-col.ready{border-color:#8fd19e66;background:#8fd19e0a}.tr-col.confirmed{border-color:var(--good);box-shadow:inset 0 0 0 1px #8fd19e40}.tr-col-head{gap:6px}.tr-chips{gap:4px}.chip.tr-on{--c: var(--good)}.chip.tr-conf{font-weight:700}.tr-grid{justify-items:start}.tr-nothing{padding:18px 0;text-align:center;font-size:13px}.tr-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:var(--danger);color:#fff;opacity:0;transition:opacity .15s}.item-tile:hover .tr-x{opacity:1}.tr-pick{border-radius:11px}.tr-pick.selected .item-tile,.tr-pick.selected .card{box-shadow:0 0 0 3px var(--gold2)}.tr-gold{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}.tr-gold input{width:130px;max-width:100%}.tr-gold b{font-size:18px;font-family:var(--serif);font-weight:400}.tr-inspect-head{gap:12px;margin-bottom:6px}.tr-inspect-head .card:hover{transform:none}.tr-actions{margin-top:14px;padding:12px;border-radius:var(--radius);border:1px solid #d9bf7a38;background:#0c16178a;display:grid;gap:8px}.tr-status{font-size:13px}.tr-buttons{gap:8px}.tr-kinds{margin-bottom:4px}.tr-note{font-size:12px;margin-bottom:10px}.tr-center{text-align:center;max-width:440px;margin:0 auto;font-size:13px}@media(max-width:640px){.tr-cols{grid-template-columns:1fr}.tr-buttons>button{flex:1 1 auto}.tr-buttons .grow{display:none}.tr-x{opacity:1}}.clan-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle}.clan-tag-input{width:110px;text-transform:uppercase}.clan-header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--cc) 55%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 20%,transparent),transparent)}.clan-banner{font-family:var(--serif);font-size:22px;min-width:76px;height:76px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--cc) 35%,#0d1618);border:2px solid var(--cc);color:#fff}.clan-box{border:1px solid var(--line);background:#ffffff05;border-radius:12px;padding:12px;display:grid;gap:8px}.clan-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.link-btn{border:0;background:none;padding:0;min-height:0;color:var(--gold2);font-weight:600;text-align:left;white-space:normal}.small-text{font-size:12px;line-height:1.45}.war-card{border:1px solid var(--line2);border-radius:10px;padding:8px 10px;display:grid;gap:6px;font-size:13px}.war-card.active{border-color:#e27b6980;background:#e27b6912}.war-card.ended{opacity:.75}.war-score{display:flex;justify-content:center;gap:12px;font-family:var(--serif);font-size:26px}.war-declare{margin-top:4px}.friend-row{align-items:flex-start;flex-wrap:wrap}.friend-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;flex:none;background:var(--muted);opacity:.5}.friend-row.online .friend-dot{background:var(--good);opacity:1;box-shadow:0 0 0 3px #8fd19e30}.friend-row.offline{opacity:.72}.friend-where{margin:3px 0 1px;font-size:14px;color:var(--gold2)}.friend-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media(max-width:560px){.friend-actions{width:100%;justify-content:flex-start;padding-left:22px}}.profile-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.profile-head h3{font-size:22px;margin-bottom:6px}.profile-portrait{width:76px;height:100px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 60%,#2f4a47,#152426);border:1px solid var(--line2)}.profile-portrait img{width:56px;height:84px}.profile-actions{margin-bottom:6px}.rk-season{padding:14px 16px;border-radius:12px;border:1px solid #d9bf7a40;background:linear-gradient(135deg,#d9bf7a14,transparent 60%),#ffffff04;margin-bottom:14px}.rk-season-name{text-transform:capitalize;margin-top:2px}.rk-season-time{text-align:right}.rk-season-time b{display:block;font-family:var(--serif);font-weight:400;font-size:20px}.rk-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;margin-top:12px}.rk-tier{padding:10px;border-radius:9px;background:#0000002e;border:1px solid var(--line);display:grid;gap:6px;align-content:start}.rk-tier .row{gap:6px}.rk-tier-icon{font-size:20px}.rk-note{font-size:12px;margin-top:10px;line-height:1.6}.rk-toolbar{margin-bottom:8px}.rk-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rk-table td{vertical-align:middle}.rk-rank{width:56px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.rk-medal{font-size:20px;line-height:1}.rk-name{min-width:0;max-width:1px;width:100%}.rk-name .row{gap:8px;min-width:0}.rk-cls{width:22px;text-align:center;flex:none}.rk-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-tag{color:var(--gold);font-weight:600}.chip.rk-ai{--c: #8cc4e0;flex:none}.rk-you{flex:none}.rk-value{font-weight:700}.rk-top .rk-nm{font-weight:600}tr.rk-click{cursor:pointer}tr.rk-click:hover td{background:#ffffff08}.table tr.me:hover td{background:#d9bf7a26}.rk-gap td{text-align:center;color:var(--muted);padding:2px;letter-spacing:4px}.rk-busy{opacity:.55;transition:opacity .2s}.rk-foot{font-size:12px;margin-top:10px}@media(max-width:480px){.rk-second{display:none}.rk-rank{width:40px}.rk-season-time{text-align:left}.rk-table td,.rk-table th{padding:8px 6px}}.rw-list{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.rw-list .chip{margin:0}.chip.rw{--c: #d9bf7a}.chip.rw-dust{--c: #b99af2}.chip.rw-token{--c: var(--ec, #8cc4e0)}.chip.rw-pm{--c: var(--mana)}.chip.rw-item{--c: #c9c1a5}.chip.rw-title{--c: #e8d9a8}.chip.rw-rarity{--c: var(--rc)}.chip.ev-ok{--c: var(--good)}.ev-panel{--ec: #d9bf7a}.ev-hero{display:flex;gap:18px;align-items:center;padding:18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ec) 45%,transparent);background:radial-gradient(circle at 10% 30%,color-mix(in srgb,var(--ec) 26%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--ec) 12%,#101c1e),#101c1e 75%)}.ev-hero-icon{font-size:58px;line-height:1;flex:none;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--ec) 60%,transparent))}.ev-hero-main{flex:1;min-width:0}.ev-hero .eyebrow{color:color-mix(in srgb,var(--ec) 75%,#fff)}.ev-hero h2{color:color-mix(in srgb,var(--ec) 55%,#fff);margin:2px 0 6px}.ev-hero p{color:#d8d2bf;line-height:1.45;margin-bottom:10px;max-width:62ch}.chip.ev-time{--c: var(--ec)}.ev-wallet{display:grid;gap:8px;min-width:160px;flex:none}.ev-wallet .kpi{background:#00000045;border-color:color-mix(in srgb,var(--ec) 25%,transparent)}.ev-sec-head{margin-bottom:10px}.ev-sec-head h4{margin:0}.ev-help{font-size:12.5px;line-height:1.45;margin:-4px 0 10px}.ev-bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}.ev-bonus{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05}.ev-bonus>span{font-size:22px;line-height:1.1}.ev-bonus p{font-size:13px;color:var(--muted);margin:4px 0 6px;line-height:1.45}.ev-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ev-step{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff05;min-width:0}.ev-step-head{gap:8px}.ev-step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font-size:11px;font-weight:700;flex:none}.ev-step.ready{border-color:var(--gold);background:#d9bf7a14}.ev-step.ready .ev-step-n{background:var(--gold);color:#1d2521}.ev-step.claimed{opacity:.72}.ev-step.claimed .ev-step-n{background:var(--good);color:#10211a}.ev-step-rewards{flex:1}.ev-step button,.ev-step-status{width:100%;text-align:center}.ev-step-status{font-size:12px;font-weight:600;padding:6px 0}.ev-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px}.ev-offer{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05;min-width:0}.ev-offer.sold{opacity:.6}.ev-offer-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;font-size:26px;border-radius:9px;background:#00000040}.ev-offer-icon img{width:40px;height:40px;object-fit:contain}.ev-offer-rw{margin:4px 0 2px}.ev-offer-buy{display:grid;gap:6px;justify-items:end;flex:none}.ev-cost{font-weight:700;color:var(--gold2);font-size:13px;white-space:nowrap}.ev-exclusives{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:12px}.ev-excl{display:flex;gap:14px;padding:12px;border:1px solid color-mix(in srgb,var(--rc) 40%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--rc) 5%,transparent);min-width:0}.ev-excl .card{flex:none;cursor:default}.ev-excl .card:hover{transform:none}.ev-excl-head{gap:6px;margin-bottom:4px}.ev-how{font-size:12.5px;margin:8px 0 6px}.ev-cosmetics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.ev-cos{padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:#ffffff05}.ev-cos .ev-help{margin:8px 0 0}.ev-title-name{font-size:22px;margin:10px 0 2px;color:color-mix(in srgb,var(--ec) 50%,#f2d994)}.ev-emblem{margin:8px 0 4px}.ev-boss{display:flex;gap:16px;padding:14px;border-radius:var(--radius);border:1px solid #f2a74355;background:radial-gradient(circle at 8% 50%,#f2a74320,transparent 45%),#ffffff04}.ev-boss-art{width:104px;height:104px;flex:none;display:grid;place-items:center;border-radius:12px;background:#00000050;font-size:44px}.ev-boss-art img{width:88px;height:88px;object-fit:contain}.ev-boss-head{gap:6px}.ev-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;line-height:1.45}.ev-link{min-height:26px;padding:2px 8px;color:var(--gold2)}.ev-next{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--radius);border:1px dashed color-mix(in srgb,var(--ec) 45%,transparent);background:color-mix(in srgb,var(--ec) 6%,transparent)}.ev-next-icon{font-size:38px;flex:none}.ev-next-name{font-family:var(--serif);font-weight:400;font-size:17px;color:color-mix(in srgb,var(--ec) 55%,#fff)}.ev-next p{font-size:13px;margin:2px 0 6px}@media(max-width:860px){.ev-track{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:640px){.ev-hero{flex-direction:column;align-items:flex-start;padding:14px}.ev-hero-icon{font-size:44px}.ev-wallet{grid-template-columns:1fr 1fr;width:100%;min-width:0}.ev-excl,.ev-boss{flex-direction:column;align-items:center}.ev-excl>.grow,.ev-boss>.grow{width:100%}.ev-next{flex-wrap:wrap}}@media(max-width:400px){.ev-track{grid-template-columns:1fr}.ev-offer{flex-wrap:wrap}.ev-offer-buy{width:100%;grid-template-columns:1fr auto;align-items:center}}.st-kpi b{overflow-wrap:anywhere}.st-kpi .st-sub{display:block;margin-top:2px;font-size:11px;line-height:1.35}.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px}.st-card{background:#152422;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 14px;min-width:0}.st-card.full{grid-column:1 / -1}.st-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 12px;margin-bottom:10px}.st-card h5{margin:0;font-size:14px;font-weight:600;color:var(--text)}.st-card-head small{font-size:12px}.st-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.st-legend span{display:inline-flex;align-items:center;gap:6px}.st-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.st-chart{position:relative;min-width:0}.st-chart:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.st-svg{display:block;overflow:visible}.st-svg text{font-size:11px;fill:var(--muted);font-variant-numeric:tabular-nums;font-family:inherit}.st-svg .st-val{fill:#cfc9b6}.st-svg .st-strong{fill:var(--text);font-weight:600;font-size:12px}.st-svg .st-grid{stroke:#ffffff12;stroke-width:1}.st-svg .st-axis{stroke:#ffffff30;stroke-width:1}.st-svg .st-cross{stroke:#fff6;stroke-width:1}.st-mark{transition:opacity .12s}.st-bars.st-hover .st-row:not(.st-hot) .st-mark{opacity:.45}.st-bars{position:relative;display:grid;grid-template-columns:minmax(96px,36%) minmax(0,1fr);column-gap:10px}.st-bar-label{height:var(--row-h);display:flex;align-items:center;gap:8px;min-width:0;border-radius:6px;padding:0 6px 0 2px}.st-bar-label:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.st-bar-label.st-hot{background:#ffffff0c}.st-bar-text{display:grid;min-width:0;line-height:1.2}.st-bar-name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-bar-text small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-sprite{width:26px;height:26px;object-fit:contain;flex:none}.st-swatch{display:inline-block;width:9px;height:9px;border-radius:2px;background:var(--rc);margin-right:6px;vertical-align:1px}.st-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;background:#0b1415f2;border:1px solid var(--line2);border-radius:8px;padding:6px 9px;box-shadow:0 8px 24px #0009;display:grid;gap:1px;max-width:240px}.st-tip b{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.st-tip span{font-size:11px;color:var(--muted)}.st-empty .empty{padding:26px 12px}.st-table td{white-space:nowrap}.st-table .num{text-align:right;font-variant-numeric:tabular-nums}.st-opp{gap:6px}.st-opp-img{width:24px;height:24px;object-fit:contain;flex:none}.st-opp-mage{width:24px;text-align:center}.st-res{font-weight:600}.st-res.win{color:var(--good)}.st-res.loss{color:var(--danger)}.chip.st-ai{--c: #8cc4e0}.st-foot{font-size:12px;margin-top:8px}@media(max-width:520px){.st-bars{grid-template-columns:minmax(84px,42%) minmax(0,1fr);column-gap:6px}.st-hide-sm{display:none}.st-card{padding:10px}}.nt-row{align-items:flex-start}.nt-icon{font-size:22px;width:30px;text-align:center;flex:none;line-height:1.2}.nt-top{gap:8px;align-items:baseline}.nt-title{font-weight:600;min-width:0;overflow-wrap:anywhere}.nt-time{white-space:nowrap;flex:none}.nt-body{font-size:13px;color:#d5cfbd;margin-top:2px;line-height:1.4;overflow-wrap:anywhere}.nt-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:6px;font-size:11px;color:var(--muted)}.nt-new{color:var(--gold2);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:10px}.nt-link{min-height:24px;padding:2px 8px;color:var(--gold2);font-size:11px}.nt-count{opacity:.7;font-variant-numeric:tabular-nums}.nt-busy{opacity:.6;transition:opacity .2s}.nt-foot{font-size:12px;margin-top:10px}.nt-help{font-size:12.5px;margin:-4px 0 10px;line-height:1.45}.nt-prefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px}label.toggle.nt-pref{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff05;align-items:flex-start}.nt-pref input{margin:2px 0 0;flex:none}.nt-pref b{font-weight:600}.nt-pref small{display:block;font-size:12px;margin-top:2px;line-height:1.35}.nt-pref-icon{font-size:18px;width:24px;text-align:center;flex:none}.nt-push{padding:14px;border:1px solid #8cc4e040;border-radius:12px;background:#8cc4e00a}.nt-push-text{font-size:13px;line-height:1.45}.nt-push-list{list-style:none;padding:0;margin:10px 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:6px 12px;font-size:13px}.nt-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px;margin-bottom:12px}.nt-status>div{background:#0000002e;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.nt-status small{display:block;font-size:11px}.nt-status b{font-size:13px}.nt-actions{display:flex;flex-wrap:wrap;gap:8px}.nt-spin{display:inline-block;animation:nt-spin 1s linear infinite}@keyframes nt-spin{to{transform:rotate(360deg)}}@media(max-width:400px){.nt-actions button{flex:1 1 100%}}.ml-head{margin-bottom:14px;gap:10px;align-items:flex-start}.ml-summary{display:grid;gap:2px;min-width:0;flex:1 1 240px}.ml-summary b{font-size:15px}.ml-summary small{font-size:12px;line-height:1.4}.ml-head-actions{gap:8px;flex-wrap:wrap}.ml-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#ffffff05;margin-bottom:10px;display:grid;gap:8px}.ml-card.unread{border-color:#d9bf7a55;background:#d9bf7a0d}.ml-card.claimed{opacity:.72}.ml-card header{gap:10px;align-items:flex-start}.ml-card header .row{gap:8px;align-items:flex-start}.ml-card h3{font-size:16px;overflow-wrap:anywhere}.ml-icon{font-size:20px;line-height:1.1}.ml-time{white-space:nowrap;flex:none}.ml-body{font-size:13px;line-height:1.5;color:#d5cfbd;white-space:pre-line;overflow-wrap:anywhere}.ml-attach{background:#0000002e;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.ml-attach-list{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:8px}.chip.ml-gold{--c: var(--gold);font-size:13px;padding:4px 10px}.chip.ml-dust{--c: #b99af2;font-size:13px;padding:4px 10px}.chip.ml-title{--c: #e8d9a8;font-size:13px;padding:4px 10px;white-space:normal}.ml-item,.ml-creature{display:grid;justify-items:center;gap:4px;max-width:96px;text-align:center}.ml-item small,.ml-creature small{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.ml-item.selected .item-tile{box-shadow:0 0 0 3px var(--gold2)}.ml-creature .card{cursor:default}.ml-detail{margin-top:10px}.ml-card footer{justify-content:flex-end}.ml-done{font-size:13px;font-weight:600}.ml-busy{opacity:.6;transition:opacity .2s}.ml-foot{font-size:12px}@media(max-width:400px){.ml-head-actions{width:100%}.ml-head-actions .primary{flex:1}.ml-card footer button{width:100%}}.ach-kpis{margin-bottom:14px}.ach-kpis .bar{margin-top:8px}.ach-bar{margin-bottom:0}.ach-row{align-items:flex-start}.ach-row.ready{border-color:var(--gold);background:#d9bf7a14}.ach-row.done{opacity:.72}.ach-icon{font-size:22px;width:30px;text-align:center;flex:none;line-height:1.2}.ach-head{gap:4px 10px}.ach-count{font-variant-numeric:tabular-nums;white-space:nowrap}.ach-desc{font-size:13px;margin:2px 0 8px;line-height:1.4}.ach-reward{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:8px;font-size:12px}.ach-action{flex:none;align-self:center}.ach-check{font-size:20px;font-weight:700;padding:0 8px}.ach-preview{display:grid;gap:4px;justify-items:center;padding:16px;border-radius:12px;border:1px solid #d9bf7a40;background:radial-gradient(circle at 50% 0%,#d9bf7a1c,transparent 70%),#ffffff04;text-align:center;margin-bottom:4px}.ach-preview-name{font-family:var(--serif);font-size:22px;overflow-wrap:anywhere}.ach-preview-title{color:var(--gold2)}.ach-titles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px}.ach-title{display:grid;gap:4px;text-align:left;white-space:normal;padding:10px 12px;border:1px solid var(--line2);border-radius:9px;background:#ffffff05;min-width:0}.ach-title .row{gap:8px}.ach-title b{font-family:var(--serif);font-weight:400;font-size:15px;overflow-wrap:anywhere}.ach-title small{font-size:11.5px;line-height:1.35}.ach-title.active{border-color:var(--gold);background:#d9bf7a1f;cursor:default}.ach-title.locked{opacity:.62;border-style:dashed}@media(max-width:520px){.ach-row{flex-wrap:wrap}.ach-action{width:100%;padding-left:42px}.ach-action button{width:100%}}.loot-list{display:grid;gap:6px}.loot-row{align-items:center}.loot-info{display:grid;gap:1px;min-width:0}.loot-info small{font-size:11px}