/* Szózóna – egységes zöld játékidentitás, v214 */
:root{
  --sz-bg:#043a27;
  --sz-bg-deep:#032f20;
  --sz-panel:#0a5639;
  --sz-panel-2:#084c33;
  --sz-line:rgba(125,215,164,.18);
  --sz-text:#eef8f1;
  --sz-muted:#b7d1c0;
  --sz-gold:#efd06f;
  --sz-gold-soft:#f5e5a5;
  --sz-blue:#2a66d0;
}

body.szozona-subpage,
body.szozona-stats-page,
body.help-page,
body.archive-page,
body.replay-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 14% 0%,rgba(38,126,77,.24),transparent 32rem),
    linear-gradient(180deg,var(--sz-bg-deep),var(--sz-bg));
  color:var(--sz-text);
}

/* Egységes felső menü */
.szozona-unified-topbar{
  position:sticky;
  top:0;
  z-index:90;
  width:min(1180px,calc(100% - 28px));
  margin:14px auto 0;
  padding:12px 16px;
  border:1px solid var(--sz-line);
  border-radius:20px;
  background:rgba(4,58,39,.94);
  box-shadow:0 14px 34px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
}
.szozona-unified-topbar .brand-logo img{max-width:154px;height:auto;display:block}
.szozona-nav-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.szozona-unified-topbar .topbar-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:0 14px;border-radius:999px;
  text-decoration:none;color:#eaf7ee;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:900;
}
.szozona-unified-topbar .topbar-link:hover{background:rgba(255,255,255,.12)}
.szozona-user-pill{background:var(--sz-gold-soft)!important;color:#284726!important;border-color:transparent!important}

/* Szózóna lobby */
.szozona-sub-shell{width:min(1180px,calc(100% - 28px));margin:18px auto 52px}
.szozona-sub-hero{
  min-height:225px;
  border:1px solid var(--sz-line);
  border-radius:28px;
  padding:30px 36px;
  background:
    radial-gradient(circle at 91% 12%,rgba(255,255,255,.08) 0 112px,transparent 113px),
    radial-gradient(circle at 74% 78%,rgba(108,203,145,.08) 0 90px,transparent 91px),
    linear-gradient(135deg,#0b6b45,#075137);
  box-shadow:0 16px 38px rgba(0,0,0,.18);
  color:#fff;
}
.szozona-sub-kicker{color:var(--sz-gold);letter-spacing:.14em}
.szozona-sub-logo img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.szozona-sub-pills span{background:var(--sz-gold-soft);color:#2e4726}
.szozona-sub-tiles i{
  border-color:#ead99a;
  box-shadow:0 4px 0 #235c3f,0 10px 20px rgba(0,0,0,.18)
}
.szozona-active-banner{
  background:rgba(240,213,112,.13)!important;
  border:1px solid rgba(239,208,111,.22)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.szozona-active-banner span{color:#c7dbcf!important}
.szozona-active-banner a{background:#2a66d0!important;color:#fff!important}
.szozona-sub-grid{gap:18px}
.szozona-sub-grid .amoba-panel{
  background:linear-gradient(180deg,var(--sz-panel),var(--sz-panel-2));
  border:1px solid var(--sz-line);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  color:#edf8f0;
}
.szozona-sub-grid .amoba-panel-head>span{
  background:rgba(239,208,111,.14);color:var(--sz-gold);border:1px solid rgba(239,208,111,.16)
}
.szozona-sub-grid h2,.szozona-sub-grid h3,.szozona-sub-grid strong,.szozona-sub-grid label{color:#fff}
.szozona-sub-grid p,.szozona-sub-grid small{color:var(--sz-muted)}
.szozona-sub-grid input,.szozona-sub-grid select{
  background:#063f2b;color:#fff;border:1px solid rgba(149,219,179,.18)
}
.szozona-sub-grid input::placeholder{color:#9db8a7}
.szozona-primary{background:linear-gradient(180deg,#e0a616,#b97b00)!important;color:#fff!important}
.szozona-secondary{background:linear-gradient(180deg,#31c3b1,#1e9e8d)!important;color:#fff!important}
.szozona-rule-note{
  background:rgba(239,208,111,.10)!important;border:1px solid rgba(239,208,111,.20)!important;color:#f5e5aa!important
}
.szozona-rule-note>b{background:#d49a12!important}
.szozona-rule-note small{color:#c6d8c9!important}
.szozona-sub-grid .amoba-public-head small{color:#92deb3}
.szozona-sub-grid .amoba-room-list .room-row{
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.045);color:#fff
}
.szozona-sub-grid .amoba-room-list .room-row small{color:#b8cfc0}
.szozona-sub-tip{
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);color:#bfd5c6;box-shadow:none
}
.szozona-sub-tip strong{color:var(--sz-gold)}

/* Statisztika */
.szozona-stats-shell{width:min(1100px,calc(100% - 28px));margin:18px auto 52px}
.szozona-stats-hero{
  background:
    radial-gradient(circle at 90% 12%,rgba(255,255,255,.08) 0 100px,transparent 101px),
    linear-gradient(135deg,#0b6b45,#075137);
  border:1px solid var(--sz-line);
  box-shadow:0 14px 30px rgba(0,0,0,.18)
}
.szozona-stats-hero-main small{color:var(--sz-gold)}
.szozona-stats-record span{background:rgba(255,255,255,.08)}
.szozona-stats-mini-grid>div,.szozona-stats-card{
  background:linear-gradient(180deg,var(--sz-panel),var(--sz-panel-2));
  border:1px solid var(--sz-line);
  box-shadow:0 10px 24px rgba(0,0,0,.15)
}
.szozona-stats-mini-grid small,.szozona-stats-card-head small{color:#92deb3}
.szozona-stats-mini-grid strong,.szozona-stats-card-head h2,.szozona-recent-games strong,.szozona-ranking strong{color:#fff}
.szozona-stats-mini-grid span,.szozona-recent-games small,.szozona-ranking small,.szozona-ranking>div>span{color:#b9d0c1}
.szozona-stats-card-head a,.szozona-recent-games b,.szozona-ranking b{color:var(--sz-gold)}
.szozona-stats-empty{background:rgba(255,255,255,.04);color:#b9d0c1}
.szozona-recent-games>a,.szozona-ranking>div{border-bottom-color:rgba(255,255,255,.07)}
.szozona-recent-games>a:hover,.szozona-ranking>div.is-me{background:rgba(239,208,111,.10)}
.szozona-recent-badge{background:rgba(255,255,255,.07);color:#c4d8cb}
.szozona-recent-badge.win{background:rgba(239,208,111,.16);color:var(--sz-gold)}

/* Archívum – ugyanaz a Szózóna identitás */
.archive-page .archive-wrap{width:min(1120px,calc(100% - 28px));margin:18px auto 60px}
.archive-page .archive-hero{
  padding:28px 30px;border:1px solid var(--sz-line);border-radius:24px;
  background:linear-gradient(135deg,#0b6b45,#075137);box-shadow:0 14px 32px rgba(0,0,0,.18)
}
.archive-page .archive-kicker{color:var(--sz-gold)}
.archive-page .archive-hero h1{color:#fff}
.archive-page .archive-hero p{color:#c3d8ca}
.archive-page .archive-list{display:grid;gap:12px;margin-top:16px}
.archive-page .archive-card{
  border:1px solid var(--sz-line);background:linear-gradient(180deg,var(--sz-panel),var(--sz-panel-2));
  box-shadow:0 10px 24px rgba(0,0,0,.14)
}
.archive-page .archive-room{color:var(--sz-gold)}
.archive-page .archive-card h2,.archive-page .archive-scoreline{color:#fff}
.archive-page .archive-card p{color:#b7d0c0}
.archive-page .archive-replay-button{background:#2a66d0;color:#fff}
.archive-page .archive-empty{background:rgba(255,255,255,.05);color:#c4d7cb}

/* Replay – ugyanaz a zöld felület, csak a funkcionális részek maradnak */
.replay-page .replay-layout{color:#edf7ef}
.replay-page .replay-board-panel,
.replay-page .replay-side .panel,
.replay-page .replay-timeline-panel{
  background:linear-gradient(180deg,var(--sz-panel),var(--sz-panel-2));
  border:1px solid var(--sz-line);box-shadow:0 10px 24px rgba(0,0,0,.14)
}
.replay-page .replay-head h1,.replay-page .panel h2{color:#fff}
.replay-page .replay-kicker{color:var(--sz-gold)}
.replay-page .replay-rack-box,.replay-page .replay-details-hint{background:rgba(255,255,255,.05);color:#d8e9de}

/* A szabályoldal részletes zöld dizájnját nem írjuk felül. Csak a navigáció illeszkedik. */
.help-page .szozona-unified-topbar{margin-bottom:0}

@media(max-width:760px){
  .szozona-unified-topbar{width:calc(100% - 14px);margin:7px auto 0;padding:9px 10px;border-radius:16px}
  .szozona-unified-topbar .brand-logo img{max-width:126px}
  .szozona-nav-actions{gap:5px}
  .szozona-unified-topbar .topbar-link{min-height:34px;padding:0 10px;font-size:10px}
  .szozona-sub-shell,.szozona-stats-shell,.archive-page .archive-wrap{width:calc(100% - 14px);margin-top:9px}
  .szozona-sub-hero{padding:22px 18px;border-radius:20px}
  .szozona-stats-hero{border-radius:20px}
}

/* v215 – Szózóna lobby színkorrekció + sárga visszajátszás */
/* A nyitott szobák a zöld témába olvadnak, ne a régi világos Amőba-stílust örököljék. */
.szozona-sub-grid .amoba-public-head{
  border-top-color:rgba(145,219,177,.22);
}
.szozona-sub-grid .amoba-public-head>span{
  background:var(--sz-gold-soft)!important;
  color:#2d4828!important;
  border:1px solid rgba(239,208,111,.34);
  box-shadow:none;
}
.szozona-sub-grid .amoba-room-list .amoba-room-row{
  background:rgba(3,60,40,.82)!important;
  border:1px solid rgba(139,218,173,.16)!important;
  color:#f3faf5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.szozona-sub-grid .amoba-room-list .amoba-room-row:hover{
  background:#0b6242!important;
  border-color:rgba(160,232,190,.28)!important;
}
.szozona-sub-grid .amoba-room-list .amoba-room-row strong{
  color:#fff!important;
}
.szozona-sub-grid .amoba-room-list .amoba-room-row small{
  color:#b9d3c3!important;
}
.szozona-sub-grid .amoba-room-list .amoba-room-row b{
  color:#2f4b2d!important;
  background:var(--sz-gold-soft)!important;
  border-radius:10px;
  padding:6px 9px;
}
.szozona-sub-grid .amoba-empty{
  background:rgba(255,255,255,.045)!important;
  color:#bed5c6!important;
  border:1px dashed rgba(139,218,173,.16);
}

/* Az aktív parti CTA ne lógjon ki kékkel a zöld–arany Szózóna palettából. */
.szozona-active-banner a{
  background:linear-gradient(180deg,#f1d574,#dfb938)!important;
  color:#294425!important;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}

/* Archívum: a Visszajátszás a Szózóna arany akciószíne. */
.archive-page .archive-replay-button{
  background:linear-gradient(180deg,#f1d574,#dcae22)!important;
  color:#294425!important;
  box-shadow:0 7px 16px rgba(0,0,0,.14);
}
.archive-page .archive-replay-button:hover{
  filter:brightness(1.04);
}