/* =====================================================================
   L2Immortal skin over the shared L2 theme.
   The world of the updater: volcanic cave, blood moon, crimson and bone
   silver. Loaded last; layout and behaviour of the theme are unchanged.
   ===================================================================== */
:root {
    --body-background-color-rgb: #07050a;
    --body-background-color: 7,5,10;
    --navigation-bg-rgb: #0d080b;
    --navigation-bg: 13,8,11;
    /* bone silver replaces the theme gold */
    --color-accent-rgb: #e6d9ce;
    --color-accent: 230,217,206;
    --color-accent-hover-rgb: #fff1e8;
    --color-accent-hover: 255,241,232;
    --color-accent-2-rgb: #f1dfd8;
    --color-accent-2: 241,223,216;
    --color-2-rgb: #f4e9e2;
    --color-2: 244,233,226;
    --color-3-rgb: #b9a9a2;
    --color-3: 185,169,162;
    --color-url-rgb: #ff7a66;
    --color-url: 255,122,102;
    --color-url-hover-rgb: #ffb2a4;
    --color-url-hover: 255,178,164;
    /* own tokens */
    --imm-crimson: #b3121f;
    --imm-blood: #e0303a;
    --imm-ember: #ff5a2a;
    --imm-bone: #e6d9ce;
    --imm-rock: #17121a;
    --imm-line: rgba(224, 48, 58, .28);
    /* the portal fits the width and leaves room for the call to action */
    --imm-portal-w: min(94vw, 1320px, calc((100vh - 330px) * 2.97));
}

html, body { background-color: #07050a; }
::selection { background: rgba(179, 18, 31, .75); color: #fff4ee; }

.visually-hidden {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* --- headings: silver lettering lit from behind in red, like the logo ---- */
.heading__title {
    color: #f4e9e2;
    text-shadow: 0 0 .9rem rgba(224, 48, 58, .55), 0 0 2.4rem rgba(179, 18, 31, .35), 0 .15rem .3rem #000;
}
.heading__desc { color: #b9a9a2; letter-spacing: .14em; }
.color-accent { color: #ff4a4a; text-shadow: 0 0 .8rem rgba(224, 48, 58, .45); }

/* --- buttons: the updater's engraved plates (images); bone-silver text --- */
.btn, .button {
    color: #f1e4dc;
    text-shadow: 0 1px 2px #000, 0 0 .6rem rgba(0, 0, 0, .8);
    letter-spacing: .06em;
}
.btn:hover, .button:hover { color: #fff; }
.button { color: #fff3ec; text-shadow: 0 1px 2px #3b0006, 0 0 .9rem rgba(255, 60, 60, .45); }
.btn:hover:before, .btn_active:before, [data-open-tab-active=true]:before { filter: brightness(125%) saturate(110%); }
.button:hover:before { filter: brightness(118%); }
/* the plate art is a little taller than the theme's flat buttons */
.btn:before { background-size: 100% 100%; }

/* --- hero: the living portal of the updater ------------------------------ */
.header__box { position: relative; }
/* L2Immortal is open: the theme's opening countdown is not used */
.header__countdown, .countdown-main, [data-place-from="countdown"], [data-place-to="countdown"] { display: none !important; }
.immortal-portal {
    position: absolute;
    left: 50%;
    bottom: calc(100% - 64px);
    width: var(--imm-portal-w);
    aspect-ratio: 1670 / 562;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
    /* the cavern's own silhouette (alpha of the updater art) cuts the video,
       fading into the content box at the bottom */
    -webkit-mask-image: url(../l2awakening/images/immortal/cave-mask.png?v=imm1), linear-gradient(180deg, #000 80%, transparent 100%);
            mask-image: url(../l2awakening/images/immortal/cave-mask.png?v=imm1), linear-gradient(180deg, #000 80%, transparent 100%);
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-composite: source-in;
            mask-composite: intersect;
    filter: drop-shadow(0 0 2.5rem rgba(179, 18, 31, .35));
}
.immortal-portal__video { display: block; width: 100%; height: 100%; object-fit: cover; }
.header__box {
    margin-top: calc(var(--imm-portal-w) * .3365 - 40px);
    border-color: var(--imm-line);
    background: linear-gradient(180deg, rgba(23, 6, 9, .78), rgba(8, 3, 5, .62));
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6) inset, 0 1.25rem 3rem rgba(0, 0, 0, .55);
}
.header__title { color: #f4e9e2; text-shadow: 0 0 1.1rem rgba(224, 48, 58, .5), 0 .2rem .4rem #000; }
.header__usp { color: #cfc0b8; }
.header__opening {
    border-color: rgba(224, 48, 58, .45) !important;
    background: linear-gradient(180deg, rgba(60, 6, 12, .55), rgba(20, 4, 7, .4)) !important;
}
.header__opening-label { color: #b9a9a2 !important; }
.header__opening-date { color: #ffd9cf !important; text-transform: none !important; font-size: 1.125rem !important; }

/* --- framed boxes: rock with a lava seam -------------------------------- */
.decbox, .if-panel, .community__forum, .social {
    border-color: rgba(224, 48, 58, .22) !important;
}
.decbox:before, .decbox:after { filter: hue-rotate(-25deg) saturate(1.3); }

/* --- server information --------------------------------------------------- */
.inform__name { color: #f1e4dc; }
.inform__item:hover .inform__name { color: #ff6a58; }
.inform__desc a { color: #ff7a66; }

/* --- guides --------------------------------------------------------------- */
.immortal-features .if-cover {
    background:
        radial-gradient(ellipse at 76% 18%, rgba(224, 48, 58, .32), transparent 58%),
        linear-gradient(180deg, #1c0b10, #0c0608) !important;
}
.immortal-features .if-cover__character { filter: drop-shadow(0 0 1.4rem rgba(224, 48, 58, .35)); }
.immortal-features .if-nav a.active, .immortal-features .base-left__item.active {
    box-shadow: inset 3px 0 0 var(--imm-blood) !important;
}
.immortal-features .if-facts strong, .immortal-features h3 { color: #f4e9e2; }
.immortal-features code {
    padding: .05rem .35rem; border-radius: .2rem;
    background: rgba(179, 18, 31, .18); color: #ffd9cf; font-size: .92em;
}
.if-btns { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1rem 0 .5rem; }
.if-btns .btn { margin: 0; }
.if-table { overflow-x: auto; }
.if-table .table.coins { width: 100%; border-collapse: collapse; margin: .5rem 0 1rem; }
.if-table .table.coins th, .if-table .table.coins td {
    padding: .55rem .75rem; border-bottom: 1px solid rgba(255, 255, 255, .08);
    text-align: left; vertical-align: top;
}
.if-table .table.coins thead th { color: #e6d9ce; text-transform: uppercase; font-size: .8rem; letter-spacing: .04em; }
.if-table .table.coins tbody tr:hover td { background: rgba(179, 18, 31, .08); }
.if-rules { margin: .5rem 0 0 1.2rem; padding: 0; line-height: 1.6; }
.if-rules li { margin: .35rem 0; padding-left: .25rem; }
.if-rules li::marker { color: var(--imm-blood); font-weight: 700; }

/* --- topsites: plain wordmarks for the sites without a button image ------ */
.immortal-topsite__wordmark {
    display: flex; flex-direction: column; align-items: center; line-height: 1;
    color: #e6d9ce; font: 700 .72rem/1 var(--font-1); letter-spacing: .06em;
}
.immortal-topsite__wordmark small { font-size: .5rem; color: #b9a9a2; margin-top: .15rem; }

/* --- footer --------------------------------------------------------------- */
.footer__copyright { color: #8f7f79; }

@media (max-width: 767.98px) {
    :root { --imm-portal-w: 128vw; }
    .immortal-portal { bottom: calc(100% - 36px); }
    .header__box { margin-top: calc(128vw * .3365 - 20px); }
}
@media (prefers-reduced-motion: reduce) {
    .immortal-portal__video { animation: none; }
}

/* --- news cards and the server card: crimson charcoal instead of slate --- */
.post { background-color: #1a0c10; }
.post:after { box-shadow: inset 0 0 2.875rem rgba(120, 18, 28, .55); }
.post__date { background-color: #8e1520; color: #fff3ec; }
.post__title { color: #f4e9e2; }
.card__inner:after { background-color: rgba(20, 2, 6, .85); }

/* --- topsites: room for the wordmarks; on phones only the button images -- */
.immortal-topsites { flex: 0 0 auto !important; width: auto !important; }
.immortal-topsites__grid { gap: 14px !important; }
.immortal-topsite { flex: 0 0 auto !important; }
@media (max-width: 767.98px) {
    .header { padding-top: 72px !important; }
    .immortal-topsite:has(.immortal-topsite__wordmark) { display: none !important; }
    .immortal-topsites__grid { gap: 8px !important; }
}

/* The theme reserved ~250-345px above the hero for its old logo; the portal
   now fills that space, so the hero sits right under the navigation and the
   call to action stays on the first screen. */
@media (min-width: 768px) {
    .header { padding-top: 64px !important; }
}

/* =====================================================================
   Homepage blocks of L2Immortal (server information, server rhythm, vote)
   Same material as the updater: dark rock plates, a crimson seam, red gems
   set at the corners like the engraved button frames.
   ===================================================================== */
.imm-plate, .imm-feature, .imm-boss, .imm-cycle, .imm-vote__box {
    position: relative;
    border: 1px solid rgba(224, 48, 58, .26);
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(120, 14, 24, .28), transparent 62%),
        linear-gradient(180deg, rgba(26, 12, 16, .92), rgba(10, 5, 8, .92));
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), 0 .9rem 2rem rgba(0, 0, 0, .45);
}
/* the gems: small faceted rubies on the top and bottom centre of a plate */
.imm-feature::before, .imm-boss::before, .imm-cycle::before, .imm-vote__box::before,
.imm-feature::after, .imm-boss::after, .imm-vote__box::after {
    content: ""; position: absolute; left: 50%; width: 9px; height: 9px;
    transform: translateX(-50%) rotate(45deg);
    background: linear-gradient(135deg, #ff9a8a 0%, #e0303a 38%, #6a0710 100%);
    box-shadow: 0 0 8px rgba(224, 48, 58, .85), 0 0 0 1px rgba(255, 210, 200, .35);
}
.imm-feature::before, .imm-boss::before, .imm-cycle::before, .imm-vote__box::before { top: -5px; }
.imm-feature::after, .imm-boss::after, .imm-vote__box::after { bottom: -5px; }
.imm-cycle::before { top: 50%; left: -5px; transform: translateY(-50%) rotate(45deg); }

/* --- server information: figures strip + four feature plates ------------ */
.imm-figures {
    display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 0;
    margin: 1.75rem auto 1.5rem; max-width: 62rem;
}
.imm-figure { display: flex; flex-direction: column; align-items: center; padding: 0 1.6rem; position: relative; }
.imm-figure + .imm-figure::before {
    content: ""; position: absolute; left: -4px; top: 50%; width: 7px; height: 7px;
    transform: translateY(-50%) rotate(45deg); background: rgba(224, 48, 58, .75);
}
.imm-figure strong {
    font-family: var(--font-0); font-weight: 500; font-size: 1.75rem; line-height: 1.1; color: #f4e9e2;
    text-shadow: 0 0 .8rem rgba(224, 48, 58, .5); font-variant-numeric: tabular-nums;
}
.imm-figure span { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: #a99790; }
.imm-features {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem;
    max-width: 78rem; margin: 0 auto; text-align: left;
}
.imm-feature { display: flex; flex-direction: column; gap: .55rem; padding: 1.35rem 1.25rem 1.2rem; transition: border-color .2s, transform .2s; }
.imm-feature:hover { border-color: rgba(224, 48, 58, .6); transform: translateY(-2px); }
.imm-feature img {
    width: 2.6rem; height: 2.6rem; padding: .35rem; box-sizing: border-box;
    border: 1px solid rgba(230, 217, 206, .35); background: rgba(0, 0, 0, .4);
}
.imm-feature h3 { margin: 0; font-family: var(--font-0); font-weight: 500; font-size: 1.35rem; letter-spacing: .04em; color: #f4e9e2; }
.imm-feature p { margin: 0; font-size: .92rem; line-height: 1.55; color: #cbbcb5; flex: 1; }
.imm-feature a {
    align-self: flex-start; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase;
    color: #ff7a66; text-decoration: none; border-bottom: 1px solid rgba(255, 122, 102, .35);
}
.imm-feature a:hover { color: #ffb2a4; }
.imm-feature code, .header__opening-date code, .imm-cycle code, .imm-vote__box code {
    padding: .05rem .35rem; border-radius: .2rem; background: rgba(179, 18, 31, .25); color: #ffd9cf;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: .9em;
}
/* the old dense paragraph is gone; the server card stays smaller */
.inform .card { --inform-scale: .78; }

/* --- server rhythm ------------------------------------------------------ */
.imm-rhythm { max-width: 78rem; margin: 0 auto; }
.imm-rhythm__heading { margin-bottom: 2rem; }
.imm-rhythm__box { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }
.imm-boss {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: .4rem;
    padding: 1.6rem 1.6rem 1.8rem; overflow: hidden;
    background:
        linear-gradient(180deg, rgba(8, 3, 6, .2), rgba(8, 3, 6, .94) 62%),
        url(../l2awakening/images/post/post-boss.jpg?v=imm1) center top / cover no-repeat;
}
.imm-boss__clock { align-self: stretch; display: flex; justify-content: space-between; align-items: baseline;
    font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: #b9a9a2; }
.imm-boss__clock time { font-family: var(--font-0); font-size: 1.05rem; letter-spacing: .06em; color: #f1e4dc; font-variant-numeric: tabular-nums; }
.imm-boss__icon { margin-top: 5.5rem; width: 3rem; height: 3rem; filter: drop-shadow(0 0 .6rem rgba(224, 48, 58, .8)); }
.imm-boss h3 { margin: 0; font-family: var(--font-0); font-weight: 500; font-size: 2rem; letter-spacing: .06em; text-transform: uppercase; color: #f4e9e2;
    text-shadow: 0 0 1rem rgba(224, 48, 58, .55); }
.imm-boss__when { margin: 0; color: #ffd9cf; letter-spacing: .04em; }
.imm-boss__count { display: flex; flex-direction: column; align-items: center; margin: .6rem 0 .2rem; }
.imm-boss__count span { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #a99790; }
.imm-boss__count strong {
    font-family: var(--font-0); font-weight: 500; font-size: 3rem; line-height: 1; letter-spacing: .04em;
    color: #ff5a4a; text-shadow: 0 0 1.1rem rgba(224, 48, 58, .7); font-variant-numeric: tabular-nums;
}
.imm-boss__note { margin: .3rem 0 0; max-width: 34rem; font-size: .9rem; color: #cbbcb5; }
.imm-cycles { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.imm-cycle {
    display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); column-gap: 1rem; align-items: start;
    padding: 1.1rem 1.25rem 1.1rem 1.5rem;
}
.imm-cycle img { grid-row: span 3; width: 2.6rem; height: 2.6rem; padding: .35rem; box-sizing: border-box;
    border: 1px solid rgba(230, 217, 206, .35); background: rgba(0, 0, 0, .4); }
.imm-cycle small { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #ff7a66; }
.imm-cycle h3 { margin: .1rem 0 .25rem; font-family: var(--font-0); font-weight: 500; font-size: 1.25rem; color: #f4e9e2; }
.imm-cycle p { margin: 0; font-size: .9rem; color: #cbbcb5; }

/* --- community: vote ------------------------------------------------------- */
.imm-community { flex-wrap: wrap; }
.imm-vote { flex: 1 1 100%; max-width: 46rem; margin: 2rem auto 0; }
.imm-vote__box { padding: 1.4rem 1.5rem 1.6rem; }
.imm-vote__box p { margin: 0 0 1rem; color: #cbbcb5; line-height: 1.6; }
.imm-vote__sites { display: flex; flex-wrap: wrap; gap: .9rem; justify-content: center; }
.imm-vote__sites .btn { margin: 0; }

@media (max-width: 1199.98px) {
    .imm-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899.98px) {
    .imm-rhythm__box { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
    .imm-features { grid-template-columns: minmax(0, 1fr); }
    .imm-figure { padding: 0 .9rem; }
    .imm-figure strong { font-size: 1.35rem; }
    .imm-boss__count strong { font-size: 2.4rem; }
}
@media (prefers-reduced-motion: reduce) {
    .imm-feature, .imm-feature:hover { transition: none; transform: none; }
}

/* sizes: the theme's rem is fluid (~11-12px on laptops); keep reading text legible */
.imm-feature p, .imm-cycle p, .imm-boss__note, .imm-vote__box p { font-size: max(14px, .95rem); }
.imm-feature h3 { font-size: max(19px, 1.35rem); }
.imm-cycle h3 { font-size: max(18px, 1.25rem); }
.imm-figure span, .imm-cycle small, .imm-boss__clock, .imm-boss__count span, .imm-feature a { font-size: max(11px, .75rem); }
.imm-figure strong { font-size: max(24px, 1.75rem); }
.imm-boss__when { font-size: max(15px, 1rem); }
.imm-boss h3 { font-size: max(26px, 2rem); }
.imm-boss__count strong { font-size: max(40px, 3rem); }
/* the theme's server card only carried a fixed "Check Discord" badge: the
   section now opens on the rates, the figures and the four plates */
.inform .inform__servers { display: none; }
.inform__title { margin-bottom: 1.25rem; }
@media (max-width: 599.98px) {
    .imm-figures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem .5rem; }
    .imm-figure + .imm-figure::before { display: none; }
    .imm-figure span { text-align: center; }
}
@media (min-width: 600px) {
    .imm-figures { display: grid; grid-template-columns: repeat(4, auto); justify-content: center; }
}

/* =====================================================================
   v3 — the updater's world without its cavern frame, across the page,
   and description panels framed in the metal of the updater's buttons.
   ===================================================================== */
:root {
    --imm-scene-ratio: 3.5532;                         /* 1670 / 470 */
    --imm-stage-h: clamp(380px, calc(100vw / var(--imm-scene-ratio) * 1.12), 70vh);
}
.immortal-portal { display: none !important; }        /* the framed version */
.imm-stage {
    position: absolute; top: 0; left: 0; right: 0; z-index: -2;
    height: var(--imm-stage-h); overflow: hidden; pointer-events: none;
    background: #07050a url(../l2awakening/images/immortal/hero-backdrop.jpg?v=imm1) center top / auto 100% no-repeat;
}
.imm-stage__video {
    position: absolute; top: 0; left: 50%; height: 100%;
    width: calc(var(--imm-stage-h) * var(--imm-scene-ratio)) !important; max-width: none;
    transform: translateX(-50%); object-fit: cover;
    /* soft edges into the widened sky, and into the page at the bottom */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%),
                        linear-gradient(180deg, #000 70%, transparent 100%);
            mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%),
                        linear-gradient(180deg, #000 70%, transparent 100%);
    -webkit-mask-composite: source-in; mask-composite: intersect;
}
.imm-stage::after {                                    /* blend into the page */
    content: ""; position: absolute; inset: auto 0 0 0; height: 32%;
    background: linear-gradient(180deg, rgba(7, 5, 10, 0), #07050a);
}
.imm-logo {
    position: absolute; left: 50%; transform: translateX(-50%);
    bottom: calc(100% + var(--imm-stage-h) - 64px - 6px - var(--imm-logo-h));
    width: calc(var(--imm-logo-h) * 1.885); height: auto;
    filter: drop-shadow(0 0 1.4rem rgba(224, 48, 58, .45)) drop-shadow(0 .6rem 1rem rgba(0, 0, 0, .6));
    pointer-events: none;
}
:root { --imm-logo-h: clamp(110px, calc(var(--imm-stage-h) * .34), 210px); }
.header__box {
    margin-top: calc(var(--imm-stage-h) - 64px - 70px) !important;
}

/* --- the metal frame --------------------------------------------------- */
.imm-feature, .imm-boss, .imm-cycle, .imm-vote__box, .imm-figure {
    border: 11px solid transparent !important;
    border-image: url(../l2awakening/images/immortal/frame.png?v=imm1) 44 / 11px round;
    background-clip: padding-box !important;
    box-shadow: 0 .9rem 2rem rgba(0, 0, 0, .45) !important;
}
/* the gems are now the real ruby of the plate */
.imm-feature::before, .imm-boss::before, .imm-cycle::before, .imm-vote__box::before,
.imm-feature::after, .imm-boss::after, .imm-vote__box::after {
    width: 38px; height: 30px; border-radius: 0; box-shadow: none;
    background: url(../l2awakening/images/immortal/frame-gem.png?v=imm1) center / contain no-repeat;
    transform: translateX(-50%);
}
.imm-feature::before, .imm-boss::before, .imm-cycle::before, .imm-vote__box::before { top: -23px; }
.imm-feature::after, .imm-boss::after, .imm-vote__box::after {
    bottom: -21px; background-image: url(../l2awakening/images/immortal/frame-gem-bottom.png?v=imm1);
}
.imm-cycle::before { top: -23px; left: 50%; transform: translateX(-50%); }
.imm-feature, .imm-cycle, .imm-vote__box, .imm-figure {
    background: linear-gradient(180deg, #1e1216, #0e080a) !important;
}

/* --- figures: four equal framed tiles, labels on the same baseline ------ */
.imm-figures {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important; max-width: 78rem; margin: 1.4rem auto 2.2rem !important;
}
.imm-figure { padding: .7rem .6rem .75rem !important; justify-content: flex-start; min-width: 0; }
.imm-figure + .imm-figure::before { display: none !important; }
.imm-figure strong { white-space: nowrap; }
.imm-figure span { text-align: center; line-height: 1.35; min-height: 2.7em; display: flex; align-items: flex-start; justify-content: center; }
@media (max-width: 599.98px) {
    .imm-figures { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* --- buttons: one line, label in the optical centre of the plate -------- */
.btn, .button { white-space: nowrap; }

/* hero layout: scene, then the logo across its lower edge, then the box */
:root { --imm-logo-h: clamp(92px, calc(var(--imm-stage-h) * .3), 160px); }
.imm-stage {
    -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
            mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
}
.imm-stage::after { display: none; }
#header .header { min-height: 0 !important; padding-bottom: 2.5rem !important; }
.header__box {
    margin-top: calc(var(--imm-stage-h) - 64px - 30px + var(--imm-logo-h) * .55) !important;
}
.imm-logo { bottom: calc(100% - var(--imm-logo-h) * .12); top: auto; }
.imm-feature, .imm-boss, .imm-cycle, .imm-vote__box, .imm-figure {
    border-width: 11px !important; border-style: solid !important; border-color: transparent !important;
    border-image: url(../l2awakening/images/immortal/frame.png?v=imm1) 44 / 11px round !important;
}
.imm-feature h3 { font-size: max(17px, 1.2rem); letter-spacing: .02em; }
/* the hero's secondary buttons use the wider plate, so the label has room */
.header__btns .btn_size_small {
    --btn-w: 16.3125rem; --btn-h: 2.9375rem;
    --btn-img-url: url(/template/site/l2awakening/images/btn/btn.png);
}
/* the code pill must not lift the line it sits in */
.header__opening-date code, .imm-cycle code, .imm-feature code, .imm-vote__box code { line-height: 1; vertical-align: baseline; }
.header__box, .post {
    border-width: 11px !important; border-style: solid !important; border-color: transparent !important;
    border-image: url(../l2awakening/images/immortal/frame.png?v=imm1) 44 / 11px round !important;
    border-radius: 0 !important;
}
.header__box { background-clip: padding-box !important; }