/* R2 Smart unified top menu — 2026-06-19 */
:root{
  --r2sm-nav-bg: rgba(7, 9, 13, .82);
  --r2sm-nav-panel: rgba(13, 16, 24, .94);
  --r2sm-nav-line: rgba(241, 199, 97, .22);
  --r2sm-nav-gold: #f1c761;
  --r2sm-nav-gold-2: #ffe0a1;
  --r2sm-nav-text: #f4efe7;
  --r2sm-nav-muted: rgba(244, 239, 231, .72);
  --r2sm-nav-red: #d0342c;
  --r2sm-nav-orange: #c8892d;
}
.r2sm-global-header,
.r2sm-global-header *{box-sizing:border-box}
.r2sm-global-header{
  position:sticky;
  top:12px;
  z-index:10000;
  width:min(1200px, calc(100% - 28px));
  margin:12px auto 0;
  font-family:Inter, Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.r2sm-global-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:70px;
  padding:10px 12px;
  border:1px solid var(--r2sm-nav-line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(20,24,34,.86), var(--r2sm-nav-bg));
  box-shadow:0 24px 72px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(16px);
}
.r2sm-nav-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:max-content;
  color:var(--r2sm-nav-text)!important;
  text-decoration:none!important;
  font-weight:950;
  letter-spacing:.2px;
}
.r2sm-nav-brand img{
  width:46px;
  height:46px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 12px 32px rgba(241,199,97,.16), 0 0 0 1px rgba(241,199,97,.18);
}
.r2sm-nav-brand span{display:block;font-size:21px;line-height:1}
.r2sm-nav-brand b{color:var(--r2sm-nav-gold)}
.r2sm-nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  flex:1;
  min-width:0;
}
.r2sm-nav-links a,
.r2sm-nav-mobile-panel a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 11px;
  border-radius:14px;
  color:rgba(255,255,255,.90)!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:850;
  white-space:nowrap;
  transition:transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.r2sm-nav-links a:hover,
.r2sm-nav-mobile-panel a:hover,
.r2sm-nav-links a.is-active,
.r2sm-nav-mobile-panel a.is-active{
  background:rgba(241,199,97,.11);
  color:#fff3cf!important;
}
.r2sm-nav-actions{display:flex;align-items:center;gap:9px;min-width:max-content}
.r2sm-nav-play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:15px;
  border:1px solid rgba(255,242,189,.28);
  background:linear-gradient(135deg,var(--r2sm-nav-gold),var(--r2sm-nav-orange));
  color:#181009!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:950;
  box-shadow:0 16px 42px rgba(217,164,65,.26), inset 0 0 0 1px rgba(255,255,255,.12);
  white-space:nowrap;
}
.r2sm-nav-play:hover{filter:brightness(1.06);transform:translateY(-1px)}
.r2sm-nav-burger{
  display:none;
  width:46px;
  height:42px;
  border:1px solid var(--r2sm-nav-line);
  border-radius:15px;
  background:rgba(255,255,255,.08);
  cursor:pointer;
}
.r2sm-nav-burger span{display:block;width:22px;height:2px;margin:5px auto;border-radius:2px;background:#fff}
.r2sm-nav-mobile-panel{
  display:none;
  margin-top:10px;
  padding:10px;
  border:1px solid var(--r2sm-nav-line);
  border-radius:20px;
  background:var(--r2sm-nav-panel);
  box-shadow:0 18px 52px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}
.r2sm-nav-mobile-panel.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.r2sm-nav-mobile-panel .r2sm-nav-play{min-height:42px;margin-top:2px}
@media(max-width:1080px){
  .r2sm-nav-links{display:none}
  .r2sm-nav-burger{display:block}
}
@media(max-width:620px){
  .r2sm-global-header{top:8px;width:calc(100% - 18px);margin-top:8px}
  .r2sm-global-nav{min-height:64px;padding:9px 10px;border-radius:19px}
  .r2sm-nav-brand img{width:40px;height:40px;border-radius:12px}
  .r2sm-nav-brand span{font-size:18px}
  .r2sm-nav-actions .r2sm-nav-play{display:none}
  .r2sm-nav-mobile-panel.is-open{grid-template-columns:1fr}
}

/* R2 Smart logo fallback: no external image required */
.r2sm-nav-emblem{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(241,199,97,.32);
  background:radial-gradient(circle at 35% 25%, rgba(255,240,177,.34), transparent 34%), linear-gradient(135deg,#4b2418,#11151f 58%,#05070b);
  color:#ffe2a4;
  font-weight:950;
  font-size:15px;
  letter-spacing:-.6px;
  text-shadow:0 0 14px rgba(241,199,97,.38);
  box-shadow:0 12px 32px rgba(241,199,97,.16), 0 0 0 1px rgba(241,199,97,.18), inset 0 0 18px rgba(0,0,0,.35);
}
@media(max-width:620px){.r2sm-nav-emblem{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:14px}}