body.portal-page,body.interlude-page{background:#101519;color:#eee9df}.portal-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(10,15,19,.95),rgba(10,15,19,.78)),url('assets/hero-dark-elf-sharp.jpg') center/cover;z-index:-1}.portal-page{position:relative;isolation:isolate}.portal-header{max-width:1240px;margin:auto;min-height:94px;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-brand{display:flex;align-items:center;gap:14px;color:var(--gold);letter-spacing:.12em;font-size:22px}.portal-brand img{border-radius:5px;border:1px solid #957b4e}.portal-brand small{display:block;font-family:Inter,sans-serif;font-size:9px;margin-top:7px;letter-spacing:.18em}.portal-languages{display:flex;position:static;flex-direction:row;align-items:center;background:transparent;border:0;padding:0;top:auto;left:auto;right:auto;gap:15px;font-size:12px;font-family:Inter,sans-serif;align-items:center}.portal-languages a{padding:7px;color:#aeb8bc}.portal-languages a[aria-current]{border:1px solid #8d754d;color:var(--gold)}.portal-main{max-width:740px;padding:18px 24px 22px;margin:auto;text-align:center}.portal-main h1{font-size:clamp(32px,4vw,48px);margin:12px 0 26px;line-height:1.1}.portal-main .eyebrow{font-size:10px}.server-choices{display:grid;gap:20px}.server-choice{position:relative;overflow:hidden;border:1px solid #7f6845;background:linear-gradient(120deg,rgba(21,30,37,.94),rgba(15,22,28,.85));padding:20px 28px 0;display:block;transition:border-color .2s,transform .2s,box-shadow .2s}.server-choice:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #8a71422b;border-radius:50%;left:50%;top:-25px;transform:translateX(-50%);pointer-events:none}.server-choice:hover{border-color:#e9cc8a;transform:translateY(-2px);box-shadow:0 8px 35px #0005}.server-choice:focus-visible{outline:3px solid #f3d393;outline-offset:5px}.choice-badge{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c9ae73}.chronicle-logo{display:flex;flex-direction:column;align-items:center;padding:9px 0 15px;position:relative}.lineage-word{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,6vw,66px);line-height:.9;letter-spacing:.02em;color:#f3ead6;text-shadow:0 3px 14px #000}.lineage-two{display:inline-block;font-size:.8em;color:var(--gold);margin-left:9px}.chronicle-name{font-family:Georgia,serif;color:#dfc486;font-size:19px;letter-spacing:.28em;margin-top:10px}.chronicle-clan{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.22em;color:#9da7ac;margin-top:12px}.choice-enter{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9c804c4d;padding:12px 0;font-family:Inter,sans-serif;font-size:12px;color:#cbb481;text-align:left}.interlude-choice{border-color:#72604c;background:linear-gradient(120deg,#251e18d9,#141b20ee)}.interlude-choice .chronicle-name{color:#e0bd8f}.portal-note{font-size:12px;color:#a1aeb5;line-height:1.7;margin:22px 0 0}.portal-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #6f65532e;padding:18px 5%;font-size:11px;color:#a3aeb3}.portal-footer p{margin:0}.portal-footer a{color:#cbb481}.interlude-header-links{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--gold)}.interlude-hero{position:relative;padding:66px 24px 72px;text-align:center;background:linear-gradient(90deg,#0c1116e8,#0c1116c7),url('assets/hero-dark-elf-sharp.jpg') center/cover;border-bottom:1px solid #81663d5c}.interlude-hero-content{max-width:720px;margin:auto}.interlude-hero .chronicle-logo{margin:28px 0 12px}.interlude-hero .lineage-word{font-size:clamp(60px,9vw,98px)}.interlude-hero .chronicle-name{font-size:clamp(23px,4vw,32px)}.interlude-soon{display:inline-block;border:1px solid #b89d61;padding:10px 24px;margin:10px 0 22px;color:#ecd49b;text-transform:uppercase;letter-spacing:.17em;font-size:12px;box-shadow:0 0 20px #b2943922}.interlude-hero h1{font-size:clamp(38px,6vw,64px);margin:12px 0 20px}.interlude-intro{font-size:16px;line-height:1.9;color:#c1c9cc}.interlude-date{font-size:13px;color:#a6b0b7;line-height:1.8;margin:20px 0 28px}.interlude-content{max-width:1050px;margin:auto}.interlude-content>p{max-width:740px;line-height:1.9;color:#adb9c0}.interlude-content h2{font-size:clamp(30px,4vw,44px)}.interlude-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-bottom:1px solid #3b4145;padding-bottom:35px;margin-bottom:45px}.interlude-facts span{display:block;color:#9caeb7;font-size:12px;margin-bottom:10px}.interlude-facts strong{font-family:Georgia,serif;color:#d5ba7e;font-weight:400;font-size:21px}.interlude-h5{border:1px solid #514735;padding:30px;margin-top:45px;background:#182027}.interlude-h5 p{line-height:1.8;color:#adb9c0}.interlude-h5 .button{margin-top:15px}@media(max-width:560px){.portal-header{min-height:80px;padding:16px 20px}.portal-brand{font-size:18px;gap:10px}.portal-brand img{width:42px;height:42px}.portal-brand small{font-size:7px}.portal-languages{gap:4px}.portal-main{padding:22px 20px}.server-choice{padding:19px 20px 0}.chronicle-name{font-size:17px}.portal-note{font-size:11px}.interlude-header-links{flex-direction:column;gap:8px;align-items:flex-end}.interlude-facts{grid-template-columns:1fr;gap:24px}.interlude-hero{padding:40px 22px}.interlude-facts strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.server-choice{transition:none}.server-choice:hover{transform:none}}

/* Classic Lineage II emblem, distinct chronicle labels. */
.classic-chronicle-logo{padding:4px 0 13px;min-height:166px}.classic-chronicle-logo img{display:block;width:188px;height:146px;object-fit:contain;filter:invert(1) contrast(2);mix-blend-mode:screen}.classic-chronicle-name{font:17px Georgia,serif;letter-spacing:.27em;color:#dec38b;margin:3px 0 0}.classic-chronicle-logo .chronicle-clan{margin-top:9px}.interlude-choice{background:linear-gradient(90deg,#11171ce8,#201a13c9),url("assets/hero-interlude-siege.jpg") center 58%/cover}.interlude-hero{background-image:linear-gradient(90deg,#0a1018c9,#0a101870 55%,#0a101852),linear-gradient(0deg,#101519,transparent 35%),url("assets/hero-interlude-siege.jpg");background-position:center,center,center 48%;background-size:cover}.interlude-hero .classic-chronicle-logo{margin:0}.interlude-hero .classic-chronicle-logo img{width:240px;height:184px}.interlude-hero .classic-chronicle-name{font-size:28px}.interlude-hero-content{text-shadow:0 2px 10px #000b}.interlude-intro{color:#e0e3e3}.interlude-date{color:#c2ccd1}@media(max-width:560px){.classic-chronicle-logo img{width:170px;height:133px}.classic-chronicle-name{font-size:16px}.interlude-hero{background-position:center,center,65% center}.interlude-hero .classic-chronicle-logo img{width:210px;height:160px}}

/* Larger portal emblems with restrained golden light. */
.portal-page .classic-chronicle-logo{width:100%}
.portal-page .classic-chronicle-logo img{width:230px;height:178px;filter:invert(1) contrast(2)}
.portal-page .classic-chronicle-name{font-size:20px;text-shadow:0 0 15px #e3c57b55}
.portal-page .classic-chronicle-logo:before{content:"";position:absolute;pointer-events:none;z-index:0;top:5px;left:50%;width:270px;height:190px;transform:translateX(-50%);background:radial-gradient(ellipse,#d8b66b26,transparent 67%);animation:cat-logo-glow 5s ease-in-out infinite}
.portal-page .classic-chronicle-logo:after{content:"";position:absolute;pointer-events:none;top:55px;left:calc(50% + 63px);width:21px;height:21px;background:#fff3ca;clip-path:polygon(50% 0,58% 40%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 40%);filter:drop-shadow(0 0 6px #ffe1a0);opacity:0;animation:cat-logo-sparkle 7s ease-in-out infinite}
.portal-page .interlude-choice .classic-chronicle-logo:before{animation-delay:-2.5s}
.portal-page .interlude-choice .classic-chronicle-logo:after{animation-delay:3.5s;left:calc(50% - 78px);top:95px}
.portal-page .server-choice:hover .classic-chronicle-name{color:#ffe9b5;text-shadow:0 0 20px #e8ca8d99}
@keyframes cat-logo-glow{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes cat-logo-sparkle{0%,62%,80%,100%{opacity:0;transform:scale(.35) rotate(0deg)}70%{opacity:.85;transform:scale(1) rotate(35deg)}}
@media(max-width:560px){.portal-page .classic-chronicle-logo img{width:202px;height:158px}.portal-page .classic-chronicle-name{font-size:18px}}
@media(prefers-reduced-motion:reduce){.portal-page .classic-chronicle-logo:before,.portal-page .classic-chronicle-logo:after{animation:none}.portal-page .classic-chronicle-logo:before{opacity:.65}.portal-page .classic-chronicle-logo:after{display:none}}

.portal-page .classic-chronicle-logo img,.portal-page .classic-chronicle-name,.portal-page .classic-chronicle-logo .chronicle-clan{position:relative}

/* Make the chronicle name the clear choice label. */
.portal-page .classic-chronicle-name{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:.18em;color:#ffe3a3;margin-top:9px;padding:4px 12px 10px;text-shadow:0 2px 4px #000,0 0 18px #d9a94b66;background:linear-gradient(90deg,transparent,#d5ad62,transparent) center bottom/85% 1px no-repeat}
.portal-page .classic-chronicle-logo .chronicle-clan{margin-top:11px}
@media(max-width:560px){.portal-page .classic-chronicle-name{font-size:28px;letter-spacing:.14em}}

/* Readable community signature beneath both portal emblems. */
.portal-page .classic-chronicle-logo .chronicle-clan{font-size:12px;font-weight:500;letter-spacing:.16em;line-height:1.5;color:#d6d9d8;text-shadow:0 1px 3px #000;margin-top:11px}
@media(max-width:560px){.portal-page .classic-chronicle-logo .chronicle-clan{font-size:11px;letter-spacing:.12em}}

/* Live status displayed beneath each chronicle emblem. */
.portal-page .portal-server-status{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;min-width:260px;margin:4px auto 20px;padding:13px 24px;border:1px solid #9aa7ad66;border-radius:4px;background:#0c141be8;color:#c3cdd2;font:600 14px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 20px #0004}
.portal-status-dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px;background:#9ca8ae}
.portal-page .portal-server-status[data-state="online"]{border-color:#70da9299;background:#10261fe8;color:#baf7c9;box-shadow:0 0 24px #63cf8524}
.portal-server-status[data-state="online"] .portal-status-dot{background:#77ee9d;box-shadow:0 0 13px #77ee9daa}
.portal-page .portal-server-status[data-state="offline"]{border-color:#ef858599;background:#2a151be8;color:#ffc6c6;box-shadow:0 0 24px #ed686824}
.portal-server-status[data-state="offline"] .portal-status-dot{background:#ff8585;box-shadow:0 0 12px #ff858580}
@media(max-width:560px){.portal-page .portal-server-status{min-width:0;width:100%;padding:12px 10px;font-size:12px;margin-bottom:17px;gap:10px}}

/* Player totals beside live portal status; no character names are requested. */
.portal-page .portal-server-status{min-width:330px;flex-wrap:wrap;gap:10px}
.portal-status-count{display:inline-block;border-left:1px solid currentColor;padding-left:12px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap}
@media(max-width:560px){.portal-page .portal-server-status{min-width:0;gap:8px}.portal-status-count{font-size:11px;padding-left:9px}}