/* =========================================================
   L2CORE — EMERALD RELIC THEME v2
   Palette inspired by the CORE logo + Ring of Core artwork:
   obsidian, deep jade, emerald energy, turquoise crystal,
   antique gold and ivory/silver.
   ========================================================= */
:root {
    --core-bg: #020705;
    --core-bg-2: #06100c;
    --core-panel: rgba(5, 17, 12, .97);
    --core-panel-2: rgba(8, 28, 19, .96);
    --core-panel-soft: rgba(10, 35, 24, .86);
    --core-line: rgba(169, 139, 65, .28);
    --core-line-strong: rgba(202, 169, 80, .55);
    --core-gold: #b89a4c;
    --core-gold-light: #dfc77a;
    --core-gold-pale: #f0e3b6;
    --core-emerald: #0da968;
    --core-emerald-dark: #05613d;
    --core-emerald-deep: #023a28;
    --core-mint: #48dfad;
    --core-cyan: #27cdb8;
    --core-ivory: #ece9dc;
    --core-muted: #9fb2a9;
    --core-offline: #ff5e66;
}

/* ===== GLOBAL / BACKGROUND ===== */
html { background: var(--core-bg) !important; }
body {
    color: var(--core-ivory) !important;
    background:
        radial-gradient(ellipse 820px 410px at 50% 305px, rgba(16, 177, 106, .055), transparent 68%),
        linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(1,8,5,.04) 430px, rgba(2,7,5,.76) 780px, #020705 1060px),
        url('../imgs/bg-haste.jpg') no-repeat center top,
        var(--core-bg) !important;
    background-size: auto, auto, 2000px auto, auto !important;
}

::selection { background: rgba(32, 205, 139, .28); color: #fff; }

/* ===== MAIN FRAME ===== */
.all > section {
    border: 1px solid rgba(184,154,76,.47) !important;
    border-radius: 3px !important;
    background:
        linear-gradient(135deg, rgba(72,223,173,.025), transparent 25%),
        radial-gradient(circle at 50% 0, rgba(13,169,104,.04), transparent 38%),
        linear-gradient(180deg, rgba(5,19,13,.975), rgba(2,9,6,.99)) !important;
    box-shadow:
        0 34px 90px rgba(0,0,0,.74),
        inset 0 1px 0 rgba(240,227,182,.055),
        inset 0 0 85px rgba(7,95,61,.035),
        0 0 0 1px rgba(1,15,9,.9) !important;
}

/* ===== TOP NAV ===== */
nav {
    border: 1px solid rgba(201,169,82,.67) !important;
    border-radius: 3px !important;
    background:
        linear-gradient(180deg, rgba(12,45,31,.99) 0%, rgba(6,27,19,.99) 45%, rgba(3,15,11,.995) 100%) !important;
    box-shadow:
        0 18px 48px rgba(0,0,0,.68),
        inset 0 1px 0 rgba(238,223,170,.16),
        inset 0 -1px 0 rgba(0,0,0,.76),
        0 0 22px rgba(9,132,82,.10) !important;
}
nav:before {
    background: radial-gradient(ellipse 600px 58px at 50% 0, rgba(52,220,157,.10), transparent 72%) !important;
}
nav:after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 5px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(197,164,76,.56), rgba(39,205,184,.20), rgba(197,164,76,.56), transparent) !important;
    pointer-events: none !important;
}
nav a {
    border-radius: 2px !important;
    color: #e9e5d8 !important;
    text-shadow: 0 1px 2px #000 !important;
    letter-spacing: .035em !important;
}
nav a:hover {
    color: #fff8dc !important;
    border-color: rgba(205,173,85,.26) !important;
    background: linear-gradient(180deg, rgba(27,157,102,.20), rgba(4,69,44,.28)) !important;
    box-shadow: inset 0 -2px 0 var(--core-gold), 0 0 16px rgba(29,208,142,.09) !important;
}
nav a.nav-buy {
    color: #fff7dc !important;
    border-color: rgba(225,193,99,.74) !important;
    background: linear-gradient(180deg, #168d5d 0%, #0b6745 48%, #06422f 100%) !important;
    box-shadow: 0 8px 24px rgba(3,86,55,.30), inset 0 1px 0 rgba(121,255,204,.18), 0 0 12px rgba(21,177,111,.10) !important;
}
nav a.nav-buy:hover {
    background: linear-gradient(180deg, #20b77a 0%, #0d8456 48%, #075139 100%) !important;
    border-color: rgba(238,211,125,.88) !important;
}

.langs .bg {
    border-color: rgba(197,164,76,.50) !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, rgba(9,42,29,.97), rgba(2,16,11,.99)) !important;
}

/* ===== SIDE PANELS ===== */
aside { color: var(--core-ivory) !important; }
aside .box {
    border: 1px solid rgba(181,150,72,.28) !important;
    border-radius: 3px !important;
    background:
        linear-gradient(135deg, rgba(48,209,145,.028), transparent 38%),
        linear-gradient(180deg, rgba(8,29,20,.95), rgba(3,14,10,.985)) !important;
    box-shadow: inset 0 1px 0 rgba(238,220,166,.045), 0 12px 30px rgba(0,0,0,.30) !important;
}
aside .box .title {
    border-bottom: 1px solid rgba(190,158,75,.24) !important;
    color: #eee9da !important;
    letter-spacing: .10em !important;
    text-shadow: 0 1px 2px #000 !important;
}
aside .box .title:before {
    width: 3px !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, var(--core-gold-light), var(--core-emerald)) !important;
    box-shadow: 0 0 10px rgba(31,199,132,.34) !important;
}
aside .box .ctt { color: var(--core-muted) !important; }

/* ===== CENTER CONTENT ===== */
article {
    border: 1px solid rgba(182,151,72,.26) !important;
    border-radius: 3px !important;
    background:
        radial-gradient(circle at 76% 0, rgba(19,177,111,.055), transparent 34%),
        linear-gradient(180deg, rgb(4 15 10), rgba(2,11,8,.995)) !important;
    color: var(--core-ivory) !important;
    box-shadow: inset 0 1px 0 rgba(239,221,169,.045), 0 18px 45px rgba(0,0,0,.34) !important;
}

h1, h2, h3, .news a.titlen, .info-panel h2, .side-rank-name {
    color: #f0ede0 !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.75), 0 0 13px rgba(39,205,184,.045) !important;
}
p, .news .textn, .news .finalinfo .datan, .info-lead, .info-list span { color: var(--core-muted) !important; }
a, a:active, a:visited, a:link { color: #e7dcac !important; }
a:hover { color: #fff0a8 !important; }
hr, .shadownew, .clean-separator, .beta-separator {
    background: linear-gradient(90deg, transparent, rgba(188,154,71,.55), rgba(35,195,152,.28), rgba(188,154,71,.55), transparent) !important;
}

/* ===== BUTTONS ===== */
article a.default, a.default, span.default, input.default,
.rankings_options > div a, .download-btn, .paginate a,
aside .box a.default {
    border: 1px solid rgba(192,159,74,.52) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, #116f4b 0%, #0a5439 49%, #053624 100%) !important;
    color: #fff8df !important;
    text-shadow: 0 1px 2px #001a10 !important;
    box-shadow: 0 7px 17px rgba(0,0,0,.31), inset 0 1px 0 rgba(126,255,209,.13) !important;
}
article a.default:hover, a.default:hover, input.default:hover, span.default:hover,
.rankings_options > div a:hover, .download-btn:hover, aside .box a.default:hover {
    border-color: rgba(231,202,112,.82) !important;
    background: linear-gradient(180deg, #1aa974 0%, #0b7750 50%, #064831 100%) !important;
    box-shadow: 0 9px 22px rgba(0,0,0,.33), inset 0 1px 0 rgba(166,255,221,.20), 0 0 16px rgba(28,200,135,.10) !important;
}

/* ===== FORMS / SMALL BOXES ===== */
.fieldsBox, .sstatus, .anpc, .logged, .rmsg, .rulesbox,
.formpadrao, .rankings_options:hover > div {
    border-color: rgba(185,153,73,.24) !important;
    border-radius: 3px !important;
    background: rgba(3,17,11,.90) !important;
    color: var(--core-ivory) !important;
}
.fieldsBox .inpt {
    border-color: rgba(185,153,73,.35) !important;
    border-radius: 2px !important;
    background: rgba(230,235,225,.96) !important;
    color: #0d1712 !important;
}
.anpc, .logged { color: #afc0b7 !important; }

/* Status keeps semantic red for OFFLINE only. */
.sstatus--single.is-online { color: #63e5a3 !important; }
.sstatus--single.is-offline { color: var(--core-offline) !important; }
.sstatus--single.is-online .sstatus__dot { background: #34d98f !important; box-shadow: 0 0 10px rgba(52,217,143,.48) !important; }
.sstatus--single.is-offline .sstatus__dot { background: var(--core-offline) !important; }

/* ===== BANNERS / NEWS / TABLES ===== */
.banner, .faceIndex {
    border-color: rgba(184,152,72,.30) !important;
    border-radius: 3px !important;
    background: #03110b !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.43), 0 0 20px rgba(11,121,77,.06) !important;
}
.banner, .banner > a, .banner > a > img { border-radius: 2px !important; }

.news {
    border: 1px solid rgba(183,151,71,.20) !important;
    border-radius: 3px !important;
    background: linear-gradient(180deg, rgba(8,31,21,.70), rgba(3,15,10,.83)) !important;
}
.news a.imgn { border-color: rgba(190,157,75,.34) !important; border-radius: 2px !important; }

.info-panel, table.default, .side-rank-list li {
    border-color: rgba(184,152,72,.22) !important;
    border-radius: 3px !important;
    background: rgba(6,25,17,.83) !important;
    color: var(--core-ivory) !important;
}
.info-panel h2 { border-color: rgba(184,152,72,.24) !important; }
.info-list li { border-color: rgba(184,152,72,.11) !important; }
.info-list em, .side-rank-pos, .side-rank-more { color: var(--core-gold-light) !important; }
.info-list--bullets li:before { background: var(--core-emerald) !important; box-shadow: 0 0 7px rgba(13,169,104,.30) !important; }
table.default tr th { background: #0b3928 !important; color: #f0eedf !important; }
table.default tr td, table.default tr.two td,
table.default tr td.foco, table.default tr.two td.foco {
    background: rgba(5,22,15,.89) !important;
    color: #c5d1ca !important;
    border-color: rgba(184,152,72,.13) !important;
}

.site-footer, footer { color: #81968c !important; }
.site-footer a { color: #d2c486 !important; }

/* ===== SERVER INFORMATION MODULE ===== */
.arm-info {
    --h-green: var(--core-emerald) !important;
    --h-green-2: var(--core-cyan) !important;
    --h-green-3: var(--core-emerald-dark) !important;
    --h-dark: #020b07 !important;
    --h-dark-2: #04120c !important;
    --h-panel: #071c13 !important;
    --h-line: rgba(184,152,72,.22) !important;
    --h-silver: #ece9dd !important;
    --h-muted: #9cad9f !important;
}
.arm-info-header {
    background:
        radial-gradient(circle at 83% 32%, rgba(40,205,184,.095), transparent 26%),
        radial-gradient(circle at 17% 0, rgba(184,154,76,.04), transparent 34%),
        linear-gradient(115deg, rgba(6,29,20,.985), rgba(2,12,8,.995)) !important;
    border-bottom-color: rgba(184,152,72,.25) !important;
}
.arm-info-header:before {
    background: radial-gradient(circle at 82% 30%, rgba(34,202,156,.105), transparent 29%), linear-gradient(90deg, rgba(238,225,177,.02), transparent 42%) !important;
}
.arm-info-header:after {
    background: linear-gradient(90deg, transparent, var(--core-gold), var(--core-cyan), var(--core-gold), transparent) !important;
    box-shadow: 0 0 15px rgba(29,190,139,.20) !important;
}
.arm-label { color: var(--core-gold-light) !important; }
.arm-rate-badge {
    border-radius: 3px !important;
    background: linear-gradient(180deg, #159d68, #086242) !important;
    border-color: rgba(225,196,105,.78) !important;
    box-shadow: 0 10px 24px rgba(2,78,50,.34), inset 0 1px 0 rgba(164,255,218,.21), 0 0 17px rgba(29,196,131,.08) !important;
}
.arm-rate-badge strong { color: #fff7dd !important; text-shadow: 0 1px 2px #013321 !important; }
.arm-header-pills span {
    border-radius: 3px !important;
    color: #d4ddd7 !important;
    background: rgba(3,20,13,.84) !important;
    border-color: rgba(184,152,72,.23) !important;
}
.arm-header-pills i, .arm-summary i { color: var(--core-gold-light) !important; filter: drop-shadow(0 0 7px rgba(39,205,184,.15)) !important; }
.arm-summary {
    background: linear-gradient(180deg, #071d14, #03100b) !important;
    border-bottom-color: rgba(184,152,72,.20) !important;
}
.arm-card {
    border-radius: 3px !important;
    border-color: rgba(184,152,72,.21) !important;
    background: linear-gradient(145deg, rgba(29,196,131,.035), transparent 48%), linear-gradient(180deg,#082218,#03120c) !important;
}
.arm-card:before {
    background: linear-gradient(180deg, transparent, var(--core-gold), var(--core-cyan), transparent) !important;
    box-shadow: 0 0 9px rgba(28,190,142,.28) !important;
}
.arm-card-head-icon {
    border-radius: 3px !important;
    background: linear-gradient(180deg,#159e69,#07583b) !important;
    border-color: rgba(218,188,98,.55) !important;
    box-shadow: 0 8px 18px rgba(2,70,45,.28), inset 0 1px 0 rgba(155,255,217,.17) !important;
}
.arm-card-head small { color: var(--core-gold-light) !important; }
.arm-section-title span {
    background: linear-gradient(90deg, transparent, rgba(190,158,74,.66), rgba(39,205,184,.34)) !important;
}
.arm-section-title span:last-child {
    background: linear-gradient(90deg, rgba(39,205,184,.34), rgba(190,158,74,.66), transparent) !important;
}
.arm-new, .arm-event-grid b {
    background: linear-gradient(180deg, #18a96f, #07583b) !important;
    color: #fff !important;
}
.arm-event-grid span:hover { border-color: rgba(201,170,83,.36) !important; box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 0 10px rgba(24,169,111,.06) !important; }
.arm-footer-note {
    color: #eff6f1 !important;
    background: linear-gradient(90deg,#03140d,#0a5a3c,#0c7650,#0a5a3c,#03140d) !important;
    border-color: rgba(204,173,84,.52) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.24),0 0 18px rgba(24,169,111,.08) !important;
}
.arm-footer-note i { color: var(--core-gold-light) !important; }

/* ===== COUNTDOWN / HOME FEATURE ===== */
.haste-countdown {
    --countdown-bg: #020b07 !important;
    --countdown-panel: #04150e !important;
    --countdown-panel-light: #082219 !important;
    --countdown-green: var(--core-emerald) !important;
    --countdown-green-dark: var(--core-emerald-dark) !important;
    --countdown-green-glow: rgba(27, 194, 129, .22) !important;
    --countdown-silver: #ece9dc !important;
    --countdown-muted: #9bad9f !important;
    --countdown-border: rgba(188, 156, 74, .34) !important;
}
.haste-countdown-frame {
    border-radius: 3px !important;
    border-color: rgba(188,156,74,.36) !important;
    background:
        linear-gradient(135deg, rgba(239,219,160,.02), transparent 35%),
        radial-gradient(circle at 50% 0, rgba(26,190,128,.09), transparent 43%),
        linear-gradient(180deg, rgba(7,29,20,.99), rgba(2,10,7,.997)) !important;
    box-shadow: 0 22px 55px rgba(0,0,0,.62), inset 0 1px 0 rgba(239,221,169,.045), inset 0 0 50px rgba(8,100,64,.035) !important;
}
.haste-countdown-topline, .haste-countdown-ornament span, .haste-footer-line {
    background: linear-gradient(90deg, transparent, var(--core-gold), var(--core-cyan), var(--core-gold), transparent) !important;
}
.haste-countdown-ornament i { border-color: var(--core-gold-light) !important; box-shadow: 0 0 12px rgba(36,196,151,.28) !important; }
.haste-countdown-title, .haste-date-main, .haste-date-hour, .haste-footer-text { color: #efeddf !important; }
#haste-soon .soon-ring-progress { color: var(--core-emerald) !important; }
#haste-soon .soon-label { color: var(--core-gold-light) !important; }

/* ===== PAGES THAT STILL USE OLD "HASTE" VARIABLES ===== */
.core-theme, body {
    --haste-bg: #020b07 !important;
    --haste-panel: #04150e !important;
    --haste-panel-2: #082219 !important;
    --haste-green: var(--core-emerald) !important;
    --haste-green-dark: var(--core-emerald-dark) !important;
    --haste-green-soft: rgba(23,170,111,.16) !important;
    --haste-silver: #e8e9df !important;
    --haste-text: #edf1ec !important;
    --haste-muted: #9baca2 !important;
    --haste-border: rgba(188,156,74,.29) !important;
}

/* A few older selectors in global.css use direct Haste green values. */
.arm-data-grid strong, .arm-list strong, .arm-simple-list strong,
.arm-summary strong, .arm-section-title h2 { color: #edf2ed !important; }
.arm-data-grid span, .arm-list span, .arm-simple-list li { color: #9fb0a6 !important; }
.arm-list i, .arm-event-grid i { color: var(--core-gold-light) !important; }

/* Registration overrides */
.register-wrap, .register-box, .register-panel {
    --haste-green: var(--core-emerald) !important;
    --haste-green-dark: var(--core-emerald-dark) !important;
    --haste-border: rgba(188,156,74,.30) !important;
}

/* Keep warning/error semantics, but remove accidental crimson branding. */
.rmsg:not(.error):not(.success) { border-color: rgba(188,156,74,.32) !important; }
/* ============================================================
   L2 CORE - COUNTDOWN
   COMPACT MMORPG VERSION
   Ajustado para la columna central
============================================================ */

.core-opening
{
	--jade: #19e8aa;
	--jade-dark: #008b61;

	--gold: #9b8148;
	--gold-light: #d1b96e;

	--silver: #e6e4da;
	--muted: #72877d;

	position: relative;

	/*
	 * IMPORTANTE:
	 * NO dejamos que tome todo el contenedor general.
	 */
	width: 610px;
	max-width: 610px;

	margin: 22px 0 28px 0;
	padding: 0;

	box-sizing: border-box;
	overflow: hidden;

	font-family: Arial, Tahoma, sans-serif;
}


/* ============================================================
   CONTENEDOR
============================================================ */

.core-opening-shell
{
	position: relative;

	width: 100%;
	max-width: 100%;

	margin: 0;
	padding: 22px 20px 20px;

	box-sizing: border-box;
	overflow: hidden;

	border: 0 !important;
	border-radius: 0 !important;

	background:
		radial-gradient(
			circle at 50% 38%,
			rgba(15, 191, 132, .075),
			transparent 43%
		),
		linear-gradient(
			180deg,
			rgba(4, 20, 14, .96),
			rgba(2, 12, 8, .97)
		);

	box-shadow: none !important;
}


/* quitamos cualquier marco viejo */
.core-opening-shell::before
{
	display: none !important;
}


/* Línea superior discreta */
.core-opening-shell::after
{
	content: "";

	position: absolute;

	top: 0;
	left: 20%;
	right: 20%;

	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(155,129,72,.65),
			rgba(25,232,170,.55),
			rgba(155,129,72,.65),
			transparent
		);

	pointer-events: none;
}


/* NO queremos esquinas grandes */
.core-corner
{
	display: none !important;
}


/* ============================================================
   HEADER
============================================================ */

.core-opening-header
{
	position: relative;
	z-index: 2;

	width: 100%;

	margin: 0;
	padding: 0;

	text-align: center;
}


/* Ornamentación superior */
.core-rune-line
{
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 11px;

	margin: 0 0 8px;
}


.core-rune-line span
{
	width: 58px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(155,129,72,.65)
		);
}


.core-rune-line span:last-child
{
	transform: scaleX(-1);
}


.core-rune-line i
{
	font-size: 8px;

	color: var(--jade);

	text-shadow:
		0 0 9px rgba(25,232,170,.5);
}


/* Chronicles */
.core-opening-eyebrow
{
	margin: 0 0 4px;

	color: var(--gold-light);

	font-size: 7px;
	font-weight: bold;

	letter-spacing: .27em;
	text-transform: uppercase;
}


/* GRAN APERTURA */
.core-opening-title
{
	margin: 0;

	color: var(--silver);

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 27px;
	font-weight: normal;

	line-height: 1.1;

	letter-spacing: .05em;
	text-transform: uppercase;

	text-shadow:
		0 2px 2px rgba(0,0,0,.9);
}


/* subtitle */
.core-opening-desc
{
	margin: 5px 0 0;

	color: #768b80;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 10px;
	font-style: italic;
}


/* ============================================================
   FECHA / HORA
============================================================ */

.core-opening-date
{
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		1fr
		45px
		1fr;

	align-items: center;

	width: 82%;

	margin: 17px auto 5px;
	padding: 9px 0;

	border-top:
		1px solid rgba(155,129,72,.25);

	border-bottom:
		1px solid rgba(155,129,72,.25);

	background: transparent;
}


.core-date-part
{
	min-width: 0;

	text-align: center;
}


.core-date-label
{
	display: block;

	margin-bottom: 3px;

	color: #677c71;

	font-size: 6px;
	font-weight: bold;

	letter-spacing: .18em;
	text-transform: uppercase;
}


.core-date-part strong
{
	display: block;

	color: #ddd9c8;

	font-family:
		Georgia,
		"Times New Roman",
		serif;

	font-size: 14px;
	font-weight: normal;

	letter-spacing: .05em;

	white-space: nowrap;
}


.core-date-time strong
{
	color: var(--jade);

	font-family:
		Arial,
		Tahoma,
		sans-serif;

	font-size: 17px;
	font-weight: bold;

	text-shadow:
		0 0 8px rgba(25,232,170,.25);
}


.core-date-time small
{
	display: block;

	margin-top: 2px;

	color: #60756a;

	font-size: 6px;
	font-weight: bold;

	letter-spacing: .10em;
}


/* ============================================================
   EMBLEMA CENTRAL
============================================================ */

.core-date-emblem
{
	display: flex;

	align-items: center;
	justify-content: center;

	padding: 0;
}


.core-date-emblem > span
{
	display: none;
}


.core-date-emblem div
{
	display: flex;

	align-items: center;
	justify-content: center;

	width: 23px;
	height: 23px;

	border:
		1px solid rgba(155,129,72,.60);

	background:
		rgba(2,12,8,.85);

	transform: rotate(45deg);
}


.core-date-emblem i
{
	color: var(--jade);

	font-size: 7px;

	transform: rotate(-45deg);
}


/* ============================================================
   ÁREA DEL CONTADOR
============================================================ */

.core-countdown-stage
{
	position: relative;
	z-index: 2;

	display: block;

	width: 100%;
	max-width: 100%;

	min-height: 155px;

	margin: 6px 0 0;
	padding: 0;

	box-sizing: border-box;

	overflow: hidden;
}


/* eliminamos decoraciones laterales */
.core-stage-column
{
	display: none !important;
}


.core-countdown-center
{
	position: relative;

	width: 100%;
	max-width: 100%;

	margin: 0;
	padding: 0;

	text-align: center;

	overflow: hidden;
}


/* ============================================================
   GATE OPENING
============================================================ */

.core-countdown-caption
{
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 9px;

	margin: 5px 0 0;
}


.core-countdown-caption span
{
	width: 35px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(155,129,72,.45)
		);
}


.core-countdown-caption span:last-child
{
	transform: scaleX(-1);
}


.core-countdown-caption strong
{
	color: #887545;

	font-size: 6px;
	font-weight: bold;

	letter-spacing: .20em;
	text-transform: uppercase;

	white-space: nowrap;
}


/* ============================================================
   SOON PLUGIN
============================================================ */

.core-soon-wrapper
{
	position: relative;

	width: 100%;
	max-width: 100%;

	height: 115px;

	margin: 0;
	padding: 0;

	text-align: center;

	overflow: hidden;
}


/*
 * Esta es la parte importante.
 * Ya NO escala desde un contenedor gigante.
 */
#core-soon
{
	position: relative;

	width: 100% !important;
	max-width: 100% !important;

	margin: 0 auto !important;
	padding: 11px 0 0 !important;

	background: transparent !important;

	color: var(--silver) !important;

	font-family:
		Arial,
		Tahoma,
		sans-serif !important;

	text-transform: uppercase !important;

	transform: scale(.68);
	transform-origin: center top;
}


/* labels DAYS HOURS etc */
#core-soon .soon-label
{
	color: #71867b !important;

	font-size: 8px !important;
	font-weight: bold !important;

	letter-spacing: .11em !important;
	text-transform: uppercase !important;
}


/* rings */
#core-soon .soon-ring
{
	filter:
		drop-shadow(
			0 0 4px
			rgba(25,232,170,.15)
		);
}


#core-soon .soon-ring-progress
{
	color: var(--jade) !important;

	background-color:
		rgba(155,129,72,.035) !important;
}


#core-soon .soon-ring-progress path
{
	stroke: var(--jade) !important;
}


/* numbers */
#core-soon .soon-slot-inner
{
	color: #eeeadd !important;

	font-family:
		Georgia,
		"Times New Roman",
		serif !important;

	text-shadow:
		0 2px 2px rgba(0,0,0,.95),
		0 0 9px rgba(25,232,170,.15) !important;
}


/* separator */
#core-soon .soon-separator
{
	color: var(--gold-light) !important;
}


/* ============================================================
   MESSAGE
============================================================ */

.core-countdown-message
{
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	gap: 8px;

	width: 100%;

	margin: -4px 0 0;

	color: #65796f;

	font-size: 6px;
	font-weight: bold;

	letter-spacing: .11em;
	text-transform: uppercase;
}


.core-countdown-message i
{
	color: #887445;

	font-size: 7px;
}


/* ============================================================
   FOOTER
============================================================ */

.core-opening-footer
{
	position: relative;
	z-index: 2;

	display: flex;

	align-items: center;
	justify-content: center;

	gap: 9px;

	width: 100%;

	margin-top: 13px;
}


.core-opening-footer > div
{
	width: 55px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(155,129,72,.35)
		);
}


.core-opening-footer > div:last-child
{
	transform: scaleX(-1);
}


.core-opening-footer span
{
	color: #68755d;

	font-size: 6px;
	font-weight: bold;

	letter-spacing: .16em;

	text-transform: uppercase;
	white-space: nowrap;
}


.core-opening-footer i
{
	margin: 0 4px;

	color: #8f7845;

	font-size: 5px;
}


/* ============================================================
   SAFETY
============================================================ */

.core-opening *,
.core-opening *::before,
.core-opening *::after
{
	box-sizing: border-box;
}


.core-opening .soon,
.core-opening .soon-group
{
	max-width: 100% !important;
}


/* ============================================================
   RESPONSIVE
============================================================ */

@media (max-width: 700px)
{
	.core-opening
	{
		width: 100%;
		max-width: 100%;
	}


	.core-opening-shell
	{
		padding:
			20px
			10px
			17px;
	}


	.core-opening-title
	{
		font-size: 22px;
	}


	.core-opening-date
	{
		width: 92%;
	}


	#core-soon
	{
		transform: scale(.58);
	}


	.core-soon-wrapper
	{
		height: 100px;
	}
}


@media (max-width: 480px)
{
	.core-opening-date
	{
		grid-template-columns: 1fr;

		gap: 9px;
	}


	.core-date-emblem
	{
		display: none;
	}


	#core-soon
	{
		transform: scale(.48);
	}


	.core-soon-wrapper
	{
		height: 90px;
	}


	.core-opening-footer > div
	{
		width: 25px;
	}
}

/* =====================================================
   L2 CORE MMORPG COUNTDOWN
===================================================== */

.haste-countdown {
	--countdown-bg: #030806;
	--countdown-panel: #07120c;
	--countdown-panel-light: #0b1d12;
	--countdown-green: #1dde65;
	--countdown-green-dark: #08752f;
	--countdown-green-glow: rgba(29, 222, 101, 0.32);
	--countdown-silver: #dce5df;
	--countdown-muted: #83988b;
	--countdown-border: rgba(48, 221, 111, 0.28);
	position: relative;
	width: 100%;
	padding: 18px;
	box-sizing: border-box;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

.haste-countdown-frame {
	position: relative;
	overflow: hidden;
	max-width: 850px;
	margin: 0 auto;
	padding: 32px 28px 25px;
	box-sizing: border-box;

	border: 1px solid var(--countdown-border);
	border-radius: 10px;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.025),
			transparent 35%
		),
		radial-gradient(
			circle at 50% 0,
			rgba(29, 222, 101, 0.13),
			transparent 42%
		),
		linear-gradient(
			180deg,
			rgba(10, 27, 17, 0.98),
			rgba(2, 8, 5, 0.99)
		);

	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.58),
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		inset 0 0 50px rgba(29, 222, 101, 0.035);
}

/* Efecto interno decorativo */
.haste-countdown-frame::before,
.haste-countdown-frame::after {
	content: "";
	position: absolute;
	top: -90px;
	width: 190px;
	height: 330px;
	opacity: 0.25;
	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(29, 222, 101, 0.18),
			transparent
		);

	transform: rotate(28deg);
}

.haste-countdown-frame::before {
	left: -110px;
}

.haste-countdown-frame::after {
	right: -110px;
	transform: rotate(-28deg);
}

.haste-countdown-topline {
	position: absolute;
	top: 0;
	left: 12%;
	width: 76%;
	height: 2px;

	background:
		linear-gradient(
			90deg,
			transparent,
			var(--countdown-green),
			transparent
		);

	box-shadow:
		0 0 16px rgba(29, 222, 101, 0.8);
}

.haste-countdown-header {
	position: relative;
	z-index: 2;
	text-align: center;
}

.haste-countdown-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}

.haste-countdown-ornament span {
	width: 68px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(29, 222, 101, 0.65)
		);
}

.haste-countdown-ornament span:last-child {
	transform: scaleX(-1);
}

.haste-countdown-ornament i {
	display: block;
	width: 8px;
	height: 8px;

	border: 1px solid var(--countdown-green);
	background: #08150d;

	box-shadow:
		0 0 10px var(--countdown-green-glow);

	transform: rotate(45deg);
}

.haste-countdown-title {
	margin: 0;

	color: var(--countdown-silver);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.075em;

	text-shadow:
		0 2px 2px rgba(0, 0, 0, 0.95),
		0 0 14px rgba(29, 222, 101, 0.22);
}

.haste-countdown-subtitle {
	margin: 7px 0 0;

	color: var(--countdown-muted);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.22em;
}

.haste-countdown-date {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 11px;

	margin: 22px auto 10px;
	padding: 12px 18px;
	width: fit-content;
	max-width: 100%;
	box-sizing: border-box;

	border: 1px solid rgba(29, 222, 101, 0.18);
	border-radius: 5px;

	background:
		linear-gradient(
			180deg,
			rgba(15, 39, 24, 0.76),
			rgba(4, 13, 8, 0.82)
		);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.035),
		0 8px 22px rgba(0, 0, 0, 0.25);
}

.haste-date-main {
	color: #d4dfd8;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.055em;
}

.haste-date-divider {
	width: 1px;
	height: 20px;
	background:
		linear-gradient(
			180deg,
			transparent,
			rgba(29, 222, 101, 0.75),
			transparent
		);
}

.haste-date-hour {
	color: var(--countdown-green);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 0.08em;

	text-shadow:
		0 0 12px rgba(29, 222, 101, 0.32);
}

.haste-date-gmt {
	padding: 4px 7px;

	border: 1px solid rgba(174, 194, 181, 0.14);
	border-radius: 3px;

	color: #83978a;
	background: rgba(0, 0, 0, 0.22);

	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.09em;
}

.haste-countdown-body {
	position: relative;
	z-index: 2;
	overflow: hidden;

	min-height: 205px;
	margin-top: 4px;
	padding: 5px 12px 0;
	box-sizing: border-box;
}

.haste-countdown-body::before {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	top: 50%;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(29, 222, 101, 0.16),
			transparent
		);
}

.haste-glow {
	position: absolute;
	top: 25px;
	width: 120px;
	height: 120px;
	border-radius: 50%;

	background: rgba(29, 222, 101, 0.11);
	filter: blur(42px);
	pointer-events: none;
}

.haste-glow-left {
	left: 7%;
}

.haste-glow-right {
	right: 7%;
}

.atualstudioCountdown {
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
}

/* SOON PLUGIN */
#haste-soon {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif !important;
	color: var(--countdown-silver) !important;
	background: transparent !important;
	text-transform: uppercase !important;
}

#haste-soon .soon-label {
	color: #91a497 !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;

	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.95) !important;
}

#haste-soon .soon-ring {
	filter:
		drop-shadow(0 0 5px rgba(29, 222, 101, 0.18));
}

#haste-soon .soon-ring-progress {
	color: var(--countdown-green) !important;
	background-color: rgba(29, 222, 101, 0.075) !important;
}

#haste-soon .soon-ring-progress path {
	stroke: var(--countdown-green) !important;
}

#haste-soon .soon-slot-inner {
	color: #f0f7f2 !important;

	text-shadow:
		0 2px 2px rgba(0, 0, 0, 0.95),
		0 0 11px rgba(29, 222, 101, 0.24) !important;
}

#haste-soon .soon-separator {
	color: var(--countdown-green) !important;

	text-shadow:
		0 0 10px rgba(29, 222, 101, 0.4) !important;
}

#haste-soon > .soon-group {
	margin-bottom: -0.5em;
}

.soon[data-layout*="group"] {
	padding-top: 20px;
}

.haste-countdown-footer {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;

	margin-top: 2px;
}

.haste-footer-line {
	width: 95px;
	height: 1px;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(29, 222, 101, 0.40)
		);
}

.haste-footer-line:last-child {
	transform: scaleX(-1);
}

.haste-footer-text {
	color: #718578;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.18em;
}

/* Responsive */
@media (max-width: 650px) {

	.haste-countdown {
		padding: 8px;
	}

	.haste-countdown-frame {
		padding: 26px 12px 21px;
	}

	.haste-countdown-title {
		font-size: 23px;
	}

	.haste-countdown-date {
		gap: 7px;
		padding: 10px;
	}

	.haste-date-main {
		width: 100%;
		font-size: 14px;
		text-align: center;
	}

	.haste-date-divider {
		display: none;
	}

	.haste-date-hour {
		font-size: 18px;
	}

	.haste-countdown-body {
		min-height: 180px;
		padding-left: 0;
		padding-right: 0;
	}

	.haste-footer-line {
		width: 45px;
	}

	.haste-footer-text {
		font-size: 8px;
	}
}

.haste-countdown-frame {
	position: relative;
	overflow: hidden;
	max-width: 850px;
	margin: 0 auto;
	padding: 32px 28px 25px;
	box-sizing: border-box;

	/* SIN BORDE */
	border: none !important;
	outline: none !important;
	border-radius: 0;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.025),
			transparent 35%
		),
		radial-gradient(
			circle at 50% 0,
			rgba(29, 222, 101, 0.13),
			transparent 42%
		),
		linear-gradient(
			180deg,
			rgba(10, 27, 17, 0.98),
			rgba(2, 8, 5, 0.99)
		);

	box-shadow:
		0 22px 55px rgba(0, 0, 0, 0.58),
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		inset 0 0 50px rgba(29, 222, 101, 0.035);
}