:root{--bg:#11131a;--panel:#1a1d27;--panel-2:#222634;--panel-3:#2a2f40;--border:#2d3244;--text:#e6e8ef;--muted:#8b91a7;--accent:#7c9cff;--good:#4fd18b;--bad:#ff6b6b;--warn:#f3c969;--gold:#ffcf5a;--radius:8px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0 0 8px}h2{font-size:22px}h3{font-size:18px}button,input,select{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px 12px}button{cursor:pointer;transition:border-color .15s, background-color .15s, transform .1s var(--ease), box-shadow .2s}@media (prefers-reduced-motion:reduce){button{transition:none}}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#0b0d14;font-weight:600}button.primary:hover:not(:disabled){box-shadow:0 0 0 3px #7c9cff40}button.link{color:var(--muted);background:0 0;border:none;padding:2px 4px}input:focus,select:focus{outline:1px solid var(--accent)}.muted{color:var(--muted)}.small{font-size:14px}button.small{padding:4px 10px}button.danger{color:var(--bad)}button.danger:hover:not(:disabled){border-color:var(--bad)}.error{color:var(--bad)}.warn{color:var(--warn)}.code{letter-spacing:1px;color:var(--warn);font-family:ui-monospace,monospace}.icon{vertical-align:middle;image-rendering:pixelated;background-image:url(/icons.png);background-repeat:no-repeat;flex-shrink:0;display:inline-block}.icon.sheet2{background-image:url(/icons2.png)}.icon.ghost{opacity:.18;filter:grayscale()}.shell{grid-template:"top top top""nav nav nav""skills main chat"minmax(0,1fr)"foot foot foot"/250px minmax(0,1fr) 340px;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;grid-area:top;align-items:center;gap:8px;padding:8px 16px;display:flex}.logo{color:var(--accent);align-items:center;gap:8px;font-size:20px;display:flex}.version{color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:13px}.coins-inline{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:8px;display:inline-flex}.spacer{flex:1}.me{font-weight:600}.status{color:var(--warn);font-size:14px}.status.ok{color:var(--good)}.content{grid-area:main;padding:20px;overflow-y:auto}.topnav{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;grid-area:nav;align-items:center;gap:4px;padding:6px 12px;display:flex}.topnav .nav-sep{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:4px 6px}.topnav .nav-tab{white-space:nowrap;background:0 0;border-color:#0000;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:relative}.topnav .nav-tab:hover:not(:disabled){background:var(--panel-2)}.topnav .nav-tab.active{background:var(--panel-2);border-color:var(--border);box-shadow:inset 0 -3px 0 var(--accent)}.nav-item{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.nav-item:hover:not(:disabled){background:var(--panel-2)}.nav-item.active{background:var(--panel-2);border-color:var(--border);box-shadow:inset 3px 0 0 var(--accent)}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.skills-side{border-right:1px solid var(--border);background:var(--panel);grid-area:skills;min-height:0;padding:8px;overflow-y:auto}.sidebar{border-left:1px solid var(--border);grid-area:chat;min-height:0}.activity-bar{background:var(--panel);border-top:1px solid var(--border);grid-area:foot;align-items:center;gap:12px;min-height:48px;padding:6px 16px;display:flex}.activity-bar .grow{min-width:0}.activity-bar .bar{margin-top:3px}.activity-bar .activity-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-bar button.link-btn{text-align:left;background:0 0;border-color:#0000;padding:0}@media (width<=1250px){.shell{grid-template-columns:220px minmax(0,1fr) 290px}}@media (width<=1050px){.shell{grid-template-columns:180px minmax(0,1fr) 260px}.topnav .nav-label{display:none}}@media (width<=800px){.shell{grid-template:"top""nav""main"minmax(0,1fr)"foot""chat"220px/1fr}.skills-side{display:none}.sidebar{border-left:none;border-top:1px solid var(--border)}.content{padding:12px}}.tab{background:0 0;border-color:#0000;align-items:center;gap:6px;display:inline-flex}.tab.active{background:var(--panel-2);border-color:var(--border)}.badge{background:var(--panel-3);border-radius:999px;margin-left:2px;padding:0 7px;font-size:12px}.badge.live{background:var(--bad);color:#fff;animation:1.6s ease-in-out infinite pulse}.stack{flex-direction:column;gap:12px;display:flex}.small-gap{gap:6px!important}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.split{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}@media (width<=900px){.split{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.level{color:var(--accent);font-weight:700}.pill{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);vertical-align:middle;border-radius:999px;align-items:center;gap:3px;margin-left:4px;padding:1px 8px;font-size:13px;font-weight:500;display:inline-flex}.pill.ok{color:var(--good);border-color:#4fd18b66}.pill.warn{color:var(--warn);border-color:#f3c96966}.pill.kind-raid{color:#d7a6ff;border-color:#d7a6ff66}.status-in_progress{color:var(--warn);border-color:var(--warn)}.status-completed{color:var(--good);border-color:var(--good)}.status-failed{color:var(--bad);border-color:var(--bad)}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border-radius:999px;padding:4px 12px;font-size:14px}.chip.active{background:var(--accent);border-color:var(--accent);color:#0b0d14;font-weight:600}.stats{flex-wrap:wrap;gap:16px;margin:10px 0 14px;font-weight:600;display:flex}.stats span{align-items:center;gap:5px;display:inline-flex}.motd{background:var(--panel-2);border-radius:6px;padding:8px 10px}.table{border-collapse:collapse;width:100%}.table td{border-top:1px solid var(--border);padding:6px 4px}.table tr:first-child td{border-top:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{text-align:right;white-space:nowrap}.table .actions button{margin-left:4px}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.on{background:var(--good);box-shadow:0 0 6px #4fd18b99}.bar{background:var(--panel-3);border-radius:4px;height:16px;margin-top:4px;position:relative;overflow:hidden}.bar.thin{height:7px}.bar-fill,.bar-ghost{transform-origin:0;will-change:transform;position:absolute;inset:0}.bar-fill{transition:transform .45s var(--ease)}.bar-ghost{transition:transform .6s var(--ease) .35s;background:#ffffff8c}@media (prefers-reduced-motion:reduce){.bar-fill,.bar-ghost{transition:none}}.bar-hp .bar-fill{background:linear-gradient(90deg,#d94a4a,#ff7070)}.bar-enemy .bar-fill{background:linear-gradient(90deg,#b33b6b,#ff5f8f)}.bar-xp .bar-fill{background:linear-gradient(90deg,#5a7bff,#8fb0ff)}.bar-progress .bar-fill{background:linear-gradient(90deg,#36b373,#5fe3a0);transition:none}.bar-label{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000c;font-size:12px;line-height:16px;position:absolute;inset:0}.activity .bar{height:10px}.skills-layout{grid-template-columns:280px 1fr;align-items:start;gap:12px;display:grid}@media (width<=900px){.skills-layout{grid-template-columns:1fr}}.skill-list{flex-direction:column;gap:10px;padding:8px;display:flex}.group-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:2px 6px 4px;font-size:12px}.skill-group{flex-direction:column;gap:2px;display:flex}.skill-row{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;padding:5px 6px;display:flex}.skill-row:hover:not(:disabled){background:var(--panel-2)}.skill-row.selected{background:var(--panel-2);border-color:var(--border)}.skill-row.active .icon{animation:1.4s ease-in-out infinite bob}.skill-row-main{flex:1;min-width:0}.action-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px;display:grid}.action-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s, transform .2s var(--ease), box-shadow .2s;flex-direction:column;gap:8px;padding:10px;display:flex}.action-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000004d}.action-card.running{border-color:var(--good);box-shadow:0 0 0 1px #4fd18b59}.action-card.locked{opacity:.55}.io{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.arrow{color:var(--muted)}.item-chip{align-items:center;gap:2px;display:inline-flex;position:relative}.item-chip .qty{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.item-chip.short .qty{color:var(--bad)}.inventory-layout{grid-template-columns:360px 1fr;align-items:start;gap:12px;display:grid}@media (width<=900px){.inventory-layout{grid-template-columns:1fr}}.paperdoll{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.slot{background:var(--panel-2);flex-direction:column;align-items:center;gap:2px;padding:8px 4px 4px;display:flex}.slot.filled{border-color:#7c9cff73}.slot.filled:hover .icon{transform:scale(1.08)}.slot .icon{transition:transform .2s var(--ease)}@media (prefers-reduced-motion:reduce){.slot .icon{transition:none}}.slot-name{color:var(--muted);text-transform:capitalize;font-size:12px}.food-picker{flex-wrap:wrap;gap:6px;display:flex}.food-option{padding:4px;position:relative}.food-option.selected{border-color:var(--good);box-shadow:0 0 0 2px #4fd18b4d}.food-option .qty,.item-tile .qty{text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;position:absolute;bottom:2px;right:3px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px;display:grid}.item-tile{background:var(--panel-2);animation:fade-up .3s var(--ease) both;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;display:flex;position:relative}.item-tile .qty{top:4px;bottom:auto;right:6px}.item-tile:hover .icon{transform:translateY(-2px)scale(1.06)}.item-tile .icon{transition:transform .2s var(--ease)}.item-tile.is-food{border-color:var(--good)}.item-name{text-align:center;color:var(--muted);font-size:13px;line-height:1.2}.open-runs{flex-direction:column;gap:6px;display:flex}.open-run{background:var(--panel-2);border-radius:var(--radius);align-items:center;gap:10px;padding:6px 10px;display:flex}.dungeon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.dungeon-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);transition:transform .2s var(--ease), border-color .2s, box-shadow .2s;flex-direction:column;gap:8px;padding:12px;display:flex}.dungeon-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 24px #00000059}.dungeon-card:hover .dungeon-icon{animation:1.2s ease-in-out infinite bob}.dungeon-card.hard{opacity:.8}.dungeon-card h3{margin:0 0 4px}.dungeon-card .pill{margin-left:0}.dungeon-card>button{margin-top:auto}.boss-line{color:var(--muted)}.loot-preview{flex-wrap:wrap;gap:4px;display:flex}.loot-preview>span{background:var(--panel-3);border-radius:6px;padding:2px;display:inline-flex}.loot-preview>span.rare{box-shadow:inset 0 0 0 1px var(--gold), 0 0 8px #ffcf5a59}.instance-header{position:relative;overflow:hidden}.wave-banner{letter-spacing:1px;color:var(--gold);text-shadow:0 2px 8px #0009;animation:banner 2.4s var(--ease) both;pointer-events:none;font-size:22px;font-weight:800;position:absolute;bottom:10px;right:18px}.monster-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.monster{text-align:center;max-width:220px;transition:opacity .6s, filter .6s, transform .6s var(--ease);animation:spawn .5s var(--ease) both;flex-direction:column;flex:130px;align-items:center;display:flex}.monster.boss{flex-basis:200px;max-width:280px}.monster.boss .monster-name{color:var(--gold);font-weight:700}.monster.dead{opacity:.25;filter:grayscale();transform:scale(.92)}.monster-name{margin-top:4px;font-size:14px}.monster .bar{width:100%}.portrait{display:inline-flex;position:relative}.portrait .icon.idle{animation:2.6s ease-in-out infinite breathe}.portrait .icon.hit{animation:hit .35s var(--ease)}.meter-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:140px 1fr;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:2px 4px;display:grid}.meter-row:hover,.meter-row.open{background:var(--panel-2);border-color:var(--border)}.meter-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.meter-row .bar{margin:0}.raid-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.raider{background:var(--panel-2);border:1px solid var(--border);animation:fade-up .35s var(--ease) both;border-radius:6px;padding:6px 8px;font-size:14px;transition:opacity .5s,filter .5s;position:relative}.raider.me{border-color:var(--accent);box-shadow:0 0 0 1px #7c9cff4d}.raider.dead{opacity:.35;filter:grayscale()}.raider.hit-a{animation:raider-hit-a .35s var(--ease)}.raider.hit-b{animation:raider-hit-b .35s var(--ease)}.raider-top{align-items:center;gap:6px;display:flex;position:relative}.raider-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.raider-food{display:inline-flex}.raider-gear{grid-template-columns:repeat(8,24px);justify-content:space-between;gap:1px;margin-top:5px;display:grid}.raider-gear .empty .icon{opacity:.14;filter:grayscale()}.raider-stats{margin-top:3px;font-size:13px}.log{max-height:300px;color:var(--muted);flex-direction:column;gap:1px;font-size:14px;display:flex;overflow-y:auto}.log-line{border-left:3px solid #0000;border-radius:4px;grid-template-columns:38px 20px 1fr;align-items:center;gap:4px;padding:2px 4px;display:grid}.log-time{font-variant-numeric:tabular-nums;color:var(--muted);opacity:.7;font-size:11px}.log-mark{justify-content:center;display:inline-flex}.log-ability{color:#c9b6ff;border-left-color:#9b7bff}.log-food{color:#9ff0b8;border-left-color:var(--good)}.log-mana{color:#9cc8ff;border-left-color:#5aa9ff}.log-loot{color:var(--gold);border-left-color:var(--gold);background:#ffcf5a0f}.log-kill{color:var(--text)}.log-death{color:#ff9a9a;border-left-color:var(--bad);background:#ff6b6b0f}.log-wave{color:var(--accent);border-left-color:var(--accent);font-weight:700}.log-revive{color:#9ff0b8}.log .fresh{color:var(--text);animation:fade-up .4s var(--ease)}.floaters{pointer-events:none;position:absolute;top:0;left:50%}.floater{white-space:nowrap;text-shadow:0 1px #000,0 0 6px #000c;animation:float-up 1.1s var(--ease) forwards;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;position:absolute;top:-4px;left:0;transform:translate(-50%)}.raider .floaters{left:auto;right:12px}.floater.dmg{color:#ff8080}.floater.heal{color:var(--good)}.chat{flex-direction:column;height:100%;display:flex}.chat-tabs{border-bottom:1px solid var(--border);gap:2px;padding:6px;display:flex}.chat-tabs .tab{text-transform:capitalize;padding:4px 8px}.chat-log{scroll-behavior:smooth;flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow-y:auto}.chat-msg{word-break:break-word;animation:fade-up .25s var(--ease)}.chat-input{border-top:1px solid var(--border);padding:6px}.chat-input input{width:100%}.level-progress{flex-direction:column;gap:6px;margin-top:8px;display:flex}.progress-info{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.progress-bar{background:var(--bg2);border:1px solid var(--border);border-radius:3px;height:16px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.progress-fill{background:linear-gradient(135deg, var(--accent) 0%, var(--gold) 100%);height:100%;transition:width .3s}.time-calculator{background:var(--bg2);border:1px solid var(--border);border-radius:4px;margin-top:12px;padding:12px}.calc-header{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.calc-inputs{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.calc-input-group{flex-direction:column;gap:4px;display:flex}.calc-input-group label{color:var(--muted);font-size:11px}.calc-input{border:1px solid var(--border);background:var(--bg);width:60px;color:var(--text);border-radius:3px;padding:6px 8px;font-size:12px}.calc-input:focus{border-color:var(--accent);outline:none}.calc-result{background:var(--accent);color:#000;white-space:nowrap;border-radius:3px;padding:8px 12px;font-size:13px;font-weight:600}.toasts{z-index:10;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:72px;left:16px}.toast{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);animation:slide-in .35s var(--ease);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 4px 20px #0006}.toast span{flex:1}.toast-success{border-left-color:var(--good)}.toast-error{border-left-color:var(--bad)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login form{width:min(360px,100%);animation:fade-up .5s var(--ease);flex-direction:column;gap:10px;display:flex}.login h1{color:var(--accent)}.fade-in{animation:fade-up .3s var(--ease) both}.bob{animation:1.4s ease-in-out infinite bob}.pulse{animation:1.8s ease-in-out infinite pulse-glow}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes hit{0%{filter:brightness();transform:translate(0)scale(1)}20%{filter:brightness(2.2)saturate(.4);transform:translate(-5px)scale(.96)}45%{transform:translate(4px)}70%{transform:translate(-2px)}to{filter:none;transform:none}}@keyframes raider-hit-a{0%,to{box-shadow:none;transform:none}30%{transform:translate(-2px);box-shadow:inset 0 0 0 1px #ff6b6bb3}60%{transform:translate(2px)}}@keyframes raider-hit-b{0%,to{box-shadow:none;transform:none}30%{transform:translate(-2px);box-shadow:inset 0 0 0 1px #ff6b6bb3}60%{transform:translate(2px)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,4px)scale(.8)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}@keyframes spawn{0%{opacity:0;transform:translateY(-10px)scale(.9)}to{opacity:1;transform:none}}@keyframes banner{0%{opacity:0;transform:translate(30px)scale(.9)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:.18}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c9cff80}50%{box-shadow:0 0 0 6px #7c9cff00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0!important;scroll-behavior:auto!important;animation:none!important}}@media (width<=600px){.wave-banner{margin-top:6px;font-size:16px;position:static}}:root{--r-common:#c8ccd8;--r-uncommon:#4fd18b;--r-rare:#5aa9ff;--r-epic:#c07bff;--r-legendary:#ffa63d}.rn.r-common{color:var(--r-common)}.rn.r-uncommon{color:var(--r-uncommon)}.rn.r-rare{color:var(--r-rare)}.rn.r-epic{color:var(--r-epic)}.rn.r-legendary{color:var(--r-legendary);font-weight:700}.item-tile.r-uncommon,.slot.r-uncommon,.food-option.r-uncommon{border-color:#4fd18b8c}.item-tile.r-rare,.slot.r-rare,.food-option.r-rare{border-color:#5aa9ff99}.item-tile.r-epic,.slot.r-epic,.food-option.r-epic{border-color:#c07bffb3;box-shadow:0 0 10px #c07bff2e}.item-tile.r-legendary,.slot.r-legendary,.food-option.r-legendary{border-color:var(--r-legendary);animation:2.4s ease-in-out infinite legendary-glow;box-shadow:0 0 12px #ffa63d4d}.item-tile.r-uncommon .item-name{color:var(--r-uncommon)}.item-tile.r-rare .item-name{color:var(--r-rare)}.item-tile.r-epic .item-name{color:var(--r-epic)}.item-tile.r-legendary .item-name{color:var(--r-legendary)}.item-chip.r-epic .icon,.loot-preview .r-epic{filter:drop-shadow(0 0 3px #c07bffb3)}.item-chip.r-legendary .icon,.loot-preview .r-legendary{filter:drop-shadow(0 0 4px #ffa63de6)}.loot-preview>span.r-legendary{box-shadow:inset 0 0 0 1px var(--r-legendary)}.loot-preview>span.r-epic{box-shadow:inset 0 0 0 1px var(--r-epic)}@keyframes legendary-glow{0%,to{box-shadow:0 0 8px #ffa63d40}50%{box-shadow:0 0 16px #ffa63d80}}.count-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.count-picker input{text-align:center;width:70px;padding:3px 8px}.count-picker .chip{padding:2px 8px}.style-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:10px 0;display:grid}.style-card{text-align:center;background:var(--panel-2);flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.style-card:hover:not(.selected){transform:translateY(-2px)}.style-card.selected{border-color:var(--good);box-shadow:0 0 0 2px #4fd18b4d}.ability-group{opacity:.75;margin-top:12px}.ability-group.active{opacity:1}.ability-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.ability{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 10px;transition:border-color .2s;display:flex}.ability.on{border-color:#7c9cff80}.ability.locked{opacity:.5}.ability.locked .icon{filter:grayscale()}.toggle{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle span{background:var(--panel-3);border:1px solid var(--border);cursor:pointer;border-radius:999px;transition:background .2s;position:absolute;inset:0}.toggle span:after{content:"";background:var(--muted);width:14px;height:14px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+span{border-color:var(--accent);background:#7c9cff59}.toggle input:checked+span:after{background:var(--accent);transform:translate(16px)}.toggle input:disabled+span{cursor:not-allowed;opacity:.5}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-size:15px;display:inline-flex}.toggle-label.disabled{cursor:not-allowed;color:var(--muted)}.drops summary{cursor:pointer;justify-content:space-between;align-items:center;gap:6px;list-style:none;display:flex}.drops summary::-webkit-details-marker{display:none}.drops[open] summary .muted{color:var(--text)}.drops[open] .drop-table{animation:fade-up .25s var(--ease)}.drop-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:14px}.drop-table td{border-top:1px solid var(--border);vertical-align:middle;padding:2px 4px}.drop-table td:first-child{width:28px}.drop-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.buffs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.buff{background:var(--panel-2);animation:fade-up .3s var(--ease);border:1px solid #7c9cff66;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 4px;font-size:14px;display:inline-flex}.run-loot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.run-loot .item-chip{background:var(--panel-2);animation:fade-up .35s var(--ease);border-radius:6px;padding:1px 6px 1px 2px}.revive{color:var(--warn);text-align:center;background:#f3c96914;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:13px}.raider.dead .revive{opacity:1}.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.beast{flex-direction:column;gap:8px;display:flex}.beast h3{margin:0 0 4px}.beast.boss{border-color:#ffcf5a66}.beast.boss h3{color:var(--gold)}.beast.unseen .beast-icon{filter:grayscale()brightness(.55)}.beast .pill{text-transform:capitalize;margin-left:0}.pill.role-boss{color:var(--gold);border-color:#ffcf5a80}.pill.role-elite{color:#d7a6ff;border-color:#d7a6ff66}.beast-stats{align-items:center;gap:12px;display:flex}.beast-stats span{align-items:center;gap:4px;display:inline-flex}.coins{color:var(--gold);align-items:center;gap:5px;font-weight:700;display:inline-flex}.market-table td{vertical-align:middle}.icon-cell{width:40px}.qty-input{width:80px;padding:4px 6px}.market-table .actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.sell-picker{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;max-height:190px;display:grid;overflow-y:auto}.item-tile.small{padding:6px 2px 4px;animation:none}.item-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px #7c9cff59}.stack[hidden]{display:none}.market-link{color:var(--accent);cursor:pointer;background:0 0;border-color:#0000;padding:0}.market-link:hover:not(:disabled){background:0 0;border-color:#0000;text-decoration:underline}.market-tabs{margin:4px 0 8px}.chip-count{background:var(--panel-3);color:var(--muted);border-radius:999px;margin-left:6px;padding:0 6px;font-size:12px}.chip.active .chip-count{color:inherit;background:#0b0d1440}.market-legend{margin:6px 0 0}.mt-ask{color:var(--gold)}.mt-bid{color:#7fb8ff}.market-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;margin-top:8px;display:grid}.market-tile{background:var(--panel-2);flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 4px 6px;display:flex;position:relative}.market-tile:not(.traded){opacity:.55}.market-tile:hover{opacity:1}.market-tile.r-rare{border-color:#5aa9ff99}.market-tile.r-epic{border-color:#c07bffb3}.market-tile.r-legendary{border-color:var(--r-legendary)}.market-tile .qty{text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;position:absolute;top:4px;right:6px}.mt-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.2;overflow:hidden}.mt-prices{font-variant-numeric:tabular-nums;justify-content:space-between;width:100%;padding:0 4px;font-size:12px;font-weight:600;display:flex}.market-head{flex-wrap:wrap}.book-count{font-weight:400;display:block}.market-title{margin:0}.market-book{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}@media (width<=900px){.market-book{grid-template-columns:1fr}}.market-book .book th{color:var(--muted);text-align:left;padding:4px;font-size:12px;font-weight:600}.market-book .book th.num{text-align:right}.market-book .book .price{font-weight:700}.market-book section:first-child .book .price{color:var(--gold)}.market-book section:last-child .book .price{color:#7fb8ff}.market-book .book tr.mine td{background:#7c9cff14}.market-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);margin:8px 0;padding:10px}.market-form .row{flex-wrap:wrap}.bar-mana .bar-fill{background:linear-gradient(90deg,#3c6fd8,#6fb6ff)}.bar.mana{height:5px;margin-top:2px}.pill.tiny{margin-left:0;padding:0 6px;font-size:11px}.pill.kind-dungeon{color:#7fd6c2;border-color:#7fd6c266}.chip.kind-dungeon.active{background:#7fd6c2;border-color:#7fd6c2}.chip.kind-raid.active{background:#d7a6ff;border-color:#d7a6ff}.mode-toggle{gap:6px;display:flex}.context-menu{z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;animation:menu-in .12s var(--ease);flex-direction:column;padding:4px;display:flex;position:fixed;box-shadow:0 10px 30px #00000080}.context-title{color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:4px;padding:6px 10px 4px;font-size:14px;font-weight:700}.context-menu button{text-align:left;background:0 0;border-color:#0000;padding:7px 10px;font-size:15px}.context-menu button:hover:not(:disabled){background:var(--panel-2);border-color:var(--border)}.context-menu button.danger{color:var(--bad)}@keyframes menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.item-tile-wrap{display:flex;position:relative}.item-tile-wrap .item-tile{flex:1}.tile-more{background:var(--panel-3);opacity:0;padding:0 6px;font-size:14px;line-height:1.2;transition:opacity .15s;position:absolute;top:2px;left:2px}.item-tile-wrap:hover .tile-more,.tile-more:focus-visible{opacity:1}@media (hover:none){.tile-more{opacity:.8}}.subclass-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px;display:grid}.style-card.subclass.locked{opacity:.55}.style-card.subclass.locked .icon{filter:grayscale()}.slot-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:14px;display:grid}.ability-slot{text-align:center;background:var(--panel-2);border-radius:var(--radius);border:1px solid #7c9cff80;flex-direction:column;align-items:center;gap:4px;min-height:132px;padding:10px 6px 8px;display:flex;position:relative}.ability-slot.empty{border-style:dashed;border-color:var(--border);justify-content:center}.slot-no{color:var(--muted);font-size:13px;font-weight:700;position:absolute;top:4px;left:8px}.mana-cost{color:#6fb6ff;font-size:13px}.slot-actions{gap:4px;margin-top:auto;display:flex}.slot-actions button{padding:2px 8px}.other-classes{margin-top:16px}.other-classes summary{cursor:pointer}.meter-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.meter-row.me .meter-name{color:var(--accent);font-weight:700}.meter-name{align-items:center;gap:4px;display:inline-flex}.meter-total{margin-top:6px}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.achievement{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:10px;display:flex}.achievement.done{border-color:#ffcf5a8c;box-shadow:0 0 10px #ffcf5a1f}.achievement.done strong{color:var(--gold)}.achievement>.icon{flex-shrink:0}.achievement-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.achievement-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.achievement-head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.achievement-progress{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:4px;display:grid}.achievement-progress .bar{margin:0}.achievement.done .bar-progress .bar-fill{background:linear-gradient(90deg, #c99a2e, var(--gold))}.tabular{font-variant-numeric:tabular-nums;white-space:nowrap}.stats.lifetime{color:var(--muted);margin-bottom:0;font-weight:500}.activity-log{flex-direction:column;gap:4px;margin-top:8px;display:flex}.log-entry{background:var(--panel-2);border-left:3px solid var(--border);animation:fade-up .25s var(--ease);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.log-entry.kind-loot{border-left-color:var(--gold)}.log-entry.kind-xp{border-left-color:var(--accent)}.log-entry.kind-level{border-left-color:var(--good)}.log-entry.kind-achievement{border-left-color:var(--r-legendary)}.log-entry.kind-trade,.log-entry.kind-sale{border-left-color:#7fd6c2}.leaderboard-layout{grid-template-columns:250px 1fr;align-items:start;gap:12px;display:grid}.board-list{flex-direction:column;gap:2px;max-height:calc(100vh - 120px);padding:8px;display:flex;overflow-y:auto}.board{border-collapse:collapse;width:100%}.board th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px;font-size:14px;font-weight:600}.board td{border-top:1px solid var(--border);padding:8px 6px}.board .num{text-align:right;font-variant-numeric:tabular-nums}.board tr.me td{background:#7c9cff1f;font-weight:700}.board tr.gap td{text-align:center;color:var(--muted);border:none}.rank{width:48px;color:var(--muted);font-weight:700}.rank.gold{color:var(--gold)}.rank.silver{color:#d8dde8}.rank.bronze{color:#d9965b}.patch ul{flex-direction:column;gap:6px;margin:6px 0 0;padding-left:20px;display:flex}.patch.current{border-color:#4fd18b73}.index-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.index-detail{position:sticky;top:0}.index-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));max-height:60vh;padding:2px;overflow-y:auto}input.full{width:100%;margin-bottom:8px}.facts{margin:0;padding-left:20px}.recipe{background:var(--panel-2);border-radius:6px;margin-bottom:6px;padding:8px 10px}.recipe-io{margin-top:6px}.link-chip{background:var(--panel-3);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pill.r-uncommon{color:var(--r-uncommon)}.pill.r-rare{color:var(--r-rare)}.pill.r-epic{color:var(--r-epic)}.pill.r-legendary{color:var(--r-legendary)}.trade-window{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-top:8px;display:grid}.trade-arrows{color:var(--muted);align-self:center;font-size:28px}.offer{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;min-height:160px;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex}.offer.confirmed{border-color:var(--good);box-shadow:0 0 0 2px #4fd18b40}.offer-line{align-items:center;gap:8px;display:flex}.offer form{margin-top:auto}.trade-confirm{margin-top:12px}@media (width<=900px){.leaderboard-layout,.index-layout{grid-template-columns:1fr}.board-list{flex-flow:wrap;max-height:none}.board-list .nav-item{width:auto}.index-detail{position:static}.trade-window{grid-template-columns:1fr}.trade-arrows{justify-self:center;transform:rotate(90deg)}}.modal-backdrop{z-index:40;background:#05060aa6;place-items:center;padding:16px;animation:.2s both fade-in-backdrop;display:grid;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);animation:modal-in .3s var(--ease) both;overflow-y:auto;box-shadow:0 20px 60px #0009}.offline-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.offline-row{background:var(--panel-2);border-radius:6px;align-items:center;gap:10px;padding:5px 10px;display:flex}.offline-row .num{font-variant-numeric:tabular-nums;font-weight:600}.offline-row .gain{color:var(--good)}.offline-row .loss{color:var(--bad)}.modal-actions{justify-content:flex-end;margin-top:8px}.run-loot-block{flex-direction:column;gap:2px;display:flex}@keyframes fade-in-backdrop{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.cast-badges{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:100%;left:0;right:0}.cast-badge{white-space:nowrap;background:var(--panel);border:1px solid var(--accent);animation:cast-pop 1.8s var(--ease) forwards;border-radius:999px;align-items:center;gap:4px;padding:1px 8px 1px 3px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00000080}.cast-badge strong{margin-left:2px}.cast-badge.fx-ability{color:#e3c6ff;border-color:#c07bff}.cast-badge.fx-food{border-color:var(--good);color:var(--good)}.cast-badge.fx-mana{color:#9fd0ff;border-color:#6fb6ff}@keyframes cast-pop{0%{opacity:0;transform:translateY(6px)scale(.85)}12%{opacity:1;transform:translateY(-2px)scale(1.06)}25%{transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.log .log-ability{color:#d9b8ff}.log .log-food{color:var(--good)}.log .log-mana{color:#9fd0ff}.log .log-loot{color:var(--gold);font-weight:600}.log>div{align-items:center;gap:6px;display:flex}.action-filters{margin-top:12px}.tooltip-card{z-index:60;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;width:max-content;max-width:320px;animation:menu-in .1s var(--ease);padding:4px;font-size:14px;position:fixed;box-shadow:0 10px 30px #00000080}.tip-head{color:var(--text);align-items:center;gap:8px;display:flex}.tip-head .rn{font-size:16px}.tip-sub{color:var(--muted);text-transform:capitalize;font-size:13px;font-weight:500}.tip-body{flex-direction:column;gap:4px;padding:4px 10px 6px;display:flex}.tip-stats{flex-wrap:wrap;gap:4px 12px;font-weight:600;display:flex}.tip-stats span{align-items:center;gap:4px;display:inline-flex}.tip-req{color:var(--muted)}.tip-req.bad{color:var(--bad)}.tip-good{color:var(--good)}.tip-mana{color:#6fb6ff}.tip-desc{color:var(--muted);font-style:italic}.tip-note{color:var(--warn)}.tip-text{white-space:pre-line;padding:6px 10px}.tip-teaches{border-left:3px solid var(--accent);flex-direction:column;gap:2px;padding-left:8px;display:flex}.tip-foot{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:5px 10px 3px;font-size:13px;display:flex}.tip-foot span{align-items:center;gap:4px;display:inline-flex}.battlefield{background:radial-gradient(ellipse at 30% 20%, #7c9cff12, transparent 60%), radial-gradient(ellipse at 80% 30%, #ff5a5a12, transparent 60%), var(--panel);grid-template-columns:minmax(0,1.5fr) 44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.bf-title{margin-bottom:8px;font-size:17px;font-weight:700}.bf-vs{justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}.bf-vs:before{content:"";border-left:2px dashed var(--border);position:absolute;top:0;bottom:0;left:50%}.bf-vs span{background:var(--panel);color:var(--muted);letter-spacing:1px;padding:6px 0;font-weight:800;position:relative}.bf-raider-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px;display:grid}.bf-enemy-grid{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;display:flex}.unit-portrait{flex-shrink:0;display:inline-flex;position:relative}.unit-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.raider-unit{background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--cls,var(--accent));border-radius:var(--radius);animation:fade-up .35s var(--ease) both;align-items:center;gap:10px;padding:8px 10px;transition:opacity .5s,filter .5s;display:flex}.raider-unit.me{box-shadow:0 0 0 1px #7c9cff73}.raider-unit.dead{opacity:.4;filter:grayscale()}.raider-unit.taunting{box-shadow:0 0 0 2px #f3c96999}.class-melee{--cls:#ff7b5c}.class-ranged{--cls:#6fe07a}.class-magic{--cls:#c48cff}.class-healer{--cls:#ffd65c}.class-support{--cls:#62b4ff}.unit-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.unit-head{align-items:center;gap:6px;display:flex}.unit-info .bar{margin-top:0}.doll{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--cls,#7c9cff) 35%, transparent), transparent 70%), var(--panel-3);border-radius:10px;display:inline-block;position:relative}.doll .doll-layer{position:absolute;inset:0}.doll.hit{animation:hit .35s var(--ease)}.shield-bubble{pointer-events:none;border:2px solid #6fb6ffcc;border-radius:50%;animation:1.6s ease-in-out infinite pulse;position:absolute;inset:-3px;box-shadow:0 0 12px #6fb6ff99,inset 0 0 12px #6fb6ff59}.enemy{text-align:center;transition:opacity .6s, filter .6s, transform .6s var(--ease);animation:spawn .5s var(--ease) both;flex-direction:column;flex:0 150px;align-items:center;gap:3px;display:flex}.enemy.boss{flex-basis:210px}.enemy.boss .unit-name{color:var(--gold);font-weight:800}.enemy.dead{opacity:.2;filter:grayscale();transform:scale(.9)}.enemy .bar{width:100%;margin-top:0}.enemy .unit-portrait .icon.idle{animation:2.6s ease-in-out infinite breathe}.enemy .unit-portrait .icon.hit{animation:hit .35s var(--ease)}.impact{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--c) 85%, white) 0%, color-mix(in srgb, var(--c) 60%, transparent) 35%, transparent 70%);mix-blend-mode:screen;border-radius:50%;width:70%;animation:.35s ease-out forwards impact;position:absolute;top:50%;left:50%}@keyframes impact{0%{opacity:.95;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.hit-numbers{pointer-events:none;z-index:3;position:absolute;top:0;left:50%}.hit-num{left:var(--dx,0);white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px #000,0 0 4px #000,0 0 8px #000c;animation:float-up 1.2s var(--ease) forwards;font-size:17px;font-weight:900;position:absolute;top:0;transform:translate(-50%)}.hit-num.k-dot{opacity:.9;font-size:14px;font-style:italic}.hit-num.k-heal{font-size:15px}.bar.timer{height:7px}.bar.timer .bar-fill{transition:none}.bar.swing .bar-fill{background:var(--cls,#8b91a7);opacity:.75}.bar.enemy-swing .bar-fill{opacity:.6;background:#ff5a5a}.bar.enemy-swing .bar-label{color:var(--warn);font-size:10px;line-height:7px}.bar.cast{height:16px}.bar.cast .bar-fill{background:linear-gradient(90deg,#d7a44a,#ffe27a)}.bar.cast .bar-label{color:#1b1405;text-shadow:none;justify-content:center;align-items:center;gap:4px;font-weight:700;line-height:16px;display:flex}.small-gear{flex-wrap:wrap;gap:2px;margin-top:1px;display:flex}.small-gear>span{background:var(--panel-3);border-radius:4px;display:inline-flex}@media (width<=1100px){.battlefield{grid-template-columns:1fr}.bf-vs{display:none}.bf-enemies{order:-1}}.scroll-icons{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.scroll-chip{background:var(--panel-3);border:1px solid var(--border);border-radius:4px;display:inline-flex}.scroll-chip.r-rare{border-color:#5aa9ff99}.scroll-chip.r-epic{border-color:#c07bffb3}.scroll-chip.r-legendary{border-color:var(--r-legendary)}.ability.unlearned{opacity:.7}.ability.unlearned .icon{filter:grayscale(.8)}.ability.r-legendary{border-color:#ffa63d8c}.ability-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.drop-hint{color:var(--warn)}.ability-slot .ability-level{color:var(--good);font-size:12px;font-weight:700;position:absolute;top:4px;right:8px}.ability-slot.r-legendary{border-color:var(--r-legendary);box-shadow:0 0 10px #ffa63d40}.chip.static{cursor:default;align-items:center;gap:4px;display:inline-flex}.chip.known{border-color:#4fd18b80}.instance-header>.row>.grow{min-width:240px}@media (width>=801px){.skills-layout{grid-template-columns:1fr}.skills-layout>.skill-list{display:none}}.skills-side .skill-list{background:0 0;border:none;padding:0}.member-activity{max-width:320px;font-size:14px}.context-menu{max-height:calc(100vh - 16px);overflow-y:auto}.context-menu button{align-items:center;gap:8px;display:flex}.menu-text{flex-direction:column;display:flex}.menu-hint{color:var(--muted);font-size:12px}.inv-section{margin-top:14px}.inv-section-head{color:var(--muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;font-size:15px;font-weight:700;display:flex}.inv-section-head .small-btn{text-transform:none;letter-spacing:0;margin-left:auto}.secondary-stats{color:var(--muted);margin-top:-6px;font-size:14px;font-weight:500}.tip-secondary{color:#7fe3c8;flex-wrap:wrap;gap:2px 10px;font-weight:600;display:flex}.tip-proc{color:var(--r-legendary);border-left:3px solid var(--r-legendary);padding-left:8px}.style-card.multiclass select{padding:4px 8px;font-size:14px}.timer-slot{align-items:center;height:16px;display:flex}.timer-slot>.bar{flex:1;margin:0}.raider-unit{min-height:112px}.enemy .unit-name{min-height:1.4em}.meter-view{gap:4px;margin-left:auto;display:inline-flex}.meter-graph{min-height:60px;margin-bottom:6px;position:relative}.mg-empty{text-align:center;padding:20px 0}.meter-graph svg{touch-action:none;display:block}.mg-grid{stroke:var(--border);stroke-width:1px}.mg-cross{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.mg-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.mg-label{fill:var(--muted);font-size:11px}.mg-label.me{fill:var(--text);font-weight:700}.mg-tip{pointer-events:none;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);z-index:2;min-width:140px;padding:6px 8px;font-size:12px;position:absolute;top:4px;box-shadow:0 6px 18px #0006}.mg-tip-time{color:var(--muted);margin-bottom:4px}.mg-tip-row{grid-template-columns:10px 1fr auto;align-items:center;gap:6px;display:grid}.mg-val{font-variant-numeric:tabular-nums;color:var(--text)}.mg-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.mg-tip-row .mg-swatch{margin:0}.mg-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;display:flex}.mg-me{color:var(--text);font-weight:700}.enemy-swing.gone{visibility:hidden}.small-btn{padding:3px 10px;font-size:13px}.chat-msg.system{color:var(--muted);border-left:2px solid var(--border);padding-left:6px;font-style:italic}.chat-msg.roll .roll-value{color:var(--gold)}.ttt{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;width:max-content;max-width:100%;margin:6px 0 2px;padding:8px;display:flex}.ttt.my-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.ttt-head{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.ttt-x{color:#7c9cff}.ttt-o{color:#ff9f6b}.ttt-board{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:4px;display:grid}.ttt-cell{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:0;font-size:22px;font-weight:800;line-height:1}.ttt-cell:disabled{cursor:default;opacity:1}.ttt-cell.mark-X{color:#7c9cff}.ttt-cell.mark-O{color:#ff9f6b}.ttt-cell.win{border-color:var(--gold);background:#ffcf5a2e}.ttt-status{color:var(--muted)}.update-modal{text-align:center;max-width:360px}.dungeon-index{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.dungeon-list{flex-direction:column;gap:2px;max-height:calc(100vh - 260px);padding:8px;display:flex;position:sticky;top:0;overflow-y:auto}.dungeon-row{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:10px;padding:6px 8px;display:flex}.dungeon-row>.grow{flex-direction:column;min-width:0;display:flex}.dungeon-row-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dungeon-row.active{background:var(--panel-2);border-color:var(--border);box-shadow:inset 3px 0 0 var(--accent)}.dungeon-row:hover:not(.active){background:var(--panel-2)}.dungeon-facts{flex-wrap:wrap;gap:6px 18px;margin:10px 0;font-size:14px;display:flex}.dungeon-facts strong{color:var(--muted);margin-right:4px;font-weight:600}.dungeon-specials{flex-wrap:wrap;gap:6px;display:flex}.dungeon-specials .item-chip{align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.wave-monsters{flex-wrap:wrap;gap:6px 16px;display:flex}.wave-monster{align-items:center;gap:6px;display:inline-flex}.wave-monster>span{flex-direction:column;display:flex}.wave-monster.boss strong{color:var(--r-legendary)}.waves-table td{vertical-align:middle}@media (width<=1050px){.dungeon-index{grid-template-columns:1fr}.dungeon-list{max-height:260px;position:static}}.breakdown{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);border-left-width:3px;flex-direction:column;gap:10px;margin:8px 0;padding:10px;display:flex}.breakdown-support{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.support-stat{background:var(--panel);border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.breakdown-table{border-collapse:collapse;width:100%;font-size:13px}.breakdown-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:2px 6px;font-weight:600}.breakdown-table th.num,.breakdown-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.breakdown-table td{padding:3px 6px;position:relative}.breakdown-source{z-index:1;position:relative}.breakdown-share{background:var(--accent);opacity:.7;border-radius:2px;height:2px;position:absolute;bottom:1px;left:0}.action-buttons{align-items:stretch;gap:6px;display:flex}.action-buttons .grow{flex:1}.queue-btn{white-space:nowrap;padding:6px 10px;font-size:13px}.queue-runs{align-items:stretch;gap:4px;display:inline-flex}.queue-runs input{text-align:center;width:52px;padding:4px}.key-line{color:var(--r-epic)}.affinity{color:var(--good);align-items:center;gap:4px;margin:2px 0 0;display:inline-flex}.style-card .affinity{display:block}.activity-chip{white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.activity-chip.has-queue{border-color:var(--accent);color:var(--accent)}.queue-box{position:relative}.queue-pop{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;width:min(420px,90vw);padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000080}.queue-list{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.queue-list li{background:var(--panel-2);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:13px;display:flex}.queue-list li .small-btn{padding:2px 7px}.sailing-fleet{flex-direction:column;gap:8px;display:flex}.expeditions{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.expedition{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:8px;display:flex}.expedition.empty{border-style:dashed;justify-content:center;align-items:center;min-height:80px}.voyage-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.voyage{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.voyage.locked{opacity:.6}.transmute-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;display:grid}.transmute-pick{flex-direction:column;gap:6px;min-width:0;display:flex}.transmute-items{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;max-height:320px;display:grid;overflow-y:auto}.item-tile.small{min-height:0;padding:4px}.item-tile.small.selected{outline:2px solid var(--accent)}.transmute-detail{background:var(--panel-2);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.transmute-odds{flex-wrap:wrap;gap:14px;display:flex}.item-chip.inline{align-items:center;gap:4px;margin:2px 4px 2px 0;padding:1px 6px;display:inline-flex}@media (width<=900px){.transmute-grid{grid-template-columns:1fr}}.cult-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.cult{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:10px;display:flex}.cult.mine{border-color:var(--r-epic);box-shadow:0 0 10px #c07bff33}.circle-row{flex-wrap:wrap;gap:6px;display:flex}.circle-row .item-chip{align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.pets{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.pet{background:var(--panel-2);border-radius:6px;flex-direction:column;align-items:center;gap:2px;width:42px;padding:2px;display:flex}.pet .unit-portrait{position:relative}.pet.gadget{border:1px dashed var(--border)}.pet .bar{width:100%;margin:0}.enemy-status{flex-wrap:wrap;justify-content:center;gap:3px;min-height:18px;display:flex}.casino-drawer{z-index:40;background:var(--panel);border-left:1px solid var(--border);flex-direction:column;gap:10px;width:min(400px,100vw);padding:12px;display:flex;position:fixed;top:64px;bottom:56px;right:0;overflow-y:auto;box-shadow:-10px 0 30px #00000073}.casino-head{align-items:center;gap:8px;font-size:18px;display:flex}.right{text-align:right}.casino-amount{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.casino-amount input{width:110px}.roulette-top{align-items:center;gap:12px;display:flex}.roulette-ball{border:3px solid var(--gold);color:#fff;background:var(--panel-3);border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:grid}.roulette-ball.red{background:#c62a3a}.roulette-ball.black{background:#1c1c22}.roulette-ball.green{background:#138a4a}.roulette-ball.landed{animation:pop .4s var(--ease)}@keyframes pop{0%{transform:scale(.7)}70%{transform:scale(1.15)}to{transform:scale(1)}}.roulette-history{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.hist{text-align:center;color:#fff;font-variant-numeric:tabular-nums;border-radius:4px;min-width:20px;padding:1px 3px;font-size:11px}.hist.red,.num.red{background:#b3263a}.hist.black,.num.black{background:#26262e}.hist.green,.num.green{background:#138a4a}.roulette-outside{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.bet-btn.red{color:#fff;background:#b3263a}.bet-btn.black{color:#fff;background:#26262e}.roulette-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.roulette-grid .num{color:#fff;border:1px solid #0000;padding:5px 0;font-size:13px;font-weight:700}.roulette-grid .num:hover:not(:disabled){border-color:var(--gold)}.roulette-grid .num.zero{grid-column:span 1}.casino-table{background:var(--panel-2);border-radius:var(--radius);flex-direction:column;gap:3px;padding:8px;display:flex}.table-bet{align-items:center;gap:8px;font-size:13px;display:flex}.table-bet.me{color:var(--accent);font-weight:700}.pill.bet-red{color:#fff;background:#b3263a}.pill.bet-black{color:#fff;background:#26262e}.pill.bet-green{color:#fff;background:#138a4a}@media (width<=800px){.casino-drawer{top:0;bottom:0}}.multiclass-icon{opacity:.85;border-left:1px solid var(--border);padding-left:3px;display:inline-flex}.hp-with-shield{position:relative}.shield-overlay{background:linear-gradient(90deg,#7fd8ff,#d8f4ff);border-radius:2px;height:4px;position:absolute;bottom:-3px;left:0;box-shadow:0 0 6px #7fd8ff}.raider-status{flex-wrap:wrap;gap:3px;min-height:20px;margin-top:2px;display:flex}.status-chip{background:var(--panel-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:3px;padding:0 5px 0 2px;font-size:11px;display:inline-flex}.status-chip.st-shield{color:#bfeaff;border-color:#7fd8ff}.status-chip.st-taunt{border-color:var(--warn);color:var(--warn)}.status-chip.st-damage{color:#ffb199;border-color:#ff8a65}.status-chip.st-ward{color:#a8d0ff;border-color:#5aa9ff}.status-chip.st-haste{border-color:var(--good);color:#a8f0c8}.status-chip.st-aura{color:#d6c8f5;border-color:#b39ddb}.market-filters{flex-wrap:wrap;margin:6px 0}.skill-unlocks{flex-direction:column;gap:6px;margin-top:10px;display:flex}.unlock-level{border-top:1px solid var(--border);grid-template-columns:64px 1fr;align-items:start;gap:8px;padding:4px 0;display:grid}.unlock-level.done{opacity:.75}.unlock-items{flex-wrap:wrap;gap:6px;display:flex}.unlock{background:var(--panel-2);border-radius:6px;align-items:center;gap:5px;padding:2px 8px 2px 2px;display:inline-flex}.unlock.locked img,.unlock.locked .icon{filter:grayscale(.7);opacity:.7}.ability-filters{flex-wrap:wrap;margin:8px 0}.ability-filters input{min-width:160px}.ability-section{margin-top:12px}.ability-section h3{margin-bottom:2px}.ability-section>p{margin:0 0 6px}.hit-num .dmg-tag{letter-spacing:.04em;text-transform:uppercase;opacity:.9;font-size:10px;font-weight:600;display:block}.hit-num.eff-weak{font-size:1.15em}.hit-num.eff-resist{opacity:.7}.dmg-type{font-weight:600}.resist-list{flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.perk-box{background:var(--panel-2,#ffffff0a);border-radius:8px;gap:4px;margin-top:10px;padding:10px 12px;display:grid}.perk-box .big{font-size:22px}.achievement-reward{color:var(--muted,#aab);flex-wrap:wrap;gap:4px 10px;margin-top:4px;display:flex}.achievement-reward span{align-items:center;gap:4px;display:inline-flex}.row.wrap{flex-wrap:wrap}.reveal-backdrop{z-index:45;background:#05060abf;place-items:center;padding:16px;animation:.2s both fade-in-backdrop;display:grid;position:fixed;inset:0}.reveal{width:min(640px,100%);max-height:calc(100vh - 32px);animation:modal-in .3s var(--ease) both;overflow-y:auto;box-shadow:0 20px 60px #0009}.reels{flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0;display:flex}.reel{text-align:center;flex-direction:column;align-items:center;gap:4px;width:110px;display:flex}.reel-window{border:2px solid var(--border,#333a50);background:linear-gradient(#0b0d14,#1b1f2e 50%,#0b0d14);border-radius:12px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.reel.spinning .reel-window{border-color:#e8e2d0}.reel-q{color:var(--muted,#778);font-size:40px}.reel-blur{filter:blur(.6px)brightness(1.2);animation:90ms linear infinite reel-flick;transform:translateY(0)}@keyframes reel-flick{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.reel .pop{animation:reel-pop .35s var(--ease) both}@keyframes reel-pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}.reel-name{min-height:2.4em;font-size:13px;line-height:1.2}.reel-sub{color:var(--muted,#aab)}.reel.land-uncommon .reel-window{border-color:var(--r-uncommon)}.reel.land-rare .reel-window{border-color:var(--r-rare);box-shadow:0 0 12px #5aa9ff80}.reel.land-epic .reel-window{border-color:var(--r-epic);box-shadow:0 0 16px #c07bff99}.reel.land-legendary .reel-window{border-color:var(--r-legendary);animation:1.6s ease-in-out infinite legendary-glow;box-shadow:0 0 24px #ffa63dd9}.reveal-all{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.reveal-chip{background:var(--panel-2);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;display:inline-flex}.shake{animation:.4s ease-in-out infinite shake}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){.reel-blur,.shake,.reel .pop{animation:none}}.summon-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.stars-have{align-items:center;gap:6px;margin-right:8px;font-size:16px;display:inline-flex}.big-btn{padding:8px 18px;font-size:15px}.companion-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.companion-card{flex-direction:column;gap:6px;display:flex}.companion-card.unowned{opacity:.6}.companion-card.active{box-shadow:inset 0 0 0 2px var(--accent)}.companion-card.r-legendary{border-color:#ffa63d99}.companion-card.r-epic{border-color:#c07bff80}.companion-portrait{background:radial-gradient(circle at 50% 40%,#ffffff14,#0000 70%),#121522;border-radius:12px;flex:none;place-items:center;display:grid}.companion-portrait.r-legendary{box-shadow:0 0 14px #ffa63d80}.companion-portrait.r-epic{box-shadow:0 0 10px #c07bff73}.companion-portrait .ghost{filter:brightness(0)opacity(.5)}.companion-active{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.star-row{color:var(--r-legendary);letter-spacing:2px}.pet.companion{border-radius:8px;outline:1px solid #ffa63d99}.breathe{animation:2.6s ease-in-out infinite breathe}.tutorial{border:1px solid var(--accent);margin-bottom:12px;box-shadow:0 0 18px #788cff2e}.tutorial p{margin:6px 0}.search-wide{min-width:200px}.login .ok{color:var(--good)}.profile-form{flex-direction:column;gap:8px;max-width:420px;display:flex}.chat-time{font-variant-numeric:tabular-nums;margin-right:2px;font-size:11px}