/* aeth-build 20260917-1651 */
/* =============================================================================
   Aetherion2 — social layer: avatar frames, profile editor, friend list,
   private messages. Loaded after aetherion.css.
   ========================================================================== */

:root{
	--aeth-gold:#d6ae60;
	--aeth-crimson:#9c242a;
	--aeth-ivory:#efe7d7;
	--aeth-ink:#0d0a0c;
	--aeth-panel:rgba(18,12,14,.92);
}

/* ------------------------------------------------------------- avatar frames */
.aeth-frame{position:relative;display:inline-block;border-radius:50%;padding:4px;line-height:0}
.aeth-frame img{border-radius:50%;display:block;width:100%;height:100%;object-fit:cover}
.aeth-frame::before{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;border:2px solid transparent}
.aeth-frame::after{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;opacity:.85}

.aeth-frame--none::before{border-color:rgba(255,255,255,.14)}

.aeth-frame--gold::before{border-color:#d6ae60;box-shadow:0 0 10px rgba(214,174,96,.8),inset 0 0 8px rgba(214,174,96,.45)}
.aeth-frame--gold::after{background:conic-gradient(from 0deg,transparent,rgba(214,174,96,.55),transparent 60%);animation:aeth-spin 6s linear infinite;filter:blur(3px)}

.aeth-frame--crimson::before{border-color:#c33;box-shadow:0 0 12px rgba(200,40,50,.85)}
.aeth-frame--crimson::after{background:radial-gradient(circle,rgba(200,40,50,.45),transparent 70%);animation:aeth-pulse 2.4s ease-in-out infinite}

.aeth-frame--ivory::before{border-color:#fff;box-shadow:0 0 14px rgba(255,255,255,.9)}
.aeth-frame--ivory::after{background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);animation:aeth-pulse 3.2s ease-in-out infinite}

.aeth-frame--neon::before{border-color:#4dff88;box-shadow:0 0 6px #4dff88,0 0 18px #16c95c,inset 0 0 10px rgba(77,255,136,.5)}
.aeth-frame--neon::after{background:radial-gradient(circle,rgba(77,255,136,.45),transparent 70%);animation:aeth-pulse 1.6s ease-in-out infinite}

.aeth-frame--frost::before{border-color:#7fd8ff;box-shadow:0 0 8px #7fd8ff,0 0 20px #2f9fd0}
.aeth-frame--frost::after{background:conic-gradient(from 90deg,transparent,rgba(127,216,255,.6),transparent 55%);animation:aeth-spin 5s linear infinite;filter:blur(2px)}

.aeth-frame--ember::before{border-color:#ff8a3d;box-shadow:0 0 10px #ff8a3d,0 0 22px #d24a12}
.aeth-frame--ember::after{background:radial-gradient(circle,rgba(255,138,61,.5),transparent 70%);animation:aeth-flicker 1.1s ease-in-out infinite}

.aeth-frame--void::before{border-color:#b56cff;box-shadow:0 0 10px #b56cff,0 0 24px #6a1fb5}
.aeth-frame--void::after{background:conic-gradient(from 180deg,transparent,rgba(181,108,255,.6),transparent 50%);animation:aeth-spin 4s linear infinite reverse;filter:blur(3px)}

.aeth-frame--dragon::before{border-color:transparent;background:linear-gradient(120deg,#d6ae60,#9c242a,#d6ae60) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border:3px solid transparent;animation:aeth-hue 6s linear infinite}
.aeth-frame--dragon::after{background:conic-gradient(from 0deg,rgba(214,174,96,.7),rgba(156,36,42,.7),rgba(214,174,96,.7));animation:aeth-spin 3.5s linear infinite;filter:blur(4px);opacity:.6}

.aeth-frame--storm::before{border-color:#9fe8ff;box-shadow:0 0 8px #9fe8ff,0 0 20px #3f7dff}
.aeth-frame--storm::after{background:radial-gradient(circle,rgba(159,232,255,.55),transparent 70%);animation:aeth-flicker .45s steps(2,end) infinite}

@keyframes aeth-spin{to{transform:rotate(360deg)}}
@keyframes aeth-pulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes aeth-flicker{0%,100%{opacity:.35}45%{opacity:.95}70%{opacity:.5}}
@keyframes aeth-hue{to{filter:hue-rotate(360deg)}}

.aeth-frame--xs{width:34px;height:34px}
.aeth-frame--sm{width:48px;height:48px}
.aeth-frame--md{width:96px;height:96px}
.aeth-frame--lg{width:150px;height:150px}

/* ----------------------------------------------------------- rich text bits */
.aeth-fs1{font-size:.85em}
.aeth-fs2{font-size:1.15em}
.aeth-fs3{font-size:1.45em;font-weight:700}
.aeth-glow{text-shadow:0 0 6px currentColor,0 0 14px currentColor}
.aeth-quote{display:block;border-left:3px solid var(--aeth-gold);padding:4px 10px;margin:6px 0;opacity:.9;font-style:italic}

/* -------------------------------------------------------------- editor bar */
.aeth-editor{border:1px solid rgba(214,174,96,.35);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.35)}
.aeth-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:linear-gradient(180deg,rgba(60,20,24,.85),rgba(20,12,14,.85));border-bottom:1px solid rgba(214,174,96,.3)}
.aeth-toolbar button{background:rgba(0,0,0,.45);color:var(--aeth-ivory);border:1px solid rgba(214,174,96,.35);border-radius:5px;min-width:32px;height:30px;padding:0 8px;cursor:pointer;font-size:13px;line-height:1}
.aeth-toolbar button:hover{background:var(--aeth-crimson);border-color:var(--aeth-gold)}
.aeth-toolbar input[type=color]{width:34px;height:30px;padding:0;border:1px solid rgba(214,174,96,.35);border-radius:5px;background:transparent;cursor:pointer}
.aeth-editor textarea{width:100%;border:0;background:transparent;color:var(--aeth-ivory);padding:10px;min-height:120px;resize:vertical}
.aeth-preview{border:1px dashed rgba(214,174,96,.3);border-radius:8px;padding:10px;margin-top:8px;min-height:40px;background:rgba(0,0,0,.25)}
.aeth-preview-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.6;margin-bottom:4px}

/* --------------------------------------------------------------- pickers */
.aeth-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:10px 0}
.aeth-picker label{cursor:pointer;text-align:center;padding:10px 6px;border:1px solid rgba(214,174,96,.25);border-radius:10px;background:rgba(0,0,0,.3);transition:.2s}
.aeth-picker label:hover{border-color:var(--aeth-gold)}
.aeth-picker input{position:absolute;opacity:0;pointer-events:none}
.aeth-picker input:checked+span{color:var(--aeth-gold)}
.aeth-picker input:checked~.aeth-picker__name{color:var(--aeth-gold);font-weight:700}
.aeth-picker label:has(input:checked){border-color:var(--aeth-gold);box-shadow:0 0 12px rgba(214,174,96,.45);background:rgba(156,36,42,.25)}
.aeth-picker__name{display:block;font-size:12px;margin-top:6px}
.aeth-picker__hint{display:block;font-size:10px;opacity:.6}

.aeth-gender{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.aeth-gender label{cursor:pointer;border:1px solid rgba(214,174,96,.25);border-radius:8px;padding:8px 14px;background:rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}
.aeth-gender label:has(input:checked){border-color:var(--aeth-gold);box-shadow:0 0 10px rgba(214,174,96,.4)}
.aeth-gender input{position:absolute;opacity:0}
.aeth-sym{font-size:18px;line-height:1}
.aeth-sym--male{color:#6cb6ff}
.aeth-sym--female{color:#ff8ac4}

.aeth-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}
.aeth-fav-grid label{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.75;margin-bottom:3px}
.aeth-fav-grid input,.aeth-fav-grid select{width:100%;background:rgba(0,0,0,.4);border:1px solid rgba(214,174,96,.3);border-radius:6px;color:var(--aeth-ivory);padding:7px 9px}

.aeth-fav-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}
.aeth-fav-card{border:1px solid rgba(214,174,96,.25);border-radius:10px;padding:10px 12px;background:linear-gradient(160deg,rgba(40,16,20,.75),rgba(12,8,10,.75))}
.aeth-fav-card b{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.6;font-weight:600}
.aeth-fav-card span{display:block;margin-top:3px;color:var(--aeth-ivory)}

/* ----------------------------------------------------------- friends panel */
.aeth-friends{margin-top:14px;border:1px solid rgba(214,174,96,.3);border-radius:10px;background:var(--aeth-panel);overflow:hidden}
.aeth-friends__head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:linear-gradient(180deg,rgba(80,20,26,.9),rgba(24,12,14,.9));border-bottom:1px solid rgba(214,174,96,.3)}
.aeth-friends__head h4{margin:0;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--aeth-gold)}
.aeth-friends__body{max-height:330px;overflow-y:auto}
.aeth-friend{display:flex;align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:.15s}
.aeth-friend:hover{background:rgba(156,36,42,.25)}
.aeth-friend__name{flex:1;min-width:0}
.aeth-friend__name b{display:block;font-size:13px;color:var(--aeth-ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aeth-friend__name small{font-size:10px;opacity:.65}
.aeth-dot{width:8px;height:8px;border-radius:50%;background:#555;box-shadow:0 0 6px transparent}
.aeth-dot--on{background:#4dff88;box-shadow:0 0 8px #4dff88}
.aeth-badge{background:var(--aeth-crimson);color:#fff;border-radius:10px;font-size:10px;padding:1px 6px;min-width:18px;text-align:center}
.aeth-friends__search{display:flex;gap:6px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.06)}
.aeth-friends__search input{flex:1;background:rgba(0,0,0,.45);border:1px solid rgba(214,174,96,.3);border-radius:6px;color:var(--aeth-ivory);padding:6px 8px;font-size:12px}
.aeth-mini-btn{background:rgba(0,0,0,.45);border:1px solid rgba(214,174,96,.35);color:var(--aeth-ivory);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer}
.aeth-mini-btn:hover{background:var(--aeth-crimson)}
.aeth-mini-btn--ok{border-color:#4dff88;color:#4dff88}
.aeth-section-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.55;padding:6px 10px 2px}

/* ------------------------------------------------------------- dm window */
.aeth-dm{position:fixed;right:18px;bottom:18px;width:330px;max-width:calc(100vw - 24px);border:1px solid rgba(214,174,96,.45);border-radius:12px;background:var(--aeth-panel);box-shadow:0 18px 50px rgba(0,0,0,.65);z-index:9999;display:flex;flex-direction:column;overflow:hidden}
.aeth-dm__head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,rgba(90,22,28,.95),rgba(26,12,14,.95));border-bottom:1px solid rgba(214,174,96,.3)}
.aeth-dm__head b{flex:1;font-size:13px;color:var(--aeth-gold)}
.aeth-dm__head button{background:none;border:0;color:var(--aeth-ivory);font-size:16px;cursor:pointer;opacity:.7}
.aeth-dm__head button:hover{opacity:1;color:var(--aeth-crimson)}
.aeth-dm__body{height:280px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.aeth-dm__msg{max-width:82%;padding:6px 10px;border-radius:10px;font-size:13px;line-height:1.35;word-wrap:break-word}
.aeth-dm__msg--them{background:rgba(255,255,255,.08);align-self:flex-start;border-bottom-left-radius:3px}
.aeth-dm__msg--me{background:rgba(156,36,42,.75);align-self:flex-end;border-bottom-right-radius:3px}
.aeth-dm__msg time{display:block;font-size:9px;opacity:.55;margin-top:2px}
.aeth-dm__foot{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}
.aeth-dm__foot input{flex:1;background:rgba(0,0,0,.45);border:1px solid rgba(214,174,96,.3);border-radius:6px;color:var(--aeth-ivory);padding:7px 9px;font-size:13px}
.aeth-dm__foot button{background:var(--aeth-crimson);border:1px solid var(--aeth-gold);color:#fff;border-radius:6px;padding:0 12px;cursor:pointer}

/* ------------------------------------------------------------ admin extras */
.aeth-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px}
.aeth-admin-card{border:1px solid rgba(214,174,96,.25);border-radius:10px;padding:10px;background:rgba(0,0,0,.35);text-align:center}
.aeth-admin-card img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid rgba(214,174,96,.4)}
.aeth-admin-card form{margin-top:8px}
.aeth-table-scroll{overflow-x:auto}
.aeth-ip-table{width:100%;font-size:13px}
.aeth-ip-table th{text-transform:uppercase;font-size:10px;letter-spacing:1px;opacity:.6}
.aeth-ip-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
.aeth-tag{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10px;border:1px solid currentColor}
.aeth-tag--guest{color:#9aa4ad}
.aeth-tag--member{color:#4dff88}

@media(max-width:900px){
	.aeth-dm{right:8px;left:8px;width:auto}
}

/* =============================================================================
   Godking 11.1 — chat panel, title frames, socials, hover shine, video bg
   ========================================================================== */

/* -------------------------------------------------------- friends header fix */
.aeth-friends__head h4{white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:12px}
.aeth-friends__head h4 i{opacity:.8}
.aeth-friends__head{gap:8px}

/* ------------------------------------------------------------- title frames */
.aeth-title{position:relative;display:inline-block;padding:3px 12px;border-radius:6px;letter-spacing:2px;text-transform:uppercase;font-size:11px}
.aeth-title--plain{border:1px solid rgba(255,255,255,.18)}
.aeth-title--engraved{border:1px solid rgba(214,174,96,.65);box-shadow:inset 0 0 6px rgba(214,174,96,.25)}
.aeth-title--gilded{border:1px solid #d6ae60;background:linear-gradient(180deg,rgba(214,174,96,.25),rgba(120,88,30,.15));box-shadow:0 0 10px rgba(214,174,96,.5);color:#ffe9b0}
.aeth-title--neon{border:1px solid #4dff88;color:#bcffd4;box-shadow:0 0 8px #4dff88,inset 0 0 8px rgba(77,255,136,.3);animation:aeth-pulse 2.2s ease-in-out infinite}
.aeth-title--infernal{border:1px solid #ff5a3d;color:#ffd9cf;background:linear-gradient(180deg,rgba(255,90,61,.3),rgba(90,10,10,.35));box-shadow:0 0 12px rgba(255,90,61,.6);animation:aeth-flicker 1.4s ease-in-out infinite}
.aeth-title--celestial{border:1px solid #fff;color:#fff;box-shadow:0 0 14px rgba(255,255,255,.75);text-shadow:0 0 8px rgba(255,255,255,.9)}
.aeth-title--godking{border:1px solid transparent;color:#fff6d8;background:linear-gradient(90deg,rgba(214,174,96,.45),rgba(156,36,42,.45),rgba(214,174,96,.45));background-size:200% 100%;animation:aeth-sweep 3.5s linear infinite;box-shadow:0 0 16px rgba(214,174,96,.6)}
.aeth-title--godking::after{content:'♛';margin-left:6px;opacity:.9}
@keyframes aeth-sweep{to{background-position:200% 0}}

/* locked cosmetics */
.aeth-picker label.is-locked{opacity:.4;filter:grayscale(.8);cursor:not-allowed}
.aeth-picker label.is-locked:hover{border-color:rgba(214,174,96,.25);box-shadow:none}
.aeth-picker--titles label{display:flex;flex-direction:column;align-items:center;gap:6px}

/* ------------------------------------------------------------- social chips */
.aeth-socials{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.aeth-social{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:20px;font-size:12px;text-decoration:none;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:var(--aeth-ivory);transition:.18s}
.aeth-social i{font-size:14px}
.aeth-social:hover{transform:translateY(-2px);color:#fff;text-decoration:none}
.aeth-social--discord:hover{border-color:#5865f2;box-shadow:0 0 12px rgba(88,101,242,.65)}
.aeth-social--facebook:hover{border-color:#1877f2;box-shadow:0 0 12px rgba(24,119,242,.65)}
.aeth-social--instagram:hover{border-color:#e1306c;box-shadow:0 0 12px rgba(225,48,108,.65)}
.aeth-social--tiktok:hover{border-color:#25f4ee;box-shadow:0 0 12px rgba(37,244,238,.6)}
.aeth-social--youtube:hover{border-color:#ff0000;box-shadow:0 0 12px rgba(255,0,0,.6)}
.aeth-social--twitch:hover{border-color:#9146ff;box-shadow:0 0 12px rgba(145,70,255,.6)}
.aeth-social--steam:hover{border-color:#66c0f4;box-shadow:0 0 12px rgba(102,192,244,.6)}
.aeth-social--x:hover{border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,.5)}

/* --------------------------------------------- hover shine on plain links */
/* Every link gets a warm glow on hover (safe on inline elements), and the ones
   that are really "invisible buttons" — names, rank rows, menu entries — also
   grow slightly with a light sweeping across them. */
a:not(.aetherion-button):not(.btn):not(.aeth-mini-btn):hover{
	color:#ffe9b0;
	text-shadow:0 0 10px rgba(255,235,190,.75);
}

.aeth-hover,
.aetherion-rank-row,
.aetherion-user-menu a,
.aeth-friend__name b,
.aeth-chat__who,
.aetherion-char,
.aeth-fav-card{
	position:relative;
	display:inline-block;
	transition:transform .18s ease,color .18s ease,text-shadow .18s ease,box-shadow .18s ease;
	overflow:hidden;
}
.aetherion-rank-row,.aetherion-user-menu a,.aetherion-char,.aeth-fav-card{display:block}

.aeth-hover:hover,
.aetherion-rank-row:hover,
.aetherion-user-menu a:hover,
.aeth-friend__name b:hover,
.aeth-chat__who:hover,
.aetherion-char:hover{
	transform:scale(1.045);
	color:#ffe9b0;
	text-shadow:0 0 10px rgba(255,235,190,.7);
}

.aeth-hover::after,
.aetherion-rank-row::after,
.aetherion-user-menu a::after,
.aeth-chat__who::after,
.aetherion-char::after{
	content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
	background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);
	background-size:250% 100%;background-position:-150% 0;mix-blend-mode:screen;
}
.aeth-hover:hover::after,
.aetherion-rank-row:hover::after,
.aetherion-user-menu a:hover::after,
.aeth-chat__who:hover::after,
.aetherion-char:hover::after{opacity:1;animation:aeth-shine .7s ease forwards}

@keyframes aeth-shine{from{background-position:-150% 0}to{background-position:150% 0}}
@media(prefers-reduced-motion:reduce){
	.aeth-hover:hover,.aetherion-rank-row:hover,.aetherion-user-menu a:hover,.aeth-chat__who:hover,.aetherion-char:hover{transform:none}
	.aeth-hover:hover::after,.aetherion-rank-row:hover::after,.aetherion-user-menu a:hover::after,.aeth-chat__who:hover::after,.aetherion-char:hover::after{animation:none;opacity:0}
}

/* ---------------------------------------------------------- realm chat panel */
.aeth-chat{max-width:1170px;margin:18px auto 0;border:1px solid rgba(214,174,96,.35);border-radius:12px;background:var(--aeth-panel);box-shadow:0 12px 40px rgba(0,0,0,.5);overflow:hidden}
.aeth-chat__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:linear-gradient(180deg,rgba(84,20,26,.95),rgba(22,12,14,.95));border-bottom:1px solid rgba(214,174,96,.3);flex-wrap:wrap}
.aeth-chat__toggle{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--aeth-gold);font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer}
.aeth-chat__toggle:hover{color:#fff}
.aeth-chat__unread{background:var(--aeth-crimson);color:#fff;border-radius:10px;font-size:10px;padding:1px 7px}
.aeth-chat__meta{display:flex;align-items:center;gap:8px;font-size:11px;opacity:.75}
.aeth-chat__hint{opacity:.55;border-left:1px solid rgba(255,255,255,.2);padding-left:8px}
.aeth-chat__body{max-height:340px;display:flex;flex-direction:column;transition:max-height .25s ease}
.aeth-chat.is-collapsed .aeth-chat__body{max-height:0;overflow:hidden}
.aeth-chat__messages{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:5px;min-height:150px}
.aeth-chat__msg{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.aeth-chat__msg--system{opacity:.7;font-style:italic}
.aeth-chat__who{display:flex;align-items:center;gap:6px;text-decoration:none;flex-shrink:0}
.aeth-chat__who b{color:var(--aeth-gold)}
.aeth-chat__title{opacity:.55;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.aeth-chat__text{flex:1;word-break:break-word;color:var(--aeth-ivory)}
.aeth-chat__msg time{font-size:10px;opacity:.45}
.aeth-chat__tools{display:flex;gap:4px}
.aeth-chat__tools button{background:rgba(0,0,0,.4);border:1px solid rgba(214,174,96,.3);border-radius:5px;color:#fff;cursor:pointer;font-size:11px;padding:1px 5px}
.aeth-chat__form{display:flex;gap:7px;padding:9px 14px;border-top:1px solid rgba(255,255,255,.08);position:relative}
.aeth-chat__form input[name=message]{flex:1;background:rgba(0,0,0,.45);border:1px solid rgba(214,174,96,.3);border-radius:7px;color:var(--aeth-ivory);padding:8px 11px}
.aeth-chat__emoji,.aeth-chat__send{background:rgba(156,36,42,.8);border:1px solid rgba(214,174,96,.45);color:#fff;border-radius:7px;width:38px;cursor:pointer}
.aeth-chat__emoji-tray{position:absolute;bottom:52px;left:14px;display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:8px;background:rgba(10,7,8,.97);border:1px solid rgba(214,174,96,.4);border-radius:10px;z-index:50;max-width:330px}
.aeth-chat__emoji-tray button{background:none;border:0;font-size:17px;cursor:pointer;line-height:1.3}
.aeth-chat__emoji-tray button:hover{transform:scale(1.25)}
.aeth-chat__locked{padding:14px;text-align:center;opacity:.8}

/* ------------------------------------------------------------ video backdrop */
.aeth-bgvideo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.aeth-bgvideo+.aeth-bgveil{position:fixed;inset:0;background:radial-gradient(circle at 50% 0%,rgba(10,6,8,.45),rgba(8,5,6,.82));z-index:-1;pointer-events:none}

@media(max-width:900px){
	.aeth-chat{margin:12px 8px 0}
	.aeth-chat__meta{font-size:10px}
}

/* =============================================================================
   Godking 11.2 — readability fixes
   ========================================================================== */

/* the emoji tray really is hidden until the button is pressed */
.aeth-chat__emoji-tray[hidden]{display:none!important}

/* friends: name and rank on one line, four rows then scroll */
.aeth-friends__body{max-height:212px;overflow-y:auto;scrollbar-width:thin}
.aeth-friends__body::-webkit-scrollbar{width:6px}
.aeth-friends__body::-webkit-scrollbar-thumb{background:rgba(214,174,96,.45);border-radius:6px}
.aeth-friend{padding:8px 11px;gap:10px}
.aeth-friend__name{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden}
.aeth-friend__name b{font-size:13px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aeth-friend__rank{flex-shrink:0;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:9px;border:1px solid rgba(214,174,96,.5);color:#ffe0a6;background:rgba(214,174,96,.12);white-space:nowrap}
.aeth-dot--off{background:#c0392b;box-shadow:0 0 7px rgba(192,57,43,.85)}
.aeth-dot{flex-shrink:0}

/* chat rows: avatar, name, rank badge, message, time — all on one line */
.aeth-chat__msg{gap:10px;padding:5px 0}
.aeth-chat__who{gap:8px;max-width:270px}
.aeth-chat__who b{font-size:13px;white-space:nowrap}
.aeth-chat__title{flex-shrink:0;font-size:9px;letter-spacing:1px;padding:2px 7px;border-radius:9px;border:1px solid rgba(214,174,96,.45);color:#ffe0a6;background:rgba(214,174,96,.1);opacity:1}
.aeth-chat__messages{min-height:120px;max-height:230px}
.aeth-chat__messages:empty::before{content:'…';opacity:.35;padding:6px}

/* =============================================================================
   Godking 11.3 — collapsible profile cards + sidebar identity
   ========================================================================== */

.aeth-cards{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.aeth-card{border:1px solid rgba(214,174,96,.3);border-radius:12px;background:linear-gradient(160deg,rgba(38,16,20,.9),rgba(12,8,10,.92));overflow:hidden;transition:border-color .2s,box-shadow .2s}
.aeth-card[open]{border-color:rgba(214,174,96,.55);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.aeth-card>summary{display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;background:linear-gradient(180deg,rgba(80,20,26,.75),rgba(24,12,14,.55))}
.aeth-card>summary::-webkit-details-marker{display:none}
.aeth-card>summary::after{content:'⌄';margin-left:auto;font-size:18px;color:var(--aeth-gold);transition:transform .2s}
.aeth-card[open]>summary::after{transform:rotate(180deg)}
.aeth-card>summary:hover{background:linear-gradient(180deg,rgba(110,26,34,.8),rgba(30,14,16,.6))}
.aeth-card>summary b{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--aeth-gold)}
.aeth-card>summary small{opacity:.6;font-size:11px}
.aeth-card__icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(156,36,42,.55);border:1px solid rgba(214,174,96,.45);color:#ffe0a6;flex-shrink:0}
.aeth-card__body{padding:16px}
.aeth-card__body>label{display:block;margin-top:14px}
.aeth-card__body>label:first-child{margin-top:0}

.aeth-savebar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(214,174,96,.4);border-radius:12px;background:rgba(14,9,11,.96);box-shadow:0 -6px 24px rgba(0,0,0,.5);z-index:5}
.aeth-savebar small{opacity:.6}

@media(max-width:700px){
	.aeth-card>summary small{display:none}
}

/* ------------------------------------------------------- sidebar identity */
.aeth-side-title{display:block;text-align:center;margin:0 0 10px;text-decoration:none}
.aeth-user-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.aeth-side-avatar{flex-shrink:0;line-height:0}
.aeth-user-info span{display:block}

/* --------------------------------------------- sidebar welcome box, tidy up */
.aeth-side-title{margin:4px 0 12px}
.aeth-user-info{display:flex;align-items:center;gap:14px;padding:2px 4px 6px}
.aeth-user-info .aeth-frame{width:66px;height:66px}     /* a touch bigger */
.aeth-user-meta{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;text-align:center}
.aeth-user-meta__name{font-size:15px;margin-bottom:2px}
.aeth-user-meta__coin{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;white-space:nowrap}
.aeth-user-meta__coin img{width:16px;height:16px}

/* =============================================================================
   Godking 11.4 — cross-browser polish (Opera GX / Firefox / Safari)
   ========================================================================== */

/* The friend list only scrolls once it is really long — no permanent scrollbar
   for a single friend, and no reserved gutter. */
.aeth-friends__body{max-height:none;overflow:visible}
.aeth-friends__body.is-scroll{max-height:212px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(214,174,96,.55) transparent}
.aeth-friends__body.is-scroll::-webkit-scrollbar{width:8px}
.aeth-friends__body.is-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.25);border-radius:8px}
.aeth-friends__body.is-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(214,174,96,.8),rgba(156,36,42,.8));border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.aeth-friends__body.is-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6ae60,#9c242a);background-clip:padding-box}

/* Same treatment for the chat and the private message window. */
.aeth-chat__messages,.aeth-dm__body{scrollbar-width:thin;scrollbar-color:rgba(214,174,96,.55) transparent;overscroll-behavior:contain}
.aeth-chat__messages::-webkit-scrollbar,.aeth-dm__body::-webkit-scrollbar{width:8px}
.aeth-chat__messages::-webkit-scrollbar-track,.aeth-dm__body::-webkit-scrollbar-track{background:rgba(0,0,0,.25);border-radius:8px}
.aeth-chat__messages::-webkit-scrollbar-thumb,.aeth-dm__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(214,174,96,.75),rgba(156,36,42,.75));border-radius:8px;border:2px solid transparent;background-clip:padding-box}

/* Selected option marking without :has() — the class comes from the script. */
.aeth-picker label.is-checked,
.aeth-gender label.is-checked,
.aetherion-accent-picker label.is-checked{border-color:var(--aeth-gold);box-shadow:0 0 12px rgba(214,174,96,.45);background:rgba(156,36,42,.25)}
.aeth-picker label.is-checked .aeth-picker__name{color:var(--aeth-gold);font-weight:700}
.aeth-picker label.is-locked.is-checked{box-shadow:none}

/* Blend modes behave differently across engines — a plain fade is safe. */
.aeth-hover::after,.aetherion-rank-row::after,.aetherion-user-menu a::after,.aeth-chat__who::after,.aetherion-char::after{mix-blend-mode:normal;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%)}

/* Firefox/Safari fallback for the dragon frame (mask-composite is Chromium-ish) */
@supports not ((-webkit-mask-composite: xor) or (mask-composite: exclude)){
	.aeth-frame--dragon::before{border:3px solid #d6ae60;background:none;-webkit-mask:none;mask:none}
}

/* Friend rows: the name gets the whole width now that the rank badge is gone. */
.aeth-friend__name b{max-width:none;font-size:13.5px}
.aeth-friend__rank{display:none}

/* Friend name is its own link (profile); the row itself opens the chat. */
.aeth-friend__link{font-weight:700;font-size:13.5px;color:var(--aeth-ivory);text-decoration:none;display:inline-block}
.aeth-friend__link:hover{color:#ffe9b0;text-decoration:none}

/* =============================================================================
   Profile hero card — stop the bio, the progress bar and the buttons from
   sitting on top of each other.
   ========================================================================== */
.aetherion-hero-card{display:flex!important;align-items:flex-start;gap:26px;padding:26px 30px!important;position:relative;overflow:hidden}
.aetherion-hero-card__portrait{flex:0 0 auto;position:relative}
.aetherion-hero-card__body{display:flex!important;flex-direction:column;align-items:flex-start;gap:10px;flex:1 1 auto;min-width:0;position:static!important}
.aetherion-hero-card__body h1{margin:0!important;line-height:1.1}
.aetherion-hero-card__bio{margin:0!important;max-width:60ch}
.aetherion-hero-card__rank{margin:0!important}
.aetherion-hero-card .aetherion-rank-badge{position:static!important;margin:0!important}

/* the progress bar keeps its own line, the label sits under it */
.aetherion-hero-card .aetherion-rank-track{position:static!important;width:100%;margin:4px 0 0!important;padding:0!important;height:auto!important}
.aetherion-hero-card .aetherion-rank-track__label{position:static!important;display:block;margin-top:6px;font-size:11px;letter-spacing:1px;opacity:.75;white-space:normal}

/* buttons on their own row, never floating over the text */
.aetherion-hero-card__edit,
.aetherion-hero-card__actions{position:static!important;margin:10px 0 0!important;float:none!important}
.aetherion-hero-card__actions{display:flex;gap:10px;flex-wrap:wrap}
.aetherion-hero-card .aeth-socials{margin:2px 0 0}

@media(max-width:760px){
	.aetherion-hero-card{flex-direction:column;align-items:center;text-align:center;padding:22px 18px!important}
	.aetherion-hero-card__body{align-items:center}
	.aetherion-hero-card__actions{justify-content:center}
}

/* =============================================================================
   Godking 12 — support tickets, server guide, guild pages
   ========================================================================== */

.aeth-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px 0 18px}
.aeth-page-head h1{margin:0;line-height:1.1}
.aeth-lead{opacity:.8;max-width:75ch;margin:0 0 16px}

/* ------------------------------------------------------------- tabs */
.aeth-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid rgba(214,174,96,.25);padding-bottom:10px}
.aeth-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(214,174,96,.3);border-radius:9px;background:rgba(0,0,0,.35);color:var(--aeth-ivory);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.aeth-tab:hover{border-color:var(--aeth-gold);color:#ffe9b0;text-decoration:none}
.aeth-tab.is-active{background:linear-gradient(180deg,rgba(156,36,42,.85),rgba(60,14,18,.85));border-color:var(--aeth-gold);color:#fff;box-shadow:0 0 14px rgba(214,174,96,.35)}

.aeth-searchbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.aeth-searchbar input[type=text]{flex:1;min-width:200px;background:rgba(0,0,0,.45);border:1px solid rgba(214,174,96,.3);border-radius:8px;color:var(--aeth-ivory);padding:9px 12px}

/* ------------------------------------------------------- guide cards */
.aeth-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.aeth-guide-card{border:1px solid rgba(214,174,96,.28);border-radius:12px;background:linear-gradient(165deg,rgba(38,16,20,.9),rgba(12,8,10,.92));overflow:hidden;transition:.2s}
.aeth-guide-card:hover{border-color:var(--aeth-gold);box-shadow:0 10px 26px rgba(0,0,0,.5);transform:translateY(-2px)}
.aeth-guide-card__art{height:110px;background-size:cover;background-position:center;border-bottom:1px solid rgba(214,174,96,.25)}
.aeth-guide-card h3{margin:12px 14px 8px;font-size:16px;color:var(--aeth-gold)}
.aeth-spec{list-style:none;margin:0;padding:0 14px 14px}
.aeth-spec li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px}
.aeth-spec li:last-child{border-bottom:0}
.aeth-spec b{opacity:.6;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:1px}

/* ----------------------------------------------------------- tickets */
.aeth-ticket-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:16px;border-radius:12px;text-decoration:none;color:#1a1208;
	background:linear-gradient(100deg,#f0cd7d,#d6ae60 45%,#b78f3f);border:1px solid #ffe9b0;box-shadow:0 0 22px rgba(214,174,96,.45);animation:aeth-pulse 3s ease-in-out infinite}
.aeth-ticket-banner:hover{text-decoration:none;color:#000;filter:brightness(1.06)}
.aeth-ticket-banner i{font-size:22px}
.aeth-ticket-banner span{flex:1;display:flex;flex-direction:column}
.aeth-ticket-banner b{font-size:15px;letter-spacing:1px;text-transform:uppercase}
.aeth-ticket-banner small{opacity:.8}
.aeth-ticket-banner em{font-style:normal;font-weight:700}

.aeth-ticket-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.aeth-ticket-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(214,174,96,.28);border-radius:12px;background:linear-gradient(165deg,rgba(38,16,20,.9),rgba(12,8,10,.92));text-decoration:none;color:var(--aeth-ivory);transition:.2s}
.aeth-ticket-card:hover{border-color:var(--aeth-gold);transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.5);text-decoration:none;color:#fff}
.aeth-ticket-card i{font-size:20px;color:var(--aeth-gold)}
.aeth-ticket-card b{font-size:14px;letter-spacing:1px;text-transform:uppercase}
.aeth-ticket-card small{opacity:.65;line-height:1.35}
.aeth-ticket-card.is-highlight{border-color:#ffe9b0;background:linear-gradient(165deg,rgba(214,174,96,.22),rgba(60,40,10,.6));box-shadow:0 0 18px rgba(214,174,96,.4)}
.aeth-ticket-card.is-highlight i,.aeth-ticket-card.is-highlight b{color:#ffe9b0}

.aeth-ticket-list{display:flex;flex-direction:column;gap:8px}
.aeth-ticket-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(214,174,96,.22);border-radius:10px;background:rgba(14,9,11,.85);text-decoration:none;color:var(--aeth-ivory);transition:.18s}
.aeth-ticket-row:hover{border-color:var(--aeth-gold);transform:translateX(2px);text-decoration:none;color:#fff}
.aeth-ticket-row__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(156,36,42,.5);border:1px solid rgba(214,174,96,.4);color:#ffe0a6;flex-shrink:0}
.aeth-ticket-row__body{flex:1;min-width:0;display:flex;flex-direction:column}
.aeth-ticket-row__body b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aeth-ticket-row__body small{opacity:.6;font-size:11px}

.aeth-ticket-status{flex-shrink:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:10px;border:1px solid currentColor}
.aeth-ticket-status--open{color:#ffd27a}
.aeth-ticket-status--answered{color:#4dff88}
.aeth-ticket-status--waiting{color:#7fd8ff}
.aeth-ticket-status--closed{color:#9aa4ad}

.aeth-ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.aeth-ticket-head h2,.aeth-ticket-head h3{margin:4px 0}

.aeth-thread{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.aeth-thread__msg{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;background:rgba(0,0,0,.28)}
.aeth-thread__msg.is-staff{border-color:rgba(214,174,96,.5);background:linear-gradient(160deg,rgba(156,36,42,.25),rgba(0,0,0,.3))}
.aeth-thread__who{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}
.aeth-thread__who b{color:var(--aeth-gold)}
.aeth-thread__who time{margin-left:auto;opacity:.5;font-size:10px}
.aeth-staff-tag{font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:9px;background:rgba(214,174,96,.2);border:1px solid rgba(214,174,96,.6);color:#ffe0a6}
.aeth-thread__text{line-height:1.5;word-break:break-word}

.aeth-tickets .input-nou,.aeth-tickets textarea{width:100%;background:rgba(0,0,0,.4);border:1px solid rgba(214,174,96,.3);border-radius:8px;color:var(--aeth-ivory);padding:9px 11px;margin-bottom:4px}
.aeth-tickets label{display:block;margin-top:12px;font-size:12px;letter-spacing:1px;text-transform:uppercase;opacity:.75}

/* ------------------------------------------------- the Guide menu entry */
.aeth-menu-guide{position:relative;display:inline-flex!important;align-items:center;gap:8px;padding:6px 16px!important;border-radius:22px;
	background:linear-gradient(100deg,rgba(214,174,96,.25),rgba(156,36,42,.35));border:1px solid rgba(214,174,96,.75);
	color:#ffe9b0!important;font-weight:700;letter-spacing:1px;overflow:hidden;
	box-shadow:0 0 12px rgba(214,174,96,.45);animation:aeth-guide-breathe 3.4s ease-in-out infinite}
.aeth-menu-guide:hover{color:#fff!important;border-color:#ffe9b0;box-shadow:0 0 22px rgba(214,174,96,.85);transform:translateY(-1px)}
.aeth-menu-guide i{font-size:14px}
.aeth-menu-guide__spark{position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);
	background-size:250% 100%;animation:aeth-guide-sweep 4.5s ease-in-out infinite}
@keyframes aeth-guide-breathe{0%,100%{box-shadow:0 0 10px rgba(214,174,96,.35)}50%{box-shadow:0 0 22px rgba(214,174,96,.8)}}
@keyframes aeth-guide-sweep{0%,65%{background-position:-160% 0}100%{background-position:160% 0}}

/* --------------------------------------------------------- upgrade cards */
.aeth-refine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.aeth-refine{border:1px solid rgba(214,174,96,.25);border-radius:12px;background:linear-gradient(165deg,rgba(38,16,20,.9),rgba(12,8,10,.92));padding:12px 14px;transition:.2s}
.aeth-refine:hover{border-color:var(--aeth-gold);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.45)}
.aeth-refine header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.aeth-refine__step{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--aeth-gold)}
.aeth-refine__chance{font-size:12px;font-weight:700;padding:2px 9px;border-radius:10px;border:1px solid currentColor;color:#ffd27a}
.aeth-refine__chance.is-good{color:#4dff88}
.aeth-refine__chance.is-bad{color:#ff8a8a}
.aeth-refine__mats{list-style:none;margin:0;padding:0}
.aeth-refine__mats li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.aeth-refine__mats li:last-child{border-bottom:0}
.aeth-refine__mats b{font-weight:600;color:var(--aeth-ivory)}
.aeth-refine__mats span{opacity:.6}
.aeth-refine__none{opacity:.5;font-size:12px;margin:4px 0}
.aeth-refine footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(214,174,96,.2);font-size:12px;color:#ffd27a}

/* ------------------------------------------------------------- skills */
.aeth-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.aeth-skill{border:1px solid rgba(214,174,96,.2);border-radius:9px;padding:8px 11px;background:rgba(0,0,0,.3)}
.aeth-skill b{display:block;font-size:13px}
.aeth-skill small{opacity:.55;font-size:10px}

/* =============================================================================
   Item database — chips, grid and the hover tooltip.
   ========================================================================== */
.aeth-item{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;max-width:100%;cursor:help}
.aeth-item__icon{position:relative;flex:0 0 auto;width:40px;height:46px;display:flex;align-items:center;justify-content:center;
	border-radius:9px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(0,0,0,.35));
	border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.35);
	transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.aeth-item__icon img{max-width:34px;max-height:42px;width:auto;height:auto;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.aeth-item__icon i{opacity:.35;font-size:13px}
.aeth-item:hover .aeth-item__icon{border-color:rgba(255,196,102,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 14px rgba(255,170,60,.28);transform:translateY(-1px)}
.aeth-item__count{position:absolute;right:-3px;bottom:-4px;min-width:17px;padding:0 4px;border-radius:6px;
	background:rgba(12,10,16,.92);border:1px solid rgba(255,255,255,.18);color:#ffd9a0;
	font-size:10px;line-height:15px;text-align:center;font-weight:700}
.aeth-item__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.aeth-item--sm .aeth-item__icon{width:32px;height:38px;border-radius:7px}
.aeth-item--sm .aeth-item__icon img{max-width:27px;max-height:34px}
.aeth-item--sm .aeth-item__name{font-size:.92em}
.aeth-item--lg .aeth-item__icon{width:52px;height:60px;border-radius:11px}
.aeth-item--lg .aeth-item__icon img{max-width:46px;max-height:56px}

.aeth-items-count{margin:14px 0 10px;opacity:.75}
.aeth-items-count b{color:#ffd9a0}
.aeth-type-filter{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.aeth-type-filter .aeth-mini-btn small{opacity:.5;margin-left:4px}

.aeth-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin:10px 0 18px}
.aeth-item-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;text-align:center;
	border-radius:12px;background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(0,0,0,.25));
	border:1px solid rgba(255,255,255,.07);cursor:help;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.aeth-item-card:hover{border-color:rgba(255,196,102,.45);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.aeth-item-card__icon{width:100%;height:70px;display:flex;align-items:center;justify-content:center}
.aeth-item-card__icon img{max-width:56px;max-height:68px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}
.aeth-item-card__icon i{opacity:.3}
.aeth-item-card b{font-size:.84rem;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aeth-item-card small{opacity:.4;font-size:.72rem}

.aeth-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 18px}

/* ------------------------------------------------------------- the tooltip */
.aeth-tip{position:fixed;z-index:9999;max-width:340px;padding:12px 14px;border-radius:12px;pointer-events:none;
	background:linear-gradient(165deg,rgba(26,21,32,.985),rgba(11,9,15,.985));
	border:1px solid rgba(255,196,102,.38);box-shadow:0 16px 38px rgba(0,0,0,.65);
	opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}
.aeth-tip.is-on{opacity:1;transform:translateY(0)}
.aeth-tip h4{margin:0 0 2px;font-size:1rem;color:#ffd9a0;font-weight:700;line-height:1.3}
.aeth-tip__sub{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:9px}
.aeth-tip p{margin:0 0 7px;font-size:.84rem;line-height:1.5}
.aeth-tip__stats{color:#cfe4ff}
.aeth-tip__applies{color:#9ff0b6}
.aeth-tip__desc{opacity:.88}
.aeth-tip__sum{opacity:.6;font-style:italic}
.aeth-tip__price{color:#ffd9a0;opacity:.85}
.aeth-tip__id{display:block;margin-top:4px;font-size:.72rem;opacity:.32}

/* -------------------------------------------------------------- monsters */
.aeth-mob{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;max-width:100%;cursor:help}
.aeth-mob__crest{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;
	font-size:13px;color:#0d0b12;background:linear-gradient(160deg,#8e8e9c,#5d5d69);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.4)}
.aeth-mob__crest--veteran{background:linear-gradient(160deg,#7fd08a,#3d8a4c)}
.aeth-mob__crest--elite{background:linear-gradient(160deg,#79b6f5,#2f5fa8)}
.aeth-mob__crest--champion{background:linear-gradient(160deg,#c79af5,#6c3ba8)}
.aeth-mob__crest--boss{background:linear-gradient(160deg,#ffb867,#c2621a)}
.aeth-mob__crest--king{background:linear-gradient(160deg,#ffd76a,#b3791a);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 14px rgba(255,190,80,.45)}
.aeth-mob__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.aeth-mob__name small{opacity:.45;font-weight:400;margin-left:4px}
.aeth-mob--sm .aeth-mob__crest{width:26px;height:26px;font-size:11px}
.aeth-mob--sm .aeth-mob__name{font-size:.92em}

.aeth-mob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin:10px 0 18px}
.aeth-mob-card{padding:12px 14px;border-radius:12px;cursor:help;
	background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(0,0,0,.26));
	border:1px solid rgba(255,255,255,.07);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.aeth-mob-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.38);border-color:rgba(255,196,102,.4)}
.aeth-mob-card--boss{border-color:rgba(255,184,103,.35)}
.aeth-mob-card--king{border-color:rgba(255,215,106,.45);box-shadow:0 0 0 1px rgba(255,215,106,.08)}
.aeth-mob-card header{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.aeth-mob-card header b{display:block;font-size:.95rem;line-height:1.25}
.aeth-mob-card header small{opacity:.45;font-size:.74rem}
.aeth-mob-card .aeth-spec{margin:0}
@media(max-width:600px){.aeth-tip{max-width:80vw}.aeth-item-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}

/* ---------------------------------------------------------- the wiki list */
.aeth-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}
.aeth-filter-row__label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.4;margin-right:4px}
.aeth-filter-row .aeth-mini-btn small{opacity:.45;margin-left:4px}

.aeth-wiki{margin:12px 0 18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;
	background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18))}
.aeth-wiki__head,.aeth-wiki__row>summary{display:grid;align-items:center;gap:12px;
	grid-template-columns:minmax(200px,2.3fr) 150px 170px 62px minmax(170px,1.7fr) 30px;padding:9px 14px}
.aeth-wiki__head{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;opacity:.42;
	background:rgba(0,0,0,.28);border-bottom:1px solid rgba(255,255,255,.07)}
.aeth-wiki__row{border-bottom:1px solid rgba(255,255,255,.05)}
.aeth-wiki__row:last-child{border-bottom:0}
.aeth-wiki__row>summary{cursor:pointer;list-style:none;font-size:.86rem;transition:background .14s ease}
.aeth-wiki__row>summary::-webkit-details-marker{display:none}
.aeth-wiki__row>summary:hover{background:rgba(255,196,102,.06)}
.aeth-wiki__row[open]>summary{background:rgba(255,196,102,.08)}
.aeth-wiki__row.is-single>summary{cursor:default}
.aeth-wiki__row.is-single>summary:hover{background:rgba(255,255,255,.03)}
.aeth-wiki__name{display:flex;align-items:center;gap:10px;min-width:0;cursor:help}
.aeth-wiki__name>span{min-width:0}
.aeth-wiki__name b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aeth-wiki__name small{opacity:.35;font-size:.72rem}
.aeth-wiki__range{display:inline-block;margin-right:6px;font-style:normal;font-size:.7rem;padding:1px 6px;border-radius:5px;
	background:rgba(255,196,102,.14);border:1px solid rgba(255,196,102,.3);color:#ffd9a0}
.aeth-wiki__chev{text-align:right;opacity:.35;transition:transform .16s ease}
.aeth-wiki__row[open] .aeth-wiki__chev{transform:rotate(180deg);opacity:.7}
.aeth-wiki__body{padding:2px 14px 14px;background:rgba(0,0,0,.22)}
.aeth-wiki__steps{width:100%;border-collapse:collapse;font-size:.8rem}
.aeth-wiki__steps th{text-align:left;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.4;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.07)}
.aeth-wiki__steps td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.04);cursor:help}
.aeth-wiki__steps tr:hover td{background:rgba(255,196,102,.05)}
.aeth-wiki__steps td small{opacity:.3}
.aeth-wiki__steps td b{color:#ffd9a0}
.aeth-wiki__bonus{color:#9ff0b6}

@media(max-width:900px){
	.aeth-wiki__head{display:none}
	.aeth-wiki__row>summary{grid-template-columns:1fr 30px;gap:4px 12px}
	.aeth-wiki__row>summary>span[data-label]{grid-column:1;font-size:.78rem;opacity:.75}
	.aeth-wiki__row>summary>span[data-label]::before{content:attr(data-label) ": ";opacity:.4;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em}
	.aeth-wiki__name{grid-column:1}
	.aeth-wiki__chev{grid-column:2;grid-row:1}
	.aeth-wiki__steps thead{display:none}
	.aeth-wiki__steps td{display:block;border:0;padding:2px 0}
	.aeth-wiki__steps tr{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
}

/* --------------------------------------- the GM application banner, legible
   It used to borrow the avatar-frame pulse, which fades the whole element to
   55% opacity — that is why the writing disappeared into the gold. Now only
   the glow breathes, and the text is near-black on the gold. */
.aeth-ticket-banner{
	animation:aeth-banner-glow 3s ease-in-out infinite !important;
	opacity:1 !important;
	background:linear-gradient(100deg,#ffd98a,#e0b665 45%,#c99a42) !important;
	border:1px solid #fff0c4 !important;
	color:#241703 !important;
	text-shadow:0 1px 0 rgba(255,255,255,.35)}
.aeth-ticket-banner b,
.aeth-ticket-banner small,
.aeth-ticket-banner em,
.aeth-ticket-banner i,
.aeth-ticket-banner span{color:#241703 !important}
.aeth-ticket-banner b{font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.aeth-ticket-banner small{opacity:.78 !important;font-size:12.5px}
.aeth-ticket-banner em{padding:6px 12px;border-radius:8px;background:rgba(36,23,3,.14);border:1px solid rgba(36,23,3,.2)}
.aeth-ticket-banner:hover em{background:rgba(36,23,3,.22)}
@keyframes aeth-banner-glow{
	0%,100%{box-shadow:0 0 14px rgba(214,174,96,.35)}
	50%{box-shadow:0 0 30px rgba(255,214,120,.7)}}

/* the same highlight, used on the category card */
.aeth-ticket-card.is-highlight{border-color:#e0b665;box-shadow:0 0 16px rgba(214,174,96,.35)}
.aeth-ticket-card.is-highlight b{color:#ffdf9b}

/* -------------------------------------------------- password recovery pages */
.aeth-recover{max-width:640px}
.aeth-recover__card{padding:24px 26px;border-radius:14px;
	background:linear-gradient(170deg,rgba(255,255,255,.05),rgba(0,0,0,.25));
	border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.aeth-recover__card h2{margin:0 0 8px;font-size:1.25rem;color:#ffd9a0}
.aeth-recover__card label{display:block;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;opacity:.5;margin-bottom:5px}
.aeth-recover__card input.input-nou,.aeth-recover__card select.input-nou{width:100%}
.aeth-recover__card .aeth-lead{margin-bottom:18px}
.aeth-recover__icon{width:56px;height:56px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;
	border-radius:50%;font-size:22px;background:rgba(255,196,102,.12);border:1px solid rgba(255,196,102,.35);color:#ffd9a0}
.aeth-recover__card--good .aeth-recover__icon{background:rgba(120,230,150,.12);border-color:rgba(120,230,150,.4);color:#9ff0b6}
.aeth-recover__card--bad .aeth-recover__icon{background:rgba(230,110,110,.12);border-color:rgba(230,110,110,.4);color:#ffb3b3}
.aeth-recover__hint{margin-top:12px;font-size:.82rem;opacity:.6}
.aeth-recover__hint a{color:#ffd9a0}
.aeth-recover__tips{margin:14px 0 0;padding-left:18px;font-size:.85rem;opacity:.75;line-height:1.8}
.aeth-recover__tips a{color:#ffd9a0}
.aetherion-profile-notice--bad{border-color:rgba(230,110,110,.45) !important;color:#ffc9c9}

/* ------------------------------------------------------- outgoing mail page */
.aeth-mailadmin .aeth-lead{margin-bottom:16px}
.aeth-mailadmin__title{margin:26px 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#ffd9a0;opacity:.85}
.aeth-mailadmin__note{margin:10px 0 0;font-size:.82rem;line-height:1.6;opacity:.6}
.aeth-mailadmin__note code{background:rgba(255,255,255,.07);padding:1px 5px;border-radius:4px}

.aeth-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.aeth-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.aeth-field>label{display:block;float:none;width:auto;margin:0;padding:0;text-align:left;
	font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-weight:600}
.aeth-field>label small{text-transform:none;letter-spacing:0;opacity:.7;font-size:.72rem;margin-left:5px}
.aeth-field>input,.aeth-field>select{width:100%;box-sizing:border-box;margin:0;
	padding:9px 11px;border-radius:9px;background:rgba(0,0,0,.35);
	border:1px solid rgba(255,255,255,.12);color:#f0ecf6}
.aeth-field>input:focus,.aeth-field>select:focus{outline:none;border-color:rgba(255,196,102,.55);box-shadow:0 0 0 2px rgba(255,196,102,.12)}
.aeth-field>select option{background:#16121d;color:#f0ecf6}

.aeth-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.aeth-mode__card{display:block;width:auto;text-align:left;margin:0;padding:14px 16px;border-radius:12px;cursor:pointer;
	background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(0,0,0,.24));
	border:1px solid rgba(255,255,255,.09);transition:border-color .15s ease,background .15s ease}
.aeth-mode__card:hover{border-color:rgba(255,196,102,.4)}
.aeth-mode__card.is-on{border-color:rgba(255,196,102,.65);background:rgba(255,196,102,.09)}
.aeth-mode__card input{margin-right:8px;vertical-align:middle}
.aeth-mode__card b{font-size:.95rem;color:#ffd9a0}
.aeth-mode__card b i{font-style:normal;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
	margin-left:8px;padding:2px 7px;border-radius:5px;background:rgba(120,230,150,.16);
	border:1px solid rgba(120,230,150,.4);color:#9ff0b6;vertical-align:middle}
.aeth-mode__card span{display:block;margin-top:5px;font-size:.82rem;line-height:1.5;opacity:.65}

.aeth-mailadmin__test{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.aeth-mailadmin__test input{flex:1;min-width:220px;padding:9px 11px;border-radius:9px;
	background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);color:#f0ecf6}

/* The admin theme makes every form an inline-flex row and caps inputs at 135px.
   These pages are real settings forms, so they opt out. */
.aeth-blockforms form{display:block !important;margin:0}
.aeth-blockforms input,.aeth-blockforms select,.aeth-blockforms textarea{max-width:none !important}
.aeth-blockforms small{display:inline !important}
.aeth-blockforms h3{display:block;width:auto;float:none;clear:both}
.aeth-mailadmin__test{display:flex !important;flex-wrap:wrap;gap:10px;align-items:center}
.aeth-mailadmin .aeth-field>label{width:auto}
.aeth-mailadmin__note code{white-space:nowrap}

/* the recovery diagnosis list on the admin mail page */
.aeth-diag{list-style:none;margin:14px 0 0;padding:0;counter-reset:d}
.aeth-diag li{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;margin-bottom:6px;border-radius:9px;
	font-size:.86rem;line-height:1.5;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.aeth-diag li.is-ok{border-color:rgba(120,230,150,.28)}
.aeth-diag li.is-ok i{color:#9ff0b6}
.aeth-diag li.is-bad{border-color:rgba(230,110,110,.45);background:rgba(230,110,110,.08)}
.aeth-diag li.is-bad i{color:#ffb3b3}
.aeth-diag li i{margin-top:2px}
.aeth-diag__link{display:inline-block;margin-top:5px;word-break:break-all;color:#ffd9a0}
/* belt and braces: this page must never fall back to the inline-flex admin form */
.aeth-mailadmin form{display:block !important;margin:0}
.aeth-mailadmin input,.aeth-mailadmin select,.aeth-mailadmin textarea{max-width:none !important}
.aeth-mailadmin h3{display:block;width:auto;float:none;clear:both}
.aeth-mailadmin small{display:inline !important}