:root{
  --bg:#090806;
  --bg-soft:#110e09;
  --panel:#14110d;
  --panel-2:#1a1510;
  --panel-3:#20170f;
  --gold:#d6ad4b;
  --gold-2:#f3d67d;
  --gold-3:#ffe9af;
  --amber:#ffb14a;
  --text:#f8f3e8;
  --text-soft:#ddd4c1;
  --muted:#948d7e;
  --line:#30271b;
  --line-soft:#453521;
  --danger:#ff7f73;
  --ok:#78eca3;
  --shadow:0 22px 80px rgba(0,0,0,.48);
  --shadow-soft:0 14px 40px rgba(0,0,0,.34);
  --bg-image:url('media/rivals-theme-banner.png');
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#080705,#060505);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
body{position:relative}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 0%,rgba(214,173,75,.12),transparent 28%),radial-gradient(circle at 100% 10%,rgba(255,120,40,.08),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.84)),var(--bg-image) center top/cover no-repeat;opacity:.18;pointer-events:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.1) .8px,transparent .8px);background-size:10px 10px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:800;text-transform:uppercase}
.pill-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(214,173,75,.18);background:rgba(12,10,8,.52);color:#e9dcc0;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.pill-chip.glow{background:linear-gradient(180deg,rgba(255,221,145,.16),rgba(214,173,75,.08));border-color:rgba(243,214,125,.4);box-shadow:0 0 0 1px rgba(243,214,125,.08),0 12px 30px rgba(214,173,75,.15)}
.brand-logo{object-fit:contain;filter:drop-shadow(0 12px 32px rgba(214,173,75,.22))}
.hero-brand-logo{width:138px;height:138px}
.side-logo{width:52px;height:52px}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:42px;align-items:stretch;padding:36px;position:relative}
.auth-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.78),rgba(0,0,0,.52) 44%,rgba(0,0,0,.82)),var(--bg-image) center/cover no-repeat;opacity:.94;pointer-events:none}
.auth-wrap>*{position:relative;z-index:1}
.auth-brand,.auth-card{backdrop-filter:blur(10px)}
.auth-brand{display:grid;align-content:start;gap:18px;padding:18px 8px}
.auth-kicker-row{display:flex;gap:10px;flex-wrap:wrap}
.brand-sigil{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;padding:26px;border:1px solid rgba(214,173,75,.16);background:linear-gradient(135deg,rgba(255,183,77,.08),rgba(0,0,0,.12) 38%,rgba(0,0,0,.3));box-shadow:var(--shadow-soft);border-radius:26px;position:relative;overflow:hidden}
.brand-sigil::after{content:"";position:absolute;right:-40px;bottom:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(214,173,75,.25),transparent 60%);pointer-events:none}
.brand-medallion{width:160px;height:160px;border-radius:24px;border:1px solid rgba(243,214,125,.22);background:linear-gradient(180deg,rgba(255,216,126,.14),rgba(0,0,0,.2));display:grid;place-items:center;box-shadow:inset 0 0 45px rgba(214,173,75,.07),0 16px 40px rgba(0,0,0,.28)}
.brand-copy h1{font-size:clamp(46px,5.2vw,84px);line-height:.94;margin:12px 0 18px;letter-spacing:-.055em;max-width:760px}
.brand-copy h1 span{color:var(--gold-3)}
.brand-copy p{margin:0;max-width:760px;color:#e0d6c5;font-size:18px;line-height:1.7}
.brand-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.brand-metrics div{padding:16px 18px;border:1px solid rgba(214,173,75,.14);border-radius:18px;background:rgba(11,10,8,.44)}
.brand-metrics b{display:block;font-size:16px;margin-bottom:6px;color:#fff1c9}
.brand-metrics span{font-size:13px;color:#bfb7a6;line-height:1.5}
.auth-showcase-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}
.theme-showcase,.mood-card{min-height:220px;border:1px solid rgba(214,173,75,.16);border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}
.theme-showcase{background:linear-gradient(115deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 58%,rgba(0,0,0,.82)),var(--bg-image) center/cover no-repeat;padding:24px;display:flex;align-items:flex-end}
.theme-showcase.featured::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(214,173,75,.12),transparent 34%);pointer-events:none}
.theme-showcase-copy{max-width:540px;display:grid;gap:12px;position:relative;z-index:1}
.theme-showcase-copy b{font-size:32px;line-height:1.08}
.theme-showcase-copy p{margin:0;color:#e9dfcf;line-height:1.65;font-size:15px}
.showcase-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.showcase-badges span{padding:8px 12px;border-radius:999px;border:1px solid rgba(243,214,125,.22);background:rgba(0,0,0,.28);font-size:12px;color:#f1e6cc}
.mood-card{padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(28,19,11,.88),rgba(12,10,8,.92));}
.logo-card::before,.pulse-card::before{content:"";position:absolute;inset:0;pointer-events:none}
.logo-card::before{background:linear-gradient(140deg,rgba(214,173,75,.15),transparent 40%),url('media/rivals-logo.png') center 26px/110px no-repeat;opacity:.28}
.pulse-card::before{background:linear-gradient(160deg,rgba(255,124,58,.12),transparent 42%),radial-gradient(circle at 25% 25%,rgba(214,173,75,.18),transparent 30%)}
.mood-card h3{margin:6px 0 10px;font-size:25px;line-height:1.1;position:relative;z-index:1}
.mood-card p{margin:0;color:#d8cfbf;line-height:1.65;position:relative;z-index:1}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:2px}
.feature-strip div{padding:18px 20px;border:1px solid rgba(214,173,75,.14);border-radius:18px;background:rgba(12,10,8,.46);display:flex;align-items:center;gap:14px}
.feature-strip b{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold-2),#c59029);color:#1e1408;font-size:12px}
.feature-strip span{font-size:14px;color:#e2d8c5}
.auth-card{max-width:580px;width:100%;justify-self:end;border:1px solid rgba(214,173,75,.14);border-radius:28px;background:linear-gradient(180deg,rgba(20,17,13,.92),rgba(10,9,8,.96));box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}
.auth-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,205,105,.04),transparent 24%);pointer-events:none}
.auth-card::after{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;background:url('media/rivals-logo.png') center/contain no-repeat;opacity:.06;pointer-events:none}
.auth-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px;position:relative;z-index:1}
.auth-card-top h3{margin:8px 0 0;font-size:28px}
.auth-mini-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.auth-mini-stats span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(214,173,75,.12);color:#e7dcc6;font-size:11px}
.auth-mini-stats b{color:var(--gold-2)}
.tabs{display:flex;gap:10px;background:#0e0c09;padding:6px;border:1px solid rgba(214,173,75,.12);border-radius:18px;margin-bottom:22px;position:relative;z-index:1}
.tab{flex:1;padding:14px;background:transparent;border:0;color:#847e71;border-radius:12px;font-weight:800}
.tab.active{color:#120d06;background:linear-gradient(180deg,var(--gold-2),#bf8c28)}
.auth-form{display:grid;gap:16px;position:relative;z-index:1}
.form-title{margin-bottom:4px}.form-title span{color:var(--gold);font-size:10px;letter-spacing:.2em;font-weight:900}.form-title h2{font-size:34px;margin:8px 0}.form-title p{margin:0;color:var(--muted)}
label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#cfc5b3}
input,textarea,select{width:100%;border:1px solid rgba(214,173,75,.12);background:rgba(8,8,7,.78);color:var(--text);padding:14px 15px;outline:none;transition:.2s;border-radius:14px}
input::placeholder,textarea::placeholder{color:#7d7568}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(214,173,75,.08)}
textarea{resize:vertical}
.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}
.gold-btn,.ghost-btn{border:1px solid var(--gold);padding:14px 18px;font-size:11px;letter-spacing:.14em;font-weight:900;border-radius:14px;transition:.2s}
.gold-btn{background:linear-gradient(180deg,var(--gold-3),#c08b28);color:#171109;box-shadow:0 16px 30px rgba(214,173,75,.16)}
.gold-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.gold-btn.compact{padding:11px 15px}.ghost-btn{background:rgba(0,0,0,.22);color:var(--gold-2)}.ghost-btn:hover{background:rgba(214,173,75,.08)}
.app{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);position:relative;z-index:1}
.sidebar{border-right:1px solid rgba(214,173,75,.12);background:linear-gradient(180deg,rgba(10,10,8,.95),rgba(9,8,7,.98));display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;backdrop-filter:blur(12px)}
.sidebar::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(214,173,75,.08),transparent 18%);pointer-events:none}
.side-brand{padding:22px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(214,173,75,.1);position:relative;z-index:1}
.side-brand div:last-child{display:grid;gap:2px}.side-brand b{font-size:15px;letter-spacing:.18em}.side-brand span{font-size:9px;color:var(--gold);letter-spacing:.18em}
#mainNav{padding:16px 12px 8px;display:grid;gap:6px;overflow:auto;position:relative;z-index:1}
.nav-item{display:flex;gap:12px;align-items:center;background:transparent;border:1px solid transparent;color:#a59c8d;padding:13px 14px;text-align:left;border-radius:16px}
.nav-item i{width:26px;text-align:center;color:#6f675c;font-style:normal}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(214,173,75,.14),rgba(214,173,75,.03));border-color:rgba(214,173,75,.14);color:var(--text)}.nav-item.active i{color:var(--gold-2)}
.nav-sep{font-size:10px;letter-spacing:.22em;color:#6e665a;margin:16px 12px 6px}
.panel-lite{margin:12px;border:1px solid rgba(214,173,75,.14);border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(255,190,90,.08),rgba(0,0,0,.18));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.panel-lite::before{content:"";position:absolute;inset:auto -20px -22px auto;width:120px;height:120px;background:url('media/rivals-logo.png') center/contain no-repeat;opacity:.08;pointer-events:none}
.panel-lite b{display:block;font-size:20px;margin:8px 0 10px}.panel-lite p{margin:0;color:#d7cfbf;line-height:1.55;font-size:13px}
.side-footer{margin-top:auto;border-top:1px solid rgba(214,173,75,.1);padding:16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.mini-profile{display:flex;gap:9px;align-items:center;min-width:0}.mini-profile>div:last-child{display:grid;min-width:0}.mini-profile b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-profile span{font-size:9px;color:var(--gold)}
.avatar{width:36px;height:36px;border:1px solid rgba(214,173,75,.2);background:linear-gradient(180deg,#271d10,#17110a);color:var(--gold-2);display:grid;place-items:center;font-weight:900;border-radius:12px}.avatar.xl{width:88px;height:88px;font-size:30px;border-radius:22px}
.icon-btn{background:transparent;color:#888278;border:1px solid rgba(214,173,75,.12);width:42px;height:42px;border-radius:14px}
.workspace{min-width:0;background:radial-gradient(circle at 80% 0%,rgba(214,173,75,.04),transparent 26%);position:relative}
.workspace::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,214,125,.03),transparent 20%);pointer-events:none}
.topbar{height:94px;border-bottom:1px solid rgba(214,173,75,.1);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;background:rgba(7,7,6,.88);backdrop-filter:blur(16px);z-index:10}
.topbar h2{margin:6px 0 0;font-size:22px}.top-actions{display:flex;gap:10px}.pp-pill,.role-pill{height:42px;border:1px solid rgba(214,173,75,.12);display:flex;align-items:center;gap:10px;padding:0 14px;font-size:11px;background:rgba(0,0,0,.24);border-radius:14px}.pp-pill span{color:var(--gold);font-weight:900}.pp-pill b{font-size:14px}.role-pill{color:var(--gold-2);letter-spacing:.12em}
.page-host{padding:30px;max-width:1540px;margin:0 auto;position:relative;z-index:1}
.hero{min-height:440px;border:1px solid rgba(214,173,75,.16);border-radius:28px;padding:32px;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:18px;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.themed-hero{background:linear-gradient(115deg,rgba(0,0,0,.58),rgba(0,0,0,.18) 40%,rgba(0,0,0,.72)),var(--bg-image) center/cover no-repeat}
.themed-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(214,173,75,.1),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18));pointer-events:none}
.themed-hero::after{content:"";position:absolute;right:-40px;bottom:-60px;width:340px;height:340px;background:url('media/rivals-logo.png') center/contain no-repeat;opacity:.08;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:860px}
.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.hero h1{font-size:clamp(44px,5vw,74px);letter-spacing:-.058em;line-height:.93;margin:6px 0 16px;max-width:780px}
.hero p{max-width:700px;color:#efe4d1;line-height:1.72;font-size:17px;margin:0}
.hero-actions{display:flex;gap:12px;margin-top:24px}
.hero-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.mini-glass-card{padding:16px;border:1px solid rgba(243,214,125,.16);border-radius:18px;background:rgba(10,9,8,.42);backdrop-filter:blur(10px)}
.mini-glass-card span{display:block;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.mini-glass-card b{display:block;font-size:17px;margin-bottom:6px}.mini-glass-card small{color:#d8ceba;line-height:1.45}
.hero-side{display:grid;gap:14px;align-content:center}
.hero-logo-card,.hero-stat{border:1px solid rgba(243,214,125,.18);background:linear-gradient(180deg,rgba(8,8,7,.55),rgba(19,13,9,.78));border-radius:22px;backdrop-filter:blur(8px)}
.hero-logo-card{padding:18px;display:flex;gap:18px;align-items:center}.hero-panel-logo{width:92px;height:92px;flex:0 0 auto}
.hero-logo-card span,.hero-stat span,.stat-card span,.balance-banner>span{font-size:10px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.hero-logo-card b{font-size:24px;line-height:1.1}.hero-logo-card small{color:#cdc4b4;line-height:1.5}.hero-stat{padding:24px;display:grid;gap:10px}.hero-stat b{font-size:25px}.hero-stat small{color:#e2d7c4}
.stat-grid,.feature-grid,.card-grid,.package-grid,.theme-card-grid,.spotlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat-grid{margin-top:16px}
.stat-card,.panel{border:1px solid rgba(214,173,75,.11);background:linear-gradient(180deg,rgba(18,16,12,.96),rgba(12,11,9,.96));border-radius:24px;backdrop-filter:blur(8px)}
.stat-card{padding:22px;display:grid;gap:10px;min-height:150px;position:relative;overflow:hidden}
.stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(214,173,75,.05),transparent 38%);pointer-events:none}.stat-card strong{font-size:24px;position:relative;z-index:1}.stat-card small{color:#898275;position:relative;z-index:1}
.spotlight-grid{margin-top:14px}
.spotlight-card{padding:22px;border:1px solid rgba(214,173,75,.12);border-radius:24px;background:linear-gradient(180deg,rgba(17,15,12,.96),rgba(11,10,8,.94));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.spotlight-card.wide{grid-column:span 1;background:linear-gradient(120deg,rgba(214,173,75,.12),rgba(17,15,12,.96) 28%,rgba(11,10,8,.94));}
.spotlight-card h3{margin:8px 0 10px;font-size:26px;line-height:1.1}.spotlight-card p{margin:0;color:#d1c8b7;line-height:1.62}
.section-head,.split-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 18px}.section-head h3,.split-head h3{font-size:30px;margin:8px 0}.section-head p,.split-head p{color:var(--muted);margin:0;max-width:760px;line-height:1.6}
.feature-card{border:1px solid rgba(214,173,75,.11);background:linear-gradient(180deg,rgba(16,14,11,.98),rgba(13,12,10,.95));color:var(--text);text-align:left;padding:22px;display:flex;gap:18px;align-items:center;border-radius:22px;transition:.2s;box-shadow:var(--shadow-soft)}
.feature-card:hover{transform:translateY(-2px);border-color:rgba(214,173,75,.24)}
.feature-card i{font-style:normal;color:var(--gold-2);font-size:30px;width:34px;text-align:center}.feature-card div{display:grid;gap:7px}.feature-card b{font-size:20px}.feature-card span{font-size:13px;color:#c0b8a8;line-height:1.55}
.theme-card{border:1px solid rgba(214,173,75,.11);background:linear-gradient(180deg,rgba(15,14,11,.98),rgba(13,12,10,.95));padding:24px;border-radius:24px;display:grid;gap:18px;position:relative;overflow:hidden;min-height:290px;box-shadow:var(--shadow-soft)}
.theme-card-copy{display:grid;gap:10px;position:relative;z-index:1}.theme-card h4{margin:0;font-size:28px}.theme-card p{margin:0;color:#d4cbb9;line-height:1.65}.theme-card-logo{align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(214,173,75,.08),rgba(0,0,0,.08))}
.theme-card-logo-img{width:min(100%,320px);margin:auto;filter:drop-shadow(0 16px 40px rgba(214,173,75,.18))}
.theme-card-banner{grid-column:span 2;background:linear-gradient(110deg,rgba(0,0,0,.72),rgba(0,0,0,.22) 55%,rgba(0,0,0,.84)),var(--bg-image) center/cover no-repeat}
.stack{display:grid;gap:14px}
.dev-card{border:1px solid rgba(214,173,75,.11);padding:22px;background:linear-gradient(180deg,rgba(16,14,11,.98),rgba(13,12,10,.95));display:grid;gap:14px;border-radius:22px;box-shadow:var(--shadow-soft)}
.dev-top{display:flex;justify-content:space-between;gap:14px}.dev-top h4{margin:0;font-size:21px}.dev-meta{font-size:10px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.dev-card p{color:#bcb4a6;line-height:1.6;margin:0}.dev-body{border-top:1px solid rgba(214,173,75,.09);padding-top:14px;color:#e4dac8;white-space:pre-wrap}
.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 165px);border:1px solid rgba(214,173,75,.11);border-radius:26px;overflow:hidden;background:rgba(9,8,7,.4);box-shadow:var(--shadow-soft)}
.channel-panel{background:linear-gradient(180deg,rgba(10,10,8,.98),rgba(9,8,7,.98));border-right:1px solid rgba(214,173,75,.1)}.panel-title{padding:18px;display:grid;gap:6px;border-bottom:1px solid rgba(214,173,75,.1)}.panel-title span{font-size:9px;letter-spacing:.18em;color:var(--gold)}.panel-title b{font-size:16px}
.channel-list{padding:10px;display:grid;gap:6px}.channel-btn{border:1px solid transparent;background:transparent;color:#948c7f;padding:12px;text-align:left;border-radius:14px}.channel-btn.active{border-color:rgba(214,173,75,.16);background:rgba(214,173,75,.08);color:var(--gold-2)}
.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:linear-gradient(180deg,rgba(13,13,11,.96),rgba(10,10,8,.96))}.chat-head{padding:16px 20px;border-bottom:1px solid rgba(214,173,75,.1);display:flex;justify-content:space-between}.chat-head div:first-child{display:grid;gap:4px}.chat-head span{font-size:9px;color:#847d72;letter-spacing:.15em}.live-dot{color:var(--ok);font-size:10px!important}
.message-list{padding:20px;overflow:auto;max-height:calc(100vh - 290px);display:grid;align-content:start;gap:17px}.message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px}.message .avatar{width:40px;height:40px}.msg-head{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.msg-head b{font-size:13px}.msg-head span{font-size:10px;color:#776f63}.msg-head em{font-size:8px;color:var(--gold);font-style:normal;text-transform:uppercase}.message p{margin:7px 0 0;color:#e1d8c7;line-height:1.55;word-break:break-word}
.chat-compose{border-top:1px solid rgba(214,173,75,.1);padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}
.form-panel{padding:22px;display:grid;gap:14px;margin-bottom:16px}.group-card,.product-card,.package-card{border:1px solid rgba(214,173,75,.11);background:linear-gradient(180deg,rgba(16,14,11,.98),rgba(13,12,10,.95));padding:22px;display:grid;gap:12px;border-radius:22px;box-shadow:var(--shadow-soft)}
.group-card h4,.product-card h4,.package-card h4{margin:0;font-size:20px}.group-card p,.product-card p,.package-card p{color:#c4bbaa;font-size:13px;line-height:1.6;margin:0}
.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:10px;padding:6px 10px;border:1px solid rgba(214,173,75,.11);color:#c7bda9;border-radius:999px}.tag.gold{color:var(--gold-2);border-color:rgba(214,173,75,.26)}
.balance-banner{padding:24px;border:1px solid rgba(214,173,75,.16);background:linear-gradient(100deg,rgba(0,0,0,.74),rgba(0,0,0,.3)),var(--bg-image) center/cover no-repeat;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}
.balance-banner b{font-size:30px}.balance-banner em{font-size:11px;color:var(--gold);font-style:normal}.product-price{font-size:26px;color:var(--gold-2);font-weight:900}.package-card{background:linear-gradient(160deg,#1f1710,#0f0d0a);border-color:rgba(214,173,75,.18)}.package-card .pp-amount{font-size:34px;font-weight:900}.package-card .pp-amount span{font-size:11px;color:var(--gold)}.package-card .price{font-size:15px;color:#d1ccc0}.note{font-size:11px!important;color:#8a8377!important}
.transaction-list{padding:0 18px 18px}.tx-row{display:grid;grid-template-columns:110px 1fr 140px 130px;gap:12px;padding:13px 0;border-bottom:1px solid rgba(214,173,75,.08);align-items:center;font-size:12px}.tx-row:last-child{border-bottom:0}.tx-amount.positive{color:var(--ok)}.tx-amount.negative{color:#ff9a82}
.profile-hero{border:1px solid rgba(214,173,75,.16);padding:24px;border-radius:24px;display:flex;gap:20px;align-items:center;background:linear-gradient(100deg,rgba(0,0,0,.74),rgba(0,0,0,.38)),var(--bg-image) center/cover no-repeat;margin-bottom:15px;position:relative;overflow:hidden;box-shadow:var(--shadow-soft)}.profile-hero h3{font-size:30px;margin:6px 0}.profile-hero p{margin:0;color:#e0d7c5}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}
.toast{position:fixed;right:22px;bottom:22px;z-index:99;min-width:260px;max-width:430px;padding:14px 16px;background:#15120d;border:1px solid rgba(214,173,75,.32);color:#f5e3a5;box-shadow:var(--shadow);transform:translateY(140%);opacity:0;transition:.25s;border-radius:16px}.toast.show{transform:translateY(0);opacity:1}.toast.error{border-color:#7a3a32;color:#ffb3aa}
.empty{padding:35px;border:1px dashed rgba(214,173,75,.16);color:#948d80;text-align:center;border-radius:18px}.loading{color:#8a8377;padding:24px;text-align:center}
@media(max-width:1250px){.auth-wrap{grid-template-columns:1fr;padding:24px}.auth-card{justify-self:start;max-width:none}.auth-showcase-grid,.theme-card-grid{grid-template-columns:1fr 1fr}.theme-card-banner{grid-column:auto}.brand-metrics,.hero-mini-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:0}}
@media(max-width:1050px){.auth-brand h1,.brand-copy h1{font-size:58px}.app{grid-template-columns:86px minmax(0,1fr)}.side-brand>div:last-child,.nav-item span,.nav-sep,.mini-profile>div:last-child,.side-promo{display:none}.side-brand{padding:16px}.nav-item{justify-content:center}.side-footer{padding:12px;display:grid;gap:8px;justify-content:center}.stat-grid,.feature-grid,.card-grid,.package-grid,.spotlight-grid,.theme-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.auth-brand{display:none}.auth-wrap{min-height:100vh;display:block;padding:14px}.auth-card{padding:18px;border-radius:22px}.auth-card-top,.section-head,.split-head{display:grid;gap:10px}.feature-strip,.stat-grid,.feature-grid,.card-grid,.package-grid,.admin-grid,.form-grid.two,.spotlight-grid,.theme-card-grid,.auth-showcase-grid,.brand-metrics{grid-template-columns:1fr}.app{display:block}.sidebar{position:static;height:auto;min-height:0;border-right:0;border-bottom:1px solid rgba(214,173,75,.1)}.side-brand,.side-footer,.nav-sep{display:none!important}#mainNav{display:flex;overflow:auto;padding:8px}.nav-item{min-width:54px;padding:11px}.nav-item i{width:auto}.workspace{min-height:100vh}.topbar{height:76px;padding:0 16px}.page-host{padding:16px}.hero{padding:20px;border-radius:22px}.hero h1{font-size:42px}.hero-mini-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;min-height:0;border-radius:22px}.channel-panel{border-right:0;border-bottom:1px solid rgba(214,173,75,.1)}.channel-list{display:flex;overflow:auto}.channel-btn{min-width:max-content}.message-list{max-height:460px;min-height:360px}.chat-compose{grid-template-columns:1fr}.tx-row{grid-template-columns:1fr 1fr}.tx-row>*:nth-child(2){grid-column:1/-1;order:3}.top-actions .role-pill{display:none}}

/* === v0.6 Reference Theme – a generált Rivals terv kódolt változata === */
:root{
  --rival-orange:#ff8a1f;
  --rival-amber:#ffb33f;
  --rival-gold:#f0c35d;
  --rival-deep:#2b170c;
  --rival-brown:#3b2414;
}
body::before{opacity:.24;background:
  radial-gradient(circle at 82% 7%,rgba(255,117,31,.14),transparent 24%),
  radial-gradient(circle at 14% 0%,rgba(240,195,93,.11),transparent 28%),
  linear-gradient(180deg,rgba(3,3,2,.72),rgba(5,4,3,.9)),
  var(--bg-image) center top/cover no-repeat}

.app{grid-template-columns:240px minmax(0,1fr)}
.sidebar{background:
  linear-gradient(180deg,rgba(17,12,8,.98),rgba(5,5,4,.985) 42%,rgba(7,6,5,.99));
  border-right:1px solid rgba(255,175,55,.24);
  box-shadow:16px 0 40px rgba(0,0,0,.28)}
.sidebar::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(255,130,28,.06),transparent 26%),
  radial-gradient(circle at 0 0,rgba(240,195,93,.1),transparent 25%);pointer-events:none}
.side-brand{padding:18px 16px 16px;display:grid;justify-items:center;text-align:center;gap:7px;border-bottom:1px solid rgba(255,176,55,.18)}
.side-logo{width:112px;height:112px;filter:drop-shadow(0 0 16px rgba(255,155,44,.18)) drop-shadow(0 12px 32px rgba(0,0,0,.5))}
.side-brand div:last-child{gap:3px}.side-brand b{font-size:17px;letter-spacing:.18em}.side-brand span{font-size:9px;letter-spacing:.23em;color:#d9ad53}
#mainNav{padding:12px 10px;gap:4px}.nav-item{padding:12px 13px;border-radius:14px;color:#bcb3a5;font-size:14px}.nav-item i{font-size:17px;color:#81796d}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(255,175,55,.15),rgba(255,137,31,.05));border-color:rgba(255,181,69,.2);box-shadow:inset 3px 0 0 #f5c45c;color:#fff8ea}.nav-item.active{box-shadow:inset 3px 0 0 #f4c258,0 0 26px rgba(255,151,29,.05)}.nav-sep{font-size:9px;letter-spacing:.25em;color:#827566;margin:14px 12px 4px;position:relative}.nav-sep::after{content:"";display:block;width:92px;height:1px;background:rgba(240,195,93,.14);position:absolute;right:0;top:6px}.side-promo{margin:10px;border-color:rgba(255,178,55,.24);border-radius:16px;background:linear-gradient(145deg,rgba(255,166,44,.12),rgba(31,18,10,.82));padding:15px}.side-promo::before{opacity:.12}.side-promo b{font-size:16px}.side-promo p{font-size:11px}.side-footer{padding:10px 12px;background:rgba(0,0,0,.22)}

.topbar{height:62px;padding:0 18px;gap:18px;background:linear-gradient(180deg,rgba(39,22,13,.95),rgba(18,12,8,.95));border-bottom:1px solid rgba(255,164,48,.32);box-shadow:0 10px 35px rgba(0,0,0,.26)}
.global-search{width:min(490px,42vw);height:42px;display:flex;align-items:center;gap:9px;padding:0 9px 0 14px;border:1px solid rgba(240,195,93,.34);border-radius:10px;background:linear-gradient(180deg,rgba(27,20,15,.94),rgba(15,12,9,.94));box-shadow:inset 0 0 0 1px rgba(255,150,35,.04)}
.global-search .search-icon{font-size:18px;color:#d7c5aa}.global-search input{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0;padding:0;color:#f5ecdd;height:100%}.global-search input::placeholder{color:#897f71}.global-search button{width:34px;height:32px;border:0;border-radius:7px;background:transparent;color:#f1bd51;font-size:19px}
.top-actions{align-items:center;gap:8px}.top-icon-btn,.top-profile{border:1px solid rgba(240,195,93,.22);background:linear-gradient(180deg,rgba(33,23,15,.88),rgba(14,11,8,.9));color:#f3e7cf;border-radius:11px;height:42px}.top-icon-btn{width:42px;position:relative;font-size:18px}.notice-badge{position:absolute;top:-6px;right:-5px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e95032;color:#fff;font-size:9px;border:2px solid #26160e}.pp-pill,.role-pill{height:42px;border-radius:10px;border-color:rgba(240,195,93,.28);background:linear-gradient(180deg,rgba(50,31,15,.88),rgba(19,13,9,.94))}.role-pill::before{content:"♛";color:#f0c35d;font-size:14px}.top-profile{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 5px;min-width:148px;text-align:left}.top-profile .avatar{width:34px;height:34px;border-radius:50%;font-size:12px}.top-profile>div:nth-child(2){display:grid;gap:2px;min-width:0}.top-profile b{font-size:12px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.top-profile span{font-size:9px;color:#8fd69f}.top-profile span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35d06d;margin-right:5px}.top-profile em{font-style:normal;color:#c9b894;margin-left:auto}.notice-panel{position:absolute;right:18px;top:68px;width:330px;background:linear-gradient(180deg,#20150d,#0e0b08);border:1px solid rgba(255,178,55,.25);border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.56);padding:10px;z-index:30}.notice-head{padding:10px 10px 12px;display:grid;gap:5px;border-bottom:1px solid rgba(240,195,93,.13)}.notice-panel>button{width:100%;display:grid;gap:4px;text-align:left;padding:12px 10px;background:transparent;border:0;border-bottom:1px solid rgba(240,195,93,.08);color:#fff}.notice-panel>button:hover{background:rgba(255,151,31,.08)}.notice-panel>button strong{font-size:13px}.notice-panel>button span{font-size:11px;color:#b8ad9d}

.workspace{background:linear-gradient(180deg,rgba(17,10,5,.16),rgba(0,0,0,.05))}.page-host{max-width:1600px;padding:18px 18px 28px}
.reference-hero{min-height:438px;padding:34px 36px 22px;border-radius:22px;border:1px solid rgba(255,151,31,.52);background:
  linear-gradient(90deg,rgba(9,5,3,.75) 0%,rgba(12,6,3,.44) 38%,rgba(13,6,3,.12) 61%,rgba(8,4,2,.38) 100%),
  linear-gradient(180deg,rgba(255,137,31,.07),transparent 32%),
  var(--bg-image) center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,214,115,.06),0 0 34px rgba(255,111,15,.08),0 22px 60px rgba(0,0,0,.36);display:block;position:relative;overflow:hidden}
.reference-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,5,2,.65) 100%);pointer-events:none}.reference-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#ff8e20,#ffd16c,#ff7b18,transparent);box-shadow:0 0 18px rgba(255,128,26,.55)}
.reference-hero .hero-copy{width:min(58%,760px);height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.reference-hero .hero-chip-row{gap:8px;margin-bottom:12px}.reference-hero .pill-chip{font-size:9px;padding:7px 10px;border-color:rgba(255,183,63,.22);background:rgba(27,16,8,.68)}.chip-button{color:#ecd6b2;cursor:pointer}.chip-button:hover{border-color:#e5ad45;color:#fff3ce}.reference-hero h1{font-size:clamp(50px,5vw,78px);line-height:.92;margin:8px 0 14px;text-shadow:0 5px 30px rgba(0,0,0,.6)}.reference-hero h1 span{color:#efbd50}.reference-hero p{max-width:640px;font-size:15px;line-height:1.58;color:#f1e6d4;text-shadow:0 2px 12px rgba(0,0,0,.7)}.hero-primary,.hero-secondary{border-radius:9px;padding:14px 19px}.hero-primary strong,.hero-secondary strong{margin-left:10px}.reference-hero .hero-actions{margin-top:18px}.hero-livebar{display:flex;margin-top:22px;border-top:1px solid rgba(244,190,80,.19);border-bottom:1px solid rgba(244,190,80,.11);background:rgba(9,6,4,.45);backdrop-filter:blur(5px);width:min(700px,100%)}.hero-livebar>div{flex:1;display:flex;align-items:center;gap:9px;padding:10px 12px;border-right:1px solid rgba(244,190,80,.13)}.hero-livebar>div:last-child{border-right:0}.hero-livebar i{font-style:normal;color:#f7c252;font-size:20px}.hero-livebar span{display:grid;gap:1px}.hero-livebar b{font-size:11px}.hero-livebar small{font-size:9px;color:#a89d8d}.hero-right-note{position:absolute;right:30px;bottom:30px;width:220px;padding:18px 17px;border:1px solid rgba(255,194,79,.22);border-radius:13px;background:linear-gradient(180deg,rgba(31,18,10,.58),rgba(10,7,5,.68));backdrop-filter:blur(6px);z-index:2;text-align:right}.hero-right-note>span{font-size:9px;letter-spacing:.22em;color:#efbc50}.hero-right-note p{font-size:20px!important;line-height:1.25!important;margin:9px 0!important;font-style:italic;color:#f7e3bc!important}.hero-right-note p b{color:#f0bc4e}.hero-right-note small{font-size:9px;color:#b4a58f}

.system-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.system-card{min-height:210px;border:1px solid rgba(255,171,46,.35);border-radius:16px;padding:18px;position:relative;overflow:hidden;text-align:left;color:#fff;background:#15100b;box-shadow:0 14px 36px rgba(0,0,0,.28);transition:.22s}.system-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,6,4,.24),rgba(6,4,3,.84)),var(--bg-image) center/cover no-repeat;opacity:.72;transition:.25s}.system-card::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#f2b43f,#ff8120);opacity:.75}.system-card:hover{transform:translateY(-3px);border-color:rgba(255,191,74,.62);box-shadow:0 20px 46px rgba(0,0,0,.35),0 0 28px rgba(255,133,25,.08)}.system-card:hover::before{opacity:.82;transform:scale(1.025)}.system-chat::before{background-position:20% center}.system-dev::before{background-position:48% center}.system-shop::before{background-position:72% center}.system-premium::before{background-position:95% center}.system-icon,.system-copy{position:relative;z-index:2}.system-icon{width:48px;height:48px;border:1px solid rgba(255,193,75,.38);border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,193,75,.18),rgba(29,17,8,.74));color:#ffd06b;font-size:22px;box-shadow:0 0 25px rgba(255,130,25,.09)}.system-copy{margin-top:16px}.system-copy h3{font-size:20px;margin:0 0 4px}.system-copy>span{font-size:11px;color:#f2b749}.system-copy p{font-size:12px;line-height:1.48;color:#ded4c5;margin:10px 0 14px;max-width:290px}.system-copy>b{font-size:10px;letter-spacing:.1em;color:#f4c45e;border:1px solid rgba(244,196,94,.34);padding:8px 12px;border-radius:8px;display:inline-block;background:rgba(13,8,5,.52)}

.dashboard-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.dash-card{min-height:95px;padding:14px 16px;display:grid;grid-template-columns:44px 1fr 14px;gap:12px;align-items:center;text-align:left;border:1px solid rgba(255,176,52,.29);border-radius:15px;background:linear-gradient(100deg,rgba(83,48,18,.42),rgba(18,12,8,.9) 45%,rgba(38,23,12,.82));color:#fff;box-shadow:inset 0 0 30px rgba(255,158,26,.03),0 12px 28px rgba(0,0,0,.24)}.dash-card:hover{border-color:rgba(255,194,76,.52);background:linear-gradient(100deg,rgba(102,58,20,.48),rgba(20,13,8,.92) 45%,rgba(48,28,13,.86))}.dash-card>i{font-style:normal;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,192,73,.25);display:grid;place-items:center;background:rgba(255,174,48,.08);color:#ffd06d;font-size:21px}.dash-card>span{display:grid;gap:3px;min-width:0}.dash-card small{font-size:9px;letter-spacing:.16em;color:#e0aa48}.dash-card strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-card em{font-style:normal;font-size:10px;color:#a99e90}.dash-card>b{font-size:22px;color:#cfb98e;font-weight:400}
.community-quote{margin-top:12px;min-height:78px;border-top:1px solid rgba(255,178,54,.2);border-bottom:1px solid rgba(255,178,54,.1);background:linear-gradient(90deg,rgba(30,17,9,.76),rgba(7,6,5,.72));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 22px}.community-quote>span{font-size:44px;color:#efbd51;line-height:1}.community-quote p{margin:0;font-size:18px;font-style:italic;color:#d8cab7}.community-quote div{display:grid;text-align:right;gap:2px}.community-quote b{font-size:10px;letter-spacing:.2em;color:#d8ad53}.community-quote small{font-size:8px;letter-spacing:.18em;color:#877b6d}

/* Login / regisztráció ugyanebben a fényesebb stílusban */
.auth-wrap{background:#080604;padding:28px;gap:30px}.auth-wrap::before{background:linear-gradient(105deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 55%,rgba(0,0,0,.75)),var(--bg-image) center/cover no-repeat}.brand-sigil{border-color:rgba(255,176,49,.32);background:linear-gradient(135deg,rgba(77,37,13,.72),rgba(12,8,5,.65));box-shadow:0 0 44px rgba(255,119,17,.08),0 25px 70px rgba(0,0,0,.38)}.brand-medallion{border-color:rgba(255,190,65,.36);background:linear-gradient(180deg,rgba(255,174,48,.14),rgba(15,9,5,.5));box-shadow:inset 0 0 50px rgba(255,139,29,.06),0 0 36px rgba(255,120,20,.08)}.brand-copy h1 span{color:#f3bd4c}.theme-showcase,.mood-card{border-color:rgba(255,176,49,.25)}.theme-showcase{box-shadow:0 0 36px rgba(255,116,17,.07),0 20px 52px rgba(0,0,0,.36)}.auth-card{border-color:rgba(255,178,54,.34);background:linear-gradient(180deg,rgba(47,28,14,.9),rgba(13,9,6,.97));box-shadow:0 0 42px rgba(255,126,20,.07),0 24px 76px rgba(0,0,0,.5)}.auth-card-top h3{color:#fff6e5}.tabs{border-color:rgba(255,176,54,.24);background:rgba(11,7,5,.72)}.tab.active{background:linear-gradient(180deg,#ffd36d,#d48d20)}input,textarea,select{border-color:rgba(255,181,61,.2);background:rgba(8,6,5,.76)}input:focus,textarea:focus,select:focus{border-color:#f2b64d;box-shadow:0 0 0 4px rgba(255,150,31,.1)}

@media(max-width:1250px){.app{grid-template-columns:86px minmax(0,1fr)}.side-brand div:last-child,.nav-item span,.nav-sep,.side-promo,.mini-profile>div:last-child{display:none}.side-logo{width:58px;height:58px}.side-brand{padding:10px}.nav-item{justify-content:center}.system-cards,.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-hero .hero-copy{width:70%}.hero-right-note{display:none}}
@media(max-width:850px){.topbar{height:auto;min-height:64px;padding:10px 12px;flex-wrap:wrap}.global-search{order:2;width:100%;max-width:none}.top-profile>div:nth-child(2),.top-profile em,.role-pill{display:none}.top-profile{min-width:auto;padding-right:5px}.page-host{padding:12px}.reference-hero{min-height:520px;padding:24px 20px;background-position:center}.reference-hero .hero-copy{width:100%;justify-content:flex-end}.reference-hero h1{font-size:48px}.hero-livebar{display:grid;grid-template-columns:1fr 1fr}.hero-livebar>div:nth-child(2){border-right:0}.hero-livebar>div:nth-child(-n+2){border-bottom:1px solid rgba(244,190,80,.13)}.system-cards,.dashboard-strip{grid-template-columns:1fr}.community-quote{grid-template-columns:auto 1fr}.community-quote div{display:none}}
#mainNav{scrollbar-width:none}#mainNav::-webkit-scrollbar{display:none}


/* v0.6.1 refined reference UI */
.reference-hero{border:1px solid rgba(255,181,69,.58)!important;border-radius:24px!important;box-shadow:inset 0 0 0 1px rgba(255,224,146,.09),0 0 0 1px rgba(255,133,29,.18),0 0 30px rgba(255,144,31,.08),0 22px 60px rgba(0,0,0,.42)!important;overflow:hidden;position:relative}
.reference-hero::before{background:linear-gradient(180deg,rgba(255,190,74,.04) 0%,transparent 22%,transparent 58%,rgba(10,5,2,.7) 100%)!important}
.reference-hero::after{height:4px!important;background:linear-gradient(90deg,transparent,#ff9e25,#ffe086,#ff8d1f,transparent)!important;box-shadow:0 0 18px rgba(255,145,31,.5)!important}
.reference-hero .hero-chip-row{margin-bottom:16px!important}
.reference-hero .pill-chip{border-color:rgba(255,191,74,.28)!important;background:rgba(22,14,8,.74)!important;box-shadow:inset 0 0 0 1px rgba(255,196,90,.05)}
.reference-hero h1{max-width:690px!important;text-shadow:0 6px 26px rgba(0,0,0,.72)!important}
.reference-hero p{max-width:620px!important;color:#f4e6d3!important}
.reference-hero .hero-actions{gap:10px!important}
.hero-primary,.hero-secondary{min-height:52px;border-radius:11px!important;display:inline-flex;align-items:center;justify-content:center}
.hero-primary{box-shadow:0 0 18px rgba(255,176,35,.18),0 12px 28px rgba(0,0,0,.28)!important}
.hero-secondary{border-color:rgba(255,191,74,.42)!important;background:linear-gradient(180deg,rgba(40,23,10,.88),rgba(16,10,6,.82))!important}
.hero-livebar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:min(760px,100%)!important;margin-top:22px!important;border:1px solid rgba(255,191,74,.24)!important;border-radius:16px!important;overflow:hidden;background:linear-gradient(180deg,rgba(18,11,6,.9),rgba(10,7,4,.92))!important;box-shadow:inset 0 0 0 1px rgba(255,196,91,.06),0 10px 26px rgba(0,0,0,.25)!important}
.hero-livebar>div{position:relative;padding:14px 16px!important;background:linear-gradient(180deg,rgba(31,18,10,.62),rgba(10,7,5,.74))!important}
.hero-livebar>div:not(:last-child)::after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,193,71,.22),transparent)}
.hero-livebar i{font-size:18px!important;color:#ffcb5f!important;text-shadow:0 0 12px rgba(255,175,40,.22)}
.hero-livebar span{gap:3px!important}
.hero-livebar b{font-size:18px!important;color:#fff0d1!important;line-height:1.05}
.hero-livebar small{font-size:11px!important;color:#b9aa91!important}
.hero-right-note{right:22px!important;bottom:22px!important;width:230px!important;padding:20px 18px!important;border:1px solid rgba(255,194,79,.28)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(40,24,12,.58),rgba(10,7,5,.74))!important;box-shadow:inset 0 0 0 1px rgba(255,194,79,.06),0 14px 32px rgba(0,0,0,.25)}
.hero-right-note::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,194,79,.1);border-radius:12px;pointer-events:none}
.hero-right-note p{font-size:21px!important;line-height:1.25!important}

.system-cards{gap:14px!important;margin-top:14px!important}
.system-card{min-height:218px!important;padding:18px!important;border:1px solid rgba(255,181,69,.42)!important;border-radius:18px!important;background:#120c08!important;box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(255,134,28,.05)!important}
.system-card::before{background:linear-gradient(180deg,rgba(14,9,5,.18),rgba(8,5,3,.86)),var(--bg-image) center/cover no-repeat!important;opacity:.78!important}
.system-card::after{content:""!important;position:absolute;inset:10px!important;height:auto!important;border-radius:13px!important;border:1px solid rgba(255,205,114,.14)!important;background:linear-gradient(180deg,transparent,transparent)!important;pointer-events:none;opacity:1!important}
.system-card:hover{border-color:rgba(255,205,114,.72)!important;box-shadow:0 20px 46px rgba(0,0,0,.38),0 0 28px rgba(255,133,25,.11)!important}
.system-icon{width:50px!important;height:50px!important;border-radius:12px!important;border:1px solid rgba(255,200,84,.42)!important;background:linear-gradient(180deg,rgba(255,198,75,.18),rgba(30,18,9,.78))!important;box-shadow:0 0 18px rgba(255,131,23,.08)!important}
.system-copy{margin-top:18px!important}
.system-copy h3{font-size:19px!important;margin-bottom:6px!important;text-shadow:0 3px 12px rgba(0,0,0,.4)}
.system-copy>span{font-size:11px!important;color:#f4be52!important;letter-spacing:.04em}
.system-copy p{font-size:12px!important;line-height:1.54!important;color:#e8dbc8!important;max-width:unset!important;margin:10px 0 16px!important}
.system-copy>b{font-size:10px!important;letter-spacing:.12em!important;padding:9px 13px!important;border-radius:9px!important;border-color:rgba(244,196,94,.42)!important;background:rgba(13,8,5,.62)!important;box-shadow:inset 0 0 0 1px rgba(244,196,94,.06)}

.dashboard-strip{gap:14px!important;margin-top:14px!important}
.dash-card{min-height:100px!important;border:1px solid rgba(255,181,69,.36)!important;border-radius:17px!important;background:linear-gradient(100deg,rgba(77,43,16,.54),rgba(18,12,8,.94) 42%,rgba(46,28,14,.86))!important;box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,196,84,.04)!important;position:relative;overflow:hidden}
.dash-card::after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,205,112,.12);border-radius:12px;pointer-events:none}
.dash-card:hover{border-color:rgba(255,205,112,.62)!important;background:linear-gradient(100deg,rgba(96,53,20,.56),rgba(19,13,8,.96) 42%,rgba(56,32,14,.9))!important}
.dash-card>i{border-color:rgba(255,198,81,.32)!important;background:rgba(255,174,48,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,193,77,.04)}
.dash-card small{font-size:10px!important;color:#e2af4f!important}
.dash-card strong{font-size:21px!important;color:#fff1d5!important}
.dash-card em{font-size:10px!important;color:#b6a896!important}
.dash-card>b{color:#d6bf95!important}

.community-quote{margin-top:14px!important;min-height:84px!important;padding:16px 24px!important;border:1px solid rgba(255,181,69,.26)!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(35,19,10,.82),rgba(7,6,5,.78))!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important}
.community-quote>span{font-size:46px!important;text-shadow:0 0 14px rgba(255,184,69,.16)}
.community-quote p{font-size:18px!important;color:#ddcfbb!important}
.community-quote div{gap:4px!important}

@media(max-width:850px){.hero-livebar{grid-template-columns:1fr 1fr!important}.hero-livebar>div{border-bottom:1px solid rgba(244,190,80,.13)!important}.hero-livebar>div:nth-child(2n)::after{display:none}.hero-livebar>div:nth-last-child(-n+2){border-bottom:0!important}}


/* v0.6.2 category card images + sidebar cleanup */
.side-footer{margin-top:auto}
.system-card::before{background:linear-gradient(180deg,rgba(14,9,5,.06),rgba(8,5,3,.86)),var(--card-image, var(--bg-image)) center/cover no-repeat!important;opacity:.94!important}
.system-card::after{box-shadow:inset 0 0 0 1px rgba(255,205,114,.06)}
.system-card .system-copy{max-width:88%}
.system-card .system-copy p{text-shadow:0 2px 10px rgba(0,0,0,.52)}
.system-card .system-copy h3,.system-card .system-copy>span,.system-card .system-copy>b{position:relative;z-index:3}
.system-card .system-copy h3{font-size:18px!important}
.system-card .system-copy p{max-width:280px!important}
.system-chat::before{background-position:center center!important}
.system-dev::before{background-position:center center!important}
.system-shop::before{background-position:center center!important}
.system-premium::before{background-position:center center!important}


/* v0.6.3 fixed system card image paths */
.system-chat{--card-image:url("media/system-chat-bg.png")}
.system-dev{--card-image:url("media/system-dev-bg.png")}
.system-shop{--card-image:url("media/system-shop-bg.png")}
.system-premium{--card-image:url("media/system-premium-bg.png")}
.system-card{background:#15100b!important}
.system-card::before{background-image:linear-gradient(180deg,rgba(14,9,5,.06),rgba(8,5,3,.86)),var(--card-image)!important;background-size:cover,cover!important;background-position:center center,center center!important;background-repeat:no-repeat,no-repeat!important;opacity:.97!important}


/* v0.6.4 clean image-only system cards */
.system-chat{--card-image:url("media/system-chat-clean.png")!important}
.system-dev{--card-image:url("media/system-dev-clean.png")!important}
.system-shop{--card-image:url("media/system-shop-clean.png")!important}
.system-premium{--card-image:url("media/system-premium-clean.png")!important}
.system-card::before{background-image:linear-gradient(180deg,rgba(10,6,3,.04),rgba(7,4,2,.80)),var(--card-image)!important;background-size:cover,cover!important;background-position:center,center!important;background-repeat:no-repeat!important;opacity:1!important}

/* ============================================================
   Rivals Legion Platform v0.7 – Community Core
   Profil 2.0 / Barátok / Privát üzenetek / Értesítések
   ============================================================ */
.avatar{overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.nav-item{position:relative}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(180deg,#ffd66c,#d99021);color:#170f06;font-size:9px;font-weight:950;box-shadow:0 0 16px rgba(255,167,35,.18)}
.notice-badge.hidden{display:none!important}.notice-head-row{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:10px}.notice-head-row>div{display:grid;gap:4px}.notice-head-row>button{border:0;background:transparent;color:#edbc58;font-size:10px;font-weight:800;cursor:pointer}.notice-dropdown-list{max-height:390px;overflow:auto}.notice-view-all{border-bottom:0!important;color:#f2c45f!important;text-align:center!important;display:block!important;font-size:10px!important;letter-spacing:.12em!important}.notification-item{width:100%;display:grid!important;grid-template-columns:36px 1fr 8px;gap:10px;align-items:center;text-align:left;padding:11px!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(240,195,93,.08)!important;color:#fff!important}.notification-item:hover{background:rgba(255,151,31,.07)!important}.notification-item.unread{background:linear-gradient(90deg,rgba(255,157,31,.08),transparent)!important}.notification-item>.avatar{width:36px;height:36px;border-radius:12px}.notification-item>span{display:grid;gap:3px;min-width:0}.notification-item b{font-size:12px}.notification-item small{font-size:10px;color:#b9ae9f;line-height:1.4}.notification-item em{font-size:9px;color:#81786c;font-style:normal}.notification-item>i{width:7px;height:7px;border-radius:50%;background:#f2bd50;box-shadow:0 0 12px rgba(242,189,80,.45)}

.community-page-head{margin-top:4px}.social-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,182,67,.22);border-radius:18px;padding:10px 10px 10px 14px;background:linear-gradient(180deg,rgba(30,18,10,.84),rgba(11,8,6,.9));box-shadow:0 14px 30px rgba(0,0,0,.2);margin-bottom:16px}.social-search>span{font-size:22px;color:#e6b44d}.social-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important}.social-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.social-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-panel{min-width:0;overflow:hidden}.social-list{display:grid;gap:1px;padding:10px}.social-user-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(255,182,67,.08);border-radius:15px;background:linear-gradient(180deg,rgba(25,16,10,.66),rgba(10,8,6,.82));min-width:0}.social-user-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;color:#fff;text-align:left;padding:0;cursor:pointer}.social-user-main>span{display:grid;gap:3px;min-width:0}.social-user-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-user-main small{font-size:9px;color:#948a7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-user-main em{font-size:9px;font-style:normal}.online{color:#65de91!important}.offline{color:#837c72!important}.social-avatar{width:42px!important;height:42px!important;border-radius:13px!important}.social-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.social-actions .gold-btn,.social-actions .ghost-btn{padding:8px 10px;font-size:8px;border-radius:9px}.social-empty{padding:22px;color:#8e8579;text-align:center;font-size:12px}.avatar-button{border:0;background:transparent;padding:0;align-self:start}.avatar-button:hover .avatar{border-color:#e8b64d}

.dm-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 110px);border:1px solid rgba(255,179,58,.22);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(18,12,8,.9),rgba(8,7,6,.94));box-shadow:0 18px 44px rgba(0,0,0,.3)}.dm-sidebar{border-right:1px solid rgba(255,179,58,.14);background:rgba(9,8,7,.7);min-width:0}.dm-conversation-list{padding:10px;display:grid;gap:5px;max-height:calc(100vh - 180px);overflow:auto}.dm-conversation{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid transparent;border-radius:14px;background:transparent;color:#fff;text-align:left}.dm-conversation:hover,.dm-conversation.active{border-color:rgba(255,190,72,.2);background:linear-gradient(90deg,rgba(255,168,37,.1),rgba(255,168,37,.02))}.dm-conversation>.avatar{width:42px;height:42px;border-radius:13px}.dm-conversation>span{display:grid;gap:3px;min-width:0}.dm-conversation b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conversation small{font-size:10px;color:#9d9487;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-conversation>em{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#edb746;color:#1b1207;font-size:9px;font-weight:900}.dm-chat{min-width:0;position:relative}.dm-empty{min-height:500px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.dm-empty>span{font-size:52px;color:#d6a847}.dm-empty h3{font-size:27px;margin:10px 0 5px}.dm-empty p{margin:0;color:#948a7e}.dm-chat>#dmActive{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dm-chat-head{padding:14px 16px;border-bottom:1px solid rgba(255,179,58,.12);background:linear-gradient(180deg,rgba(38,23,12,.7),rgba(15,10,7,.66))}.dm-peer{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#fff;text-align:left}.dm-peer>.avatar{width:42px;height:42px;border-radius:13px}.dm-peer>span:last-child{display:grid;gap:3px}.dm-peer b{font-size:14px}.dm-peer small{font-size:10px}.dm-message-list{padding:18px;overflow:auto;max-height:calc(100vh - 250px);display:grid;align-content:start;gap:11px;background:radial-gradient(circle at 80% 0%,rgba(214,173,75,.04),transparent 28%)}.dm-bubble-row{display:flex;align-items:flex-end;gap:8px;max-width:76%}.dm-bubble-row.own{margin-left:auto;justify-content:flex-end}.dm-bubble-row.other{margin-right:auto}.dm-bubble-row>.avatar{width:30px;height:30px;border-radius:10px}.dm-bubble{padding:10px 12px;border:1px solid rgba(255,181,63,.12);border-radius:14px 14px 14px 4px;background:#17110c;box-shadow:0 7px 18px rgba(0,0,0,.18)}.dm-bubble-row.own .dm-bubble{border-radius:14px 14px 4px 14px;background:linear-gradient(180deg,#664018,#3c270f);border-color:rgba(255,202,99,.22)}.dm-bubble p{margin:0;color:#f1e5d3;line-height:1.48;word-break:break-word}.dm-bubble span{display:block;margin-top:5px;color:#8f8577;font-size:8px;text-align:right}.dm-compose{border-top:1px solid rgba(255,179,58,.12);padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;background:rgba(9,7,5,.72)}.dm-no-messages{padding:50px;text-align:center;color:#8e8477}

.notification-page-list{display:grid;gap:10px}.notification-page-list .notification-item{grid-template-columns:46px minmax(0,1fr) 10px;padding:15px!important;border:1px solid rgba(255,179,58,.1)!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(21,14,9,.78),rgba(10,8,6,.86))!important}.notification-page-list .notification-item.unread{border-color:rgba(255,190,74,.28)!important;background:linear-gradient(90deg,rgba(255,165,34,.12),rgba(12,9,7,.9))!important}.notification-page-list .notification-item>.avatar{width:46px;height:46px}.notification-page-list .notification-item b{font-size:14px}.notification-page-list .notification-item small{font-size:12px}.notification-page-list .notification-item em{font-size:10px}

.profile-v2-banner{min-height:285px;border:1px solid rgba(255,182,68,.34);border-radius:26px;background:#0b0705;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 18px 46px rgba(0,0,0,.34)}.profile-banner-blur{position:absolute;inset:-30px;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px) saturate(.92) brightness(.48);transform:scale(1.08);opacity:.82}.profile-banner-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:transparent}.profile-banner-image.hidden{display:none}.profile-banner-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.62)),linear-gradient(90deg,rgba(22,12,6,.38),transparent 62%);pointer-events:none}.profile-v2-main{position:absolute;left:26px;right:26px;bottom:24px;display:flex;align-items:flex-end;gap:18px;z-index:3}.profile-avatar-wrap{position:relative}.profile-avatar{width:104px!important;height:104px!important;border-radius:24px!important;font-size:34px!important;border:2px solid #e9b64b!important;background:#171009!important;box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 0 5px rgba(11,7,4,.42)}.profile-online-dot{position:absolute;right:-1px;bottom:7px;width:18px;height:18px;border-radius:50%;background:#45d979;border:4px solid #15100c}.profile-online-dot.offline{background:#706a61}.profile-v2-identity{min-width:0}.profile-v2-identity h3{font-size:34px;margin:5px 0}.profile-v2-identity p{margin:0;color:#d4c6b2}.profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-self-badge{padding:10px 13px;border:1px solid rgba(255,190,70,.26);border-radius:12px;background:rgba(15,9,6,.66);font-size:10px;letter-spacing:.13em;color:#efbd54;font-weight:900}.profile-v2-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.profile-v2-stats article{padding:17px;border:1px solid rgba(255,179,58,.17);border-radius:16px;background:linear-gradient(180deg,rgba(31,18,10,.74),rgba(11,8,6,.86));display:grid;gap:6px}.profile-v2-stats span{font-size:9px;letter-spacing:.18em;color:#d9a745}.profile-v2-stats b{font-size:18px}.profile-v2-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:14px}.profile-about,.profile-editor{overflow:hidden}.profile-public-info{padding:18px;display:grid;gap:18px}.profile-info-row>span,.profile-info-grid span{font-size:9px;letter-spacing:.16em;color:#d9a745}.profile-info-row p{color:#e4d8c6;line-height:1.65;margin:8px 0 0}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-info-grid>div{padding:12px;border:1px solid rgba(255,179,58,.09);border-radius:13px;background:rgba(8,7,6,.42);display:grid;gap:6px}.profile-info-grid b{font-size:13px;overflow-wrap:anywhere}.profile-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px 0}.upload-card{border:1px dashed rgba(255,188,72,.25);border-radius:14px;padding:14px;background:linear-gradient(180deg,rgba(255,168,39,.06),rgba(0,0,0,.08));cursor:pointer}.upload-card input{display:none}.upload-card>span{font-size:13px;color:#f0c45c}.upload-card small{font-size:10px;color:#8d8376}.profile-form-v2{margin:0!important;border:0!important;background:transparent!important}.profile-editor>.form-panel{padding-top:16px}

@media(max-width:1200px){.social-columns{grid-template-columns:1fr}.social-user-grid{grid-template-columns:1fr}.profile-v2-grid{grid-template-columns:1fr}.dm-shell{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:850px){.nav-badge{display:none!important}.dm-shell{grid-template-columns:1fr;min-height:0}.dm-sidebar{border-right:0;border-bottom:1px solid rgba(255,179,58,.14)}.dm-conversation-list{max-height:260px}.dm-message-list{max-height:430px;min-height:360px}.profile-v2-main{left:18px;right:18px;bottom:18px;align-items:center;flex-wrap:wrap}.profile-avatar{width:82px!important;height:82px!important}.profile-v2-identity h3{font-size:26px}.profile-actions{width:100%;margin-left:0;justify-content:flex-start}.profile-v2-stats{grid-template-columns:1fr 1fr}.profile-upload-grid,.profile-info-grid{grid-template-columns:1fr}.social-search{grid-template-columns:30px 1fr}.social-search button{grid-column:1/-1}.social-user-card{align-items:flex-start;flex-direction:column}.social-actions{justify-content:flex-start}.notification-page-list .notification-item{grid-template-columns:40px minmax(0,1fr) 8px}.dm-bubble-row{max-width:90%}}

/* =========================================================
   v0.8 — Chat 2.0 + Csoportok 2.0
   ========================================================= */
.chat-v2-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 105px);border:1px solid rgba(255,182,64,.18);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(15,10,7,.96),rgba(8,7,6,.98));box-shadow:0 22px 55px rgba(0,0,0,.3)}
.chat-v2-channels{background:linear-gradient(180deg,rgba(22,13,8,.98),rgba(8,7,6,.99));border-right:1px solid rgba(255,182,64,.14)}
.chat-v2-channels .channel-list{padding:12px;display:grid;gap:7px}
.chat-v2-channels .channel-btn{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center;padding:11px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#c2b7a4;text-align:left;min-width:0}
.chat-v2-channels .channel-btn>span:first-child{color:#e7ae48;font-size:18px;text-align:center}
.chat-v2-channels .channel-btn>span:last-child{display:grid;gap:2px;min-width:0}.chat-v2-channels .channel-btn b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-v2-channels .channel-btn small{font-size:10px;color:#7e7467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-v2-channels .channel-btn:hover,.chat-v2-channels .channel-btn.active{background:linear-gradient(90deg,rgba(255,172,49,.14),rgba(255,134,25,.03));border-color:rgba(255,192,75,.18);color:#fff6e4;box-shadow:inset 3px 0 0 #efb84e}
.chat-v2-hint{margin:12px;padding:14px;border:1px solid rgba(255,182,64,.12);border-radius:14px;background:linear-gradient(180deg,rgba(255,171,45,.05),rgba(0,0,0,.18));display:grid;gap:4px}.chat-v2-hint b{font-size:11px;color:#f1bf59;margin-top:5px}.chat-v2-hint span{font-size:10px;color:#8f8476;line-height:1.45}
.chat-v2-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;background:radial-gradient(circle at 80% 0%,rgba(255,139,25,.04),transparent 26%),linear-gradient(180deg,rgba(12,10,8,.96),rgba(8,7,6,.98))}
.chat-v2-head{padding:16px 20px;border-bottom:1px solid rgba(255,182,64,.12);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(50,29,14,.38),rgba(10,8,6,.18))}.chat-v2-head>div:first-child{display:grid;gap:3px}.chat-v2-head b{font-size:18px}.chat-v2-head small{font-size:10px;color:#8f8273}
.chat-v2-message-list{padding:18px 18px 24px;overflow:auto;max-height:calc(100vh - 275px);display:grid;align-content:start;gap:10px;scrollbar-color:#7a511e transparent}
.chat-v2-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:10px 10px;border-radius:14px;position:relative;border:1px solid transparent;transition:.18s}.chat-v2-message:hover{background:rgba(255,171,45,.035);border-color:rgba(255,182,64,.08)}.chat-v2-message.flash{animation:chatFlash 1.2s ease}@keyframes chatFlash{0%,100%{background:transparent}40%{background:rgba(255,183,64,.16);border-color:rgba(255,202,101,.35)}}
.chat-v2-message.deleted{opacity:.67}.message-content{min-width:0;position:relative}.chat-v2-message .msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.chat-v2-message .msg-head b{font-size:13px;color:#fff5e2}.chat-v2-message .msg-head em{font-size:8px;color:#efb74c;font-style:normal;border:1px solid rgba(239,183,76,.17);padding:2px 5px;border-radius:999px}.chat-v2-message .msg-head span{font-size:9px;color:#72695e}.chat-v2-message p{margin:6px 0 0;line-height:1.55;color:#e4d9c6;font-size:13px;word-break:break-word}.chat-v2-message .mention{color:#ffd473;background:rgba(255,185,65,.1);border:1px solid rgba(255,185,65,.12);padding:1px 4px;border-radius:5px}.deleted-message{font-style:italic;color:#82796d!important}
.chat-reply-preview{display:grid;gap:2px;width:100%;text-align:left;padding:8px 10px;margin:0 0 7px;border:0;border-left:3px solid #efb84d;border-radius:6px;background:rgba(255,175,48,.055);color:#cfc4b1}.chat-reply-preview b{font-size:10px;color:#f0bd58}.chat-reply-preview span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-message-tools{position:absolute;right:0;top:-7px;display:flex;gap:4px;opacity:.25;transition:.15s}.chat-v2-message:hover .chat-message-tools,.chat-message-tools:focus-within{opacity:1}.chat-message-tools button,.reaction-picker button{width:28px;height:27px;border:1px solid rgba(255,190,72,.14);background:#17110c;color:#cdbb9d;border-radius:8px}.chat-message-tools button:hover,.reaction-picker button:hover{color:#ffd371;border-color:rgba(255,195,78,.34);background:#25170c}.reaction-picker{position:absolute;right:0;top:25px;z-index:6;display:flex;gap:4px;padding:6px;border:1px solid rgba(255,190,72,.16);border-radius:10px;background:#100c09;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.reaction-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reaction-chip{border:1px solid rgba(255,190,72,.14);background:rgba(255,255,255,.025);color:#cabfae;border-radius:999px;padding:3px 8px;display:flex;gap:4px;align-items:center;font-size:11px}.reaction-chip.mine{border-color:rgba(255,198,82,.4);background:rgba(255,175,45,.1);color:#fff0cc}.reaction-chip b{font-size:10px}
.chat-reply-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid rgba(255,182,64,.12);background:linear-gradient(90deg,rgba(255,173,47,.08),rgba(0,0,0,.18))}.chat-reply-bar>div{display:grid;gap:2px;min-width:0}.chat-reply-bar span{font-size:8px;letter-spacing:.18em;color:#dba745}.chat-reply-bar b{font-size:11px}.chat-reply-bar small{font-size:10px;color:#92877a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar button{width:32px;height:32px;border:1px solid rgba(255,183,62,.16);background:transparent;color:#bbae99;border-radius:8px}
.chat-v2-compose{border-top:1px solid rgba(255,182,64,.11);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:rgba(8,7,6,.92)}.chat-input-wrap{position:relative;min-width:0}.chat-v2-compose input{height:44px;border-radius:13px}.mention-box{position:absolute;left:0;right:0;bottom:52px;max-height:260px;overflow:auto;border:1px solid rgba(255,190,72,.18);border-radius:14px;background:linear-gradient(180deg,#1c120b,#0d0a08);box-shadow:0 18px 42px rgba(0,0,0,.45);padding:6px;z-index:20}.mention-option{width:100%;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:8px;border:0;border-radius:10px;background:transparent;color:#eee3d0;text-align:left}.mention-option:hover{background:rgba(255,177,50,.08)}.mention-option .avatar{width:34px;height:34px}.mention-option span{display:grid;gap:2px}.mention-option b{font-size:11px;color:#f2bd55}.mention-option small{font-size:10px;color:#908678}

.group-invite-inbox{margin-bottom:16px;overflow:hidden}.group-invite-grid{padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-invite-card{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,184,64,.12);border-radius:16px;padding:10px;background:linear-gradient(180deg,rgba(37,22,11,.5),rgba(10,8,6,.8))}.group-invite-card h4{margin:4px 0;font-size:18px}.group-invite-card p{margin:0 0 10px;color:#a99e8e;font-size:11px}.group-invite-visual{height:94px;border-radius:12px;border:1px solid rgba(255,190,72,.14);background:linear-gradient(100deg,rgba(0,0,0,.35),rgba(0,0,0,.18)),var(--bg-image) center/cover no-repeat;display:grid;place-items:center;color:#efb94f;font-weight:900;font-size:24px;overflow:hidden}.group-invite-visual img{width:100%;height:100%;object-fit:cover}
.group-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.group-v2-card{--group-banner:var(--bg-image);min-height:285px;border:1px solid rgba(255,182,64,.22);border-radius:21px;overflow:hidden;background:#110d09;position:relative;box-shadow:0 16px 36px rgba(0,0,0,.25)}.group-card-cover{height:108px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(12,8,5,.72)),var(--group-banner) center/cover no-repeat;border-bottom:1px solid rgba(255,182,64,.12)}.group-card-body{padding:0 18px 18px;position:relative}.group-card-avatar{width:58px;height:58px;margin-top:-31px;margin-bottom:10px;border:2px solid #d99d33;border-radius:16px;background:linear-gradient(180deg,#3a230f,#15100a);display:grid;place-items:center;font-weight:900;color:#ffd376;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.4)}.group-card-avatar img{width:100%;height:100%;object-fit:cover}.group-v2-card h4{font-size:21px;margin:8px 0}.group-v2-card p{min-height:38px;margin:0;color:#b8ad9d;font-size:12px;line-height:1.55}.group-card-stats{display:flex;gap:14px;margin:14px 0;color:#8d8273;font-size:10px}.group-card-stats b{color:#f1bd58}.group-card-actions{display:flex;gap:8px}
.group-detail-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.group-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.group-detail-hero{min-height:245px;border:1px solid rgba(255,184,64,.26);border-radius:24px;background:linear-gradient(100deg,rgba(0,0,0,.72),rgba(0,0,0,.32)),var(--bg-image) center/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.28)}.group-detail-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,5,4,.68))}.group-detail-main{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:end}.group-detail-avatar{width:92px;height:92px;border:2px solid #e0a83e;border-radius:22px;background:linear-gradient(180deg,#42270f,#17110a);display:grid;place-items:center;color:#ffd377;font-size:32px;font-weight:900;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.42)}.group-detail-avatar img{width:100%;height:100%;object-fit:cover}.group-detail-main h3{font-size:34px;margin:5px 0 6px}.group-detail-main p{margin:0 0 10px;color:#d9cfbf;max-width:760px}.group-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;margin-top:14px}.group-members-panel{grid-row:span 2}.group-member-list{padding:10px}.group-member-row{display:grid;grid-template-columns:42px minmax(130px,1fr) auto minmax(210px,auto);gap:10px;align-items:center;padding:11px 8px;border-bottom:1px solid rgba(255,182,64,.08)}.group-member-row:last-child{border-bottom:0}.group-member-avatar{width:42px;height:42px}.group-member-info{display:grid;gap:2px;min-width:0}.group-member-info b{font-size:12px}.group-member-info small{font-size:9px;color:#82796d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-member-info .online{font-size:9px;color:#6edb8e}.group-member-info .offline{font-size:9px;color:#776f65}.group-role-badge{font-size:8px;letter-spacing:.1em;border:1px solid rgba(255,188,70,.17);border-radius:999px;padding:5px 8px;color:#c8baa4}.group-role-badge.owner{color:#ffd572;border-color:rgba(255,210,103,.35)}.group-role-badge.admin{color:#efb953}.group-role-badge.moderator{color:#d7bb86}.group-member-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.group-member-actions .ghost-btn,.group-member-actions .gold-btn{font-size:8px;padding:7px 8px;border-radius:8px}.group-member-actions select{width:auto;padding:7px 24px 7px 8px;border-radius:8px;font-size:9px}
.mini-inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-bottom:1px solid rgba(255,182,64,.08)}.mini-inline-form input{padding:10px 11px;border-radius:10px}.group-channel-list{padding:8px}.group-channel-row{display:grid;grid-template-columns:1fr 34px;gap:6px;align-items:center}.group-channel-open{border:0;background:transparent;color:#c7bca9;padding:10px;text-align:left;border-radius:10px}.group-channel-open:hover{background:rgba(255,178,50,.06);color:#ffd16c}.group-channel-delete{height:30px;border:1px solid rgba(255,120,80,.14);border-radius:8px;background:transparent;color:#a77b6c}.group-channel-delete:hover{color:#ff9a7f;border-color:rgba(255,130,90,.3)}
.group-manage-panel,.group-settings-panel{overflow:hidden}.group-search{margin:12px}.group-invite-search-results{padding:0 12px 10px}.group-invite-user,.sent-invite-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,182,64,.07)}.group-invite-user .avatar,.sent-invite-row .avatar{width:36px;height:36px}.group-invite-user span,.sent-invite-row span{display:grid;gap:2px}.group-invite-user b,.sent-invite-row b{font-size:11px}.group-invite-user small,.sent-invite-row small{font-size:9px;color:#82796d}.sent-invite-row em{font-style:normal;font-size:8px;color:#d5a846}.panel-subtitle{padding:10px 12px 4px;font-size:9px;letter-spacing:.18em;color:#d7a845}.group-upload-grid{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.group-settings-form{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}.danger-btn{margin:0 20px 20px;border:1px solid rgba(255,98,77,.3);background:rgba(255,76,53,.07);color:#ff9d8d;padding:11px 14px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.1em}

@media(max-width:1200px){.group-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-detail-grid{grid-template-columns:1fr}.group-members-panel{grid-row:auto}.group-member-row{grid-template-columns:42px minmax(0,1fr) auto}.group-member-actions{grid-column:2/-1;justify-content:flex-start}.group-invite-grid{grid-template-columns:1fr}}
@media(max-width:850px){.chat-v2-shell{grid-template-columns:1fr;min-height:0}.chat-v2-channels{border-right:0;border-bottom:1px solid rgba(255,182,64,.12)}.chat-v2-channels .channel-list{display:flex;overflow:auto}.chat-v2-channels .channel-btn{min-width:170px}.chat-v2-hint{display:none}.chat-v2-message-list{max-height:520px;min-height:360px}.chat-message-tools{position:static;margin-top:7px;opacity:1}.reaction-picker{position:static;margin-top:5px;width:max-content}.chat-v2-compose{grid-template-columns:1fr}.group-v2-grid{grid-template-columns:1fr}.group-detail-main{grid-template-columns:70px 1fr}.group-detail-avatar{width:70px;height:70px}.group-detail-main h3{font-size:25px}.group-member-row{grid-template-columns:38px 1fr}.group-role-badge{grid-column:2}.group-member-actions{grid-column:1/-1}.group-upload-grid{grid-template-columns:1fr}.group-detail-toolbar{align-items:stretch;flex-direction:column}.group-detail-actions{justify-content:flex-start}}


/* v0.8.1 group rank management */
.group-role-invite-row{padding:14px 16px 8px;display:grid;gap:8px;border-bottom:1px solid rgba(255,182,64,.08)}
.group-role-invite-row label{display:grid;gap:7px;font-size:10px;letter-spacing:.08em;color:#d9b75f}
.group-role-invite-row select{max-width:240px;border-color:rgba(255,190,68,.28);background:linear-gradient(180deg,rgba(33,21,12,.94),rgba(12,9,7,.96));color:#ffe2a0}
.group-role-invite-row p{margin:0;color:#8f8578;font-size:10px;line-height:1.45}
.group-rank-control{display:flex;gap:6px;align-items:center;padding:5px 6px;border:1px solid rgba(255,187,66,.18);border-radius:10px;background:rgba(255,165,38,.05)}
.group-rank-control>span{font-size:8px;letter-spacing:.12em;color:#dda944}
.group-rank-control select{min-width:112px;width:auto;padding:7px 24px 7px 8px;border-radius:8px;font-size:9px;border-color:rgba(255,190,68,.26)}
.group-owner-lock{font-size:8px;letter-spacing:.1em;color:#ffd572;border:1px solid rgba(255,210,103,.28);padding:7px 9px;border-radius:8px;background:rgba(255,191,67,.06)}
.group-member-actions .group-role-save{font-size:8px;padding:7px 9px}
@media(max-width:850px){.group-rank-control{width:100%;flex-wrap:wrap}.group-rank-control select{flex:1;min-width:150px}.group-role-invite-row select{max-width:none}}

/* v0.9 Community Feed + Media Core */
.feed-page-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin:4px 0 18px;padding:22px 24px;border:1px solid rgba(255,181,69,.16);border-radius:22px;background:linear-gradient(120deg,rgba(92,48,15,.18),rgba(17,12,8,.92) 42%,rgba(8,7,6,.94));box-shadow:0 16px 40px rgba(0,0,0,.24)}
.feed-page-head h3{margin:8px 0 6px;font-size:32px}.feed-page-head p{margin:0;max-width:760px;color:#cfc3b1;line-height:1.6}.feed-head-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feed-head-badges span{padding:9px 12px;border:1px solid rgba(255,190,73,.18);border-radius:999px;background:rgba(255,173,48,.06);font-size:11px;color:#e5d3b3}
.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.feed-main{min-width:0}.feed-sidebar{display:grid;gap:14px;position:sticky;top:78px}.feed-side-card{padding:20px}.feed-side-card h4{font-size:22px;margin:8px 0 10px}.feed-side-card p{margin:0;color:#bfb5a4;line-height:1.58}.feed-tip-list{display:grid;gap:12px;margin-top:12px}.feed-tip-list span{padding:11px 12px;border-left:2px solid #d99a2f;background:rgba(255,179,54,.04);color:#cfc3b1;font-size:12px;line-height:1.55}.feed-tip-list b{color:#f2bf58}
.feed-composer{padding:18px;margin-bottom:14px;border-color:rgba(255,181,69,.24);box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,204,105,.03)}.feed-composer-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.feed-composer-head>div:last-child{display:grid;gap:3px}.feed-composer-head b{font-size:14px}.feed-composer-head small{font-size:10px;color:#9c9182}.feed-avatar{width:42px;height:42px;border-radius:14px}.feed-input-wrap,.feed-comment-input-wrap{position:relative}.feed-input-wrap textarea{min-height:104px;background:linear-gradient(180deg,rgba(7,6,5,.72),rgba(12,9,7,.82));border-color:rgba(255,183,62,.18);font-size:14px;line-height:1.6}.feed-composer-actions{display:flex;gap:9px;align-items:center;margin-top:12px}.feed-composer-spacer{flex:1}.feed-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,190,73,.26);border-radius:11px;color:#f0c365;background:rgba(255,174,48,.06);font-size:10px;letter-spacing:.1em;font-weight:900;cursor:pointer}.feed-upload-btn input{display:none}.feed-media-preview{margin-top:12px;border:1px solid rgba(255,183,62,.18);border-radius:16px;overflow:hidden;background:#080604}.feed-media-preview img{width:100%;max-height:420px;object-fit:contain;background:#050403}
.feed-list{display:grid;gap:14px}.feed-post{padding:0;overflow:hidden;position:relative;border-color:rgba(255,181,69,.16);box-shadow:0 14px 38px rgba(0,0,0,.25)}.feed-post.pinned{border-color:rgba(255,194,79,.42);box-shadow:0 0 0 1px rgba(255,190,73,.06),0 18px 46px rgba(0,0,0,.28),0 0 28px rgba(255,137,24,.06)}.feed-pinned-ribbon{padding:8px 18px;background:linear-gradient(90deg,rgba(220,145,32,.3),rgba(92,49,15,.08));border-bottom:1px solid rgba(255,194,79,.15);font-size:9px;letter-spacing:.18em;color:#ffd376;font-weight:900}.feed-post-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px 10px}.feed-author{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:#fff;text-align:left;padding:0}.feed-author>span:last-child{display:grid;gap:3px}.feed-author b{font-size:14px}.feed-author small{font-size:10px;color:#938a7e}.feed-post-scope span{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,190,73,.15);border-radius:999px;background:rgba(255,173,48,.04);font-size:9px;letter-spacing:.1em;color:#d9ab50}.feed-post-body{padding:8px 18px 16px;color:#eee2d0;line-height:1.68;font-size:14px;word-break:break-word}.feed-media-open{display:block;width:100%;padding:0;border:0;background:#050403;cursor:zoom-in}.feed-media-open img{width:100%;max-height:620px;object-fit:contain;background:#050403}.feed-post-stats{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid rgba(255,190,73,.08);color:#948a7c;font-size:11px}.feed-comments-toggle{border:0;background:transparent;color:#baaa92;padding:0}.feed-comments-toggle:hover{color:#f0c15d}.feed-post-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px 12px;border-top:1px solid rgba(255,190,73,.08);background:rgba(0,0,0,.12)}.feed-reaction-set,.feed-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.feed-reaction,.feed-reaction-add,.feed-tool{min-height:31px;border:1px solid rgba(255,190,73,.12);border-radius:10px;background:rgba(255,255,255,.02);color:#d7c9b2;padding:0 9px;font-size:11px}.feed-reaction.active{border-color:rgba(255,194,79,.42);background:rgba(255,176,44,.11);color:#ffe1a2}.feed-reaction b{font-size:10px;color:#f0c260}.feed-reaction:hover,.feed-reaction-add:hover,.feed-tool:hover{border-color:rgba(255,194,79,.32);background:rgba(255,174,48,.07)}.feed-tool{font-size:9px;letter-spacing:.08em}.feed-tool.danger{color:#e69e91}.feed-highlight{animation:feedHighlight 2.2s ease}@keyframes feedHighlight{0%,100%{box-shadow:0 14px 38px rgba(0,0,0,.25)}35%{box-shadow:0 0 0 2px rgba(255,202,94,.55),0 0 42px rgba(255,145,31,.2)}}
.feed-comments{border-top:1px solid rgba(255,190,73,.09);padding:12px 16px 15px;background:rgba(0,0,0,.13)}.feed-comments-list{display:grid;gap:10px;margin-bottom:12px}.feed-comment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px}.feed-comment>.avatar{width:34px;height:34px;border-radius:10px}.feed-comment>div{padding:9px 11px;border:1px solid rgba(255,190,73,.09);border-radius:13px;background:rgba(15,11,8,.65)}.feed-comment-head{display:flex;align-items:center;gap:8px}.feed-comment-author{display:flex;gap:6px;align-items:baseline;border:0;background:transparent;color:#fff;padding:0}.feed-comment-author b{font-size:12px}.feed-comment-author span{font-size:9px;color:#a79987}.feed-comment-head small{margin-left:auto;font-size:9px;color:#776f65}.feed-comment-delete{border:0;background:transparent;color:#bb7669;font-size:16px}.feed-comment p{margin:6px 0 0;color:#d8cebd;font-size:12px;line-height:1.55}.feed-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}.feed-comment-form input{height:40px}.feed-comment-input-wrap .mention-box{bottom:48px;top:auto}
.group-feed-panel{margin-top:14px;padding-bottom:16px}.group-feed-composer{margin:0 14px 14px;border:1px solid rgba(255,181,69,.13);border-radius:18px;background:rgba(14,10,7,.55)}.compact-feed{padding:0 14px}.compact-feed .feed-post{box-shadow:none}.compact-feed .feed-media-open img{max-height:440px}
.mention{color:#f1bd4e;font-weight:800}.mention-box{position:absolute;left:0;right:auto;top:calc(100% + 6px);min-width:280px;max-width:min(420px,100%);z-index:40;border:1px solid rgba(255,190,73,.22);border-radius:13px;background:#120d09;box-shadow:0 18px 48px rgba(0,0,0,.52);padding:6px}.mention-option{width:100%;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;border:0;background:transparent;color:#fff;padding:8px;border-radius:9px;text-align:left}.mention-option:hover{background:rgba(255,173,48,.08)}.mention-option .avatar{width:32px;height:32px}.mention-option>span{display:grid}.mention-option b{font-size:11px;color:#f1bd50}.mention-option small{font-size:10px;color:#9f9484}
@media(max-width:1080px){.feed-layout{grid-template-columns:1fr}.feed-sidebar{position:static;grid-template-columns:1fr 1fr}.feed-post-actions{align-items:flex-start;flex-direction:column}.feed-tools{width:100%}}
@media(max-width:720px){.feed-page-head{display:grid}.feed-head-badges{justify-content:flex-start}.feed-sidebar{grid-template-columns:1fr}.feed-post-head{align-items:flex-start}.feed-post-scope{display:none}.feed-comment-form{grid-template-columns:1fr}.feed-composer-actions{flex-wrap:wrap}.feed-composer-spacer{display:none}.feed-composer-actions .gold-btn{margin-left:auto}.feed-reaction-set{gap:4px}}

/* v1.0 Feed 2.0 */
.feed-filterbar{padding:10px 12px;margin:0 0 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-color:rgba(255,185,66,.18)}
.feed-filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.feed-filter-tabs button{border:1px solid rgba(255,190,73,.13);background:rgba(255,255,255,.02);color:#bfae94;padding:8px 11px;border-radius:10px;font-size:9px;font-weight:900;letter-spacing:.08em}.feed-filter-tabs button:hover,.feed-filter-tabs button.active{border-color:rgba(255,197,87,.42);background:linear-gradient(180deg,rgba(255,184,55,.16),rgba(91,49,14,.14));color:#ffe3a2}
.feed-active-hashtag{display:flex;align-items:center;gap:8px;padding:7px 9px 7px 12px;border:1px solid rgba(255,194,79,.28);border-radius:999px;background:rgba(255,173,48,.07);color:#f3c15a;font-size:11px}.feed-active-hashtag button{border:0;background:rgba(255,255,255,.05);color:#e1b35b;width:23px;height:23px;border-radius:50%}
.feed-media-rule{font-size:9px;color:#84796a}.feed-upload-btn.video{color:#ffb968;border-color:rgba(255,139,39,.25)}
.feed-media-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;overflow:visible}.composer-media-item{min-height:120px;border:1px solid rgba(255,188,70,.15);border-radius:12px;overflow:hidden;position:relative;background:#060504}.composer-media-item img,.composer-media-item video{width:100%;height:160px;object-fit:cover;background:#050403}.composer-media-item.video{grid-column:1/-1}.composer-media-item.video video{height:auto;max-height:390px;object-fit:contain}.composer-media-item span{position:absolute;left:8px;bottom:8px;padding:5px 7px;border-radius:7px;background:rgba(4,3,2,.72);border:1px solid rgba(255,190,73,.15);font-size:8px;letter-spacing:.1em;color:#f1c260}
.feed-gallery{display:grid;gap:4px;padding:0 14px 14px}.feed-gallery .feed-media-open{min-height:180px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,190,73,.1)}.feed-gallery .feed-media-open img{height:100%;max-height:none;object-fit:cover}.feed-gallery-1{grid-template-columns:1fr}.feed-gallery-1 .feed-media-open{max-height:620px}.feed-gallery-1 .feed-media-open img{max-height:620px;object-fit:contain}.feed-gallery-2{grid-template-columns:1fr 1fr}.feed-gallery-3{grid-template-columns:1fr 1fr}.feed-gallery-3 .feed-media-open:first-child{grid-row:span 2}.feed-gallery-4,.feed-gallery-5,.feed-gallery-6{grid-template-columns:repeat(3,1fr)}.feed-video-wrap{padding:0 14px 14px}.feed-video-wrap video{display:block;width:100%;max-height:620px;border-radius:14px;background:#050403;border:1px solid rgba(255,190,73,.12)}
.feed-shared{margin:0 18px 16px;padding:14px;border:1px solid rgba(255,190,73,.17);border-radius:16px;background:linear-gradient(180deg,rgba(26,17,10,.68),rgba(8,6,4,.68));overflow:hidden}.feed-shared.unavailable{color:#9c9182}.feed-shared-label{font-size:8px;letter-spacing:.16em;color:#d8a94a;margin-bottom:10px}.feed-shared-head{display:flex;gap:9px;align-items:center;margin-bottom:10px}.feed-shared-head>div{display:grid;gap:2px}.feed-shared-head b{font-size:12px}.feed-shared-head small{font-size:9px;color:#958a7b}.feed-shared-body{font-size:12px;line-height:1.6;color:#ddd0bc;margin-bottom:10px}.feed-shared .feed-gallery,.feed-shared .feed-video-wrap{padding:0}.feed-shared .feed-gallery .feed-media-open{min-height:120px}.feed-shared .feed-video-wrap video{max-height:360px}
.feed-share-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,190,73,.08);background:rgba(255,173,48,.025)}.feed-share-box input{height:40px}.feed-post-stats{justify-content:flex-start;gap:18px}.feed-hashtag{display:inline;border:0;background:transparent;color:#e8ad42;font:inherit;padding:0;cursor:pointer}.feed-hashtag:hover{text-decoration:underline;color:#ffd373}
.trending-hashtags{display:grid;gap:7px;margin-top:12px}.trending-tag{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,190,73,.1);background:rgba(255,255,255,.015);color:#d9cbb4;border-radius:11px;padding:9px 11px;text-align:left}.trending-tag:hover{border-color:rgba(255,194,79,.3);background:rgba(255,174,48,.055)}.trending-tag span{color:#e8b44d;font-weight:800}.trending-tag b{font-size:10px;color:#857a6d}
.profile-feed-panel{margin-top:14px;padding-bottom:14px}.profile-feed-list{padding:0 14px}.profile-feed-list .feed-post{box-shadow:none}.profile-feed-list .feed-gallery .feed-media-open{min-height:130px}
@media(max-width:850px){.feed-filterbar{align-items:flex-start;flex-direction:column}.feed-filter-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.feed-filter-tabs button{white-space:nowrap}.feed-media-preview{grid-template-columns:1fr 1fr}.feed-gallery-4,.feed-gallery-5,.feed-gallery-6{grid-template-columns:1fr 1fr}.feed-share-box{grid-template-columns:1fr}.feed-post-stats{flex-wrap:wrap}}
@media(max-width:540px){.feed-media-preview{grid-template-columns:1fr}.feed-gallery-2,.feed-gallery-3,.feed-gallery-4,.feed-gallery-5,.feed-gallery-6{grid-template-columns:1fr}.feed-gallery-3 .feed-media-open:first-child{grid-row:auto}.feed-gallery .feed-media-open{min-height:190px}.feed-head-badges{gap:5px}.feed-head-badges span{font-size:9px}}

/* v1.1 Maintenance Mode */
.maintenance-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:24px;background:rgba(5,3,2,.18);backdrop-filter:blur(2px)}
.maintenance-lock #authView{filter:blur(8px) brightness(.34) saturate(.72);transform:scale(1.015);pointer-events:none;user-select:none;transition:.35s ease}
.maintenance-lock .noise{opacity:.22}
.maintenance-card{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid rgba(255,190,73,.42);border-radius:24px;background:linear-gradient(160deg,rgba(52,29,12,.96),rgba(13,9,6,.985) 55%,rgba(8,6,4,.99));box-shadow:0 0 0 1px rgba(255,219,135,.06),0 0 52px rgba(255,133,30,.18),0 30px 90px rgba(0,0,0,.62);position:relative;overflow:hidden;text-align:center}
.maintenance-card::before{content:"";position:absolute;inset:-25% -20% auto;height:240px;background:radial-gradient(circle,rgba(255,169,47,.2),transparent 64%);pointer-events:none}
.maintenance-card::after{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff9f27,#ffe09a,#ff8a18,transparent);box-shadow:0 0 18px rgba(255,153,32,.55)}
.maintenance-logo-wrap{width:96px;height:96px;margin:0 auto 14px;border:1px solid rgba(255,194,79,.24);border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,193,79,.09),rgba(0,0,0,.08));box-shadow:inset 0 0 35px rgba(255,179,52,.05)}
.maintenance-logo{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 10px 26px rgba(255,155,30,.2))}
.maintenance-card h2{margin:9px 0 10px;font-size:34px;letter-spacing:-.025em;color:#fff2d2}
.maintenance-card>p{margin:0 auto;color:#d9cdbb;line-height:1.68;max-width:430px;font-size:14px}
.maintenance-status{margin:18px auto;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,184,61,.2);border-radius:999px;background:rgba(255,177,47,.05);color:#e7c678;font-size:11px;letter-spacing:.04em}
.maintenance-status i{width:8px;height:8px;border-radius:50%;background:#ff9c2d;box-shadow:0 0 14px rgba(255,156,45,.9);animation:maintenancePulse 1.6s ease-in-out infinite}
@keyframes maintenancePulse{50%{opacity:.35;transform:scale(.82)}}
.maintenance-owner-toggle{display:block;width:100%;margin-top:2px}
.maintenance-owner-login{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,190,73,.11);text-align:left}
.maintenance-owner-login .gold-btn{width:100%}
.maintenance-card>small{display:block;margin-top:14px;color:#857b6d;font-size:10px;line-height:1.5}
.tab.maintenance-disabled{opacity:.34;cursor:not-allowed}

.maintenance-admin-panel{margin-top:16px;padding:0;overflow:hidden;border-color:rgba(255,180,55,.2)}
.maintenance-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid rgba(255,190,73,.11);background:linear-gradient(100deg,rgba(255,167,42,.07),transparent 58%)}
.maintenance-admin-head h3{font-size:28px;margin:7px 0 8px}
.maintenance-admin-head p{margin:0;color:#a89e8f;line-height:1.6;max-width:760px}
.maintenance-mode-badge{flex:0 0 auto;padding:10px 13px;border-radius:999px;border:1px solid rgba(255,190,73,.15);font-size:10px;font-weight:900;letter-spacing:.12em}
.maintenance-mode-badge.off{color:#a89c89;background:rgba(255,255,255,.025)}
.maintenance-mode-badge.on{color:#ffe0a0;background:rgba(255,137,28,.12);border-color:rgba(255,174,49,.38);box-shadow:0 0 22px rgba(255,128,18,.08)}
.maintenance-form{display:grid;gap:16px;padding:24px}
.maintenance-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid rgba(255,190,73,.11);border-radius:16px;background:linear-gradient(180deg,rgba(255,180,54,.035),rgba(0,0,0,.08));cursor:pointer}
.maintenance-switch-row>span:first-child{display:grid;gap:5px}
.maintenance-switch-row b{font-size:15px;color:#f4ead7}
.maintenance-switch-row small{font-size:11px;color:#8f8578;line-height:1.5}
.switch-control{position:relative;width:58px;height:32px;flex:0 0 58px}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-control i{position:absolute;inset:0;border-radius:999px;border:1px solid rgba(255,190,73,.16);background:#17120d;transition:.22s}
.switch-control i::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#6d6254;transition:.22s;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.switch-control input:checked+i{background:linear-gradient(90deg,#8b4c12,#e79521);border-color:rgba(255,195,76,.46);box-shadow:0 0 20px rgba(255,142,24,.12)}
.switch-control input:checked+i::after{left:30px;background:#ffe19a}
.maintenance-warning{padding:13px 15px;border:1px solid rgba(255,135,60,.16);border-radius:13px;background:rgba(117,46,17,.1);color:#cda995;font-size:11px;line-height:1.55}

@media(max-width:720px){.maintenance-card{padding:22px 18px}.maintenance-card h2{font-size:28px}.maintenance-admin-head{display:grid}.maintenance-mode-badge{justify-self:start}.maintenance-switch-row{align-items:flex-start}.maintenance-owner-login{gap:10px}}

/* =========================================================
   v1.1.1 — ONE SCREEN AUTH / LOGIN LAYOUT
   Desktopon a teljes nyitóoldal 1 viewportba fér, görgetés nélkül.
   Mobilon továbbra is természetesen görgethető marad.
   ========================================================= */
@media (min-width:721px){
  #authView.auth-wrap{
    height:100vh;
    height:100dvh;
    min-height:0;
    overflow:hidden;
    padding:14px 22px;
    gap:18px;
    grid-template-columns:minmax(0,1.36fr) minmax(400px,.64fr);
    align-items:stretch;
  }

  #authView .auth-brand{
    height:100%;
    min-height:0;
    overflow:hidden;
    padding:0;
    gap:10px;
    grid-template-rows:auto minmax(0,1fr) 150px 58px;
    align-content:stretch;
  }

  #authView .auth-kicker-row{
    gap:7px;
    margin:0;
    min-height:28px;
    align-items:center;
  }

  #authView .pill-chip{
    padding:6px 10px;
    font-size:9px;
  }

  #authView .brand-sigil{
    min-height:0;
    height:100%;
    overflow:hidden;
    grid-template-columns:130px minmax(0,1fr);
    gap:18px;
    padding:17px 19px;
    border-radius:20px;
    align-items:center;
  }

  #authView .brand-medallion{
    width:130px;
    height:130px;
    border-radius:20px;
  }

  #authView .hero-brand-logo{
    width:116px;
    height:116px;
  }

  #authView .brand-copy{
    min-width:0;
  }

  #authView .brand-copy h1{
    font-size:clamp(42px,4vw,68px);
    line-height:.93;
    margin:7px 0 11px;
    max-width:690px;
  }

  #authView .brand-copy p{
    max-width:720px;
    font-size:14px;
    line-height:1.48;
  }

  #authView .brand-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
  }

  #authView .brand-metrics div{
    padding:10px 12px;
    border-radius:13px;
  }

  #authView .brand-metrics b{
    font-size:13px;
    margin-bottom:3px;
  }

  #authView .brand-metrics span{
    font-size:11px;
    line-height:1.35;
  }

  #authView .auth-showcase-grid{
    height:150px;
    min-height:0;
    grid-template-columns:1.25fr .72fr .72fr;
    gap:10px;
  }

  #authView .theme-showcase,
  #authView .mood-card{
    min-height:0;
    height:150px;
    max-height:150px;
    border-radius:17px;
  }

  #authView .theme-showcase{
    padding:14px;
  }

  #authView .theme-showcase-copy{
    gap:6px;
    max-width:510px;
  }

  #authView .theme-showcase-copy b{
    font-size:21px;
    line-height:1.05;
  }

  #authView .theme-showcase-copy p{
    font-size:11px;
    line-height:1.35;
  }

  #authView .showcase-badges{
    gap:5px;
    margin-top:2px;
  }

  #authView .showcase-badges span{
    padding:5px 8px;
    font-size:9px;
  }

  #authView .mood-card{
    padding:14px;
  }

  #authView .mood-card h3{
    margin:4px 0 6px;
    font-size:19px;
    line-height:1.05;
  }

  #authView .mood-card p{
    font-size:11px;
    line-height:1.38;
  }

  #authView .feature-strip{
    height:58px;
    min-height:58px;
    gap:8px;
    margin:0;
  }

  #authView .feature-strip div{
    padding:8px 12px;
    border-radius:13px;
  }

  #authView .feature-strip b{
    width:30px;
    height:30px;
    border-radius:9px;
    font-size:10px;
  }

  #authView .feature-strip span{
    font-size:12px;
  }

  #authView .auth-card{
    align-self:center;
    width:100%;
    max-width:560px;
    max-height:calc(100dvh - 28px);
    overflow:hidden;
    padding:20px;
    border-radius:22px;
  }

  #authView .auth-card-top{
    margin-bottom:9px;
  }

  #authView .auth-card-top h3{
    font-size:24px;
    margin:5px 0 0;
  }

  #authView .auth-mini-stats{
    gap:5px;
  }

  #authView .auth-mini-stats span{
    padding:6px 8px;
    font-size:9px;
  }

  #authView .tabs{
    margin-bottom:15px;
    padding:5px;
    border-radius:14px;
  }

  #authView .tab{
    padding:11px;
    border-radius:10px;
  }

  #authView .auth-form{
    gap:12px;
  }

  #authView .form-title{
    margin-bottom:1px;
  }

  #authView .form-title h2{
    font-size:29px;
    margin:5px 0 6px;
  }

  #authView .form-title p{
    font-size:13px;
  }

  #authView label{
    gap:5px;
    font-size:11px;
  }

  #authView input,
  #authView textarea,
  #authView select{
    padding:11px 13px;
    border-radius:11px;
  }

  #authView .gold-btn,
  #authView .ghost-btn{
    padding:11px 15px;
    border-radius:11px;
  }
}

/* Kisebb magasságú desktop/laptop kijelzők — még kompaktabb mód. */
@media (min-width:721px) and (max-height:820px){
  #authView.auth-wrap{
    padding:9px 18px;
    gap:14px;
  }

  #authView .auth-brand{
    gap:7px;
    grid-template-rows:26px minmax(0,1fr) 124px 48px;
  }

  #authView .auth-kicker-row{
    min-height:26px;
  }

  #authView .brand-sigil{
    grid-template-columns:112px minmax(0,1fr);
    gap:14px;
    padding:12px 15px;
    border-radius:17px;
  }

  #authView .brand-medallion{
    width:112px;
    height:112px;
    border-radius:17px;
  }

  #authView .hero-brand-logo{
    width:101px;
    height:101px;
  }

  #authView .brand-copy h1{
    font-size:clamp(38px,3.45vw,56px);
    margin:4px 0 7px;
  }

  #authView .brand-copy p{
    font-size:12px;
    line-height:1.38;
  }

  #authView .brand-metrics{
    margin-top:8px;
    gap:6px;
  }

  #authView .brand-metrics div{
    padding:7px 9px;
  }

  #authView .brand-metrics b{
    font-size:12px;
  }

  #authView .brand-metrics span{
    font-size:10px;
  }

  #authView .auth-showcase-grid,
  #authView .theme-showcase,
  #authView .mood-card{
    height:124px;
    max-height:124px;
  }

  #authView .theme-showcase,
  #authView .mood-card{
    padding:11px;
  }

  #authView .theme-showcase-copy b{
    font-size:18px;
  }

  #authView .theme-showcase-copy p,
  #authView .mood-card p{
    font-size:10px;
    line-height:1.3;
  }

  #authView .mood-card h3{
    font-size:16px;
    margin:2px 0 4px;
  }

  #authView .showcase-badges{
    display:none;
  }

  #authView .feature-strip{
    height:48px;
    min-height:48px;
    gap:6px;
  }

  #authView .feature-strip div{
    padding:6px 9px;
  }

  #authView .feature-strip b{
    width:27px;
    height:27px;
  }

  #authView .feature-strip span{
    font-size:11px;
  }

  #authView .auth-card{
    max-height:calc(100dvh - 18px);
    padding:16px 18px;
    border-radius:19px;
  }

  #authView .auth-card-top h3{
    font-size:21px;
  }

  #authView .tabs{
    margin-bottom:11px;
  }

  #authView .tab{
    padding:9px;
  }

  #authView .auth-form{
    gap:9px;
  }

  #authView .form-title h2{
    font-size:25px;
    margin:3px 0 4px;
  }

  #authView .form-title p{
    font-size:11px;
  }

  #authView input,
  #authView textarea,
  #authView select{
    padding:9px 11px;
  }

  #authView .gold-btn,
  #authView .ghost-btn{
    padding:9px 13px;
  }
}

/* Nagyon alacsony asztali ablaknál a két kisebb bemutatópanelt elrejtjük,
   hogy továbbra is egyetlen képernyő maradjon. */
@media (min-width:721px) and (max-height:680px){
  #authView .auth-brand{
    grid-template-rows:24px minmax(0,1fr) 104px 44px;
  }

  #authView .auth-showcase-grid{
    grid-template-columns:1fr;
    height:104px;
  }

  #authView .theme-showcase{
    height:104px;
    max-height:104px;
  }

  #authView .mood-card{
    display:none;
  }

  #authView .theme-showcase-copy p{
    display:none;
  }

  #authView .brand-copy p{
    display:none;
  }

  #authView .brand-metrics span{
    display:none;
  }
}

/* Mobilon ne vágjuk le a tartalmat: ott maradjon görgethető. */
@media (max-width:720px){
  #authView.auth-wrap{
    height:auto;
    min-height:100vh;
    min-height:100dvh;
    overflow:visible;
  }
}

/* Rivals Legion Platform v1.2 - Admin Center 3.0 + Moderation Core */
.report-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:22px}.report-modal.hidden{display:none!important}.report-modal-backdrop{position:absolute;inset:0;background:rgba(2,2,2,.78);backdrop-filter:blur(8px)}.report-modal-card{position:relative;z-index:1;width:min(560px,96vw);display:grid;gap:15px;padding:26px;border:1px solid rgba(255,184,64,.34);border-radius:22px;background:linear-gradient(180deg,#24150d,#0d0906 78%);box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 35px rgba(255,137,28,.08)}.report-modal-card h3{margin:0;font-size:28px}.report-modal-card>p{margin:0;color:#ab9e8c;line-height:1.55}.report-close{position:absolute;right:14px;top:13px;width:35px;height:35px;border-radius:10px;border:1px solid rgba(255,191,76,.18);background:rgba(0,0,0,.3);color:#dcbf88;font-size:22px}.report-modal-actions{display:flex;justify-content:flex-end;gap:9px}.feed-comment-report{background:transparent;border:0;color:#8d8274;cursor:pointer}.feed-comment-report:hover{color:#e7b752}

.admin-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 18px;padding:22px 24px;border:1px solid rgba(255,183,61,.15);border-radius:24px;background:linear-gradient(105deg,rgba(96,48,14,.16),rgba(14,10,7,.88) 46%,rgba(8,7,6,.94));box-shadow:0 18px 46px rgba(0,0,0,.23)}.admin-center-head h2{font-size:38px;margin:7px 0 8px}.admin-center-head p{margin:0;max-width:780px;color:#aea291;line-height:1.6}.admin-permission-summary{display:grid;gap:3px;text-align:right;min-width:180px}.admin-permission-summary span{font-size:9px;letter-spacing:.2em;color:#e2ae45}.admin-permission-summary b{font-size:13px;color:#f8e5ba}.admin-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:15px;padding:7px;border:1px solid rgba(255,183,61,.13);border-radius:17px;background:rgba(10,8,6,.76);scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{white-space:nowrap;padding:11px 14px;border:1px solid transparent;border-radius:11px;background:transparent;color:#9f9484;font-size:11px;font-weight:800;letter-spacing:.05em}.admin-tabs button.active{border-color:rgba(255,193,75,.32);background:linear-gradient(180deg,rgba(255,186,62,.17),rgba(62,34,13,.3));color:#ffe5a7;box-shadow:inset 0 0 0 1px rgba(255,193,75,.05)}.admin-tab-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:#cf4e32;color:#fff;font-size:9px}.admin-tab-panel{display:grid;gap:14px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stat-card{min-height:130px;padding:18px;border:1px solid rgba(255,181,62,.16);border-radius:20px;background:linear-gradient(140deg,rgba(76,43,17,.34),rgba(13,10,8,.92) 44%,rgba(9,8,7,.95));display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value" "icon note";column-gap:14px;align-items:center;box-shadow:0 12px 28px rgba(0,0,0,.2)}.admin-stat-card i{grid-area:icon;width:47px;height:47px;border:1px solid rgba(255,192,72,.24);border-radius:13px;display:grid;place-items:center;background:rgba(255,171,41,.08);color:#ffd068;font-style:normal;font-weight:900}.admin-stat-card span{grid-area:label;font-size:10px;letter-spacing:.14em;color:#d9a946;text-transform:uppercase}.admin-stat-card strong{grid-area:value;font-size:25px;color:#fff1d2}.admin-stat-card small{grid-area:note;color:#897f72}.admin-two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.admin-section{overflow:hidden}.admin-section-copy{padding:0 20px;color:#9f9587;line-height:1.6}.admin-list{padding:8px 12px 14px;display:grid;gap:7px}.admin-list-row,.admin-user-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:13px;text-align:left;padding:12px;border:1px solid rgba(255,185,64,.09);border-radius:13px;background:rgba(255,255,255,.015);color:#f4ead9}.admin-list-row:hover,.admin-user-row:hover{border-color:rgba(255,190,71,.24);background:rgba(255,168,36,.055)}.admin-list-row>span,.admin-user-row>span{display:grid;gap:4px;min-width:0;flex:1}.admin-list-row small,.admin-user-row small{color:#8d8377;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-list-row em,.admin-user-row em{font-style:normal;font-size:9px;color:#d8b26a;white-space:nowrap}.admin-quick-grid{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-quick-grid button{padding:20px 14px;border:1px solid rgba(255,188,67,.14);border-radius:14px;background:linear-gradient(180deg,rgba(255,171,37,.07),rgba(0,0,0,.12));color:#e7dac5;font-weight:800;text-align:left}.admin-quick-grid button:hover{border-color:rgba(255,198,80,.3);color:#ffe4a4}.admin-toolbar{display:flex;justify-content:flex-end;gap:9px;align-items:center;padding:12px;border:1px solid rgba(255,185,63,.11);border-radius:17px;background:rgba(10,8,6,.67)}.admin-toolbar>select{max-width:260px}.admin-search-form{width:100%;display:grid;grid-template-columns:minmax(220px,1fr) 150px 160px auto;gap:9px}.admin-toolbar .admin-search-form:has(#adminAuditSearchInput){grid-template-columns:1fr auto}.admin-user-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(500px,1.22fr);gap:14px}.admin-user-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border-bottom:1px solid rgba(255,184,64,.09)}.admin-user-detail-head h3{font-size:27px;margin:5px 0}.admin-user-detail-head p{margin:0 0 8px;color:#938879}.admin-inline-form,.admin-sanction-form,.admin-note-form{padding:16px 20px;border-bottom:1px solid rgba(255,184,64,.08);display:grid;gap:12px}.admin-inline-form{grid-template-columns:1fr auto;align-items:end}.admin-detail-block{padding:18px 20px;display:grid;gap:9px}.admin-sanction-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(255,184,64,.09);border-radius:12px}.admin-sanction-row span{display:grid;gap:3px}.admin-sanction-row small{color:#82786c}.admin-sanction-row p{margin:4px 0 0;color:#b9ae9e}.admin-sanction-row em{font-style:normal;color:#b6a478;font-size:9px}.admin-note{padding:11px;border-left:2px solid rgba(255,187,64,.3);background:rgba(255,170,35,.025)}.admin-note small{margin-left:8px;color:#7e7468}.admin-note p{margin:5px 0 0;color:#b7ad9e}.admin-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-report-card{display:grid;gap:12px;padding:19px;border:1px solid rgba(255,184,64,.14);border-radius:19px;background:linear-gradient(180deg,rgba(21,15,10,.95),rgba(11,9,7,.97))}.admin-report-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.admin-report-head>span{display:grid;gap:4px}.admin-report-head small{color:#8b8173}.admin-report-head em{font-style:normal;font-size:9px;border:1px solid rgba(255,188,68,.17);border-radius:999px;padding:6px 9px}.admin-report-card h4{font-size:18px;margin:0}.admin-report-card>p{margin:0;color:#bdb2a1;line-height:1.55}.status-open{color:#ffbd55!important}.status-in_review{color:#8ec8ff!important}.status-resolved{color:#7be4a0!important}.status-dismissed{color:#998f82!important}.admin-moderation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.admin-content-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(255,184,64,.08);border-radius:12px}.admin-content-row>span{display:grid;gap:4px;min-width:0}.admin-content-row small{color:#82786d}.admin-content-row p{margin:3px 0 0;color:#b7ad9f;line-height:1.45}.admin-content-row>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.danger{color:#ff9a86!important;border-color:rgba(255,111,83,.25)!important}.admin-audit-list{padding:10px 14px 18px;display:grid}.admin-audit-row{display:grid;grid-template-columns:150px 150px minmax(180px,1fr) 160px 130px;gap:12px;padding:11px 3px;border-bottom:1px solid rgba(255,184,64,.07);font-size:11px;align-items:center}.admin-audit-row code{color:#efba51;font-family:Consolas,monospace}.admin-audit-row small{color:#72695e}.admin-permission-users{padding:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-permission-card{padding:18px;border:1px solid rgba(255,185,65,.12);border-radius:17px;background:rgba(255,255,255,.014);display:grid;gap:14px}.admin-permission-card h4{font-size:21px;margin:5px 0}.admin-permission-card p{margin:0;color:#918779}.permission-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-check-grid label{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid rgba(255,184,64,.08);border-radius:10px;background:rgba(0,0,0,.13)}.permission-check-grid input{width:auto;margin-top:2px}.permission-check-grid span{font-size:11px;color:#c7bcaa}.admin-permission-card>.gold-btn{justify-self:start}
@media(max-width:1180px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-two-col,.admin-user-layout,.admin-moderation-grid{grid-template-columns:1fr}.admin-report-grid{grid-template-columns:1fr}.admin-permission-users{grid-template-columns:1fr}.admin-search-form{grid-template-columns:1fr 1fr}.admin-search-form button{grid-column:1/-1}.admin-audit-row{grid-template-columns:120px 130px 1fr}.admin-audit-row span:nth-of-type(2),.admin-audit-row small{display:none}}
@media(max-width:720px){.admin-center-head{display:grid}.admin-permission-summary{text-align:left}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-search-form,.admin-search-form:has(#adminAuditSearchInput){grid-template-columns:1fr}.admin-user-detail-head{grid-template-columns:auto 1fr}.admin-user-detail-head>.ghost-btn{grid-column:1/-1}.admin-inline-form{grid-template-columns:1fr}.permission-check-grid{grid-template-columns:1fr}.admin-audit-row{grid-template-columns:1fr}.admin-audit-row>*{display:block!important}.report-modal-card{padding:22px 16px}}
.group-suspended-notice{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,105,76,.26);border-radius:10px;background:rgba(255,74,44,.06);color:#ffac94;font-size:10px;font-weight:800;letter-spacing:.05em}.tag.danger{color:#ff9b84;border-color:rgba(255,105,76,.25)}

/* =========================================================
   v1.3 Account Security 3.0 + Notifications 3.0
   ========================================================= */
.security-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;padding:24px 26px;border:1px solid rgba(255,185,63,.24);border-radius:20px;background:linear-gradient(110deg,rgba(70,39,13,.48),rgba(17,11,7,.94) 48%,rgba(8,7,6,.98));box-shadow:0 18px 42px rgba(0,0,0,.28)}
.security-head h2{font-size:34px;margin:6px 0 8px}.security-head p{margin:0;color:#bfb3a1;max-width:760px}.security-status-badge{padding:10px 14px;border:1px solid rgba(255,184,67,.3);border-radius:10px;color:#e8b651;background:rgba(255,175,49,.08);font-size:10px;letter-spacing:.16em;font-weight:800}.security-status-badge.secure{color:#8ee7a4;border-color:rgba(104,222,141,.35);background:rgba(86,205,123,.08)}
.security-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:7px;border:1px solid rgba(255,184,67,.15);border-radius:16px;background:rgba(17,12,8,.84);margin-bottom:16px}.security-tabs button{border:0;padding:11px 15px;border-radius:11px;background:transparent;color:#968b7c;font-size:11px;font-weight:800;letter-spacing:.05em}.security-tabs button.active{background:linear-gradient(180deg,#f3ca69,#c98a24);color:#171006;box-shadow:0 8px 20px rgba(214,157,48,.15)}
.security-panel{display:block}.security-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.security-overview-grid article{padding:20px;border:1px solid rgba(255,185,63,.17);border-radius:17px;background:linear-gradient(145deg,rgba(57,32,13,.38),rgba(14,10,7,.95));display:grid;gap:6px;position:relative;overflow:hidden}.security-overview-grid article::after{content:"";position:absolute;right:-28px;bottom:-38px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,41,.1),transparent 68%)}.security-overview-grid i{font-style:normal;font-size:22px;color:#f3bd4f}.security-overview-grid span{font-size:9px;letter-spacing:.16em;color:#d9a94b}.security-overview-grid b{font-size:24px}.security-overview-grid small{color:#887f73}
.security-events-panel,.security-list-panel{overflow:hidden}.security-event-list,.security-session-list,.login-history-list{padding:8px 16px 16px}.security-event-row,.security-session-row,.login-history-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,188,72,.08)}.security-event-row:last-child,.security-session-row:last-child,.login-history-row:last-child{border-bottom:0}.security-event-row>i,.login-history-row>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,176,43,.08);border:1px solid rgba(255,187,64,.18);font-style:normal;color:#f2bc50}.security-event-row span,.security-session-row span,.login-history-row span{display:grid;gap:3px;min-width:0}.security-event-row b,.security-session-row b,.login-history-row b{font-size:13px}.security-event-row small,.security-session-row small,.login-history-row small{font-size:11px;color:#a69b8c;overflow:hidden;text-overflow:ellipsis}.security-event-row em,.security-session-row em,.login-history-row em{font-style:normal;font-size:10px;color:#786f64;text-align:right}.security-session-row{grid-template-columns:38px 1fr auto}.security-session-row>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;color:#f0bf58;border:1px solid rgba(255,188,70,.18);background:rgba(255,178,49,.06)}.security-session-row.current{background:linear-gradient(90deg,rgba(103,201,129,.05),transparent)}.security-session-row.current>i{color:#72e295}.security-session-row.revoked{opacity:.52}.security-session-row>strong{font-size:9px;letter-spacing:.12em;color:#77dc91}.security-title-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}.security-title-row>div{display:grid;gap:4px}
.security-form{max-width:760px}.security-callout{padding:16px;border:1px solid rgba(255,188,70,.17);border-radius:13px;background:linear-gradient(100deg,rgba(87,48,15,.32),rgba(12,9,7,.66));margin-bottom:14px}.security-callout.success{border-color:rgba(102,215,137,.28);background:linear-gradient(100deg,rgba(44,95,59,.22),rgba(12,9,7,.66))}.security-callout b{display:block;margin-bottom:6px;color:#f4c85f}.security-callout.success b{color:#8ae1a0}.security-callout p{margin:0;color:#bdb2a3;line-height:1.55}.security-recovery{margin-top:16px;padding:18px;border:1px solid rgba(255,188,70,.22);border-radius:14px;background:rgba(11,8,6,.55)}.security-recovery p{color:#c9bdab}.security-recovery #recoveryCodesList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.security-recovery code{display:block;padding:10px;border:1px solid rgba(255,187,69,.15);border-radius:9px;background:#0b0805;color:#f4ca66;text-align:center;letter-spacing:.12em}.security-pref-copy{color:#a99e8f;line-height:1.55}.notification-preference-list{display:grid;gap:8px}.notification-pref-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,188,72,.11);border-radius:12px;background:rgba(12,9,6,.55)}.notification-pref-row>span{display:grid;gap:3px}.notification-pref-row b{font-size:13px}.notification-pref-row small{font-size:10px;color:#877e71}.notification-pref-row label{display:flex;align-items:center;gap:8px;color:#c8bcaa}.notification-pref-row input{width:16px;height:16px;accent-color:#dca541}
.notification-filter-row{display:flex;gap:8px;overflow:auto;padding:4px 0 14px}.notification-filter-row button{white-space:nowrap;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,184,67,.15);background:rgba(20,14,9,.7);color:#a99e8e;font-size:10px;font-weight:800}.notification-filter-row button.active{background:linear-gradient(180deg,#e8ba58,#b97b20);color:#171006;border-color:#efc65d}.notification-category{display:inline-block;width:max-content;padding:3px 7px;margin-bottom:3px;border:1px solid rgba(255,184,67,.16);border-radius:999px;color:#dca948;font-size:8px;letter-spacing:.12em}
.login-history-row.success>i{color:#78e299;border-color:rgba(112,224,146,.23);background:rgba(112,224,146,.06)}.login-history-row.failed>i{color:#ff907f;border-color:rgba(255,128,108,.22);background:rgba(255,128,108,.06)}
#auth2faForm{position:relative;z-index:2}.danger{border-color:rgba(255,103,85,.34)!important;color:#ff9b8d!important}
@media(max-width:900px){.security-head{align-items:flex-start;flex-direction:column}.security-overview-grid{grid-template-columns:1fr}.notification-pref-row{grid-template-columns:1fr 1fr}.notification-pref-row>span{grid-column:1/-1}.security-event-row,.security-session-row,.login-history-row{grid-template-columns:34px 1fr}.security-event-row>em,.security-session-row>em,.login-history-row>em{grid-column:2;text-align:left}.security-title-row{align-items:flex-start;flex-direction:column}.security-recovery #recoveryCodesList{grid-template-columns:1fr}}

/* =========================================================
   v1.3.1 SMTP Email Core + Account Recovery
   ========================================================= */
.auth-helper-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-5px;flex-wrap:wrap}.auth-helper-row button{border:0;background:transparent;color:#c99b44;padding:0;font-size:10px;font-weight:800;letter-spacing:.03em;cursor:pointer;text-align:left}.auth-helper-row button:hover{color:#ffd56e;text-decoration:underline}.auth-result-card{padding:16px;border:1px solid rgba(255,187,70,.18);border-radius:16px;background:rgba(11,8,5,.34)}
.security-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.security-email-actions{display:flex;gap:10px;flex-wrap:wrap}.security-email-actions .hidden{display:none!important}
.admin-email-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:14px}.admin-email-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-email-log{padding:10px 14px 16px;display:grid;gap:7px;max-height:670px;overflow:auto}.admin-email-log-row{padding:12px;border:1px solid rgba(255,184,64,.1);border-radius:12px;background:rgba(0,0,0,.14)}.admin-email-log-row span{display:grid;gap:4px}.admin-email-log-row b{font-size:11px;letter-spacing:.08em;color:#d5aa51}.admin-email-log-row small{color:#81766a}.admin-email-log-row p{margin:3px 0 0;color:#b8ad9e;font-size:11px;line-height:1.45}.admin-email-log-row em{margin-top:4px;color:#ff9b85;font-size:10px;font-style:normal;line-height:1.45}.admin-email-log-row.sent{border-color:rgba(105,218,140,.16)}.admin-email-log-row.sent b{color:#82dea0}.admin-email-log-row.failed{border-color:rgba(255,113,84,.18)}.admin-email-log-row.skipped{opacity:.72}.admin-email-grid code{color:#e8b952}
@media(max-width:1180px){.admin-email-grid{grid-template-columns:1fr}.security-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.auth-helper-row{display:grid}.security-overview-grid{grid-template-columns:1fr}.admin-email-actions{display:grid}.admin-email-actions>*{width:100%}}

/* =========================================================
   v1.3.8 – Full Width + No Crop Profile Banner
   A tényleges banner mindig 100% széles és a saját képarányán jelenik meg.
   Nincs object-fit: cover, ezért a kép semelyik része nem vágódik le.
   ========================================================= */
.profile-v2-banner{
  min-height:285px;
  height:285px;
}
.profile-v2-banner.has-custom-banner{
  min-height:0!important;
  height:auto!important;
  background:#080504;
}
.profile-v2-banner.has-custom-banner .profile-banner-image{
  position:relative!important;
  inset:auto!important;
  z-index:1;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  background:#080504;
}
.profile-v2-banner.has-custom-banner .profile-banner-blur{
  display:none!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-shade{
  z-index:2;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.68) 100%),
    linear-gradient(90deg,rgba(10,6,4,.44) 0%,rgba(10,6,4,.14) 38%,rgba(10,6,4,.02) 70%,rgba(10,6,4,.20) 100%);
}
.profile-v2-banner.has-custom-banner .profile-v2-main{
  z-index:3;
}
@media(max-width:850px){
  .profile-v2-banner:not(.has-custom-banner){min-height:260px;height:260px}
  .profile-v2-banner.has-custom-banner{min-height:0!important;height:auto!important}
  .profile-v2-banner.has-custom-banner .profile-banner-image{width:100%!important;height:auto!important}
}
@media(max-width:560px){
  .profile-v2-banner:not(.has-custom-banner){min-height:235px;height:235px}
  .profile-v2-banner.has-custom-banner{min-height:0!important;height:auto!important}
  .profile-v2-banner.has-custom-banner .profile-v2-main{left:16px;right:16px;bottom:16px}
}


/* =========================================================
   v1.3.9 – Compact Full Banner (No Crop)
   Alacsonyabb profilfejléc, miközben a teljes banner látható.
   A fő kép contain módban marad; a teljes szélességet ugyanaz a
   banner tölti ki elmosott háttérként, így nincs vágás vagy üres sáv.
   ========================================================= */
.profile-v2-banner.has-custom-banner{
  height:clamp(300px,24vw,350px)!important;
  min-height:clamp(300px,24vw,350px)!important;
  max-height:350px!important;
  background:#080504!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-blur{
  display:block!important;
  position:absolute!important;
  inset:-24px!important;
  z-index:0!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(24px) saturate(1.05) brightness(.42)!important;
  transform:scale(1.08)!important;
  opacity:.9!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  background:transparent!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-shade{
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.66) 100%),
    linear-gradient(90deg,rgba(9,6,4,.36) 0%,rgba(9,6,4,.10) 42%,rgba(9,6,4,.02) 72%,rgba(9,6,4,.18) 100%)!important;
}
.profile-v2-banner.has-custom-banner .profile-v2-main{
  z-index:3!important;
  left:22px!important;
  right:22px!important;
  bottom:18px!important;
}
@media(max-width:1100px){
  .profile-v2-banner.has-custom-banner{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
}
@media(max-width:850px){
  .profile-v2-banner.has-custom-banner{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }
}
@media(max-width:560px){
  .profile-v2-banner.has-custom-banner{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .profile-v2-banner.has-custom-banner .profile-v2-main{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
  }
}

/* =========================================================
   v1.3.11 – Dynamic Full Banner (Final No-Crop Layout)
   A saját profilbanner természetes képaránnyal, 100% szélességben
   jelenik meg. Nincs fix magasság, nincs cover vágás, nincs letterbox.
   ========================================================= */
.profile-v2-banner.has-custom-banner{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:#080504!important;
  overflow:hidden!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-blur{
  display:none!important;
  background-image:none!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-image{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#080504!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.68) 100%),
    linear-gradient(90deg,rgba(8,5,3,.34) 0%,rgba(8,5,3,.08) 40%,rgba(8,5,3,.02) 72%,rgba(8,5,3,.16) 100%)!important;
  pointer-events:none!important;
}
.profile-v2-banner.has-custom-banner .profile-v2-main{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:18px!important;
  z-index:3!important;
}
@media(max-width:850px){
  .profile-v2-banner.has-custom-banner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .profile-v2-banner.has-custom-banner .profile-banner-image{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  .profile-v2-banner.has-custom-banner .profile-v2-main{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
  }
}
@media(max-width:560px){
  .profile-v2-banner.has-custom-banner .profile-v2-main{
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
  }
}


/* =========================================================
   v1.3.12 – Facebook Cover Auto Fit
   Kompakt profilborító, teljes kép vágás nélkül.
   A feltöltött banner kliensoldalon 851:315 arányú vászonra kerül.
   ========================================================= */
.profile-v2-banner.has-custom-banner{
  width:100%!important;
  height:315px!important;
  min-height:315px!important;
  max-height:315px!important;
  aspect-ratio:auto!important;
  background:#080504!important;
  overflow:hidden!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-blur{
  display:block!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(24px) saturate(.95) brightness(.48)!important;
  transform:scale(1.06)!important;
  opacity:.9!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-image{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:transparent!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.10) 46%,rgba(0,0,0,.64) 100%),
    linear-gradient(90deg,rgba(8,5,3,.28) 0%,rgba(8,5,3,.05) 42%,rgba(8,5,3,.03) 74%,rgba(8,5,3,.14) 100%)!important;
  pointer-events:none!important;
}
.profile-v2-banner.has-custom-banner .profile-v2-main{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:18px!important;
  z-index:3!important;
}
@media(max-width:1100px){
  .profile-v2-banner.has-custom-banner{height:290px!important;min-height:290px!important;max-height:290px!important}
}
@media(max-width:850px){
  .profile-v2-banner.has-custom-banner{height:250px!important;min-height:250px!important;max-height:250px!important}
  .profile-v2-banner.has-custom-banner .profile-v2-main{left:16px!important;right:16px!important;bottom:14px!important}
}
@media(max-width:560px){
  .profile-v2-banner.has-custom-banner{height:220px!important;min-height:220px!important;max-height:220px!important}
  .profile-v2-banner.has-custom-banner .profile-v2-main{left:12px!important;right:12px!important;bottom:10px!important}
  .profile-v2-banner.has-custom-banner .profile-avatar{width:74px!important;height:74px!important;border-radius:18px!important}
  .profile-v2-banner.has-custom-banner .profile-v2-identity h3{font-size:23px!important}
}

/* =========================================================
   v1.3.13 – Full Width Facebook Cover (No Side Bars)
   A feltöltött kép már eleve 851:315 arányra van méretezve.
   Nincs contain/letterbox: a teljes banner széltől szélig kitölti a fejlécet.
   ========================================================= */
.profile-v2-banner.has-custom-banner{
  width:100%!important;
  height:315px!important;
  min-height:315px!important;
  max-height:315px!important;
  overflow:hidden!important;
  background:#080504!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-blur{
  display:none!important;
  background-image:none!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#080504!important;
}
.profile-v2-banner.has-custom-banner .profile-banner-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.58) 100%),
    linear-gradient(90deg,rgba(5,3,2,.18) 0%,transparent 28%,transparent 76%,rgba(5,3,2,.08) 100%)!important;
  pointer-events:none!important;
}
.profile-v2-banner.has-custom-banner .profile-v2-main{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  bottom:18px!important;
  z-index:3!important;
}
@media(max-width:1100px){
  .profile-v2-banner.has-custom-banner{height:290px!important;min-height:290px!important;max-height:290px!important}
}
@media(max-width:850px){
  .profile-v2-banner.has-custom-banner{height:250px!important;min-height:250px!important;max-height:250px!important}
  .profile-v2-banner.has-custom-banner .profile-v2-main{left:16px!important;right:16px!important;bottom:14px!important}
}
@media(max-width:560px){
  .profile-v2-banner.has-custom-banner{height:220px!important;min-height:220px!important;max-height:220px!important}
  .profile-v2-banner.has-custom-banner .profile-v2-main{left:12px!important;right:12px!important;bottom:10px!important}
}

/* v1.4.0 – PP Shop 3.0 + Economy Core */
.shop3-hero{min-height:190px;padding:28px 30px;margin-bottom:14px;border:1px solid rgba(255,185,62,.18);border-radius:26px;background:linear-gradient(100deg,rgba(8,6,5,.94),rgba(54,29,11,.7)),var(--bg-image) center/cover no-repeat;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;box-shadow:var(--shadow-soft);overflow:hidden}.shop3-hero h2{font-size:42px;margin:6px 0 8px}.shop3-hero p{margin:0;color:#b9af9f;max-width:690px}.shop3-wallet-mini{min-width:210px;padding:18px 20px;border:1px solid rgba(255,196,82,.22);border-radius:18px;background:rgba(0,0,0,.43);display:grid;gap:4px;text-align:right}.shop3-wallet-mini span,.shop3-wallet-mini small{font-size:9px;letter-spacing:.17em;color:#c9a25b}.shop3-wallet-mini strong{font-size:32px;color:#ffe09a}.shop3-tabs{display:flex;gap:7px;padding:7px;margin-bottom:14px;border:1px solid rgba(255,185,63,.13);border-radius:17px;background:rgba(10,8,6,.78);overflow:auto}.shop3-tabs button{padding:11px 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:#9f9484;font-size:11px;font-weight:900;white-space:nowrap}.shop3-tabs button.active{border-color:rgba(255,194,75,.32);background:linear-gradient(180deg,rgba(255,187,62,.16),rgba(60,33,13,.3));color:#ffe4a2}.shop3-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:#d49a28;color:#171006;font-size:9px}.shop3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.shop3-categories{display:flex;gap:7px;overflow:auto}.shop3-categories button{padding:10px 13px;border:1px solid rgba(255,185,62,.1);border-radius:999px;background:#0d0b09;color:#958b7d;font-size:10px;font-weight:800;white-space:nowrap}.shop3-categories button.active{border-color:rgba(255,193,72,.34);background:rgba(211,151,37,.12);color:#ffd77d}.shop3-controls{display:flex;gap:8px;min-width:380px}.shop3-controls input{min-width:220px}.shop3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop3-product{position:relative;overflow:hidden;border:1px solid rgba(255,184,63,.13);border-radius:22px;background:linear-gradient(180deg,#15110d,#0d0b09);box-shadow:0 15px 36px rgba(0,0,0,.25)}.shop3-product.featured{border-color:rgba(255,192,73,.3);box-shadow:0 0 0 1px rgba(255,187,54,.04),0 18px 46px rgba(0,0,0,.3)}.shop3-product-image{height:180px;background:radial-gradient(circle at 50% 40%,rgba(199,133,25,.18),transparent 58%),#0b0907;display:grid;place-items:center;overflow:hidden;color:#d2a64d;font-size:32px;font-weight:900}.shop3-product-image img{width:100%;height:100%;object-fit:cover}.shop3-product-body{padding:17px;display:grid;gap:11px}.shop3-product-tags{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop3-product-tags span{padding:5px 8px;border:1px solid rgba(255,194,72,.25);border-radius:999px;background:rgba(255,171,35,.1);color:#ffd36d;font-size:8px;font-weight:900;letter-spacing:.1em}.shop3-product-tags em{font-style:normal;color:#756b5f;font-size:9px}.shop3-product h3{font-size:20px;margin:0}.shop3-product p{min-height:42px;margin:0;color:#aa9f90;font-size:12px;line-height:1.55}.shop3-product-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,184,64,.08);padding-top:11px}.shop3-product-meta small{font-size:9px;color:#766d62}.shop3-product-meta div{display:grid;text-align:right}.shop3-product-meta del{font-size:10px;color:#756c61}.shop3-product-meta strong{font-size:20px;color:#ffd16d}.shop3-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:14px}.shop-cart-list{padding:10px 15px 16px;display:grid;gap:8px}.shop-cart-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto 110px 28px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,184,64,.08);border-radius:14px;background:rgba(255,255,255,.012)}.shop-cart-thumb{width:54px;height:54px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:#19120c;color:#d9ac51;font-weight:900}.shop-cart-thumb img{width:100%;height:100%;object-fit:cover}.shop-cart-row>span{display:grid;gap:3px}.shop-cart-row small{color:#81776c}.shop-cart-qty{display:flex;align-items:center;border:1px solid rgba(255,184,64,.12);border-radius:10px;overflow:hidden}.shop-cart-qty button{width:30px;height:30px;border:0;background:#12100d;color:#d9b261}.shop-cart-qty strong{min-width:30px;text-align:center;font-size:11px}.shop-cart-remove{width:28px;height:28px;border:1px solid rgba(255,99,72,.15);border-radius:9px;background:rgba(255,70,40,.04);color:#ff917d}.shop-checkout-card{padding-bottom:18px;align-self:start;position:sticky;top:92px}.shop-checkout-card>label,.shop-checkout-card>#shopCheckoutBtn,.shop-checkout-card>.note{margin:0 18px 12px}.shop-summary-row,.shop-summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-bottom:1px solid rgba(255,184,64,.07);font-size:11px}.shop-summary-row.discount{color:#7de0a0}.shop-summary-total strong{font-size:23px;color:#ffd16c}.shop-summary-balance{padding:10px 18px 14px;color:#776e62;font-size:10px}.shop-coupon-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:5px}.shop-order-list{padding:12px 16px 18px;display:grid;gap:10px}.shop-order-card{padding:15px;border:1px solid rgba(255,184,64,.1);border-radius:16px;background:rgba(255,255,255,.014);display:grid;gap:11px}.shop-order-head{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.shop-order-head span{display:grid;gap:3px}.shop-order-head small{color:#7d7367}.shop-order-head em{font-style:normal;color:#8bd9a5;font-size:9px}.shop-order-head strong{color:#ffd16a}.shop-order-items{display:grid;gap:5px}.shop-order-items>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.19);font-size:10px}.shop-order-items code{color:#ffca61}.shop-order-card>p{margin:0;color:#8f8375;font-size:10px}.shop-wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.shop-wallet-stats article{padding:19px;border:1px solid rgba(255,184,64,.13);border-radius:18px;background:linear-gradient(145deg,rgba(65,39,16,.25),rgba(11,9,7,.94));display:grid;gap:6px}.shop-wallet-stats span{font-size:9px;letter-spacing:.16em;color:#bc9140}.shop-wallet-stats strong{font-size:25px;color:#f7e5bd}.admin-shop-layout{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(520px,1.25fr);gap:14px}.admin-shop-layout.secondary{grid-template-columns:1fr 1fr}.shop-admin-chips{display:flex;gap:6px;flex-wrap:wrap}.shop-admin-chips span{padding:7px 9px;border:1px solid rgba(255,184,64,.1);border-radius:999px;color:#a99983;font-size:9px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto}.admin-shop-layout .upload-card{min-height:80px}
@media(max-width:1180px){.shop3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop3-layout,.admin-shop-layout,.admin-shop-layout.secondary{grid-template-columns:1fr}.shop-checkout-card{position:static}.shop3-toolbar{align-items:stretch;flex-direction:column}.shop3-controls{min-width:0}.shop3-controls>*{flex:1}.shop-wallet-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.shop3-hero{min-height:160px;padding:20px;display:grid}.shop3-hero h2{font-size:31px}.shop3-wallet-mini{text-align:left;min-width:0}.shop3-grid{grid-template-columns:1fr}.shop3-controls{display:grid}.shop3-controls input{min-width:0}.shop-cart-row{grid-template-columns:46px 1fr auto}.shop-cart-row>.shop-cart-qty{grid-column:2}.shop-cart-row>b{grid-column:3;grid-row:2}.shop-cart-row>.shop-cart-remove{grid-column:3;grid-row:1}.shop-order-head{grid-template-columns:1fr auto}.shop-order-head strong{grid-column:1/-1}.shop-order-items>div{grid-template-columns:1fr auto}.shop-order-items code{grid-column:1/-1}.shop-wallet-stats{grid-template-columns:1fr}}


/* v1.4.1 – PP Shop / Prémium Pont modulok tiszta szétválasztása */
.premium-center-hero{min-height:180px;padding:28px 30px;margin-bottom:14px;border:1px solid rgba(255,185,62,.18);border-radius:26px;background:radial-gradient(circle at 74% 20%,rgba(244,166,43,.14),transparent 30%),linear-gradient(115deg,#120d08 0%,#241507 58%,#0d0a08 100%);display:flex;align-items:flex-end;justify-content:space-between;gap:24px;box-shadow:var(--shadow-soft)}
.premium-center-hero h2{font-size:38px;margin:6px 0 8px}.premium-center-hero p{margin:0;color:#b9af9f;max-width:760px;line-height:1.55}.premium-balance-card{min-width:245px;padding:20px 22px;border:1px solid rgba(255,196,82,.28);border-radius:18px;background:linear-gradient(180deg,rgba(255,187,55,.09),rgba(0,0,0,.34));display:grid;gap:5px;text-align:right}.premium-balance-card span,.premium-balance-card small{font-size:9px;letter-spacing:.16em;color:#cda85e}.premium-balance-card strong{font-size:31px;color:#ffe09a}.premium-wallet-stats{margin-bottom:14px}.premium-topup-panel{padding-bottom:18px;margin-bottom:14px}.premium-topup-panel .package-grid{padding:0 16px 2px}.premium-section-note{margin:0 16px 15px;color:#8f8578;font-size:11px;line-height:1.55}.transaction-list .tx-row>span:nth-child(2){display:grid;gap:2px}.transaction-list .tx-row>span:nth-child(2) small{color:#887e71;font-size:9px;font-weight:500}.transaction-list .tx-row>span:nth-child(2) b{font-size:10px;color:#cbb98d}.shop3-tabs{max-width:520px}
@media(max-width:900px){.premium-center-hero{align-items:stretch;flex-direction:column}.premium-balance-card{min-width:0;text-align:left}.premium-center-hero h2{font-size:31px}}

/* v1.4.2 – Tebex Payment Core */
.premium-topup-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px;align-items:start}.tebex-status{margin:14px 0}.topup-cart-card{position:sticky;top:92px}.topup-cart-list{display:grid;gap:10px;margin-bottom:14px}.topup-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(218,171,65,.2);border-radius:12px;background:rgba(14,11,7,.76)}.topup-cart-row span{display:grid;gap:3px}.topup-cart-row small{color:#958b78}.topup-cart-row>div{display:flex;align-items:center;gap:8px}.topup-cart-row button{min-width:28px;height:28px;border:1px solid rgba(218,171,65,.28);background:#17130c;color:#e6c46c;border-radius:8px;cursor:pointer}.topup-cart-summary{display:grid;gap:8px;border-top:1px solid rgba(218,171,65,.18);padding-top:14px;margin-bottom:12px}.topup-cart-summary>div{display:flex;justify-content:space-between;gap:16px}.topup-cart-summary small{color:#8f8777;line-height:1.45}.topup-cart-card>.gold-btn,.topup-cart-card>.ghost-btn{width:100%;margin-top:8px}.topup-payment-list{display:grid;gap:8px}.topup-payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(218,171,65,.17);border-radius:12px;background:rgba(10,8,5,.7)}.topup-payment-row span{display:grid;gap:3px}.topup-payment-row small{color:#938b7e}.topup-payment-row em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.08em;color:#d7b65a}.topup-payment-row.status-paid{border-color:rgba(110,190,105,.35)}.topup-payment-row.status-refunded,.topup-payment-row.status-dispute_lost,.topup-payment-row.status-declined,.topup-payment-row.status-failed{border-color:rgba(207,88,74,.35)}.tebex-package-map{display:grid;gap:12px}.tebex-map-row{display:grid;grid-template-columns:minmax(170px,1.1fr) repeat(3,minmax(110px,.7fr));gap:10px;align-items:end;padding:14px;border:1px solid rgba(218,171,65,.18);border-radius:14px;background:rgba(11,8,5,.68)}.tebex-map-row>div{display:grid;gap:4px}.tebex-map-row label{font-size:11px}.tebex-map-row input{width:100%}.tebex-map-row .check-row{align-self:center}.tebex-map-row button{align-self:end}.admin-tab-panel[data-admin-panel="tebex"] code{color:#d9b65d}@media(max-width:1100px){.premium-topup-layout{grid-template-columns:1fr}.topup-cart-card{position:static}.tebex-map-row{grid-template-columns:1fr 1fr}}@media(max-width:680px){.topup-cart-row,.topup-payment-row,.tebex-map-row{grid-template-columns:1fr}.topup-cart-row>div{justify-content:flex-start}}

/* v1.4.3 – PP Code Core + Tebex mapping helper */
.pp-code-redeem-panel{margin:14px 0;padding-bottom:18px;background:linear-gradient(135deg,rgba(82,47,15,.28),rgba(12,9,6,.94) 48%,rgba(8,7,6,.97));border-color:rgba(255,190,67,.22)}
.pp-code-redeem-panel .premium-section-note{margin-top:-2px}.pp-code-redeem-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:0 16px}.pp-code-redeem-form input{min-height:46px;text-transform:uppercase;letter-spacing:.08em}.pp-code-history{display:grid;gap:7px;padding:12px 16px 0}.pp-code-history-title{font-size:9px;letter-spacing:.17em;color:#cda85e}.pp-code-history-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:9px 11px;border:1px solid rgba(218,171,65,.13);border-radius:11px;background:rgba(10,8,5,.58)}.pp-code-history-row span{display:grid;gap:2px}.pp-code-history-row small{color:#8f8577}.pp-code-history-row strong{color:#9de09b;white-space:nowrap}
.admin-ppcode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.generated-code-box{display:grid;gap:9px;padding:12px;border:1px solid rgba(113,205,112,.28);border-radius:13px;background:rgba(53,113,50,.09)}.generated-code-box>b{font-size:10px;letter-spacing:.13em;color:#a9e3a5}.generated-code-box textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#f7df9d;resize:vertical}.tebex-package-actions{padding:0 14px 10px}.tebex-remote-packages{display:grid;gap:7px;padding:0 14px 12px}.tebex-remote-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(218,171,65,.14);border-radius:11px;background:rgba(255,255,255,.015)}.tebex-remote-row span{display:grid;gap:3px}.tebex-remote-row small{color:#9a8f7f}.pp-code-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.pp-code-admin-row>em{color:#d8b55d;font-style:normal;font-size:10px;font-weight:800}.premium-topup-panel .package-card button:disabled{opacity:.62;cursor:not-allowed}
@media(max-width:900px){.admin-ppcode-grid{grid-template-columns:1fr}.pp-code-redeem-form{grid-template-columns:1fr}.pp-code-admin-row{grid-template-columns:1fr;align-items:start}.tebex-remote-row{align-items:flex-start;flex-direction:column}}


/* v1.4.5 – Tebex Auto Mapper */
.tebex-package-actions{display:flex;flex-wrap:wrap;gap:8px}.tebex-mapper-note{padding:0 14px 10px}.tebex-fetch-success{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(113,205,112,.28);border-radius:12px;background:rgba(53,113,50,.08)}.tebex-fetch-success b{font-size:11px;letter-spacing:.1em;color:#a8e2a3}.tebex-fetch-success small{color:#9c9385}.tebex-map-row.auto-map-row{grid-template-columns:minmax(180px,1fr) minmax(320px,1.8fr) auto;align-items:center}.tebex-map-local{display:grid;gap:4px}.tebex-select-label{display:grid;gap:6px}.tebex-select-label select{width:100%;min-height:42px}.tebex-map-status{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:8px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.1em;border:1px solid rgba(207,88,74,.34);color:#e79888;background:rgba(122,43,34,.12)}.tebex-map-status.mapped{border-color:rgba(113,205,112,.3);color:#9ddd98;background:rgba(53,113,50,.1)}.tebex-suggestion{color:#e8c969!important;font-weight:800}.tebex-map-row select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.tebex-map-row.auto-map-row{grid-template-columns:1fr}.tebex-map-status{justify-self:start}.tebex-package-actions>*{flex:1 1 180px}}


/* v1.5.0 – Daily Spin Core + 8 PP csomagos Prémium Pont katalógus */
.premium-topup-panel .package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.premium-topup-panel .package-card{min-width:0;padding:18px}
.premium-topup-panel .package-card .pp-amount{font-size:30px}
@media(max-width:1250px){.premium-topup-panel .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.premium-topup-panel .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.premium-topup-panel .package-grid{grid-template-columns:1fr}}


/* ==============================================================
   Rivals Legion Platform v1.5.2 – Rivals Signature Wheel
   ============================================================== */
.spin-nav-item{position:relative!important;margin:0!important;border-color:rgba(214,173,75,.10)!important;background:linear-gradient(90deg,rgba(214,173,75,.055),rgba(214,173,75,.015))!important;box-shadow:inset 2px 0 0 rgba(239,184,63,.48)!important}
.spin-nav-item i{color:#d8ad52!important;font-size:16px}.spin-nav-item span{color:#d7cbb7!important;font-weight:700}.spin-nav-item:hover,.spin-nav-item.active{border-color:rgba(228,169,54,.24)!important;background:linear-gradient(90deg,rgba(214,173,75,.12),rgba(214,173,75,.025))!important;box-shadow:inset 2px 0 0 #e7b650!important;color:#fff8ea!important}
.spin-nav-item.active span{color:#fff2ce!important}.spin-nav-badge{margin-left:auto;padding:2px 6px;border:1px solid rgba(229,179,73,.28);border-radius:999px;background:rgba(229,179,73,.10);color:#e8bd62;font-size:7px;letter-spacing:1px;font-weight:900;box-shadow:none}
.spin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.spin-page-head h2{font-size:34px;margin:5px 0 7px}.spin-page-head p{margin:0;color:var(--muted);max-width:760px}.spin-sound-btn{width:auto!important;white-space:nowrap}
.spin-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(285px,.75fr);gap:18px;align-items:start}.spin-wheel-panel{padding:22px;min-height:680px;display:flex;flex-direction:column;justify-content:center}.spin-wheel-stage{width:min(100%,650px);aspect-ratio:1;margin:0 auto;position:relative;display:grid;place-items:center}.spin-wheel-glow{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(230,165,55,.18),transparent 63%);filter:blur(24px);pointer-events:none}.spin-wheel-rotator{position:absolute;inset:4%;border-radius:50%;transition:transform 5s cubic-bezier(.08,.72,.12,1);filter:drop-shadow(0 15px 35px rgba(0,0,0,.55))}.spin-wheel-rotator canvas{display:block;width:100%;height:100%;border-radius:50%}.spin-pointer{position:absolute;z-index:8;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:0;border-bottom:52px solid #f4bd4c;filter:drop-shadow(0 5px 5px rgba(0,0,0,.6))}.spin-pointer:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#f4bd4c;left:-9px;top:-6px;box-shadow:0 0 15px rgba(255,195,67,.75)}
.spin-wheel-center{position:absolute;z-index:7;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#3c260d,#0d0c0d 70%);border:5px solid #c58a28;box-shadow:0 0 0 5px #161820,0 0 25px rgba(235,168,43,.45)}.spin-wheel-center img{width:62px;height:62px;object-fit:contain}.spin-wheel-center span{position:absolute;bottom:7px;font-size:8px;letter-spacing:2px;color:#f1bf55;font-weight:900}.spin-wheel-actions{text-align:center;margin-top:10px}.spin-start-btn{width:min(420px,100%);font-size:14px;padding:16px}.spin-wheel-actions p{color:var(--muted);font-size:12px;margin:10px 0 0}
.spin-side{display:grid;gap:16px}.spin-side .panel{padding:0;overflow:hidden}.spin-side .panel-title{padding:16px 17px;border-bottom:1px solid rgba(211,152,45,.15)}.spin-count-grid{display:grid;grid-template-columns:1fr 1fr;padding:17px}.spin-count-grid article:first-child{border-right:1px solid rgba(255,255,255,.08);padding-right:14px}.spin-count-grid article:last-child{padding-left:14px}.spin-count-grid span{display:block;color:#6f717b;font-size:10px;font-weight:800;letter-spacing:.5px}.spin-count-grid strong{display:block;font-size:20px;margin-top:6px;color:#a6a8b2}.spin-count-grid strong.available{color:#efb844}.spin-reset{border-top:1px solid rgba(255,255,255,.07);padding:16px 17px}.spin-reset span,.spin-reset small{display:block;color:#777a84;font-size:10px}.spin-reset strong{display:block;font-size:31px;letter-spacing:4px;color:#f3f3f5;margin:8px 0}.spin-coupon-card>p{padding:0 17px;color:var(--muted);font-size:12px;line-height:1.6}.spin-coupon-list,.spin-history-list{padding:0 17px 17px;display:grid;gap:10px}.spin-coupon-item{position:relative;border:1px solid rgba(223,162,55,.25);border-left:3px solid #d99a2d;border-radius:11px;padding:12px;background:#0d0e12}.spin-coupon-item>div{display:flex;justify-content:space-between;gap:10px}.spin-coupon-item b{font-size:13px}.spin-coupon-active{font-size:9px;color:#54d494}.spin-coupon-item code{display:block;margin:10px 0 7px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#e9b84c;background:#17181e;font-size:11px;overflow-wrap:anywhere}.spin-coupon-item .spin-copy-coupon{width:auto!important;padding:7px 10px;float:right}.spin-coupon-item small{display:block;color:#777b84;font-size:9px;margin-top:11px}.spin-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding:9px 0}.spin-history-row span{min-width:0}.spin-history-row b,.spin-history-row small{display:block}.spin-history-row b{font-size:12px}.spin-history-row small{color:#6e7179;font-size:9px;margin-top:3px}.spin-history-row em{font-style:normal;color:#eab346;font-size:11px;font-weight:900;white-space:nowrap}
.spin-reward-modal{position:fixed;z-index:5000;inset:0;background:rgba(4,4,5,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.spin-reward-card{width:min(430px,100%);padding:30px;border-radius:20px;border:1px solid rgba(236,174,58,.5);background:radial-gradient(circle at 50% 0,rgba(203,137,30,.22),transparent 45%),#0c0a08;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 45px rgba(230,162,45,.13)}.spin-reward-icon{width:90px;height:90px;margin:20px auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f1c96a,#a96a12);color:#160d04;font-size:28px;font-weight:1000;box-shadow:0 0 35px rgba(237,174,54,.28)}.spin-reward-card h3{font-size:28px;margin:8px 0}.spin-reward-card p{color:#d0c7b7;line-height:1.65}.spin-reward-card .gold-btn{margin-top:10px}.spin-reward-modal.hidden{display:none!important}
@media(max-width:1050px){.spin-layout{grid-template-columns:1fr}.spin-side{grid-template-columns:repeat(2,1fr)}.spin-history-card{grid-column:1/-1}.spin-wheel-panel{min-height:auto}}
@media(max-width:680px){.spin-page-head{flex-direction:column}.spin-side{grid-template-columns:1fr}.spin-history-card{grid-column:auto}.spin-wheel-panel{padding:12px}.spin-wheel-center{width:78px;height:78px}.spin-wheel-center img{width:45px;height:45px}.spin-pointer{border-left-width:16px;border-right-width:16px;border-bottom-width:40px}.spin-count-grid{padding:14px}.spin-page-head h2{font-size:27px}}


/* ==============================================================
   v1.5.2 – RIVALS SIGNATURE WHEEL
   ============================================================== */
.spin-wheel-panel{position:relative;overflow:hidden;min-height:640px;padding:20px;background:radial-gradient(circle at 50% 39%,rgba(128,76,10,.12),transparent 42%),linear-gradient(180deg,rgba(18,14,8,.97),rgba(7,7,7,.98));border-color:rgba(201,143,34,.30)!important}
.spin-wheel-panel:before,.spin-wheel-panel:after{content:"";position:absolute;top:62px;bottom:108px;width:88px;opacity:.22;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(219,161,51,.18) 18%,rgba(219,161,51,.06) 82%,transparent);border-inline:1px solid rgba(218,159,48,.12)}
.spin-wheel-panel:before{left:18px}.spin-wheel-panel:after{right:18px}
.spin-wheel-stage{width:min(100%,590px);filter:drop-shadow(0 24px 42px rgba(0,0,0,.58))}
.spin-wheel-glow{inset:-2%;background:radial-gradient(circle,rgba(227,163,50,.24),rgba(92,48,5,.12) 38%,transparent 67%);filter:blur(34px)}
.spin-wheel-halo{position:absolute;inset:1.3%;border-radius:50%;border:1px solid rgba(255,214,119,.28);box-shadow:0 0 0 5px rgba(82,48,10,.55),0 0 0 8px rgba(231,175,65,.25),inset 0 0 35px rgba(255,177,43,.10);pointer-events:none;z-index:2}
.spin-wheel-rotator{inset:4.8%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.68));z-index:3}
.spin-pointer{z-index:10;top:-5px;width:54px;height:64px;border:0!important;background:linear-gradient(145deg,#fbe18f,#a76611 68%,#4c2a08);clip-path:polygon(50% 100%,6% 22%,28% 0,72% 0,94% 22%);filter:drop-shadow(0 5px 8px rgba(0,0,0,.72)) drop-shadow(0 0 9px rgba(255,189,64,.25));display:grid;place-items:start center}
.spin-pointer:before{content:"";position:absolute;inset:5px 9px 16px;background:linear-gradient(135deg,#d991ff,#7026a9 55%,#2d104a);clip-path:polygon(50% 0,100% 48%,50% 100%,0 48%);box-shadow:0 0 14px rgba(165,82,223,.7)}
.spin-pointer:after{display:none}.spin-pointer span{position:relative;z-index:2;color:transparent;font-size:1px}
.spin-wheel-center{z-index:8;width:126px;height:126px;background:radial-gradient(circle at 50% 34%,#4b2c0c 0,#17100a 42%,#080806 72%);border:5px solid #c98d28;box-shadow:0 0 0 4px #090806,0 0 0 7px rgba(238,181,66,.55),0 0 30px rgba(233,163,42,.37),inset 0 0 24px rgba(255,190,57,.12)}
.spin-wheel-center:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(255,215,121,.33)}
.spin-wheel-center img{width:78px;height:78px;position:relative;z-index:2;filter:drop-shadow(0 5px 9px rgba(0,0,0,.7))}
.spin-wheel-center span{bottom:8px;font-size:6.8px;letter-spacing:1.5px;color:#f2c45f;z-index:3}.spin-center-crown{position:absolute;top:7px;z-index:3;color:#f3c65f;font-size:14px;text-shadow:0 0 8px rgba(255,190,58,.5)}
.spin-side-emblem{position:absolute;top:50%;z-index:7;width:44px;height:58px;margin-top:-29px;display:grid;place-items:center;border:1px solid rgba(232,176,66,.48);background:linear-gradient(145deg,#2b1c0c,#0b0906);color:#eabb52;font-size:25px;box-shadow:0 8px 20px rgba(0,0,0,.55),inset 0 0 14px rgba(235,169,49,.08);clip-path:polygon(50% 0,100% 22%,89% 78%,50% 100%,11% 78%,0 22%)}
.spin-side-emblem-left{left:1.5%;transform:translateX(-35%)}.spin-side-emblem-right{right:1.5%;transform:translateX(35%)}
.spin-wheel-inscription{position:absolute;z-index:6;top:50%;font-family:Georgia,serif;font-size:9px;letter-spacing:4px;color:rgba(238,185,78,.60);writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 0 10px rgba(218,143,29,.25);pointer-events:none}.spin-inscription-left{left:3%;transform:translateY(-50%) rotate(180deg)}.spin-inscription-right{right:3%;transform:translateY(-50%)}
.spin-bottom-crest{position:absolute;z-index:9;bottom:0;left:50%;transform:translate(-50%,31%);width:76px;height:52px;display:grid;place-items:center;background:linear-gradient(180deg,#181006,#090806);border:2px solid #c98c28;border-radius:50% 50% 38% 38%;box-shadow:0 0 0 3px #090806,0 0 16px rgba(231,167,49,.24)}
.spin-bottom-crest span{font-size:25px;color:#eab74a;text-shadow:0 0 8px rgba(255,193,61,.45)}
.spin-wheel-actions{margin-top:18px}.spin-start-btn{position:relative;width:min(380px,100%);padding:14px 20px;border-radius:10px;border:1px solid #c78a25!important;background:linear-gradient(180deg,#f6d77d,#c48820 56%,#8c560e)!important;color:#120b03!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 7px 18px rgba(0,0,0,.35),0 0 20px rgba(223,158,44,.08)!important;letter-spacing:1.7px}
.spin-start-btn:before,.spin-start-btn:after{content:"♛";position:absolute;top:50%;transform:translateY(-50%);font-size:13px;color:#5c3506}.spin-start-btn:before{left:16px}.spin-start-btn:after{right:16px}
.spin-start-btn:disabled{filter:saturate(.72) brightness(.82);opacity:.88}
.spin-wheel-actions p{margin-top:9px;color:#8d826f}
@media(max-width:680px){.spin-wheel-stage{width:min(100%,520px)}.spin-side-emblem,.spin-wheel-inscription{display:none}.spin-wheel-center{width:92px;height:92px}.spin-wheel-center img{width:56px;height:56px}.spin-center-crown{font-size:10px}.spin-wheel-center span{font-size:5px}.spin-pointer{width:42px;height:52px}.spin-bottom-crest{width:60px;height:42px}.spin-wheel-panel{padding:10px}}


/* ==============================================================
   v1.5.3 – WHEEL LABEL FIT FIX
   ============================================================== */
.spin-wheel-rotator canvas{image-rendering:auto;}
@media(max-width:680px){.spin-wheel-stage{width:min(100%,500px)}}

/* === v1.5.5 Global Footer + Legal Pages === */
.platform-footer{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(210px,.8fr) minmax(250px,.9fr);gap:28px;align-items:center;margin:18px auto 24px;padding:22px 24px;max-width:1564px;border:1px solid rgba(239,184,72,.16);border-radius:20px;background:linear-gradient(135deg,rgba(23,15,9,.96),rgba(8,7,5,.98));box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,220,136,.03)}
.platform-footer::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(249,192,76,.6),transparent)}
.footer-brand-block{display:flex;align-items:center;gap:14px;min-width:0}.footer-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(230,151,27,.18))}.footer-brand-block>div{display:grid;gap:4px}.footer-brand-block b{font-size:13px;letter-spacing:.14em;color:#fff3d4}.footer-brand-block span{font-size:11px;color:#b6aa97}.footer-brand-block small{font-size:9px;color:#71695f}
.footer-heading{display:block;margin-bottom:10px;font-size:9px;line-height:1;letter-spacing:.22em;font-weight:900;color:#e9b953}.footer-legal-links{display:grid;gap:7px}.footer-legal-links a{width:max-content;max-width:100%;font-size:11px;color:#bdb3a3;text-decoration:none;transition:.18s}.footer-legal-links a:hover{color:#ffd875;transform:translateX(2px)}
.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.footer-social{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(239,184,72,.16);border-radius:11px;background:rgba(255,190,69,.035);color:#ddd1bd;text-decoration:none;font-size:10px;font-weight:800;transition:.18s}.footer-social svg{width:17px;height:17px;fill:#e5b451}.footer-social:not(.disabled):hover{border-color:rgba(246,190,74,.42);background:rgba(243,168,42,.09);color:#fff4d7;transform:translateY(-1px)}.footer-social.disabled{opacity:.48;cursor:not-allowed}.auth-platform-footer{grid-column:1/-1;width:100%;margin:0;align-self:end}.workspace-footer{width:calc(100% - 36px);margin-top:0}
.footer-impact-verification{margin-top:12px;display:flex;align-items:center;gap:9px;max-width:100%;padding:9px 10px;border:1px solid rgba(239,184,72,.14);border-radius:11px;background:rgba(255,190,69,.025);color:#a99f91}.footer-impact-dot{width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#62d88c;box-shadow:0 0 0 3px rgba(98,216,140,.08),0 0 12px rgba(98,216,140,.24)}.footer-impact-copy{display:grid;gap:1px;min-width:max-content}.footer-impact-copy b{font-size:8px;letter-spacing:.16em;color:#e7ba61}.footer-impact-copy small{font-size:9px;color:#93897a}.footer-impact-verification code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6f675e;opacity:.8}

.legal-body{min-height:100vh;background:#080604}.legal-shell{min-height:100vh;position:relative;z-index:1;padding:24px;background:linear-gradient(180deg,rgba(8,5,3,.7),rgba(3,3,2,.96)),var(--bg-image) center top/cover fixed no-repeat}.legal-topbar{max-width:1320px;margin:0 auto 22px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(239,184,72,.15);border-radius:18px;background:rgba(9,7,5,.88);backdrop-filter:blur(14px)}.legal-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.legal-brand img{width:48px;height:48px;object-fit:contain}.legal-brand span{display:grid;gap:1px}.legal-brand b{font-size:13px;letter-spacing:.13em}.legal-brand small{font-size:8px;letter-spacing:.2em;color:#d8a947}.legal-hero{max-width:1320px;margin:0 auto 18px;padding:36px;border:1px solid rgba(239,184,72,.2);border-radius:24px;background:linear-gradient(120deg,rgba(61,32,12,.88),rgba(13,9,6,.93));box-shadow:0 22px 70px rgba(0,0,0,.38)}.legal-hero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);letter-spacing:-.035em}.legal-hero p{max-width:850px;margin:0 0 14px;color:#d5cab8;line-height:1.7}.legal-hero>small{font-size:10px;color:#857a6c}.legal-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.legal-index{position:sticky;top:18px;padding:20px;border:1px solid rgba(239,184,72,.13);border-radius:18px;background:rgba(12,9,6,.94);display:grid;gap:4px}.legal-index a{padding:9px 10px;border-radius:10px;color:#a99e8e;text-decoration:none;font-size:11px;line-height:1.35}.legal-index a:hover{color:#ffd875;background:rgba(240,175,48,.07)}.legal-document{padding:30px;border:1px solid rgba(239,184,72,.13);border-radius:22px;background:rgba(10,8,6,.96)}.legal-document section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid rgba(239,184,72,.09);scroll-margin-top:24px}.legal-document section:last-of-type{border-bottom:0}.legal-document h2{margin:0 0 12px;font-size:21px;color:#fff1d0}.legal-document p,.legal-document li{color:#c9bdac;font-size:13px;line-height:1.82}.legal-document ul{margin:10px 0;padding-left:22px}.legal-document code{padding:2px 6px;border-radius:6px;background:#171009;color:#f0bd57}.legal-callout,.legal-note{display:grid;gap:7px;margin-top:14px;padding:16px;border:1px solid rgba(245,180,52,.22);border-radius:14px;background:rgba(224,145,25,.06)}.legal-callout b,.legal-note b{color:#ffd875}.legal-callout span{font-size:11px;color:#c9bdac}.legal-note p{margin:0}.legal-footer{max-width:1320px}
@media(max-width:1050px){.platform-footer{grid-template-columns:1fr 1fr}.footer-community-block{grid-column:1/-1}.auth-platform-footer{grid-column:1/-1}}
@media(max-width:760px){.platform-footer{grid-template-columns:1fr;gap:18px;padding:18px}.footer-community-block{grid-column:auto}.workspace-footer{width:calc(100% - 24px)}.auth-platform-footer{margin-top:14px}.legal-shell{padding:12px}.legal-topbar{align-items:center}.legal-topbar .ghost-btn{font-size:8px;padding:9px 10px}.legal-hero{padding:24px 18px}.legal-layout{grid-template-columns:1fr}.legal-index{position:static}.legal-document{padding:20px 16px}.footer-brand-block span{font-size:10px}.footer-impact-verification{align-items:flex-start;flex-wrap:wrap}.footer-impact-verification code{width:100%;padding-left:16px}}


/* ==============================================================
   v1.6.0 – Events & Rewards Core
   ============================================================== */
.rewards-nav-item{position:relative}.rewards-nav-item::before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;border-radius:3px;background:#e6aa39;opacity:.55}.rewards-nav-badge{margin-left:auto;padding:2px 6px;border:1px solid rgba(236,180,69,.25);border-radius:7px;background:rgba(220,148,31,.08);color:#ddb35c;font-size:7px;letter-spacing:.1em}
.rewards-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:30px;border:1px solid rgba(235,176,61,.18);border-radius:24px;background:radial-gradient(circle at 80% 20%,rgba(115,48,158,.14),transparent 34%),linear-gradient(135deg,#261708,#0b0805 68%);box-shadow:0 20px 48px rgba(0,0,0,.28)}.rewards-hero h2{margin:7px 0 10px;font-size:36px}.rewards-hero p{max-width:720px;color:#b9ad9d;line-height:1.65}.rewards-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:9px;min-width:350px}.rewards-hero-stats article{padding:13px 15px;border:1px solid rgba(234,177,65,.15);border-radius:14px;background:rgba(255,190,70,.035)}.rewards-hero-stats span{display:block;font-size:8px;letter-spacing:.16em;color:#9c8d78}.rewards-hero-stats b{display:block;margin-top:4px;font-size:20px;color:#f0c264}.rewards-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.rewards-main,.rewards-side{display:grid;gap:16px;align-content:start}.rewards-section{padding:20px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mission-card{display:flex;gap:12px;padding:15px;border:1px solid rgba(224,170,64,.12);border-radius:16px;background:linear-gradient(145deg,rgba(32,22,13,.88),rgba(10,8,6,.96));transition:.18s}.mission-card.ready{border-color:rgba(245,190,73,.38);box-shadow:inset 0 0 22px rgba(231,159,39,.06)}.mission-card.claimed{opacity:.68}.mission-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border:1px solid rgba(231,178,71,.22);border-radius:12px;background:#130d08;color:#ecc05e;font-size:19px}.mission-card-main{min-width:0;flex:1}.mission-card-head{display:flex;justify-content:space-between;gap:10px}.mission-card-head span{display:grid;gap:3px}.mission-card-head b{font-size:13px;color:#f5ead6}.mission-card-head small{color:#8f8475;font-size:9px;line-height:1.45}.mission-card-head em{font-style:normal;font-size:9px;color:#dfb659;white-space:nowrap}.mission-progress{height:6px;margin:10px 0;border-radius:999px;background:#080705;overflow:hidden;border:1px solid rgba(224,172,65,.12)}.mission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8f5713,#e3ad42,#f4d378);box-shadow:0 0 10px rgba(236,180,65,.28)}.mission-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.mission-card-foot>span{display:flex;gap:6px;flex-wrap:wrap}.mission-card-foot strong{padding:4px 7px;border-radius:8px;background:rgba(226,165,48,.07);font-size:8px;color:#dcb45e}.achievement-grid{display:grid;gap:9px}.achievement-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(227,175,68,.12);border-radius:15px;background:#0d0a07}.achievement-card.ready{border-color:rgba(230,174,63,.34)}.achievement-card.unlocked{background:linear-gradient(90deg,rgba(109,74,18,.15),#0d0a07)}.achievement-medal{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid #7d531e;background:radial-gradient(circle,#31200c,#0d0905);color:#f1c65f;font-size:18px}.achievement-card b{font-size:12px}.achievement-card p{margin:3px 0 0;color:#918777;font-size:9px}.achievement-card small{font-size:8px;color:#a99b86}.achievement-state{font-size:8px;color:#e2b452;letter-spacing:.1em}.achievement-state.locked{color:#746b60}.reward-streak-card{text-align:center;padding:24px;background:radial-gradient(circle at 50% 38%,rgba(224,132,33,.13),transparent 42%),#0c0906}.streak-fire{font-size:42px;filter:drop-shadow(0 0 14px rgba(226,119,28,.28))}.reward-streak-card>b{display:block;font-size:52px;line-height:1;color:#f0bf59}.reward-streak-card p{margin:4px 0;font-size:11px}.reward-streak-card small{color:#877c6c;font-size:9px}.reward-rank-row{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid rgba(230,179,72,.07)}.reward-rank-row.me{background:rgba(219,153,34,.06);border-radius:10px}.reward-rank-row>strong{font-size:10px;color:#d5ab56}.reward-rank-row .avatar{width:30px;height:30px;font-size:9px}.reward-rank-row span{display:grid}.reward-rank-row b{font-size:10px}.reward-rank-row small{font-size:7px;color:#7f7567}.reward-rank-row em{font-size:9px;font-style:normal;color:#dcb25c}.admin-rewards-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.mission-admin-row>div{display:flex;gap:6px}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}
@media(max-width:1150px){.rewards-layout{grid-template-columns:1fr}.rewards-side{grid-template-columns:1fr 1fr}.admin-rewards-layout{grid-template-columns:1fr}}@media(max-width:760px){.rewards-hero{display:block;padding:20px}.rewards-hero-stats{min-width:0;margin-top:16px}.mission-grid{grid-template-columns:1fr}.rewards-side{grid-template-columns:1fr}.achievement-card{grid-template-columns:42px 1fr}.achievement-card>:last-child{grid-column:2}.rewards-hero h2{font-size:28px}}

/* v1.6.1 – Group Media Upload Fix */
.group-upload-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-height:94px;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.group-upload-card:hover{border-color:rgba(255,196,82,.46);background:linear-gradient(180deg,rgba(255,173,42,.10),rgba(0,0,0,.10));transform:translateY(-1px)}
.group-upload-card.uploading{pointer-events:none;opacity:.62}
.group-upload-card.uploading:after{content:'FELTÖLTÉS…';position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;background:rgba(7,5,3,.80);color:#ffd875;font-size:10px;font-weight:900;letter-spacing:.15em}
.group-upload-preview{width:72px;height:64px;border:1px solid rgba(255,190,69,.20);border-radius:13px;background:radial-gradient(circle at 50% 35%,rgba(226,157,37,.18),transparent 60%),#0b0806;display:grid;place-items:center;overflow:hidden;color:#d6a848;font-weight:900}
.group-upload-preview.avatar-preview{width:64px;height:64px;border-radius:50%}
.group-upload-preview.avatar-preview img{width:100%;height:100%;object-fit:cover}
.group-upload-preview.banner-preview{width:96px;background-position:center;background-size:cover;background-repeat:no-repeat}
.group-upload-preview.banner-preview:not(.has-image):before{content:'BORÍTÓ';font-size:8px;letter-spacing:.14em;color:#8f7550}
.group-upload-copy{display:grid;gap:4px;min-width:0}.group-upload-copy b{font-size:12px;color:#eee3d0}.group-upload-copy span{font-size:11px!important;color:#efbd56!important;font-weight:800}.group-upload-copy small{font-size:9px!important;line-height:1.45;color:#857b6e!important}
@media(max-width:850px){.group-upload-card{grid-template-columns:64px minmax(0,1fr)}.group-upload-preview.banner-preview{width:64px}}


/* ==============================================================
   v1.6.2 – Development Manager
   ============================================================== */
.admin-developments-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:14px;align-items:start}.admin-dev-toolbar{display:flex;justify-content:flex-end;padding:0 16px 10px}.admin-development-list{display:grid;gap:9px;padding:0 14px 16px}.admin-dev-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid rgba(238,181,67,.11);border-radius:15px;background:linear-gradient(145deg,rgba(31,20,11,.82),rgba(10,8,6,.96));transition:.18s}.admin-dev-row:hover{border-color:rgba(239,184,72,.25);transform:translateY(-1px)}.admin-dev-row-main{min-width:0;display:grid;gap:6px}.admin-dev-row-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.admin-dev-version{padding:4px 7px;border:1px solid rgba(240,183,65,.18);border-radius:8px;background:rgba(226,155,31,.06);color:#e2b457;font-size:8px;font-weight:900;letter-spacing:.1em}.admin-dev-status{padding:4px 7px;border-radius:8px;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.12em}.admin-dev-status.published{border:1px solid rgba(94,222,137,.22);background:rgba(74,198,117,.07);color:#83e5a6}.admin-dev-status.draft{border:1px solid rgba(170,157,137,.18);background:rgba(160,148,130,.05);color:#a89d8e}.admin-dev-row-main>b{font-size:13px;color:#f5ead7}.admin-dev-row-main p{margin:0;color:#9f9485;font-size:10px;line-height:1.5}.admin-dev-row-main small{color:#6f665b;font-size:8px}.admin-dev-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-dev-form-actions{display:flex;gap:8px;flex-wrap:wrap}.dev-body{white-space:normal;line-height:1.72;color:#c8bdad}.dev-body br+br{display:block;content:"";margin-top:7px}
@media(max-width:1100px){.admin-developments-layout{grid-template-columns:1fr}.admin-dev-row{grid-template-columns:1fr}.admin-dev-row-actions{justify-content:flex-start}}
@media(max-width:650px){.admin-dev-row-actions>*{flex:1}.admin-dev-form-actions>*{flex:1}.admin-dev-row{padding:12px}}


/* v1.6.3 Development Image Upload */
.dev-card-media{margin:-22px -22px 2px;border-bottom:1px solid rgba(238,181,67,.16);background:#080604;border-radius:21px 21px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:520px}.dev-card-media img{display:block;width:100%;max-height:520px;object-fit:contain;background:linear-gradient(180deg,#080604,#0d0906)}
.admin-development-image-field{display:grid;gap:8px}.admin-development-image-label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#d9a83d}.admin-development-image-picker{position:relative;display:flex;min-height:170px;border:1px dashed rgba(239,184,72,.28);border-radius:16px;background:linear-gradient(145deg,rgba(36,23,11,.48),rgba(8,7,6,.82));overflow:hidden;cursor:pointer;align-items:center;justify-content:center;transition:.18s}.admin-development-image-picker:hover{border-color:rgba(245,190,73,.58);box-shadow:inset 0 0 24px rgba(214,145,25,.04)}.admin-development-image-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.admin-development-image-placeholder{display:grid;gap:6px;text-align:center;padding:20px;color:#d9c9ad}.admin-development-image-placeholder b{font-size:11px;letter-spacing:.1em;color:#f0bd54}.admin-development-image-placeholder small{font-size:9px;color:#847969}.admin-development-image-picker img{display:block;width:100%;max-height:360px;object-fit:contain;background:#080604}.admin-development-image-actions{display:flex;justify-content:flex-end}.admin-dev-thumb{width:84px;height:64px;object-fit:cover;border-radius:11px;border:1px solid rgba(238,181,67,.2);background:#090604}.admin-dev-has-image{padding:4px 7px;border-radius:8px;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(220,166,52,.2);background:rgba(220,166,52,.07);color:#e8bd61}.admin-dev-row:has(.admin-dev-thumb){grid-template-columns:84px minmax(0,1fr) auto}
@media(max-width:1100px){.admin-dev-row:has(.admin-dev-thumb){grid-template-columns:84px minmax(0,1fr)}.admin-dev-row:has(.admin-dev-thumb) .admin-dev-row-actions{grid-column:1/-1}.admin-development-image-picker{min-height:150px}}
@media(max-width:650px){.dev-card-media{margin:-22px -22px 0;max-height:360px}.dev-card-media img{max-height:360px}.admin-dev-row:has(.admin-dev-thumb){grid-template-columns:1fr}.admin-dev-thumb{width:100%;height:150px}.admin-dev-row:has(.admin-dev-thumb) .admin-dev-row-actions{grid-column:auto}}

/* v1.6.4 Development Gallery Upload */
.admin-development-image-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-development-image-head small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#8f806a}.admin-development-image-picker{min-height:112px}.admin-development-image-picker:has(.admin-development-image-placeholder.hidden){display:none}.admin-development-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-development-gallery-item{position:relative;min-width:0;aspect-ratio:16/10;border:1px solid rgba(239,184,72,.2);border-radius:14px;overflow:hidden;background:#080604;box-shadow:0 8px 24px rgba(0,0,0,.18)}.admin-development-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}.admin-development-gallery-item.pending{border-style:dashed;border-color:rgba(176,105,255,.45)}.admin-development-gallery-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));font-size:8px;font-weight:900;letter-spacing:.1em;color:#f3d28a}.admin-development-gallery-item.pending .admin-development-gallery-overlay span{color:#d9a4ff}.admin-development-gallery-remove{appearance:none;border:1px solid rgba(255,114,96,.32);background:rgba(65,10,8,.78);color:#ffb0a5;border-radius:8px;padding:5px 7px;font:inherit;cursor:pointer}.admin-development-gallery-remove:hover{border-color:rgba(255,114,96,.65);background:rgba(95,16,12,.88)}

.dev-author{margin-top:2px}.dev-card-gallery-wrap{margin-top:2px;padding-top:14px;border-top:1px solid rgba(214,173,75,.09)}.dev-card-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.dev-card-gallery-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#c99a3d}.dev-card-gallery-head small{font-size:8px;font-weight:900;letter-spacing:.11em;color:#756955}.dev-card-gallery.compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,142px));justify-content:start;gap:9px;overflow:visible;background:transparent}.dev-card-gallery.compact .dev-gallery-item{position:relative;appearance:none;border:1px solid rgba(239,184,72,.2);padding:0;margin:0;width:100%;height:88px;min-width:0;min-height:0;border-radius:11px;background:#090604;overflow:hidden;cursor:zoom-in;box-shadow:0 7px 20px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dev-card-gallery.compact .dev-gallery-item:hover{transform:translateY(-2px);border-color:rgba(245,190,73,.55);box-shadow:0 10px 26px rgba(0,0,0,.28)}.dev-card-gallery.compact .dev-gallery-item img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .24s ease,filter .24s ease}.dev-card-gallery.compact .dev-gallery-item:hover img{transform:scale(1.035);filter:brightness(1.06)}.dev-gallery-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,5,3,.68);backdrop-filter:blur(2px);font-size:20px;font-weight:900;color:#f0bd54;text-shadow:0 2px 12px #000}

.development-gallery-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:28px}.development-gallery-modal.hidden{display:none}.development-gallery-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(7px)}.development-gallery-dialog{position:relative;z-index:1;width:min(1400px,96vw);height:min(880px,90vh);display:grid;place-items:center}.development-gallery-dialog figure{margin:0;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px}.development-gallery-dialog figure img{display:block;max-width:100%;max-height:calc(90vh - 54px);object-fit:contain;border-radius:12px;box-shadow:0 22px 80px rgba(0,0,0,.58);border:1px solid rgba(239,184,72,.2)}.development-gallery-dialog figcaption{font-size:11px;font-weight:800;letter-spacing:.08em;color:#cdbd9c}.development-gallery-close,.development-gallery-nav{position:absolute;z-index:3;appearance:none;border:1px solid rgba(239,184,72,.3);background:rgba(15,10,6,.86);color:#f0bd54;cursor:pointer;display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.32)}.development-gallery-close{right:0;top:0;width:42px;height:42px;border-radius:12px;font-size:27px}.development-gallery-nav{top:50%;transform:translateY(-50%);width:48px;height:72px;border-radius:14px;font-size:38px}.development-gallery-nav.prev{left:0}.development-gallery-nav.next{right:0}.development-gallery-nav:hover,.development-gallery-close:hover{border-color:rgba(245,190,73,.7);background:rgba(37,24,10,.94)}body.modal-open{overflow:hidden}

@media(max-width:900px){.admin-development-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-card-gallery.compact{grid-template-columns:repeat(auto-fill,minmax(104px,132px))}.development-gallery-modal{padding:14px}.development-gallery-nav{width:40px;height:60px}}
@media(max-width:650px){.admin-development-gallery-preview{grid-template-columns:1fr 1fr;gap:7px}.admin-development-gallery-item{border-radius:10px}.dev-card-gallery.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dev-card-gallery.compact .dev-gallery-item{height:76px;border-radius:9px}.dev-card-gallery-head{margin-bottom:7px}.development-gallery-nav{top:auto;bottom:36px;transform:none}.development-gallery-nav.prev{left:calc(50% - 56px)}.development-gallery-nav.next{right:calc(50% - 56px)}}
@media(max-width:420px){.dev-card-gallery.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-card-gallery.compact .dev-gallery-item{height:82px}}


/* v1.6.6 Multi Rank & Faction Core */
.profile-community-roles{margin:18px 0;padding:18px 20px;background:linear-gradient(145deg,rgba(14,11,8,.94),rgba(9,8,7,.96));border:1px solid rgba(218,163,57,.22)}
.profile-role-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.profile-role-block{min-width:0;padding:14px;border:1px solid rgba(218,163,57,.14);border-radius:14px;background:rgba(255,255,255,.015)}
.profile-role-block-head{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(218,163,57,.12)}
.profile-role-block-head span,.profile-role-category>small{font-size:10px;letter-spacing:.16em;color:#bd8d35;font-weight:800;text-transform:uppercase}.profile-role-block-head b{font-size:13px;color:#f1e4c7}
.profile-role-category{margin-top:12px}.profile-role-category>small{display:block;margin-bottom:7px;color:#8f816d}.profile-role-chip-list{display:flex;flex-wrap:wrap;gap:7px}
.community-role-chip{--role-color:#c89b3c;display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px 6px 7px;border:1px solid color-mix(in srgb,var(--role-color) 52%,transparent);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--role-color) 14%,rgba(12,10,8,.94)),rgba(12,10,8,.94));box-shadow:inset 3px 0 0 var(--role-color);color:#f5ead6;white-space:nowrap}
.community-role-chip i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;color:var(--role-color);background:color-mix(in srgb,var(--role-color) 15%,#0b0907)}.community-role-chip b{font-size:11px;font-weight:800}.community-role-chip.compact{min-height:27px;padding:4px 8px 4px 6px;gap:5px}.community-role-chip.compact i{width:17px;height:17px;font-size:9px}.community-role-chip.compact b{font-size:10px}
.admin-rank-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:14px;align-items:start}.admin-rank-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.admin-rank-search input{min-width:0}
.admin-role-user-results{display:grid;gap:7px;max-height:580px;overflow:auto;padding-right:3px}.admin-role-user-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid rgba(218,163,57,.12);border-radius:12px;background:rgba(255,255,255,.018);color:#eee;text-align:left;cursor:pointer;transition:.18s}.admin-role-user-result:hover{border-color:rgba(225,170,61,.45);background:rgba(212,153,44,.06)}.admin-role-user-result .avatar{width:38px;height:38px}.admin-role-user-result span{min-width:0;display:grid;gap:2px}.admin-role-user-result b{font-size:13px}.admin-role-user-result small{font-size:10px;color:#8f8376;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role-user-result em{font-style:normal;font-size:9px;letter-spacing:.12em;color:#bc8d39;border:1px solid rgba(212,153,44,.18);border-radius:999px;padding:5px 7px}
.admin-role-editor{min-height:420px}.admin-rank-user-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding-bottom:14px;border-bottom:1px solid rgba(218,163,57,.12)}.admin-rank-user-head h3{margin:2px 0;font-size:19px}.admin-rank-user-head p{margin:0;color:#8d8377;font-size:12px}.admin-rank-current{padding:13px 0;border-bottom:1px solid rgba(218,163,57,.12)}.admin-rank-current>span{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#b8862e}.admin-rank-current>div{display:flex;flex-wrap:wrap;gap:6px}.admin-rank-current small{color:#7f776e}
.admin-rank-groups{display:grid;gap:16px;margin-top:15px}.admin-rank-group{border:1px solid rgba(218,163,57,.12);border-radius:14px;padding:12px;background:rgba(0,0,0,.12)}.admin-rank-group-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid rgba(218,163,57,.1)}.admin-rank-group-title span{font-size:9px;letter-spacing:.16em;color:#c39135;font-weight:900}.admin-rank-group-title b{font-size:12px;color:#eaddc6}.admin-rank-category{padding-top:11px}.admin-rank-category h5{margin:0 0 8px;font-size:10px;letter-spacing:.1em;color:#8f826f;text-transform:uppercase}.admin-rank-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.admin-rank-check{--role-color:#c89b3c;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.014);cursor:pointer;transition:.16s}.admin-rank-check:hover{border-color:color-mix(in srgb,var(--role-color) 42%,transparent);background:color-mix(in srgb,var(--role-color) 6%,transparent)}.admin-rank-check:has(input:checked){border-color:color-mix(in srgb,var(--role-color) 60%,transparent);box-shadow:inset 3px 0 0 var(--role-color);background:color-mix(in srgb,var(--role-color) 9%,rgba(255,255,255,.015))}.admin-rank-check input{accent-color:var(--role-color);width:15px;height:15px}.admin-rank-shield{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--role-color);background:color-mix(in srgb,var(--role-color) 13%,rgba(0,0,0,.5));font-size:11px}.admin-rank-check>span:last-child{min-width:0;display:grid}.admin-rank-check b{font-size:11px;color:#efe6d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-rank-check small{font-size:9px;color:#766e65}.admin-rank-savebar{position:sticky;bottom:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:10px 12px;border:1px solid rgba(226,171,61,.25);border-radius:12px;background:rgba(14,11,8,.96);box-shadow:0 12px 30px rgba(0,0,0,.32)}.admin-rank-savebar span{font-size:11px;color:#aa9a80}.admin-rank-savebar b{color:#e9b94e}.admin-user-community-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
@media(max-width:1050px){.admin-rank-layout{grid-template-columns:1fr}.profile-role-groups{grid-template-columns:1fr}.admin-role-user-results{max-height:320px}}
@media(max-width:680px){.admin-rank-check-grid{grid-template-columns:1fr}.admin-rank-user-head{grid-template-columns:auto 1fr}.admin-rank-user-head .ghost-btn{grid-column:1/-1}.admin-rank-search{grid-template-columns:1fr}.admin-rank-savebar{align-items:stretch;flex-direction:column}.admin-rank-savebar .gold-btn{width:100%}}


/* v1.7.0 Faction Hub 2.0 */
.faction-nav-item{position:relative}.faction-nav-badge{margin-left:auto;padding:2px 6px;border:1px solid rgba(227,174,64,.28);border-radius:999px;background:rgba(214,153,36,.07);color:#d9ab4b;font-size:7px;font-weight:900;letter-spacing:.12em}
.faction-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.faction-page-head h2{margin:4px 0 5px;font-size:30px}.faction-page-head p{max-width:820px;margin:0;color:#9f9589;line-height:1.55}.faction-head-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.faction-head-badges span{padding:7px 10px;border:1px solid rgba(225,170,61,.16);border-radius:999px;background:rgba(213,154,41,.04);font-size:9px;color:#bea271;font-weight:800;letter-spacing:.06em}
.faction-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.faction-stat-grid article{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:13px 14px;border:1px solid rgba(218,163,57,.15);border-radius:14px;background:linear-gradient(145deg,rgba(31,20,11,.68),rgba(9,7,5,.94))}.faction-stat-grid i{grid-row:1/4;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(230,177,67,.25);border-radius:11px;background:rgba(222,158,37,.08);font-style:normal;color:#e0ae4a}.faction-stat-grid span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#ab8135}.faction-stat-grid b{font-size:19px;color:#f3e7d0}.faction-stat-grid small{font-size:8px;color:#746b61}
.faction-directory-panel{padding:16px}.faction-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.faction-filter-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.faction-filter-row button{appearance:none;border:1px solid rgba(219,164,58,.14);border-radius:999px;background:rgba(255,255,255,.018);color:#847a6d;padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.08em;cursor:pointer}.faction-filter-row button.active,.faction-filter-row button:hover{border-color:rgba(231,181,76,.45);background:rgba(213,154,41,.09);color:#e3b454}
.faction-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.faction-grid-empty{grid-column:1/-1}.faction-card{--faction-color:#c89b3c;appearance:none;display:grid;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--faction-color) 28%,rgba(255,255,255,.05));border-radius:17px;background:linear-gradient(145deg,rgba(18,13,9,.96),rgba(8,7,6,.98));color:#eee;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 12px 30px rgba(0,0,0,.16)}.faction-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--faction-color) 58%,transparent);box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 26px color-mix(in srgb,var(--faction-color) 7%,transparent)}.faction-card-cover{position:relative;height:108px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--faction-color) 20%,#1d130b),#090706 72%);overflow:hidden}.faction-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.faction-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,4,.05),rgba(7,5,4,.9))}.faction-category{position:absolute;left:12px;top:11px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--faction-color) 44%,transparent);border-radius:999px;background:rgba(5,4,3,.74);backdrop-filter:blur(5px);color:color-mix(in srgb,var(--faction-color) 82%,#fff);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.faction-card-body{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:0 13px 14px;margin-top:-23px;position:relative;z-index:2}.faction-card-body h3{margin:27px 0 4px;font-size:15px}.faction-card-body p{margin:0;color:#8f8579;font-size:10px;line-height:1.5;min-height:30px}.faction-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:10px;font-size:8px;color:#a79987}.faction-card-status{padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:7px;font-weight:900;letter-spacing:.08em}.faction-card-status.member{color:#8ee6a9;border-color:rgba(84,210,126,.22);background:rgba(52,170,91,.06)}.faction-card-status.open{color:#e1b65c;border-color:rgba(225,176,73,.22);background:rgba(218,155,37,.06)}.faction-card-status.pending{color:#d8a7ff;border-color:rgba(186,111,245,.25);background:rgba(145,63,203,.07)}.faction-card-status.closed{color:#8a8175}.faction-avatar{--faction-color:#c89b3c;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;border:2px solid color-mix(in srgb,var(--faction-color) 62%,#2b2117);background:linear-gradient(145deg,color-mix(in srgb,var(--faction-color) 18%,#1a120b),#080605);box-shadow:0 8px 24px rgba(0,0,0,.34);overflow:hidden;color:var(--faction-color)}.faction-avatar img{width:100%;height:100%;object-fit:cover}.faction-avatar.card{width:58px;height:58px}.faction-avatar.hero{width:88px;height:88px;border-radius:22px}.faction-avatar b{font-size:20px}
.faction-back-btn{margin-bottom:10px}.faction-hero{--faction-color:#c89b3c;position:relative;min-height:420px;border:1px solid color-mix(in srgb,var(--faction-color) 36%,rgba(255,255,255,.04));border-radius:20px;overflow:hidden;background:#090706}.faction-hero-cover{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--faction-color) 24%,#24150a),#080605 66%)}.faction-hero-cover img{width:100%;height:100%;object-fit:cover}.faction-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,4,.95) 0%,rgba(7,5,4,.76) 46%,rgba(7,5,4,.25)),linear-gradient(180deg,transparent 38%,rgba(7,5,4,.88))}.faction-hero-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:16px;min-height:420px;padding:32px}.faction-hero-content-no-logo{display:flex;align-items:flex-end}.faction-hero-copy{width:min(780px,100%)}.faction-hero-content h2{margin:4px 0 7px;font-size:32px}.faction-hero-content p{max-width:760px;margin:0;color:#c2b6a4;line-height:1.55}.faction-hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.faction-hero-tags span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--faction-color) 28%,rgba(255,255,255,.05));border-radius:999px;background:rgba(5,4,3,.55);font-size:8px;font-weight:900;letter-spacing:.08em}.faction-hero-tags .member{color:#8ee6a9}.faction-hero-tags .manage{color:#e6b957}
.faction-overview-grid{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:12px;margin-top:12px}.faction-overview-grid>.panel{padding:15px}.faction-leader-list{display:grid;gap:7px;margin-top:11px}.faction-person-card,.faction-member{appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(218,163,57,.1);border-radius:11px;background:rgba(255,255,255,.015);color:#eee;text-align:left;cursor:pointer}.faction-person-card:hover,.faction-member:hover{border-color:rgba(222,170,64,.32);background:rgba(214,153,44,.04)}.faction-person-card .avatar,.faction-member .avatar{width:34px;height:34px}.faction-person-card span,.faction-member span{min-width:0;display:grid}.faction-person-card b,.faction-member b{font-size:11px}.faction-person-card small,.faction-member small{font-size:8px;color:#7e756b}.faction-person-card i{font-style:normal;color:#665e55}.faction-person-card i.online{color:#5ed68b}.faction-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px;max-height:370px;overflow:auto;padding-right:3px}.faction-member{grid-template-columns:auto 1fr}.faction-rules{margin-top:12px;padding:17px}.faction-rules p{white-space:normal;line-height:1.7;color:#bfb3a2}
.faction-application-card{margin-top:12px;padding:17px}.faction-application-card p{color:#a99e90}.faction-application-card textarea{width:100%}.faction-internal-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:12px;margin-top:12px}.faction-announcements-panel,.faction-feed-panel{padding:15px}.faction-announcement-list{display:grid;gap:8px}.faction-announcement{padding:12px;border:1px solid rgba(218,163,57,.11);border-radius:12px;background:rgba(255,255,255,.014)}.faction-announcement.pinned{border-color:rgba(228,175,67,.28);background:linear-gradient(145deg,rgba(214,153,44,.07),rgba(255,255,255,.012))}.faction-announcement-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.faction-announcement-head span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#d6a649}.faction-announcement-delete,.faction-post-delete{appearance:none;border:0;background:transparent;color:#8d7069;cursor:pointer;font-size:8px;font-weight:900}.faction-announcement h4{margin:7px 0 6px;font-size:13px}.faction-announcement p{margin:0 0 7px;color:#b4a999;font-size:11px;line-height:1.6}.faction-announcement small{font-size:8px;color:#6e675e}.faction-feed-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:11px 0}.faction-feed-form textarea{min-height:74px;resize:vertical}.faction-feed-form button{align-self:end}.faction-feed-post{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:11px 0;border-top:1px solid rgba(218,163,57,.09)}.faction-feed-post:first-child{border-top:0}.faction-feed-post .avatar{width:38px;height:38px}.faction-feed-post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.faction-feed-post-head span{display:grid}.faction-feed-post-head b{font-size:11px}.faction-feed-post-head small{font-size:8px;color:#756d63}.faction-feed-post p{margin:6px 0 0;color:#c5b9a8;line-height:1.62;font-size:11px}
.faction-manage-panel{margin-top:12px;padding:17px}.faction-media-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:11px 0}.faction-media-admin .upload-card{min-height:88px;display:grid;align-content:center}.faction-settings-form{padding:0;background:none;border:0}.faction-manage-columns{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:12px;margin-top:14px}.faction-manage-columns>.form-panel,.faction-applications{padding:14px;border:1px solid rgba(218,163,57,.11);border-radius:14px;background:rgba(0,0,0,.12)}.faction-application-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid rgba(218,163,57,.09)}.faction-application-row:first-of-type{border-top:0}.faction-application-row .avatar{width:36px;height:36px}.faction-application-row span{min-width:0}.faction-application-row b{display:block;font-size:11px}.faction-application-row small{font-size:8px;color:#756d63}.faction-application-row p{margin:6px 0 0;color:#a99e90;font-size:10px;line-height:1.45;white-space:pre-wrap}.faction-application-row>div{display:flex;gap:5px;flex-wrap:wrap}
.admin-faction-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:14px;align-items:start}.admin-faction-row{--faction-color:#c89b3c;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid rgba(218,163,57,.11);border-radius:12px;background:rgba(255,255,255,.014);color:#eee;text-align:left;cursor:pointer;margin-bottom:7px}.admin-faction-row:hover{border-color:color-mix(in srgb,var(--faction-color) 42%,transparent);background:color-mix(in srgb,var(--faction-color) 5%,transparent)}.admin-faction-row .faction-avatar{width:39px;height:39px;border-radius:11px}.admin-faction-row span{min-width:0;display:grid}.admin-faction-row b{font-size:12px}.admin-faction-row small{font-size:9px;color:#7e7469}.admin-faction-row em{font-style:normal;font-size:8px;color:#c79a43}.admin-faction-editor-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:13px;border-bottom:1px solid rgba(218,163,57,.11)}.admin-faction-editor-head h3{margin:3px 0}.admin-faction-editor-head p{margin:0;color:#81776c;font-size:10px}.admin-faction-switches{display:grid;align-content:center;gap:7px}
@media(max-width:1180px){.faction-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-overview-grid,.faction-internal-grid,.faction-manage-columns,.admin-faction-layout{grid-template-columns:1fr}.faction-page-head{align-items:flex-start;flex-direction:column}.faction-head-badges{justify-content:flex-start}}
@media(max-width:760px){.faction-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-hub-grid{grid-template-columns:1fr}.faction-title-row{align-items:flex-start;flex-direction:column}.faction-filter-row{justify-content:flex-start}.faction-hero-content{align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:18px;min-height:340px}.faction-hero-content h2{font-size:26px}.faction-member-grid{grid-template-columns:1fr}.faction-feed-form{grid-template-columns:1fr}.faction-media-admin{grid-template-columns:1fr}.faction-application-row{grid-template-columns:auto 1fr}.faction-application-row>div{grid-column:1/-1}.admin-faction-editor-head{grid-template-columns:auto 1fr}.admin-faction-editor-head .ghost-btn{grid-column:1/-1}}
@media(max-width:460px){.faction-stat-grid{grid-template-columns:1fr}.faction-card-body{grid-template-columns:1fr;margin-top:-25px}.faction-card-body h3{margin-top:4px}.faction-avatar.card{width:54px;height:54px}.faction-hero-content{padding:15px}.faction-avatar.hero{width:72px;height:72px}.faction-hero-tags{gap:5px}}

/* =========================================================
   v1.8.0 – Staff Center 2.0
   ========================================================= */
.staff-nav-item{position:relative;border-color:rgba(222,169,64,.16)!important;background:linear-gradient(90deg,rgba(201,145,38,.06),rgba(0,0,0,0))!important}
.staff-nav-item::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:3px;background:linear-gradient(#ffe7a6,#b87913);box-shadow:0 0 10px rgba(223,163,47,.36)}
.staff-nav-badge{margin-left:auto;padding:2px 7px;border-radius:999px;border:1px solid rgba(226,174,71,.34);background:rgba(38,25,10,.75);color:#e6bd68;font-size:8px;letter-spacing:.13em;font-weight:900}
.staff-center-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;padding:24px 26px;border:1px solid rgba(205,151,48,.24);border-radius:20px;background:radial-gradient(circle at 90% 20%,rgba(194,129,25,.12),transparent 35%),linear-gradient(135deg,rgba(20,14,9,.96),rgba(7,7,6,.94));box-shadow:inset 0 1px rgba(255,222,148,.04),0 20px 45px rgba(0,0,0,.18)}
.staff-center-head h2{margin:4px 0 6px;font-size:30px;line-height:1;color:#f6ead0}.staff-center-head p{margin:0;color:#a99573;max-width:760px;line-height:1.55}
.staff-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.staff-duty-badge{padding:10px 13px;border-radius:12px;font-size:10px;font-weight:900;letter-spacing:.12em;border:1px solid rgba(255,255,255,.08);background:#16120d;color:#9f8b6b}.staff-duty-badge.on{color:#bfffbe;border-color:rgba(88,211,109,.34);background:rgba(25,92,42,.18);box-shadow:0 0 22px rgba(59,190,78,.08)}
.staff-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.staff-stat-card{min-height:112px;padding:16px 17px;border-radius:16px;border:1px solid rgba(205,151,48,.2);background:linear-gradient(145deg,rgba(18,14,10,.94),rgba(9,8,7,.94));display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:center}.staff-stat-card i{grid-row:1/4;width:38px;height:38px;border:1px solid rgba(226,174,71,.28);border-radius:11px;display:grid;place-items:center;color:#e9bd61;background:rgba(128,83,13,.12);font-style:normal;font-weight:900}.staff-stat-card span{color:#b9a887;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.staff-stat-card strong{font-size:25px;color:#fff0cf}.staff-stat-card small{color:#746956}
.staff-tabs{display:flex;gap:7px;overflow:auto;padding:8px;margin:0 0 14px;border:1px solid rgba(205,151,48,.16);border-radius:14px;background:rgba(8,7,6,.66);scrollbar-width:thin}.staff-tabs button{white-space:nowrap;border:1px solid transparent;border-radius:10px;padding:10px 14px;background:transparent;color:#9f927d;font-weight:800;font-size:11px;cursor:pointer}.staff-tabs button:hover{color:#f0d9a5;background:rgba(196,140,38,.07)}.staff-tabs button.active{color:#180f04;background:linear-gradient(180deg,#f5d47f,#bf8222);border-color:#f0c768;box-shadow:0 5px 18px rgba(189,126,25,.16)}
.staff-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:14px}.staff-section{min-width:0}.staff-compact-list,.staff-announcement-list,.staff-task-list,.staff-report-list,.staff-activity-list,.staff-audit-list{display:flex;flex-direction:column;gap:9px}
.staff-duty-card{display:grid;grid-template-columns:1fr minmax(220px,.7fr);gap:18px;align-items:center;padding:8px 2px}.staff-duty-card>div{display:flex;flex-direction:column;gap:3px}.staff-duty-card>div span{color:#977f55;font-size:9px;letter-spacing:.13em;font-weight:900}.staff-duty-card>div strong{font-size:30px;color:#d8c8a8}.staff-duty-card.on>div strong{color:#dfffdc;text-shadow:0 0 24px rgba(80,222,103,.14)}.staff-duty-card small{color:#746b5d}.staff-duty-card label{font-size:10px;color:#a89676;font-weight:700}.staff-duty-card input{margin-top:7px}
.staff-compact-row,.staff-compact-user{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:1px solid rgba(205,151,48,.12);border-radius:12px;background:rgba(11,10,8,.72);color:#eee0c1;text-align:left}.staff-compact-user{cursor:pointer}.staff-compact-row>span,.staff-compact-user>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.staff-compact-row small,.staff-compact-user small{color:#847764}.staff-compact-row em,.staff-compact-user em{font-style:normal;color:#c5ad7c;font-size:10px;font-weight:800}
.staff-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.staff-member-card{padding:14px;border:1px solid rgba(205,151,48,.16);border-radius:16px;background:linear-gradient(145deg,rgba(18,14,10,.88),rgba(8,8,7,.86));position:relative;overflow:hidden}.staff-member-card.on-duty{border-color:rgba(83,206,106,.28);box-shadow:inset 0 0 25px rgba(41,132,56,.05)}.staff-member-top{display:flex;align-items:center;gap:10px}.staff-member-top>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.staff-name-link{background:none;border:0;padding:0;color:#f3e5c7;font-weight:900;text-align:left;cursor:pointer;font-size:13px}.staff-name-link:hover{color:#ffd879}.staff-member-top small{color:#7d715f;margin-top:2px}.staff-duty-dot{padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.06);color:#6f685e;font-size:8px;font-weight:900;letter-spacing:.08em}.staff-duty-dot.on{color:#aef2ae;border-color:rgba(79,196,92,.28);background:rgba(44,116,50,.12)}.staff-role-wrap{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.staff-role-chip{--staff-role:#c89b3c;display:inline-flex;align-items:center;padding:4px 7px;border:1px solid color-mix(in srgb,var(--staff-role) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--staff-role) 11%,transparent);color:color-mix(in srgb,var(--staff-role) 70%,#fff);font-size:8px;font-weight:900}.staff-role-chip.platform{--staff-role:#c89b3c}.staff-member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.staff-member-stats span{display:flex;flex-direction:column;color:#716858;font-size:8px}.staff-member-stats b{color:#d9c59d;font-size:10px}
.staff-announcement-card,.staff-task-card,.staff-report-card{padding:14px 15px;border:1px solid rgba(205,151,48,.15);border-left:3px solid #94702d;border-radius:14px;background:rgba(11,9,7,.78)}.staff-announcement-card.priority-high,.staff-task-card.priority-high,.staff-report-card.priority-high{border-left-color:#d08a2a}.staff-announcement-card.priority-urgent,.staff-task-card.priority-urgent,.staff-report-card.priority-urgent{border-left-color:#e14a36;box-shadow:inset 8px 0 24px rgba(186,49,35,.04)}.staff-card-meta,.staff-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.staff-card-meta span{font-size:8px;font-weight:900;letter-spacing:.11em;color:#d2a854}.staff-card-meta em{font-style:normal;color:#61594d;font-size:9px}.staff-announcement-card h3,.staff-task-card h3,.staff-report-card h3{margin:8px 0 5px;color:#f2e5c9;font-size:14px}.staff-announcement-card p,.staff-task-card p,.staff-report-card p{margin:0 0 10px;line-height:1.55;color:#afa18c}.staff-card-foot small{color:#766b59}.staff-task-info{display:flex;flex-wrap:wrap;gap:7px 16px;margin:8px 0;color:#887a64;font-size:9px}.staff-task-info b{color:#d9c295}.staff-card-foot select{max-width:165px}.staff-status{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.07);font-size:8px;font-weight:900;color:#9b8c73}.staff-status.status-in_progress,.staff-status.status-in_review{color:#ffe095;border-color:rgba(223,174,65,.25)}.staff-status.status-done,.staff-status.status-resolved{color:#aef3b3;border-color:rgba(65,185,82,.25)}
.staff-report-controls{display:grid;grid-template-columns:150px 130px minmax(160px,1fr);gap:8px;margin-top:11px}.staff-report-controls textarea{grid-column:1/-1;resize:vertical}.staff-report-controls button{justify-self:start}
.staff-activity-row{display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.staff-activity-row>strong{color:#b48d47}.staff-activity-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}.staff-activity-row>span>b{color:#eadcc0}.staff-activity-row em{font-style:normal;text-align:right;color:#a69474}.staff-activity-row em>b{color:#e5bd69}.staff-audit-row{display:flex;gap:9px;align-items:center;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.staff-audit-row>span{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.staff-audit-row b{color:#dfcfaf}.staff-audit-row code{color:#d7aa53;background:rgba(162,104,14,.08);padding:3px 6px;border-radius:6px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.staff-audit-row small{grid-column:1/-1;color:#6f6659}
@media (max-width:1180px){.staff-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-two-col{grid-template-columns:1fr}.staff-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.staff-center-head{align-items:flex-start;flex-direction:column;padding:18px}.staff-center-head h2{font-size:24px}.staff-head-actions{justify-content:flex-start}.staff-stat-grid,.staff-dashboard-grid,.staff-member-grid{grid-template-columns:1fr}.staff-duty-card{grid-template-columns:1fr}.staff-report-controls{grid-template-columns:1fr}.staff-report-controls textarea{grid-column:auto}.staff-member-stats{grid-template-columns:1fr 1fr}.staff-tabs{position:sticky;top:0;z-index:4;background:#0a0806}}

/* v1.8.2 – Faction Hub: a frakció részletes fejlécén nem jelenítünk meg külön logót. */
.faction-hero-content > .faction-avatar.hero{display:none!important}

/* v1.8.3 – Faction Hub: nagy borítókép visszaállítva, külön logó nélkül. */
.faction-hero-cover img{object-position:center center}
@media(min-width:761px){.faction-hero{min-height:420px}.faction-hero-content{min-height:420px}}

/* =========================================================
   Rivals Legion Platform v1.9.0 – FiveM Integration Core
   ========================================================= */
.server-nav-item{position:relative}.server-nav-badge{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#92f0a8;border:1px solid rgba(78,201,111,.38);background:rgba(30,101,50,.18);border-radius:999px;padding:3px 7px}.server-center-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:4px 2px 20px}.server-center-head h2{margin:5px 0 7px;font-size:30px}.server-center-head p{max-width:840px;margin:0;color:var(--muted);line-height:1.6}.server-live-badge{min-width:118px;text-align:center;border:1px solid #493b26;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:900;letter-spacing:1.4px;background:#15120d;color:#8f8879}.server-live-badge.online{border-color:rgba(67,205,105,.45);background:rgba(33,117,56,.16);color:#8ff1a8;box-shadow:0 0 24px rgba(38,187,77,.08)}.server-live-badge.maintenance{border-color:rgba(226,174,74,.5);color:#e8c274;background:rgba(145,101,24,.16)}
.server-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.server-stat-card{border:1px solid #2e281a;background:linear-gradient(180deg,rgba(25,22,15,.95),rgba(12,11,8,.96));border-radius:15px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.server-stat-card i{grid-row:1/4;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(204,159,67,.28);border-radius:11px;color:#d9ac54;font-style:normal;background:rgba(201,155,60,.06)}.server-stat-card span{font-size:10px;letter-spacing:1.2px;color:#9c927f;text-transform:uppercase}.server-stat-card strong{font-size:21px;color:#f2ecdf}.server-stat-card small{color:#726b5f}
.server-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.server-section{border-color:#332a18}.server-section>.panel-title{margin-bottom:16px}.server-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.server-linked-card{display:flex;gap:14px;align-items:center;border:1px solid rgba(57,194,91,.25);background:rgba(34,113,53,.1);padding:16px;border-radius:14px}.server-verified-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:900;color:#98f0ac;border:1px solid rgba(69,209,103,.45);background:rgba(46,141,68,.18)}.server-linked-card span,.server-linked-card small{display:block}.server-linked-card span{font-size:10px;letter-spacing:1.2px;color:#84d997;text-transform:uppercase;font-weight:800}.server-linked-card b{display:block;margin:4px 0 6px;font-size:18px}.server-linked-card small{color:#8f8879;margin-top:2px}.server-unlinked{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;padding:15px;border:1px dashed #4b3d23;border-radius:14px;background:rgba(197,153,61,.04)}.server-unlinked>i{font-style:normal;font-size:24px;color:#d2a64f}.server-unlinked b{font-size:16px}.server-unlinked p{margin:5px 0 0;color:#8d8576;line-height:1.5}.server-link-code{margin-top:14px;border:1px solid rgba(201,156,64,.35);background:#0d0c09;border-radius:13px;padding:15px}.server-link-code span,.server-link-code small{display:block;color:#8e8677}.server-link-code span{font-size:10px;letter-spacing:1.4px}.server-link-code strong{display:block;color:#f2cc79;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;margin:5px 0;word-break:break-all}.server-my-stat-list{display:grid;gap:9px}.server-my-stat-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 13px;border:1px solid #2a251a;border-radius:11px;background:#0e0d0a}.server-my-stat-list span{color:#8f8879;font-size:12px}.server-my-stat-list b{text-align:right}.online-text{color:#84e99d!important}.muted-text{color:#8d8576!important}
.server-live-panel{margin-bottom:16px}.server-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.server-player-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid #2b261a;background:#0f0e0a;border-radius:12px;padding:11px 13px}.server-player-id{height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(198,153,61,.09);color:#d9af5c;font-weight:900}.server-player-card b,.server-player-card small,.server-player-card span{display:block}.server-player-card small{color:#81796c;margin:2px 0}.server-player-card span{font-size:11px;color:#b5aa96}.server-player-card em{font-size:11px;color:#8c8374;font-style:normal}.server-inline-form{padding:0!important;background:none!important;border:0!important}.server-history-list{display:grid;gap:9px;margin-top:14px}.server-subtitle{font-size:10px;letter-spacing:1.25px;color:#ad8a48;font-weight:900;text-transform:uppercase;margin:4px 0}.server-history-row{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid #2b261a;border-radius:11px;background:#0f0e0a}.server-history-row b,.server-history-row small{display:block}.server-history-row small{color:#81796c;margin-top:3px}.server-history-row p{margin:6px 0 0;color:#aaa08f;font-size:12px}.server-history-row em{font-style:normal;font-size:10px;font-weight:900;white-space:nowrap;color:#d2a752}.server-punishment-card{border:1px solid #31291b;border-radius:13px;background:#0f0e0a;padding:14px}.server-punishment-card.active{border-color:rgba(208,85,70,.34)}.server-punishment-head{display:flex;justify-content:space-between;gap:14px}.server-punishment-head b,.server-punishment-head small{display:block}.server-punishment-head small{color:#81796c;margin-top:3px}.server-punishment-head em{font-style:normal;font-size:10px;color:#d77366;font-weight:900}.server-punishment-card>p{color:#c4b9a5;line-height:1.5}.server-punishment-card>small{color:#82796b}.server-appeal-form{display:grid;gap:8px;margin-top:10px}.appeal-state{margin-top:10px;border-left:2px solid #b88c39;padding:8px 10px;background:rgba(183,139,54,.05);color:#b9ac97}.appeal-state p{margin:5px 0 0}
.integration-credentials{display:grid;gap:8px;margin-bottom:12px}.credential-row{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center;border:1px solid #2c271b;border-radius:10px;padding:10px 11px;background:#0e0d0a}.credential-row span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#81796c}.credential-row code,.integration-secret-once code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e5bd69;word-break:break-all}.integration-secret-once{margin:13px 0;padding:14px;border:1px solid rgba(218,163,59,.42);border-radius:12px;background:rgba(180,125,27,.08)}.integration-secret-once>b{display:block;color:#e6ba5d;margin-bottom:10px}.integration-secret-once label{display:block;color:#8f8678;font-size:11px;margin-top:8px}.integration-secret-once code{display:block;margin-top:3px;color:#f3d38d}.integration-mapping-row{display:grid;grid-template-columns:1fr minmax(140px,.8fr) auto;gap:10px;align-items:center;border:1px solid #2c271b;border-radius:11px;padding:11px;margin-top:8px;background:#0f0e0a}.integration-mapping-row b,.integration-mapping-row small{display:block}.integration-mapping-row small{color:#81796c}.integration-mapping-row>span{border-left:3px solid var(--map-role);padding-left:9px;color:#c7bca7;font-size:12px}.integration-mapping-row>div:last-child{display:flex;gap:6px;justify-content:flex-end}.integration-review-list{display:grid;gap:10px;max-height:700px;overflow:auto;padding-right:3px}.integration-review-card{border:1px solid #30291b;border-radius:13px;padding:13px;background:#0f0e0a}.integration-review-head{display:flex;justify-content:space-between;gap:12px}.integration-review-head b,.integration-review-head small{display:block}.integration-review-head small{color:#81796c;margin-top:3px}.integration-review-head em{font-style:normal;font-size:10px;color:#d7ad58;font-weight:900}.integration-review-card h4{margin:12px 0 7px}.integration-review-card p{color:#b2a794;line-height:1.5;white-space:pre-wrap}.integration-review-note{width:100%;margin:8px 0}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.server-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-main-grid{grid-template-columns:1fr}.server-player-grid{grid-template-columns:1fr}}
@media (max-width:680px){.server-center-head{flex-direction:column}.server-stat-grid{grid-template-columns:1fr}.server-player-card{grid-template-columns:42px 1fr}.server-player-card em{grid-column:2}.integration-mapping-row{grid-template-columns:1fr}.integration-mapping-row>div:last-child{justify-content:flex-start}.form-grid.three{grid-template-columns:1fr}}

/* v1.9 FiveM Integration Core – privacy + leaderboard */
.server-privacy-toggle{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:13px 14px;border:1px solid rgba(200,155,60,.24);border-radius:12px;background:rgba(200,155,60,.045);cursor:pointer}.server-privacy-toggle input{margin-top:4px;accent-color:#c89b3c}.server-privacy-toggle span{display:grid;gap:3px}.server-privacy-toggle b{font-size:13px}.server-privacy-toggle small{color:var(--muted,#8e8e93);font-size:11px}.server-leaderboard-title{margin-top:20px}.server-leaderboard{display:grid;gap:7px;margin-top:9px}.server-leaderboard-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}.server-leaderboard-row>strong{color:#c89b3c;font-size:16px}.server-leaderboard-row>span{display:grid;min-width:0}.server-leaderboard-row>span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-leaderboard-row>span small{color:var(--muted,#8e8e93)}.server-leaderboard-row>em{font-style:normal;color:#d5d5d5;font-size:12px}@media(max-width:700px){.server-leaderboard-row{grid-template-columns:36px 1fr}.server-leaderboard-row>em{grid-column:2}}