/* 2026.10.11 · Canva-embléma + színesebb közösségi arculat.
   Az eredeti szójel fontja és karakterei változatlanok. */
:root {
  --hatter:#F2F4FA; --felulet:#FFFFFF; --felulet-2:#F4F6FC; --felulet-3:#E8ECF7;
  --bevitel-hatter:#FFFFFF; --vonal:#DBE1EE; --vonal-2:#9BA9C1;
  --szoveg:#1B2941; --halvany:#4F5F79; --tompa:#617089;
  --olajzold:#172640; --olajzold-2:#273A5A; --fej-szoveg:#F8F4EC; --fej-halvany:#CDD8EC;
  --sajat-buborek:#304D83; --sajat-szoveg:#FFFFFF; --mas-buborek:#FFFFFF; --mas-szoveg:#1B2941;
  --racs:rgba(70,98,160,.055); --arnyek:0 6px 24px -16px rgba(24,43,88,.3);
  --brand-blue:#245DCE; --brand-teal:#087A77; --brand-violet:#6A3BC4; --brand-gold:#946316;
  --blue-wash:#EBF2FF; --teal-wash:#EAF8F5; --violet-wash:#F2ECFC;
  --neon-narancs:#FF7900;
  --neon-keret-feny:0 0 8px #FF79004D, 0 0 18px #FF790020;
}
:root[data-tema="ejszaka"] {
  --hatter:#101827; --felulet:#1A2538; --felulet-2:#202E44; --felulet-3:#293851;
  --bevitel-hatter:#141F31; --vonal:#34445E; --vonal-2:#647896; --szoveg:#EDF2FB; --halvany:#C1CEE2; --tompa:#ABBCD4;
  --sajat-buborek:#34558F; --mas-buborek:#25344B; --mas-szoveg:#EDF2FB;
  --brand-blue:#8BB9FF; --brand-teal:#71D5C9; --brand-violet:#C6A9FA; --brand-gold:#E9C474;
  --blue-wash:#1F324F; --teal-wash:#17383D; --violet-wash:#302344;
}
@media(prefers-color-scheme:dark) { :root[data-tema="auto"] {
  --hatter:#101827; --felulet:#1A2538; --felulet-2:#202E44; --felulet-3:#293851;
  --bevitel-hatter:#141F31; --vonal:#34445E; --vonal-2:#647896; --szoveg:#EDF2FB; --halvany:#C1CEE2; --tompa:#ABBCD4;
  --sajat-buborek:#34558F; --mas-buborek:#25344B; --mas-szoveg:#EDF2FB;
  --brand-blue:#8BB9FF; --brand-teal:#71D5C9; --brand-violet:#C6A9FA; --brand-gold:#E9C474;
  --blue-wash:#1F324F; --teal-wash:#17383D; --violet-wash:#302344;
} }
.shell { background-image:radial-gradient(ellipse at 90% 0,var(--blue-wash),transparent 55%); }
.fejlec { background:#172640; background-image:linear-gradient(105deg,#172640,#273456 70%,#343554); }
.nav { background:#172640; background-image:none; }
.nav::before { background-image:url('/icons/emblema-canva-192.webp'); background-size:60px; border-radius:12px; }
.nav a:nth-of-type(2) svg { color:#B79AEC; }.nav a:nth-of-type(3) svg { color:#F2AD70; }
.nav a:nth-of-type(4) svg { color:#6CD2C5; }.nav a:nth-of-type(5) svg { color:#8DB6FF; }
.nav a.aktiv { background:rgba(255,255,255,.09); color:#FFF; }
.nav a.aktiv svg { color:#FFC18B; }
.kezdo-udv { position:relative; display:grid; grid-template-columns:minmax(200px,260px) minmax(0,1fr); gap:40px; overflow:hidden; padding:32px; border:1px solid #596989; border-left:4px solid #F59B55; background:linear-gradient(125deg,#18253E 20%,#303A68 70%,#4D3C69); color:#FFF; border-radius:20px; box-shadow:0 16px 40px -24px #293759; }
.kezdo-udv::before { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(120deg,transparent 0 100px,#A9BBE511 101px 102px); }
.kezdo-udv > * { position:relative; z-index:1; }
.kezdo-marka { display:flex; flex-direction:column; align-items:center; gap:16px; min-width:0; }
.kezdo-szologo { display:block; font:clamp(18px,2.3vw,24px)/1.3 var(--stencil); white-space:nowrap; color:#F8F2E5; }
.kezdo-szologo .klantag { font-family:var(--szuk); font-weight:700; color:#F8AB69; }
.kezdo-udv h2 { margin:0; padding-right:0; }.kezdo-udv p { color:#D7E1F3; padding-right:0; }
.kezdo-logo { position:static; width:200px; height:200px; align-self:center; border-radius:28px; box-shadow:0 12px 28px -12px #060F28; border:1px solid #D5B37C80; }
.kezdo-szam { border-radius:14px; }.kezdo-szam:nth-child(1) { background:var(--violet-wash); }.kezdo-szam:nth-child(1) > .ikon { color:var(--brand-violet); }
.kezdo-szam:nth-child(2) { background:var(--teal-wash); }.kezdo-szam:nth-child(2) > .ikon { color:var(--brand-teal); }
.kezdo-szam:nth-child(3) { background:var(--blue-wash); }.kezdo-szam:nth-child(3) > .ikon { color:var(--brand-blue); }
.kezdo-jel { background:var(--violet-wash); color:var(--brand-violet); }
.kezdo-gyors a:nth-child(1) > .ikon { color:var(--brand-blue); }.kezdo-gyors a:nth-child(2) > .ikon { color:var(--brand-teal); }
.belepes { background:radial-gradient(ellipse at 0 0,var(--violet-wash),transparent 60%),var(--hatter); }
.belepes-fej { background:#172640; background-image:linear-gradient(120deg,#18253E,#303A68 70%,#4D3C69); }
.belepes-fej img { width:124px; height:124px; border-radius:24px; border:1px solid #D5B37C80; }
.trash-kartya { border-left:3px solid var(--brand-violet); }
.trash-fej h3 .ikon,.trash-megnyit { color:var(--brand-violet); }
.trash-uzenet { background:var(--violet-wash); }
.kozos-kviz-kartya { border-color:var(--vonal); border-top-color:var(--brand-blue); background:linear-gradient(145deg,var(--felulet),var(--blue-wash)); }
.kozos-kviz-kartya .kozos-szemoldok,.kozos-kviz-kartya > .kozos-kartya-fej > .ikon { color:var(--brand-blue); }
.kviz-fordulo-gomb { border-top-color:var(--brand-blue); }.kviz-fordulo-gomb:hover { border-color:var(--brand-blue); }
.kozos-csapat-kartya { background:linear-gradient(120deg,var(--felulet),var(--teal-wash)); border-left-color:var(--brand-teal); }
.kozos-csapat-kartya .kozos-szemoldok { color:var(--brand-teal); }
.kozos-elismeres-hivas > .ikon { color:var(--brand-violet); }
.chat-olvasottsag { min-height:32px; }
@media(max-width:600px) {
  .kezdo-udv { grid-template-columns:minmax(0,1fr); padding:24px; gap:22px; text-align:center; }
  .kezdo-marka { gap:12px; }.kezdo-logo { width:152px; height:152px; border-radius:24px; }
  .kezdo-szologo { font-size:22px; }.kezdo-udv h2 { font-size:30px; }.kezdo-udv p { margin:10px auto 18px; }
  .kezdo-udv .gomb { width:100%; }
}
@media(max-width:420px) {
  .kezdo-udv { padding:22px 18px; gap:20px; }.kezdo-logo { width:144px; height:144px; }
  .kezdo-szologo { font-size:20px; }.kezdo-udv h2 { font-size:28px; }.kezdo-udv p { font-size:15px; }
}

/* A neonkeret csak a chatablakokat emeli ki.
   A többi kártya és az üzenetek az eredeti keretüket használják. */
:root :is(.szoba, .trash-kartya, .tartalom.szines-chat) {
  border:2px solid var(--neon-narancs);
  box-shadow:var(--neon-keret-feny);
}