:root{
  --ui-bg0:#030816;
  --ui-bg1:#07101f;
  --ui-panel:rgba(8,16,32,.90);
  --ui-panel2:rgba(5,10,22,.82);
  --ui-line:rgba(255,255,255,.10);
  --ui-line-strong:rgba(34,211,238,.34);
  --ui-text:#eaf2ff;
  --ui-muted:rgba(234,242,255,.66);
  --ui-soft:rgba(234,242,255,.48);
  --ui-cyan:#22d3ee;
  --ui-blue:#3b82ff;
  --ui-green:#27f5a3;
  --ui-warn:#ffc75f;
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --ui-shadow:0 24px 70px rgba(0,0,0,.34);
}

body{
  background:
    radial-gradient(860px 460px at 14% 0%, rgba(20,184,166,.16), transparent 58%),
    radial-gradient(900px 520px at 100% 10%, rgba(59,130,246,.16), transparent 60%),
    linear-gradient(180deg,var(--ui-bg1),var(--ui-bg0)) !important;
  color:var(--ui-text);
}

.wrap{max-width:1280px}

.topbar,
.topBar,
.top{
  border-radius:18px !important;
  border:1px solid var(--ui-line) !important;
  background:
    radial-gradient(720px 260px at 18% 0%, rgba(34,211,238,.12), transparent 62%),
    linear-gradient(180deg,rgba(8,16,32,.92),rgba(5,10,22,.76)) !important;
  box-shadow:0 20px 56px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
}

.navlinks,
.brand,
.brandName,
.chip,
.link,
.btn,
.btnPrimary,
.cta,
.ghostBtn,
.forumBranchChip,
.friendMiniBtn,
.stickerBtn,
.securityBadge,
.pill,
.badge,
.heroBadge,
.mini span{
  border-radius:12px !important;
}

.navlinks{
  background:rgba(3,8,19,.50) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.link,
.btn,
.ghostBtn,
.chip,
.brand,
.forumBranchChip,
.friendMiniBtn,
.stickerBtn{
  background:rgba(7,14,28,.62) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}

.link:hover,
.btn:hover,
.chipLink:hover,
.forumBranchChip:hover,
.friendMiniBtn:hover,
.stickerBtn:hover{
  background:rgba(12,22,42,.82) !important;
  border-color:rgba(34,211,238,.26) !important;
  box-shadow:none !important;
  transform:translateY(-1px);
}

.link.isActive,
.forumBranchChip.isActive,
.chip.isActive{
  border-color:var(--ui-line-strong) !important;
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(59,130,246,.12)) !important;
}

.btnPrimary,
.cta,
.friendMiniBtn.primary{
  border-color:transparent !important;
  color:#041023 !important;
  background:
    radial-gradient(circle at 30% 15%, rgba(255,255,255,.24), transparent 38%),
    linear-gradient(135deg,rgba(59,130,255,.98),rgba(0,213,255,.78)) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.20) !important;
}

.glass,
.card,
.section,
.heroMain,
.cardSide,
.feedItem,
.mediaCard,
.modalWin,
.gameHeroPanel,
.gameAdminCard,
.gameListShell,
.gameCard,
.gameStatCard,
.gameUploadBox,
.docsHeroCard,
.docsEditor,
.docsShell,
.docsListCard,
.docsDocCard,
.docsContentCard,
.docsSidebarCard,
.forumHeroClassic,
.forumSection,
.forumBranchCard,
.forumCardClassic,
.forumPostClassic,
.forumTopicRowClassic,
.forumEmptyClassic,
.chatPanel,
.messageNote,
.messageEmpty,
.messageBubble,
.stickerBar,
.lockedBox,
.profileFriendPanel,
.friendCard,
.friendEmpty,
.friendNote,
.legalBox,
.note,
.warn,
.toc a,
.foot{
  border-radius:var(--ui-radius) !important;
  border-color:var(--ui-line) !important;
  background:
    radial-gradient(760px 260px at 12% -8%, rgba(20,184,166,.10), transparent 58%),
    linear-gradient(180deg,var(--ui-panel),var(--ui-panel2)) !important;
  box-shadow:var(--ui-shadow) !important;
}

body:not([class]) .shell > .hero{
  border-radius:var(--ui-radius) !important;
  border-color:var(--ui-line) !important;
  background:
    radial-gradient(760px 260px at 12% -8%, rgba(20,184,166,.10), transparent 58%),
    linear-gradient(180deg,var(--ui-panel),var(--ui-panel2)) !important;
  box-shadow:var(--ui-shadow) !important;
}

.feedItem,
.gameCard,
.forumTopicRowClassic,
.forumPostClassic,
.friendCard,
.messageBubble,
.adminMemberCard,
.adminReportItem,
.adminLogItem,
.engineReleaseCard,
.studioFeedItem{
  box-shadow:none !important;
}

.glass::after{opacity:.20 !important}
.holoSheen{opacity:.14 !important}

.heroMain,
.cardSide,
.gameHeroPanel,
.gameAdminCard,
.gameListShell,
.docsHeroCard,
.docsEditor,
.chatPanel,
.forumHeroClassic,
.forumSection{
  padding:22px !important;
}

.feedItem,
.gameCard,
.forumTopicRowClassic,
.forumPostClassic,
.friendCard{
  background:rgba(8,15,30,.78) !important;
}

.gameCard.isPicked,
.forumBranchChip.isActive,
.messageRow.mine .messageBubble{
  border-color:rgba(34,211,238,.30) !important;
  background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(59,130,246,.10)) !important;
}

input,
textarea,
select,
.input,
.adminSelect,
.adminSearch,
.docsInput,
.docsSelect,
.searchWrap,
.studioSearchWrap,
.gameInput,
.searchInput{
  border-radius:12px !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(4,9,22,.78) !important;
  color:var(--ui-text) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

input:focus,
textarea:focus,
select:focus,
.input:focus,
.adminSelect:focus,
.adminSearch:focus,
.docsInput:focus,
.docsSelect:focus,
.searchWrap:focus-within,
.studioSearchWrap:focus-within{
  border-color:rgba(34,211,238,.46) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.10), inset 0 0 0 1px rgba(255,255,255,.02) !important;
  outline:none !important;
}

input::placeholder,
textarea::placeholder,
.searchInput::placeholder{
  color:rgba(234,242,255,.42) !important;
}

.pill,
.badge,
.heroBadge,
.mini span,
.gameMetaChip,
.forumStat,
.securityBadge,
.friendBadge,
.gamePanelBadge,
.gameUploadTag,
.studioStatPill,
.studioCountBadge{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(4,9,22,.48) !important;
  color:rgba(234,242,255,.82) !important;
}

.kickerDot,
.logoOrb,
.dot,
.adminNavDot,
.tabDot{
  border-radius:3px !important;
  background:var(--ui-cyan) !important;
  box-shadow:0 0 0 2px rgba(34,211,238,.55),0 0 18px rgba(34,211,238,.30) !important;
}

.h1,
.gameHeroTitle,
.forumClassicTitle,
h1{
  letter-spacing:0 !important;
}

.lead,
.sideText,
.feedBody,
.gameHeroText,
.gamePanelText,
.forumClassicLead,
.forumSectionDesc,
.forumTopicExcerptClassic,
.messageNote,
.muted,
.help,
.sub,
p,
li{
  color:var(--ui-muted);
}

.dividerLine,
.chatHeader,
.messageComposer,
.forumSectionBar,
.adminMainHead,
.adminSidebarHead{
  border-color:rgba(255,255,255,.08) !important;
}

.modalBack{
  background:rgba(1,5,14,.78) !important;
  backdrop-filter:blur(14px) !important;
}

.footer{
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(4,9,22,.44) !important;
  padding:14px 16px !important;
}

/* Compact button system */
.btn,
.btnPrimary,
.cta,
.ghostBtn,
.link,
.chip,
.forumBranchChip,
.friendMiniBtn,
.stickerBtn,
.securityBadge,
.gameSortBtn,
.fileFieldBtn,
.searchClear,
.studioTabBtn,
.tabBtn,
.filterBtn,
.adminNavBtn,
.adminActionTile,
button[type="submit"],
button[type="button"],
input[type="file"]::file-selector-button{
  min-height:38px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:820 !important;
  letter-spacing:0 !important;
}

.link,
.chip,
.pill,
.badge,
.forumBranchChip,
.securityBadge,
.gamePanelBadge,
.gameUploadTag,
.tabCount,
.studioStatPill,
.studioCountBadge{
  min-height:30px !important;
  padding:6px 10px !important;
  font-size:12px !important;
}

.btnPrimary,
.cta,
button[type="submit"].btnPrimary{
  min-height:40px !important;
}

.adminNavBtn{
  min-height:42px !important;
  padding:10px 12px !important;
  font-size:13px !important;
}

.studioTabBtn,
.tabBtn,
.filterBtn{
  min-height:38px !important;
  padding:9px 12px !important;
  gap:8px !important;
}

.fileFieldBtn,
input[type="file"]::file-selector-button{
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(7,14,28,.66) !important;
  color:var(--ui-text) !important;
  box-shadow:none !important;
}

.fileFieldBtn:hover,
input[type="file"]::file-selector-button:hover{
  border-color:rgba(34,211,238,.28) !important;
  background:rgba(12,22,42,.86) !important;
}

.gameUploadBox{
  gap:10px !important;
  padding:14px !important;
  border-radius:14px !important;
}

.gameUploadTop{gap:8px !important}
.gameUploadTag{font-size:11px !important;text-transform:uppercase !important}
.fileFieldName{font-size:13px !important;color:rgba(234,242,255,.66) !important}
.gameAdminActions{gap:10px !important}
.gamePanelHelper{font-size:13px !important;line-height:1.5 !important}
.gameActionRow{gap:8px !important}
.gameActionRow .btn{min-width:72px !important}

/* Style UI button refinement */
.btn::before,
.btn::after,
.link::after,
.chip::after,
.forumBranchChip::after,
.fileFieldBtn::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

.btn,
.ghostBtn,
.link,
.chip,
.forumBranchChip,
.friendMiniBtn,
.stickerBtn,
.gameSortBtn,
.fileFieldBtn,
.searchClear,
.studioTabBtn,
.tabBtn,
.filterBtn,
.adminNavBtn,
input[type="file"]::file-selector-button{
  color:rgba(234,242,255,.90) !important;
  background:linear-gradient(180deg,rgba(10,17,32,.92),rgba(6,11,23,.88)) !important;
  border:1px solid rgba(148,163,184,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  text-shadow:none !important;
  transform:none !important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease !important;
}

.btn:hover,
.ghostBtn:hover,
.link:hover,
.chip:hover,
.forumBranchChip:hover,
.friendMiniBtn:hover,
.stickerBtn:hover,
.gameSortBtn:hover,
.fileFieldBtn:hover,
.searchClear:hover,
.studioTabBtn:hover,
.tabBtn:hover,
.filterBtn:hover,
.adminNavBtn:hover,
input[type="file"]::file-selector-button:hover{
  color:#f8fbff !important;
  background:linear-gradient(180deg,rgba(15,25,45,.96),rgba(9,16,31,.94)) !important;
  border-color:rgba(34,211,238,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
  transform:none !important;
}

.btnPrimary,
.cta,
.friendMiniBtn.primary,
button[type="submit"].btnPrimary{
  color:#041023 !important;
  border:1px solid rgba(125,211,252,.42) !important;
  background:linear-gradient(135deg,#4f9cff 0%,#22d3ee 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 22px rgba(34,211,238,.10) !important;
}

.btnPrimary:hover,
.cta:hover,
.friendMiniBtn.primary:hover,
button[type="submit"].btnPrimary:hover{
  color:#020817 !important;
  border-color:rgba(186,230,253,.58) !important;
  background:linear-gradient(135deg,#60a5fa 0%,#06b6d4 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 10px 26px rgba(34,211,238,.14) !important;
}

.link.isActive,
.forumBranchChip.isActive,
.chip.isActive,
.studioTabBtn.isActive,
.tabBtn.isActive,
.filterBtn.isActive,
.adminNavBtn.isActive{
  color:#eaffff !important;
  border-color:rgba(34,211,238,.42) !important;
  background:linear-gradient(180deg,rgba(8,91,120,.36),rgba(7,18,35,.86)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.btn:disabled,
.btn[disabled],
button:disabled,
button[disabled]{
  opacity:.48 !important;
  cursor:not-allowed !important;
  color:rgba(234,242,255,.38) !important;
  border-color:rgba(148,163,184,.14) !important;
  background:rgba(8,13,25,.55) !important;
  box-shadow:none !important;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.22);border-radius:999px}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(39,245,163,.32),rgba(34,211,238,.28));
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
}

@media (max-width:780px){
  .heroMain,
  .cardSide,
  .gameHeroPanel,
  .gameAdminCard,
  .gameListShell,
  .docsHeroCard,
  .docsEditor,
  .chatPanel,
  .forumHeroClassic,
  .forumSection{
    padding:18px !important;
    border-radius:16px !important;
  }

  .topbar,
  .topBar,
  .top{
    border-radius:16px !important;
  }
}
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden !important}
  body{min-width:0 !important}
  img,video,canvas,svg{max-width:100%;height:auto}
  input,textarea,select,button{max-width:100%}
  .wrap,.shell{width:100% !important;max-width:none !important;padding-left:12px !important;padding-right:12px !important;scrollbar-gutter:auto !important}
  .topbar,.topBar,.top{top:8px !important;padding:10px !important;border-radius:14px !important;overflow:visible !important}
  .brand{display:grid !important;grid-template-columns:1fr !important;width:100% !important;gap:10px !important;padding:0 !important}
  .brandMark{width:max-content;max-width:100%}
  .brandName{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .topBar{display:grid !important;grid-template-columns:1fr !important;align-items:center !important}
  .topBar .brand{display:inline-flex !important;width:100% !important;max-width:100% !important;justify-content:center !important}
  .topBar > div{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) !important;width:100% !important;min-width:0 !important;gap:8px !important}
  .topBar > div > *{min-width:0 !important;width:100% !important}
  .topBar .btn{width:100% !important;white-space:nowrap !important}
  .navlinks{display:grid !important;grid-template-columns:1fr !important;width:100% !important;gap:8px !important;padding:8px !important;overflow:visible !important}
  .navMain,.navActions{min-width:0 !important;width:100% !important;gap:8px !important;overflow:auto hidden !important;scrollbar-width:none}
  .navMain::-webkit-scrollbar,.navActions::-webkit-scrollbar{display:none}
  .navActions{justify-content:flex-start !important;margin-left:0 !important}
  .navActions .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .devengine-lang-switcher{min-width:0 !important;gap:8px !important}
  .devengine-lang-label{white-space:nowrap !important;word-break:normal !important;flex:0 0 auto !important}
  .devengine-lang-select{min-width:86px !important;width:auto !important;flex:1 1 auto !important}
  .link,.chip,.btn,.btnPrimary,.cta,.ghostBtn,button[type="submit"],button[type="button"]{min-height:42px !important}
  .hero,.sectionGrid,.feedGrid,.docsLayout,.engineHero,.engineFeatureBand,.engineCapabilityGrid,.adminConsoleLayout,.adminWorkspaceTop,.engineGrid,.webhookGrid,.studioGrid,.forumClassicGrid,.forumBranchGrid,.gameAdminGrid,.gameHeroTop,.gameHeroAside,.gameFormGrid2,.gameSplit,.feedSplit{grid-template-columns:1fr !important}
  .heroMain,.cardSide,.glass,.card,.section,.gameHeroPanel,.gameAdminCard,.gameListShell,.docsHeroCard,.docsEditor,.docsShell,.docsListCard,.docsDocCard,.docsContentCard,.docsSidebarCard,.forumHeroClassic,.forumSection,.forumBranchCard,.forumCardClassic,.chatPanel,.adminSidebarShell,.adminTopCard,.adminMainShell{max-width:100% !important}
  .heroMain,.cardSide,.gameHeroPanel,.gameAdminCard,.gameListShell,.docsHeroCard,.docsEditor,.chatPanel,.forumHeroClassic,.forumSection,.adminSidebarShell,.adminTopCard,.adminMainShell{padding:16px !important}
  .h1,h1,.engineHeroTitle,.gameHeroTitle,.forumClassicTitle{font-size:34px !important;line-height:1.06 !important}
  .sideTitle,.engineSectionTitle,.gamePanelTitle{font-size:22px !important;line-height:1.18 !important}
  .lead,.sideText,.feedBody,.gameHeroText,.gamePanelText,.forumClassicLead,.forumSectionDesc,.messageNote,.muted,.help,.sub,p,li{font-size:15px;line-height:1.55}
  .ctaRow,.docsSearchRow,.gameToolbarRow,.gameActionRow,.gameAdminActions,.engineDownloadHead,.engineSectionHead,.enginePublicReleaseTop,.adminCardHead,.adminMemberTop,.adminReportItem,.adminToolbar,.adminMiniRow,.adminPanelHeaderRow,.adminMainHead,.studioToolbarTop,.studioActionRow,.composerMeta,.messageComposerBottom{display:grid !important;grid-template-columns:1fr !important;justify-items:stretch !important}
  .ctaRow .btn,.docsSearchRow .btn,.gameActionRow .btn,.gameAdminActions .btn,.enginePublicReleaseTop .btn,.adminToolbar .btn,.adminMiniRow .btn,.messageComposerBottom .btn{width:100% !important}
  .searchWrap,.studioSearchWrap,.gameSearchWrap{width:100% !important}
  .mediaCard .mediaStack,.gameCoverStack{grid-template-columns:1fr !important}
  .mediaThumb,.gameCoverThumb{min-height:190px}
  .engineViewport{min-height:210px}
  .engineViewportBody{min-height:168px}
  .forumHeroClassic{display:grid !important}
  .forumClassicStats,.forumBranchTabs,.forumTopicSubline,.forumAttachmentMeta,.forumModerationActions{justify-content:flex-start !important}
  .forumTopicRowClassic,.forumListHead{grid-template-columns:1fr !important}
  .forumListHead{display:none !important}
  .forumTopicCellStats,.forumTopicCellLast{margin-left:0 !important}
  .forumPostClassic{grid-template-columns:1fr !important}
  .forumPostClassicSide{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
  .forumUploadTop,.forumUploadSelected,.forumUploadProgressInfo{display:grid !important;grid-template-columns:1fr !important}
  .forumUploadClear,.forumUploadTop .btn{width:100% !important}
  .messageList{max-height:none !important;min-height:42vh}
  .messageBubble{max-width:100% !important}
  .modalBack{padding:10px !important}
  .modalWin{width:100% !important;max-height:calc(100dvh - 20px) !important}
}
@media (max-width:560px){
  .wrap,.shell{padding-left:10px !important;padding-right:10px !important}
  .topbar,.topBar,.top{padding:8px !important}
  .navActions{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important}
  .navActions .chip{grid-column:1/-1}
  .navActions form{width:100% !important}
  .navActions .btn,.navActions form .btn{width:100% !important}
  .h1,h1,.engineHeroTitle,.gameHeroTitle,.forumClassicTitle{font-size:30px !important}
  .heroMain,.cardSide,.gameHeroPanel,.gameAdminCard,.gameListShell,.docsHeroCard,.docsEditor,.chatPanel,.forumHeroClassic,.forumSection,.adminSidebarShell,.adminTopCard,.adminMainShell{padding:14px !important;border-radius:14px !important}
  .btn,.btnPrimary,.cta,.ghostBtn,.link,.chip,.forumBranchChip,.friendMiniBtn,.stickerBtn,.securityBadge,.gameSortBtn,.fileFieldBtn,.searchClear,.studioTabBtn,.tabBtn,.filterBtn,.adminNavBtn,button[type="submit"],button[type="button"]{width:100% !important;justify-content:center !important}
  .searchWrap .searchClear,.studioSearchWrap .searchClear,.gameSearchWrap .searchClear{width:auto !important;min-width:72px !important}
  .topBar .btn{width:100% !important;min-width:0 !important}
  .navMain .link,.forumBranchTabs .forumBranchChip,.engineHeroTags .pill,.gameHeroMeta .pill{width:auto !important}
  .forumPostClassicSide{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;padding:14px !important}
  .forumAvatarClassic{width:52px !important;height:52px !important}
  .engineDownloadMeta span,.gameMetaChip,.forumTopicTitleClassic,.forumFileTitle,.adminMemberSub span{white-space:normal !important;overflow-wrap:anywhere !important}
  .engineEmptyState,.forumFileCard{display:grid !important;grid-template-columns:1fr !important}
  .chatHeader,.chatHeaderActions{display:grid !important;grid-template-columns:1fr !important}
  .messageTiny{display:grid !important;grid-template-columns:1fr !important}
}
@media (max-width:900px){
  .topbar{position:sticky !important;top:0 !important;z-index:80 !important;margin:0 -2px 12px !important;padding:8px !important;border-radius:0 0 14px 14px !important;background:linear-gradient(180deg,rgba(5,12,26,.98),rgba(4,9,21,.92)) !important;box-shadow:0 12px 30px rgba(0,0,0,.30) !important}
  .brand{display:grid !important;grid-template-columns:1fr !important;gap:8px !important}
  .brandMark{height:34px !important;width:max-content !important;max-width:100% !important}
  .logoOrb{width:12px !important;height:12px !important}
  .brandName{font-size:12px !important;padding:7px 10px !important}
  .navlinks{display:grid !important;grid-template-columns:1fr !important;gap:7px !important;padding:7px !important;border-radius:12px !important;overflow:hidden !important}
  .navMain,.navActions{display:flex !important;width:100% !important;gap:7px !important;overflow:auto hidden !important;scroll-snap-type:x proximity !important}
  .navMain > *,.navActions > *{flex:0 0 auto !important;scroll-snap-align:start}
  .navActions form{flex:0 0 auto !important;width:auto !important}
  .link,.navActions .btn,.navActions form .btn,.navActions .chip,.devengine-lang-switcher{min-height:36px !important;padding:7px 10px !important;font-size:12px !important;border-radius:10px !important}
  .btnPrimary{min-height:38px !important}
  .devengine-lang-switcher{width:auto !important;min-width:150px !important;justify-content:flex-start !important}
  .devengine-lang-select{min-height:28px !important;min-width:72px !important}
}
@media (max-width:560px){
  .topbar{margin:0 -2px 10px !important;padding:7px !important}
  .navActions{display:flex !important;grid-template-columns:none !important;overflow:auto hidden !important}
  .navActions .chip{grid-column:auto !important;max-width:220px !important}
  .navActions .btn,.navActions form .btn{width:auto !important;min-width:78px !important}
  .devengine-lang-switcher{min-width:138px !important}
}
@media (max-width:900px){
  .topbar{padding:6px !important}
  .brand{gap:6px !important}
  .brandMark{height:30px !important}
  .brandName{font-size:12px !important;padding:6px 9px !important}
  .navlinks{gap:5px !important;padding:5px !important}
  .navMain,.navActions{gap:5px !important}
  .link,.navActions .btn,.navActions form .btn,.navActions .chip{min-height:32px !important;padding:6px 9px !important;font-size:12px !important}
  .devengine-lang-switcher{min-height:32px !important;height:32px !important;padding:4px 8px !important}
  .devengine-lang-select{min-height:24px !important}
}
@media (min-width:600px) and (max-width:900px){
  .brand{grid-template-columns:auto minmax(0,1fr) !important;align-items:start !important}
  .navlinks{min-width:0 !important}
}
@media (max-width:900px){
  .wrap{padding-top:calc(var(--topbar-offset,108px) + 12px) !important}
  .topbar{position:fixed !important;top:0 !important;left:12px !important;right:12px !important;width:auto !important;max-width:none !important;margin:0 !important;z-index:1000 !important}
  .topbar.isNavHidden{transform:translateY(calc(-100% - 12px)) !important;opacity:0 !important;pointer-events:none !important}
}
@media (max-width:560px){
  .wrap{padding-top:calc(var(--topbar-offset,138px) + 10px) !important}
  .topbar{left:10px !important;right:10px !important}
}