html:not([data-theme="dark"]) .icard {
--bg: #e6ddca;
--panel: #f7f2e7;
--panel2: #efe8d9;
--panel3: #e2d8c3;
--line: #d3c6ab;
--line2: #b8a98b;
--text: #1c1813;
--text2: #403829;
--muted: #7a6d58;
--gold: #b0342c;
--gold-dk: #8c241e;
--ink: #fff8ee;
--night: #16120e;
--night2: #221c16;
--night3: #2f2720;
--nline: #3b3229;
--ntext: #efe6d4;
--nmuted: #a3967f;
--weapon: #c9681b;
--vitality: #4a8a22;
--spirit: #7f45c9;
--move: #23789f;
--good: #23824a;
--bad: #b52f26;
--weapon-l: #f39b45; --vitality-l: #86cd55; --spirit-l: #b98af5; --move-l: #62c1e8; --good-l: #6ee39d;
--field: #fffcf5;
--hover: #fffaf0;
--faint: #b3a68e;
--radius: 2px;
--topbar: 58px;
--f-disp: Georgia, "Times New Roman", serif;
--f-ui: "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", Arial, sans-serif;
--f-body: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 2px 0 rgba(60, 45, 25, .08), 0 8px 24px -12px rgba(60, 45, 25, .35);
color-scheme: light;
}
html:not([data-theme="dark"]) .icard .stat-row .ci { width: 15px; height: 15px; flex-shrink: 0; margin: 0; color: var(--gc); }
html:not([data-theme="dark"]) .icard .stat-row.zero .ci { color: color-mix(in srgb, var(--gc) 30%, var(--faint)); font-weight: 400; }
html:not([data-theme="dark"]) .icard .phase-head .pc { font: 12px var(--f-ui); color: var(--muted); }
html:not([data-theme="dark"]) .icard .phase-head .pc b { color: var(--gold); }
html:not([data-theme="dark"]) .icard .tt-props .ps { color: var(--spirit-l); font-size: 11px; }
html:not([data-theme="dark"]) .icard .hl { color: inherit; font-weight: 700; }
html:not([data-theme="dark"]) .icard .tooltip .hl { color: #fff; }
html:not([data-theme="dark"]) .icard .at { font-weight: 600; }
html:not([data-theme="dark"]) .icard .at-SpiritDamage, html:not([data-theme="dark"]) .icard .at-Spirit, html:not([data-theme="dark"]) .icard .at-TechDamage { color: var(--spirit); }
html:not([data-theme="dark"]) .icard .at-BonusWeaponDamage, html:not([data-theme="dark"]) .icard .at-WeaponDamage, html:not([data-theme="dark"]) .icard .at-FireRate, html:not([data-theme="dark"]) .icard .at-BulletDamage { color: var(--weapon); }
html:not([data-theme="dark"]) .icard .at-Heal, html:not([data-theme="dark"]) .icard .at-Healing, html:not([data-theme="dark"]) .icard .at-MaxHealth, html:not([data-theme="dark"]) .icard .at-BonusHealth { color: var(--good); }
html:not([data-theme="dark"]) .icard .at-Slow, html:not([data-theme="dark"]) .icard .at-Immobilize, html:not([data-theme="dark"]) .icard .at-Silence, html:not([data-theme="dark"]) .icard .at-Stun { color: var(--move); }
html:not([data-theme="dark"]) .icard .impact-row .ps { color: var(--spirit); font-size: 11px; }
html:not([data-theme="dark"]) .icard .tt-props .ps.boon { color: var(--good-l); }
html:not([data-theme="dark"]) .icard .schips { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
html:not([data-theme="dark"]) .icard .schip { font: 10.5px var(--f-ui); padding: 1px 7px; border-radius: 20px; border: 1px solid; }
html:not([data-theme="dark"]) .icard .schip.sp { color: var(--spirit); border-color: var(--spirit); }
html:not([data-theme="dark"]) .icard .schip.lv { color: var(--good); border-color: var(--good); }
html:not([data-theme="dark"]) .icard .schip.bu { color: var(--weapon); border-color: var(--weapon); }
html:not([data-theme="dark"]) .icard .ps.wpn, html:not([data-theme="dark"]) .icard .tt-props .ps.wpn { color: var(--weapon); }
html:not([data-theme="dark"]) .icard .card {
--h1: #8a56b8; --h2: #3c2556; --body: #1d1726; --bar: rgba(0, 0, 0, .3); --cell: rgba(0, 0, 0, .25);
width: 370px; border-radius: 6px; overflow: hidden; color: #efe9dc;
background: var(--body); box-shadow: 0 18px 44px rgba(30, 20, 10, .55), 0 0 0 1px rgba(0,0,0,.6);
font-size: 13.5px; line-height: 1.4;
}
html:not([data-theme="dark"]) .icard .card.weapon { --h1: #c97e33; --h2: #5e3410; --body: #241a12; }
html:not([data-theme="dark"]) .icard .card.vitality { --h1: #649a3c; --h2: #284019; --body: #182013; }
html:not([data-theme="dark"]) .icard .card.spirit { --h1: #8a58bf; --h2: #3c2556; --body: #1d1726; }
html:not([data-theme="dark"]) .icard .card-h { display: flex; gap: 11px; align-items: flex-start; padding: 13px 14px 11px; background: linear-gradient(160deg, var(--h1), var(--h2)); position: relative; }
html:not([data-theme="dark"]) .icard .card-ht { flex: 1; min-width: 0; }
html:not([data-theme="dark"]) .icard .card-title { font: 700 22px/1.12 var(--f-disp); color: #fff8ec; text-shadow: 0 2px 0 rgba(0,0,0,.35); }
html:not([data-theme="dark"]) .icard .card-sub { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font: 12px var(--f-ui); color: rgba(255,248,236,.82); margin-top: 3px; }
html:not([data-theme="dark"]) .icard .card-sub.muted { color: rgba(255,248,236,.55); margin-top: 1px; }
html:not([data-theme="dark"]) .icard .card-cost { color: #7ff0d2; font: 700 14.5px var(--f-ui); display: inline-flex; align-items: center; gap: 3px; }
html:not([data-theme="dark"]) .icard .card-act { background: #f3c98a; color: #2a1a06; font: 800 10px var(--f-ui); padding: 1px 6px; border-radius: 3px; letter-spacing: .1em; }
html:not([data-theme="dark"]) .icard .card-img { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; filter: drop-shadow(0 3px 6px rgba(0,0,0,.55)); }
html:not([data-theme="dark"]) .icard .card-img.round { border-radius: 50%; background: rgba(0,0,0,.35); padding: 4px; }
html:not([data-theme="dark"]) .icard .card .schips { margin-top: 6px; }
html:not([data-theme="dark"]) .icard .card .schip { background: rgba(0,0,0,.3); }
html:not([data-theme="dark"]) .icard .card .schip.sp { color: var(--spirit-l); border-color: var(--spirit-l); }
html:not([data-theme="dark"]) .icard .card .schip.lv { color: var(--good-l); border-color: var(--good-l); }
html:not([data-theme="dark"]) .icard .card .schip.bu { color: #f3c98a; border-color: #f3c98a; }
html:not([data-theme="dark"]) .icard .card-innate { padding: 9px 14px; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid rgba(255,255,255,.06); }
html:not([data-theme="dark"]) .icard .inn { font-size: 13.5px; color: #e9e3d6; }
html:not([data-theme="dark"]) .icard .inn b { font: 700 14px var(--f-ui); }
html:not([data-theme="dark"]) .icard .inn small { font-weight: 700; }
html:not([data-theme="dark"]) .icard .card-bar { display: flex; justify-content: space-between; align-items: center; background: var(--bar); padding: 5px 14px; font: italic 600 12.5px var(--f-disp); color: rgba(255,248,236,.75); }
html:not([data-theme="dark"]) .icard .card-bar.act { color: #f3c98a; }
html:not([data-theme="dark"]) .icard .card-cd { font: normal 700 12px var(--f-ui); color: #fff; background: rgba(0,0,0,.35); padding: 1px 8px; border-radius: 3px; display: inline-flex; align-items: center; gap: 4px; }
html:not([data-theme="dark"]) .icard .card-sec { padding: 9px 14px 11px; display: flex; flex-direction: column; gap: 8px; }
html:not([data-theme="dark"]) .icard .card-text { color: #ebe5d8; }
html:not([data-theme="dark"]) .icard .card-text.small { font-size: 12.5px; color: #c9c3b6; }
html:not([data-theme="dark"]) .icard .card-text .hl { color: #fff; font-weight: 700; }
html:not([data-theme="dark"]) .icard .card-text .at { font-weight: 700; }
html:not([data-theme="dark"]) .icard .card .at-SpiritDamage, html:not([data-theme="dark"]) .icard .card .at-Spirit, html:not([data-theme="dark"]) .icard .card .at-TechDamage { color: var(--spirit-l); }
html:not([data-theme="dark"]) .icard .card .at-BonusWeaponDamage, html:not([data-theme="dark"]) .icard .card .at-WeaponDamage, html:not([data-theme="dark"]) .icard .card .at-FireRate, html:not([data-theme="dark"]) .icard .card .at-BulletDamage { color: var(--weapon-l); }
html:not([data-theme="dark"]) .icard .card .at-Heal, html:not([data-theme="dark"]) .icard .card .at-Healing, html:not([data-theme="dark"]) .icard .card .at-MaxHealth, html:not([data-theme="dark"]) .icard .card .at-BonusHealth { color: var(--good-l); }
html:not([data-theme="dark"]) .icard .card .at-Slow, html:not([data-theme="dark"]) .icard .card .at-Immobilize, html:not([data-theme="dark"]) .icard .card .at-Silence, html:not([data-theme="dark"]) .icard .card .at-Stun { color: var(--move-l); }
html:not([data-theme="dark"]) .icard .card-props { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
html:not([data-theme="dark"]) .icard .pc { background: var(--cell); border-radius: 4px; padding: 6px 8px; font-size: 12.5px; color: #d9d2c4; position: relative; }
html:not([data-theme="dark"]) .icard .pc .pc-v { font: 700 13.5px var(--f-ui); color: #fff; display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
html:not([data-theme="dark"]) .icard .pc .pc-v small { font-weight: 600; font-size: .85em; opacity: .85; margin-left: 1px; }
html:not([data-theme="dark"]) .icard .pc.big { text-align: center; padding: 10px 6px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
html:not([data-theme="dark"]) .icard .pc.big .pc-v { font: 700 21px var(--f-disp); }
html:not([data-theme="dark"]) .icard .pc.big .pc-l { font: 600 11.5px var(--f-ui); margin-top: 2px; }
html:not([data-theme="dark"]) .icard .pc .pc-sc { position: absolute; top: 3px; right: 4px; font-size: 10px; }
html:not([data-theme="dark"]) .icard .pc .pc-base, html:not([data-theme="dark"]) .icard .pc .pc-x { display: block; font-size: 10.5px; color: #a29c90; margin-top: 2px; }
html:not([data-theme="dark"]) .icard .pc .pc-x.heal { color: #5ff09a; }
html:not([data-theme="dark"]) .icard .pc.c-spirit .pc-l, html:not([data-theme="dark"]) .icard .pc.big.c-spirit .pc-v { color: #d4a8ff; }
html:not([data-theme="dark"]) .icard .pc.c-heal .pc-l, html:not([data-theme="dark"]) .icard .pc.big.c-heal .pc-v { color: #5ff09a; }
html:not([data-theme="dark"]) .icard .pc.c-weapon .pc-l, html:not([data-theme="dark"]) .icard .pc.big.c-weapon .pc-v { color: #ffa552; }
html:not([data-theme="dark"]) .icard .pc.c-move .pc-l, html:not([data-theme="dark"]) .icard .pc.big.c-move .pc-v { color: #7fcbff; }
html:not([data-theme="dark"]) .icard .pc:not(.big) .pc-l { color: #c9c3b6; }
html:not([data-theme="dark"]) .icard .pc:not(.big).c-spirit .pc-v { color: #d4a8ff; }
html:not([data-theme="dark"]) .icard .pc:not(.big).c-heal .pc-v { color: #5ff09a; }
html:not([data-theme="dark"]) .icard .pc:not(.big).c-weapon .pc-v { color: #ffa552; }
html:not([data-theme="dark"]) .icard .inn.c-spirit b { color: #d4a8ff; }
html:not([data-theme="dark"]) .icard .inn.c-heal b { color: #5ff09a; }
html:not([data-theme="dark"]) .icard .inn.c-weapon b { color: #ffa552; }
html:not([data-theme="dark"]) .icard .inn.c-move b { color: #7fcbff; }
html:not([data-theme="dark"]) .icard .card .ps { background: rgba(0,0,0,.35); border-radius: 3px; padding: 0 4px; font: 700 10.5px var(--f-ui); color: var(--spirit-l); }
html:not([data-theme="dark"]) .icard .ci { display: inline-block; width: 1em; height: 1em; background: currentColor; vertical-align: -0.12em; margin-right: 2px;
-webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
html:not([data-theme="dark"]) .icard .card-cost .ci { width: 13px; height: 13px; }
html:not([data-theme="dark"]) .icard .card-foot { padding: 8px 14px 10px; background: rgba(0,0,0,.22); border-top: 1px solid rgba(255,255,255,.06); display: flex; flex-direction: column; gap: 4px; }
html:not([data-theme="dark"]) .icard .card-foot-h { font: 700 10.5px var(--f-ui); letter-spacing: .14em; text-transform: uppercase; color: rgba(255,248,236,.58); }
html:not([data-theme="dark"]) .icard .card-foot-h span { text-transform: none; letter-spacing: 0; font-weight: 400; margin-left: 4px; }
html:not([data-theme="dark"]) .icard .card-link { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: 13px; }
html:not([data-theme="dark"]) .icard .card-link img { width: 24px; height: 24px; object-fit: contain; border-radius: 3px; background: rgba(0,0,0,.3); }
html:not([data-theme="dark"]) .icard .card-link small { font-weight: 400; color: #a29c90; }
html:not([data-theme="dark"]) .icard .card-stats { padding: 7px 14px; font-size: 12px; color: #c9c3b6; border-top: 1px solid rgba(255,255,255,.06); }
html:not([data-theme="dark"]) .icard .card-stats .wr-good { color: var(--good-l); }
html:not([data-theme="dark"]) .icard .card-stats .wr-bad { color: #ff8a7a; }
html:not([data-theme="dark"]) .icard .card-hint { padding: 5px 14px 7px; font: 11px var(--f-ui); color: #8a8579; background: rgba(0,0,0,.3); }
html:not([data-theme="dark"]) .icard .card-tier { display: grid; grid-template-columns: 22px 1fr auto; gap: 8px; align-items: start; font-size: 12.5px; color: #b5afa2; }
html:not([data-theme="dark"]) .icard .card-tier .tb { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font: 800 11px var(--f-ui); background: rgba(0,0,0,.35); color: #8a8579; }
html:not([data-theme="dark"]) .icard .card-tier .ap { font: 11px var(--f-ui); color: #8a8579; }
html:not([data-theme="dark"]) .icard .card-tier.own { color: #fff; }
html:not([data-theme="dark"]) .icard .card-tier.own .tb { background: var(--spirit-l); color: #1d1726; }
html:not([data-theme="dark"]) .icard .card-page { color: inherit; font-weight: 700; }
@font-face { font-family: "DLB Bahnschrift"; src: local("Bahnschrift"); font-weight: 300 700; size-adjust: 95%; }
html[data-theme="dark"] .icard {
--bg: #080b0c;
--bg2: #0b1012;
--panel: #10171a;
--panel2: #142024;
--panel3: #1b2a2e;
--line: #22302f;
--line2: #34463f;
--text: #ebe6d9;
--text2: #c9c5b8;
--muted: #84918b;
--gold: #4fdcb8;
--gold-hi: #7cf0d2;
--ink: #03140f;
--brass: #cfb27a;
--weapon: #f0993f;
--vitality: #7fcb52;
--spirit: #b583f2;
--move: #59bce4;
--good: #6ee39d;
--bad: #f26b63;
--radius: 3px;
--topbar: 56px;
--f-ui: "DLB Bahnschrift", "Bahnschrift", "DIN Alternate", "Segoe UI", system-ui, sans-serif;
--f-disp: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
--f-body: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
--glow: 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 0 18px color-mix(in srgb, var(--gold) 22%, transparent);
color-scheme: dark;
}
html[data-theme="dark"] .icard .stat-row .ci { width: 15px; height: 15px; flex-shrink: 0; margin: 0; color: var(--gc); }
html[data-theme="dark"] .icard .stat-row.zero .ci { color: #56625d; font-weight: 400; }
html[data-theme="dark"] .icard .phase-head .pc { font: 12px var(--f-ui); color: var(--muted); letter-spacing: .02em; }
html[data-theme="dark"] .icard .phase-head .pc b { color: var(--gold); }
html[data-theme="dark"] .icard .tt-props .ps { color: var(--spirit); font-size: 11px; }
html[data-theme="dark"] .icard .hl { color: #fff; font-weight: 600; }
html[data-theme="dark"] .icard .at { font-weight: 600; }
html[data-theme="dark"] .icard .at-SpiritDamage, html[data-theme="dark"] .icard .at-Spirit, html[data-theme="dark"] .icard .at-TechDamage { color: var(--spirit); }
html[data-theme="dark"] .icard .at-BonusWeaponDamage, html[data-theme="dark"] .icard .at-WeaponDamage, html[data-theme="dark"] .icard .at-FireRate, html[data-theme="dark"] .icard .at-BulletDamage { color: var(--weapon); }
html[data-theme="dark"] .icard .at-Heal, html[data-theme="dark"] .icard .at-Healing, html[data-theme="dark"] .icard .at-MaxHealth, html[data-theme="dark"] .icard .at-BonusHealth { color: var(--good); }
html[data-theme="dark"] .icard .at-Slow, html[data-theme="dark"] .icard .at-Immobilize, html[data-theme="dark"] .icard .at-Silence, html[data-theme="dark"] .icard .at-Stun { color: #7fcbff; }
html[data-theme="dark"] .icard .impact-row .ps { color: var(--spirit); font-size: 11px; }
html[data-theme="dark"] .icard .tt-props .ps.boon { color: #7fd0a0; }
html[data-theme="dark"] .icard .schips { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
html[data-theme="dark"] .icard .schip { font: 10.5px var(--f-ui); letter-spacing: .03em; padding: 1px 6px; border: 1px solid; }
html[data-theme="dark"] .icard .schip.sp { color: var(--spirit); border-color: var(--spirit); }
html[data-theme="dark"] .icard .schip.lv { color: #7fd0a0; border-color: #7fd0a0; }
html[data-theme="dark"] .icard .schip.bu { color: var(--brass); border-color: var(--brass); }
html[data-theme="dark"] .icard .ps.wpn, html[data-theme="dark"] .icard .tt-props .ps.wpn { color: var(--weapon); }
html[data-theme="dark"] .icard .card {
--h1: #8a56b8; --h2: #3c2556; --body: #1d1726; --bar: rgba(0, 0, 0, .3); --cell: rgba(0, 0, 0, .25);
width: 370px; border-radius: var(--radius); overflow: hidden; color: #efe9dc;
background: var(--body); box-shadow: 0 18px 50px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.1) inset;
font-size: 13.5px; line-height: 1.4;
}
html[data-theme="dark"] .icard .card.weapon { --h1: #c97e33; --h2: #5e3410; --body: #241a12; }
html[data-theme="dark"] .icard .card.vitality { --h1: #649a3c; --h2: #284019; --body: #182013; }
html[data-theme="dark"] .icard .card.spirit { --h1: #8a58bf; --h2: #3c2556; --body: #1d1726; }
html[data-theme="dark"] .icard .card-h { display: flex; gap: 11px; align-items: flex-start; padding: 13px 14px 11px; background: linear-gradient(160deg, var(--h1), var(--h2)); position: relative; border-bottom: 1px solid rgba(0,0,0,.4); }
html[data-theme="dark"] .icard .card-h::after { content: ''; position: absolute; inset: auto 0 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); }
html[data-theme="dark"] .icard .card-ht { flex: 1; min-width: 0; }
html[data-theme="dark"] .icard .card-title { font: 400 22px/1.12 var(--f-disp); letter-spacing: .03em; color: #fff8ec; text-shadow: 0 2px 0 rgba(0,0,0,.4); }
html[data-theme="dark"] .icard .card-sub { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; font: 12px var(--f-ui); letter-spacing: .03em; color: rgba(255,248,236,.82); margin-top: 3px; }
html[data-theme="dark"] .icard .card-sub.muted { color: rgba(255,248,236,.55); margin-top: 1px; }
html[data-theme="dark"] .icard .card-cost { color: #7ff0d2; font: 700 14.5px var(--f-ui); display: inline-flex; align-items: center; gap: 3px; text-shadow: 0 0 8px rgba(127,240,210,.5); }
html[data-theme="dark"] .icard .card-act { background: var(--gold); color: var(--ink); font: 800 10px var(--f-ui); padding: 1px 6px; letter-spacing: .1em; }
html[data-theme="dark"] .icard .card-img { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; filter: drop-shadow(0 3px 6px rgba(0,0,0,.55)); }
html[data-theme="dark"] .icard .card-img.round { border-radius: 50%; background: rgba(0,0,0,.35); padding: 4px; border: 1px solid rgba(255,255,255,.15); }
html[data-theme="dark"] .icard .card .schips { margin-top: 6px; }
html[data-theme="dark"] .icard .card .schip { background: rgba(0,0,0,.3); }
html[data-theme="dark"] .icard .card-innate { padding: 9px 14px; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid rgba(255,255,255,.06); }
html[data-theme="dark"] .icard .inn { font-size: 13.5px; color: #e9e3d6; }
html[data-theme="dark"] .icard .inn b { font: 700 14px var(--f-ui); }
html[data-theme="dark"] .icard .inn small { font-weight: 700; }
html[data-theme="dark"] .icard .card-bar { display: flex; justify-content: space-between; align-items: center; background: var(--bar); padding: 5px 14px; font: 600 11.5px var(--f-ui); text-transform: uppercase; letter-spacing: .14em; color: rgba(255,248,236,.7); }
html[data-theme="dark"] .icard .card-bar.act { color: var(--gold); }
html[data-theme="dark"] .icard .card-cd { font-weight: 700; color: #fff; background: rgba(0,0,0,.35); padding: 1px 8px; display: inline-flex; align-items: center; gap: 4px; letter-spacing: .02em; text-transform: none; }
html[data-theme="dark"] .icard .card-sec { padding: 9px 14px 11px; display: flex; flex-direction: column; gap: 8px; }
html[data-theme="dark"] .icard .card-text { color: #ebe5d8; }
html[data-theme="dark"] .icard .card-text.small { font-size: 12.5px; color: #c9c3b6; }
html[data-theme="dark"] .icard .card-text .hl { color: #fff; font-weight: 700; }
html[data-theme="dark"] .icard .card-text .at { font-weight: 700; }
html[data-theme="dark"] .icard .card-props { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
html[data-theme="dark"] .icard .pc { background: var(--cell); padding: 6px 8px; font-size: 12.5px; color: #d9d2c4; position: relative; border-left: 2px solid rgba(255,255,255,.08); }
html[data-theme="dark"] .icard .pc .pc-v { font: 700 13.5px var(--f-ui); color: #fff; display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .icard .pc .pc-v small { font-weight: 600; font-size: .85em; opacity: .85; margin-left: 1px; }
html[data-theme="dark"] .icard .pc.big { text-align: center; padding: 10px 6px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 0; border-top: 2px solid rgba(255,255,255,.08); }
html[data-theme="dark"] .icard .pc.big .pc-v { font: 300 22px var(--f-ui); }
html[data-theme="dark"] .icard .pc.big .pc-l { font: 600 11px var(--f-ui); text-transform: uppercase; letter-spacing: .08em; margin-top: 2px; }
html[data-theme="dark"] .icard .pc .pc-sc { position: absolute; top: 3px; right: 4px; font-size: 10px; }
html[data-theme="dark"] .icard .pc .pc-base, html[data-theme="dark"] .icard .pc .pc-x { display: block; font-size: 10.5px; color: #a29c90; margin-top: 2px; }
html[data-theme="dark"] .icard .pc .pc-x.heal { color: #5ff09a; }
html[data-theme="dark"] .icard .pc.c-spirit { border-color: #b583f2; }
html[data-theme="dark"] .icard .pc.c-heal { border-color: #5ff09a; }
html[data-theme="dark"] .icard .pc.c-weapon { border-color: #ffa552; }
html[data-theme="dark"] .icard .pc.c-move { border-color: #7fcbff; }
html[data-theme="dark"] .icard .pc.c-spirit .pc-l, html[data-theme="dark"] .icard .pc.big.c-spirit .pc-v { color: #d4a8ff; }
html[data-theme="dark"] .icard .pc.c-heal .pc-l, html[data-theme="dark"] .icard .pc.big.c-heal .pc-v { color: #5ff09a; }
html[data-theme="dark"] .icard .pc.c-weapon .pc-l, html[data-theme="dark"] .icard .pc.big.c-weapon .pc-v { color: #ffa552; }
html[data-theme="dark"] .icard .pc.c-move .pc-l, html[data-theme="dark"] .icard .pc.big.c-move .pc-v { color: #7fcbff; }
html[data-theme="dark"] .icard .pc:not(.big) .pc-l { color: #c9c3b6; }
html[data-theme="dark"] .icard .pc:not(.big).c-spirit .pc-v { color: #d4a8ff; }
html[data-theme="dark"] .icard .pc:not(.big).c-heal .pc-v { color: #5ff09a; }
html[data-theme="dark"] .icard .pc:not(.big).c-weapon .pc-v { color: #ffa552; }
html[data-theme="dark"] .icard .inn.c-spirit b { color: #d4a8ff; }
html[data-theme="dark"] .icard .inn.c-heal b { color: #5ff09a; }
html[data-theme="dark"] .icard .inn.c-weapon b { color: #ffa552; }
html[data-theme="dark"] .icard .inn.c-move b { color: #7fcbff; }
html[data-theme="dark"] .icard .card .ps { background: rgba(0,0,0,.35); padding: 0 4px; font: 700 10.5px var(--f-ui); }
html[data-theme="dark"] .icard .ci { display: inline-block; width: 1em; height: 1em; background: currentColor; vertical-align: -0.12em; margin-right: 2px;
-webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
html[data-theme="dark"] .icard .card-cost .ci { width: 13px; height: 13px; }
html[data-theme="dark"] .icard .card-foot { padding: 8px 14px 10px; background: rgba(0,0,0,.22); border-top: 1px solid rgba(255,255,255,.06); display: flex; flex-direction: column; gap: 4px; }
html[data-theme="dark"] .icard .card-foot-h { font: 700 10.5px var(--f-ui); letter-spacing: .14em; text-transform: uppercase; color: rgba(255,248,236,.58); }
html[data-theme="dark"] .icard .card-foot-h span { text-transform: none; letter-spacing: 0; font-weight: 400; margin-left: 4px; }
html[data-theme="dark"] .icard .card-link { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: 13px; }
html[data-theme="dark"] .icard .card-link img { width: 24px; height: 24px; object-fit: contain; background: rgba(0,0,0,.3); }
html[data-theme="dark"] .icard .card-link small { font-weight: 400; color: #a29c90; }
html[data-theme="dark"] .icard .card-stats { padding: 7px 14px; font-size: 12px; color: #c9c3b6; border-top: 1px solid rgba(255,255,255,.06); }
html[data-theme="dark"] .icard .card-hint { padding: 5px 14px 7px; font: 11px var(--f-ui); letter-spacing: .03em; color: #8a8579; background: rgba(0,0,0,.3); }
html[data-theme="dark"] .icard .card-tier { display: grid; grid-template-columns: 22px 1fr auto; gap: 8px; align-items: start; font-size: 12.5px; color: #b5afa2; }
html[data-theme="dark"] .icard .card-tier .tb { width: 20px; height: 20px; display: grid; place-items: center; font: 800 11px var(--f-ui); background: rgba(0,0,0,.35); color: #8a8579; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
html[data-theme="dark"] .icard .card-tier .ap { font: 11px var(--f-ui); color: #8a8579; }
html[data-theme="dark"] .icard .card-tier.own { color: #fff; }
html[data-theme="dark"] .icard .card-tier.own .tb { background: var(--spirit); color: #fff; }
html[data-theme="dark"] .icard .card-page { color: inherit; font-weight: 700; }