/* Généré par css/generer_semi.py : couleurs chaudes du site en bleu pour le semi-like (ne pas modifier à la main) */
body.srv-semi::before {
    background: radial-gradient(1100px 600px at 85% -10%, rgba(48, 180, 250, .16), transparent 60%),
        radial-gradient(900px 500px at -10% 30%, rgba(100, 137, 177, .08), transparent 60%),
        radial-gradient(800px 600px at 50% 120%, rgba(255, 70, 20, .1), transparent 60%),
        var(--bg);
}
body.srv-semi ::selection {
    background: rgba(66, 176, 250, .45);
}
body.srv-semi .section.alt {
    background: linear-gradient(180deg, transparent, rgba(48, 180, 250, .035) 30%, rgba(48, 180, 250, .035) 70%, transparent);
}
body.srv-semi .page-hero::before {
    background: radial-gradient(closest-side, rgba(48, 180, 250, .22), transparent);
}
body.srv-semi .logo img {
    filter: drop-shadow(0 4px 18px rgba(48, 180, 250, .35));
}
body.srv-semi .footer {
    background: linear-gradient(180deg, rgba(48, 180, 250, .04), transparent 40%);
}
body.srv-semi .btn:hover {
    border-color: rgba(76, 159, 250, .45);
}
body.srv-semi .btn-primary {
    box-shadow: 0 10px 30px -10px rgba(48, 180, 250, .8);
}
body.srv-semi .card.glow {
    border-color: rgba(66, 176, 250, .45);
    box-shadow: 0 0 0 1px rgba(94, 142, 174, .15), 0 30px 70px -30px rgba(48, 180, 250, .5);
}
body.srv-semi .badge.gold {
    background: rgba(100, 137, 177, .14);
    border-color: rgba(76, 159, 250, .4);
}
body.srv-semi .badge.ember {
    background: rgba(48, 180, 250, .15);
    border-color: rgba(48, 180, 250, .45);
    color: #8dd4fc;
}
body.srv-semi input:focus, body.srv-semi select:focus, body.srv-semi textarea:focus {
    box-shadow: 0 0 0 4px rgba(48, 180, 250, .16);
}
body.srv-semi .alert-warn {
    color: #9dc9fc;
    background: rgba(111, 144, 183, .1);
    border-color: rgba(94, 166, 251, .35);
}
body.srv-semi .table th {
    background: rgba(184, 204, 220, .03);
}
body.srv-semi .table tbody tr:hover {
    background: rgba(94, 142, 174, .06);
}
body.srv-semi .table tr.top3 .rank {
    color: #7db5dd;
}
body.srv-semi .progress > span {
    box-shadow: 0 0 14px rgba(48, 180, 250, .6);
}
body.srv-semi .hero-logo {
    filter: drop-shadow(0 18px 60px rgba(37, 180, 249, .45));
}
body.srv-semi .pillar .num {
    color: rgba(100, 137, 177, .06);
}
body.srv-semi .podium .place[data-rank="1"] {
    border-color: rgba(76, 159, 250, .5);
    background: linear-gradient(180deg, rgba(100, 137, 177, .14), var(--surface));
    box-shadow: 0 30px 80px -30px rgba(55, 166, 250, .6);
}
body.srv-semi .place[data-rank="3"] .medal {
    background: linear-gradient(135deg, #8cc7ed, #407ca0);
}
body.srv-semi .cta-band {
    border: 1px solid rgba(66, 176, 250, .35);
    background: radial-gradient(ellipse at 50% 0%, rgba(48, 180, 250, .28), transparent 70%), var(--surface);
}
body.srv-semi .offer.featured {
    border-color: rgba(66, 176, 250, .55);
    background: linear-gradient(180deg, rgba(48, 180, 250, .13), var(--surface) 55%);
    box-shadow: 0 30px 70px -30px rgba(48, 180, 250, .55);
}
body.srv-semi .offer img.art {
    filter: drop-shadow(0 10px 24px rgba(48, 180, 250, .4));
}
body.srv-semi .tier.current {
    border-color: rgba(66, 176, 250, .6);
}
@media (max-width: 960px) {
body.srv-semi .dropdown {
    background: rgba(184, 204, 220, .03);
}
}
body.srv-semi .killers li:nth-child(odd) {
    background: rgba(184, 204, 220, .03);
}
body.srv-semi .killers b {
    color: var(--ember-2, #42b0fa);
}
body.srv-semi .best-hero {
    border-color: rgba(76, 159, 250, .4);
    background: linear-gradient(135deg, rgba(100, 137, 177, .12), var(--surface) 60%);
}
body.srv-semi .best-hero:hover {
    border-color: rgba(76, 159, 250, .7);
}
body.srv-semi .mob-art {
    background: radial-gradient(ellipse at 50% 85%, rgba(94, 142, 174, .22), transparent 65%), rgba(0, 0, 0, .22);
}
body.srv-semi .record {
    background: rgba(100, 137, 177, .08);
    border: 1px solid rgba(100, 137, 177, .3);
}
body.srv-semi .logo img {
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .7)) drop-shadow(0 0 22px rgba(37, 180, 249, .35));
}
body.srv-semi .tier-step.on {
    border-color: var(--ember-2, #42b0fa);
}
body.srv-semi .logo-shine {
    background: linear-gradient(105deg, transparent 0 38%, rgba(122, 153, 188, 0) 43%, rgba(143, 192, 252, .55) 48%, rgba(111, 144, 183, 0) 53%, transparent 55% 100%) no-repeat;
}
body.srv-semi .drip {
    background: radial-gradient(circle at 35% 35%, #9cdffc 0 10%, #ff2a1a 30%, #a80c06 85%);
}
body.srv-semi .spark {
    background: #7db4fc;
    box-shadow: 0 0 6px 2px rgba(45, 159, 250, .8);
}
body.srv-semi .spark:nth-child(odd) {
    background: #42b0fa;
}
body.srv-semi .hero-duel img {
    filter: brightness(.88) saturate(1.05) drop-shadow(0 0 3px rgba(75, 175, 250, .8)) drop-shadow(0 0 30px rgba(37, 180, 249, .45));
}
@media (min-width: 961px) {
body.srv-semi .nav > ul {
    border: 1px solid rgba(122, 161, 188, .14);
    box-shadow: 0 10px 40px -18px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(167, 192, 211, .06);
}
}
@media (min-width: 961px) {
body.srv-semi .nav .nav-ico {
    color: var(--ember-2, #42b0fa);
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a::after, body.srv-semi .nav > ul > li > button::after {
    box-shadow: 0 0 10px rgba(48, 180, 250, .9);
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a:hover, body.srv-semi .nav > ul > li > button:hover, body.srv-semi .nav .open > button {
    background: rgba(94, 142, 174, .08);
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a[aria-current="page"], body.srv-semi .nav > ul > li > button.is-active {
    box-shadow: 0 6px 22px -6px rgba(48, 180, 250, .75);
}
}
@media (max-width: 960px) {
body.srv-semi .nav .nav-ico {
    color: var(--ember-2, #42b0fa);
}
}
body.srv-semi .logo-fx .hero-logo {
    filter: drop-shadow(0 16px 40px rgba(37, 180, 249, .4));
}
body.srv-semi .logo-glow {
    background: radial-gradient(ellipse at 50% 55%, rgba(45, 176, 250, .55), rgba(26, 178, 249, .18) 45%, transparent 70%);
}
body.srv-semi .logo-shine::before {
    background: linear-gradient(100deg, transparent, rgba(143, 192, 252, .5), transparent);
}
@media (min-width: 961px) {
body.srv-semi .header::after {
    background: linear-gradient(90deg, transparent, rgba(48, 180, 250, .55) 22%, #4c9ffa 50%, rgba(48, 180, 250, .55) 78%, transparent);
    box-shadow: 0 0 14px 1px rgba(48, 180, 250, .45);
}
}
@media (min-width: 961px) {
body.srv-semi .nav .nav-ico {
    color: #51b2fb;
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a:hover .nav-ico, body.srv-semi .nav > ul > li > button:hover .nav-ico, body.srv-semi .nav .open > button .nav-ico {
    color: #7db4fc;
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a::before, body.srv-semi .nav > ul > li > button::before {
    background: radial-gradient(closest-side, rgba(45, 170, 250, .28), transparent);
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a[aria-current="page"], body.srv-semi .nav > ul > li > button.is-active {
    color: #7db4fc;
}
}
@media (min-width: 961px) {
body.srv-semi .nav > ul > li > a[aria-current="page"] .nav-ico, body.srv-semi .nav > ul > li > button.is-active .nav-ico, body.srv-semi .nav > ul > li > button.is-active .chev {
    color: #7db4fc;
}
}
@media (min-width: 961px) {
body.srv-semi .crest::before {
    background: linear-gradient(180deg, #42b0fa, #4c9ffa 55%, #30b4fa);
}
}
@media (min-width: 961px) {
body.srv-semi .crest::after {
    background: radial-gradient(ellipse at 50% 40%, #0e2a39, #120806 75%);
}
}
@media (min-width: 961px) {
body.srv-semi .nav-crest::after {
    background: radial-gradient(closest-side, rgba(48, 180, 250, .45), transparent);
}
}
@media (max-width: 960px) {
body.srv-semi .crest-m img {
    filter: drop-shadow(0 4px 12px rgba(37, 180, 249, .4));
}
}
@media (max-width: 960px) {
body.srv-semi .header::after {
    background: linear-gradient(90deg, transparent, #42b0fa, transparent);
}
}
body.srv-semi .hero-duel .duel img {
    filter: brightness(.88) saturate(1.05) drop-shadow(0 0 3px rgba(75, 175, 250, .8)) drop-shadow(0 0 30px rgba(37, 180, 249, .45));
}
body.srv-semi .lava-glow {
    background: linear-gradient(0deg, #4593fa, #1aa3f9 60%, #ff3d0a);
}
body.srv-semi .lava-flow i {
    background: repeating-linear-gradient(115deg, transparent 0 50px, rgba(162, 194, 253, .75) 80px, transparent 120px);
}
@media (min-width: 961px) {
body.srv-semi .dropdown {
    border: 1px solid rgba(122, 161, 188, .22);
}
}
@media (min-width: 961px) {
body.srv-semi .dropdown a:hover, body.srv-semi .dropdown a[aria-current="page"] {
    background: rgba(94, 142, 174, .1);
    color: #7db4fc;
}
}
@media (min-width: 961px) {
body.srv-semi .dropdown::after {
    border-left: 1px solid rgba(122, 161, 188, .22);
    border-top: 1px solid rgba(122, 161, 188, .22);
}
}
body.srv-semi .embers-css i {
    background: radial-gradient(circle, #a2c8fd 0, rgba(55, 166, 250, .8) 35%, rgba(26, 172, 249, 0) 70%);
}
body.srv-semi .btn-admin {
    background: linear-gradient(135deg, rgba(48, 180, 250, .18), rgba(100, 137, 177, .1));
    border: 1px solid rgba(76, 159, 250, .45);
    color: #7db4fc;
}
body.srv-semi .offer.selected, body.srv-semi .card.selected {
    border-color: rgba(96, 166, 251, .9);
    box-shadow: 0 0 0 2px rgba(96, 166, 251, .45), 0 30px 70px -30px rgba(48, 180, 250, .6);
}
body.srv-semi .wk-search input:focus {
    box-shadow: 0 0 0 3px rgba(100, 137, 177, .18);
}
body.srv-semi .wk-prose a {
    text-decoration-color: rgba(125, 180, 252, .35);
}
body.srv-semi .wk-prose .wk-table tbody tr:hover {
    background: rgba(94, 142, 174, .05);
}
body.srv-semi .at-tabs button[aria-selected="true"] {
    border-color: rgba(66, 176, 250, .7);
    background: linear-gradient(135deg, rgba(48, 180, 250, .16), rgba(100, 137, 177, .06));
}
body.srv-semi .at-preset-main:hover {
    border-color: rgba(66, 176, 250, .6);
    background: rgba(48, 180, 250, .1);
}
body.srv-semi .at-preset-main img {
    background: rgba(184, 204, 220, .06);
}
body.srv-semi .at-cls.on {
    border-color: rgba(66, 176, 250, .8);
    background: rgba(48, 180, 250, .16);
}
body.srv-semi .at-field input[type=range] {
    accent-color: #42b0fa;
}
body.srv-semi .at-cap-bar {
    background: rgba(184, 204, 220, .1);
}
body.srv-semi .at-dot.for, body.srv-semi .at-dot.el-terre {
    background: #6c99c7;
}
body.srv-semi .at-dot.int, body.srv-semi .at-dot.el-feu {
    background: #42b9fa;
}
body.srv-semi .at-slot {
    background: rgba(184, 204, 220, .03);
}
body.srv-semi .at-slot:hover {
    border-color: rgba(66, 176, 250, .7);
}
body.srv-semi .at-slot.on {
    border: 1px solid rgba(94, 166, 251, .55);
    background: radial-gradient(circle at 50% 40%, #f0f7ff 0%, #d3e0f0 70%, #b5c8e1 100%);
}
body.srv-semi .at-slot img {
    filter: drop-shadow(0 1px 1px rgba(11, 39, 59, .35));
}
body.srv-semi .at-aura {
    background: radial-gradient(closest-side, rgba(48, 180, 250, .4), transparent);
}
body.srv-semi .at-socle {
    box-shadow: 0 0 0 1px rgba(66, 176, 250, .35), 0 0 24px rgba(37, 180, 249, .6), inset 0 -6px 14px rgba(37, 180, 249, .5);
}
body.srv-semi .at-tip {
    border: 1px solid rgba(76, 159, 250, .35);
}
body.srv-semi .at-tip-ico {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-pick-list button:hover {
    border-color: rgba(66, 176, 250, .6);
    background: rgba(48, 180, 250, .1);
}
body.srv-semi .at-pick-ico {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-set:hover {
    border-color: rgba(66, 176, 250, .55);
}
body.srv-semi .at-set-icons span {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-setd-item img {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-target img {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-source input {
    accent-color: #42b0fa;
}
body.srv-semi .at-source.on {
    border-color: rgba(66, 176, 250, .6);
    background: rgba(48, 180, 250, .1);
}
body.srv-semi .at-progress-bar {
    background: rgba(184, 204, 220, .1);
}
body.srv-semi .at-shop-item img, body.srv-semi .at-shop-item .at-noimg {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .at-shop-row input.manual {
    border-color: rgba(76, 159, 250, .6);
}
body.srv-semi .at-job-row img {
    background: radial-gradient(circle at 50% 40%, #f0f7ff, #b5c8e1);
}
body.srv-semi .bst-ligne:hover {
    background: var(--surface-2, rgba(184, 204, 220, .07));
}
body.srv-semi .bst-ligne.on {
    border-color: rgba(66, 176, 250, .45);
}
body.srv-semi .bst-mini {
    background: radial-gradient(circle at 50% 70%, rgba(100, 137, 177, .14), rgba(0, 0, 0, .35));
}
body.srv-semi .bst-tag.fam {
    border-color: rgba(76, 159, 250, .35);
}
body.srv-semi .bst-grades button[aria-selected="true"] small {
    color: #072539;
}
body.srv-semi .bst-pp {
    border: 1px solid rgba(94, 142, 174, .3);
}
body.srv-semi .bst-butins .ico {
    background: radial-gradient(circle at 50% 40%, rgba(100, 137, 177, .14), rgba(0, 0, 0, .35));
}
body.srv-semi .mk-tabs a[aria-current="page"] {
    box-shadow: 0 8px 24px -10px rgba(48, 180, 250, .8);
}
body.srv-semi .mk-class.on {
    border-color: rgba(66, 176, 250, .75);
    background: rgba(48, 180, 250, .14);
    box-shadow: 0 0 0 1px rgba(66, 176, 250, .35), 0 6px 20px -8px rgba(48, 180, 250, .7);
}
body.srv-semi .mk-range-track {
    background: rgba(184, 204, 220, .12);
}
body.srv-semi .mk-sell-cta {
    border-color: rgba(76, 159, 250, .45);
}
body.srv-semi .mk-card::before {
    background: radial-gradient(120% 60% at 50% 100%, rgba(37, 180, 249, .16), transparent 60%);
}
body.srv-semi .mk-card:hover {
    border-color: rgba(66, 176, 250, .45);
}
body.srv-semi .mk-head {
    background: rgba(184, 204, 220, .06);
}
body.srv-semi .mk-slot.vide {
    background: rgba(184, 204, 220, .025);
}
body.srv-semi .mk-aura {
    background: radial-gradient(closest-side, rgba(48, 180, 250, .45), rgba(48, 180, 250, .08) 65%, transparent);
}
body.srv-semi .mk-socle {
    box-shadow: 0 0 0 1px rgba(66, 176, 250, .35), 0 0 26px rgba(37, 180, 249, .65), inset 0 -6px 14px rgba(37, 180, 249, .55);
}
body.srv-semi .mk-socle::after {
    background: radial-gradient(closest-side, rgba(94, 166, 251, .9), transparent);
}
body.srv-semi .mk-stat-big {
    border: 1px solid rgba(94, 142, 174, .3);
}
body.srv-semi .mk-buy {
    border-color: rgba(66, 176, 250, .35);
    background: linear-gradient(135deg, rgba(48, 180, 250, .1), rgba(100, 137, 177, .04)), rgba(16, 11, 8, .72);
}
body.srv-semi .mk-account input:checked + .mk-account-box {
    border-color: rgba(66, 176, 250, .8);
    background: rgba(48, 180, 250, .14);
    box-shadow: 0 0 0 1px rgba(66, 176, 250, .35);
}
body.srv-semi .mk-char-box img {
    background: rgba(184, 204, 220, .06);
}
body.srv-semi .mk-char input:checked + .mk-char-box {
    border-color: rgba(66, 176, 250, .85);
    background: rgba(48, 180, 250, .15);
    box-shadow: 0 0 0 1px rgba(66, 176, 250, .35), 0 8px 24px -12px rgba(48, 180, 250, .9);
}
body.srv-semi .mk-chips button.on {
    background: rgba(48, 180, 250, .16);
    border-color: rgba(66, 176, 250, .6);
}
body.srv-semi .mk-qty {
    background: rgba(100, 137, 177, .12);
    border: 1px solid rgba(100, 137, 177, .3);
}
body.srv-semi .mk-slot:not(.vide), body.srv-semi .mk-inv-ico, body.srv-semi .mk-gear-list img {
    background: radial-gradient(circle at 50% 40%, #f0f7ff 0%, #d3e0f0 70%, #b5c8e1 100%);
    border: 1px solid rgba(94, 166, 251, .55);
}
body.srv-semi .mk-slot:not(.vide) img, body.srv-semi .mk-inv-ico img {
    filter: drop-shadow(0 1px 1px rgba(11, 39, 59, .35));
}
body.srv-semi .mk-slot:not(.vide) b, body.srv-semi .mk-inv-ico b {
    color: #3c5c78;
}
body.srv-semi .crest .logo-fx, body.srv-semi .crest-m img, body.srv-semi .hero-bg, body.srv-semi .embers-css, body.srv-semi .footer-brand img, body.srv-semi .ember { filter: hue-rotate(185deg) saturate(1.1); }