/* Тугарин: in-place account management. Original emblem, status and
   author's caption are deliberately unchanged. All selectors are scoped. */
#settings-screen .settings-account-art-actions.tg-account-accordion {
  width:92%!important;
  margin:28px auto 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  min-width:0!important;
}
#settings-screen .tg-account-accordion .tg-account-fold {
  position:relative;
  min-width:0;
  border:1px solid rgba(202,173,113,.66);
  background:linear-gradient(180deg,rgba(54,45,32,.47),rgba(17,15,13,.82));
  color:#d2b983;
  box-shadow:inset 0 0 0 1px rgba(212,185,131,.06);
  overflow:hidden;
}
#settings-screen .tg-account-accordion .tg-account-fold[open] {
  border-color:rgba(222,193,132,.85);
  background:linear-gradient(180deg,rgba(44,36,27,.72),rgba(16,14,13,.94));
}
#settings-screen .tg-account-accordion .tg-account-fold-heading {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  min-height:57px;
  padding:12px 14px;
  color:#d1b57a;
  font:400 clamp(15px,3.8vw,20px)/1.18 'Old Standard TT',Georgia,serif;
  letter-spacing:.01em;
  text-align:left;
  cursor:pointer;
}
#settings-screen .tg-account-accordion .tg-account-fold-heading::-webkit-details-marker{display:none}
#settings-screen .tg-account-accordion .tg-account-fold-heading::after{
  content:"⌄";
  display:block;
  flex:0 0 auto;
  font:400 25px/1 Georgia,serif;
  color:#bf9d63;
  transition:transform .15s ease;
}
#settings-screen .tg-account-accordion .tg-account-fold[open]>.tg-account-fold-heading::after{
  transform:rotate(180deg);
}
#settings-screen .tg-account-accordion .tg-account-fold-heading:focus-visible{
  outline:2px solid #d8ba78;outline-offset:-3px;
}
#settings-screen .tg-account-accordion .tg-account-fold-body{
  padding:12px 14px 17px;
  border-top:1px solid rgba(175,144,89,.36);
  min-width:0;
  overflow-wrap:break-word;
  font:400 clamp(15px,3.65vw,19px)/1.35 'Old Standard TT',Georgia,serif;
  color:#d6c39a;
}
#settings-screen .tg-account-accordion .tg-account-note{
  margin:8px 0 12px!important;
  color:#c9b590;
  font-size:inherit!important;
  line-height:1.32!important;
  overflow-wrap:anywhere;
}
#settings-screen .tg-account-accordion .tg-account-tier-title,
#settings-screen .tg-account-accordion .tg-account-group-title{
  color:#d8bd84;
  font-family:'Monomakh Unicode','Old Standard TT',serif;
  font-size:clamp(16px,4vw,20px)!important;
  margin:16px 0 8px!important;
}
#settings-screen .tg-account-accordion .tg-account-period{
  padding:8px 0;
  border-top:1px solid rgba(183,147,89,.27);
  border-bottom:1px solid rgba(183,147,89,.27);
  color:#dfc893;
}
#settings-screen .tg-account-accordion .tg-account-warning {
  color:#e0c493;
}
#settings-screen .tg-account-accordion .tg-account-feedback{
  min-height:0;
  margin:7px 0!important;
  color:#e0cb9b;
  font-size:clamp(13px,3.2vw,16px)!important;
}
#settings-screen .tg-account-accordion .tg-account-detail{
  display:flex;
  gap:10px;
  align-items:start;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid rgba(174,141,84,.24);
  font-size:clamp(14px,3.4vw,17px);
}
#settings-screen .tg-account-accordion .tg-account-detail>span{
  flex:0 1 42%;
  color:#b7a07b;
}
#settings-screen .tg-account-accordion .tg-account-detail>strong{
  min-width:0;flex:1;
  font-weight:400;
  text-align:right;
  overflow-wrap:anywhere;
  color:#e2cfa4;
}
#settings-screen .tg-account-accordion .tg-account-inline-button{
  appearance:none;
  display:block;
  width:100%;
  max-width:100%;
  min-height:43px;
  margin:12px 0 5px;
  padding:10px 12px;
  border:1px solid rgba(202,173,113,.65);
  border-radius:0;
  background:linear-gradient(180deg,rgba(58,47,32,.49),rgba(15,14,13,.72));
  box-shadow:inset 0 0 0 1px rgba(227,193,136,.08);
  color:#dbc18c;
  font:400 clamp(14px,3.5vw,18px)/1.25 'Old Standard TT',Georgia,serif;
  text-align:center;
  white-space:normal;
  cursor:pointer;
}
#settings-screen .tg-account-accordion .tg-account-inline-button:hover{
  border-color:#dbbd80;background-color:rgba(222,184,114,.08);
}
#settings-screen .tg-account-accordion .tg-account-inline-button:focus-visible{
  outline:2px solid #e0c58a;outline-offset:2px;
}
#settings-screen .tg-account-accordion .tg-account-inline-button:disabled{
  opacity:.52;cursor:default;
}
#settings-screen .tg-account-accordion .tg-account-inline-button.danger{
  border-color:rgba(169,122,95,.7);
  color:#d1a88e;
}
#settings-screen .tg-account-accordion .tg-account-benefits{
  margin:7px 0 14px;
  padding-left:20px;
  color:#d6c39a;
}
#settings-screen .tg-account-accordion .tg-account-benefits li{
  margin:4px 0;
}
#settings-screen .tg-account-accordion .tg-account-upgrade{
  margin:11px 0 0;
  padding:10px 11px;
  border:1px solid rgba(174,141,84,.35);
  background:rgba(0,0,0,.1);
}
#settings-screen .tg-account-accordion .tg-account-upgrade>strong{
  display:block;
  color:#d8bd84;
  font-weight:400;
  font-size:clamp(17px,4vw,21px);
}
#settings-screen .tg-account-accordion .tg-account-topics{
  display:flex;flex-direction:column;
  gap:5px;
}
#settings-screen .tg-account-accordion .tg-account-topics label,
#settings-screen .tg-account-accordion .tg-account-email-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  min-width:0;
  border-bottom:1px solid rgba(170,142,87,.22);
  font-size:clamp(14px,3.4vw,18px);
  color:#cdb88f;
}
#settings-screen .tg-account-accordion input[type="checkbox"]{
  appearance:auto!important;
  accent-color:#c8aa73;
  width:20px;height:20px;
  min-width:20px;
  flex:0 0 auto;
}
#settings-screen .tg-account-accordion>.tg-account-inline-button{
  margin:11px 0 0!important;
  min-height:51px;
}
@media(max-width:350px){
 #settings-screen .settings-account-art-actions.tg-account-accordion{width:94%!important}
 #settings-screen .tg-account-accordion .tg-account-fold-heading{padding:10px 11px;min-height:52px}
 #settings-screen .tg-account-accordion .tg-account-fold-body{padding:10px 11px 13px}
}


/* Account Chronicle-inspired visual refresh (2026-10-30).
   Only this panel changes. Original status artwork and content are preserved. */
#settings-screen .settings-account-scrollbar,
#settings-screen .settings-account-scrollbar-thumb {
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#settings-screen .settings-account-scroll-viewport {
  left:4.4%!important;
  right:4.4%!important;
  top:4.8%!important;
  bottom:5.8%!important;
  padding:0 1.5% 2% 1.5%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#settings-screen .settings-account-scroll-viewport::-webkit-scrollbar {
  display:none!important;width:0!important;height:0!important;
}
#settings-screen .settings-account-scroll-inner {
  padding:36px 0 24px!important;
}
#settings-screen .settings-account-art-hero {
  position:relative!important;
  isolation:isolate;
}
/* In the actual emblem box, never against the whole title/description:
   upper open arcs stop before the rank title at every supported width. */
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap {
  isolation:isolate;
  z-index:1!important;
}
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap .tg-account-orbit {
  position:absolute!important;
  display:block!important;
  top:0!important;
  left:50%!important;
  width:170%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:440 / 270!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip-path:inset(0 0 15% 0);
  opacity:.78!important;
}
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .settings-status-icon,
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .settings-status-icon-fallback {
  z-index:1!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-title,
#settings-screen .settings-account-art-hero > .settings-account-art-description {
  position:relative;
  z-index:2;
}
#settings-screen .settings-account-art-description {
  margin-top:21px!important;
}
#settings-screen .settings-account-art-actions.tg-account-accordion {
  width:98%!important;
  max-width:none!important;
  margin:27px auto 0!important;
  gap:12px!important;
}
#settings-screen .tg-account-accordion .tg-account-fold {
  position:relative;
  border:1px solid rgba(170,139,82,.78);
  border-radius:0;
  overflow:visible;
  color:#d9bf8a;
  background:linear-gradient(115deg,rgba(37,32,25,.89),rgba(19,18,16,.96) 65%,rgba(35,28,21,.91));
  box-shadow:inset 0 0 0 3px rgba(10,9,7,.92),
             inset 0 0 0 4px rgba(160,129,74,.35),
             0 4px 12px rgba(0,0,0,.13);
  transition:border-color .16s ease,box-shadow .16s ease;
}
#settings-screen .tg-account-accordion .tg-account-fold[open],
#settings-screen .tg-account-accordion .tg-account-fold:hover {
  border-color:rgba(222,189,122,.86);
  background:linear-gradient(115deg,rgba(42,35,27,.93),rgba(20,18,16,.96) 68%,rgba(36,29,21,.92));
}
#settings-screen .tg-account-accordion .tg-account-fold[open] {
  box-shadow:inset 0 0 0 3px rgba(10,9,7,.92),
             inset 0 0 0 4px rgba(192,154,87,.47),
             0 0 13px rgba(186,147,77,.10);
}
#settings-screen .tg-account-accordion .tg-account-fold-heading {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:initial;
  gap:clamp(7px,2.2vw,12px);
  box-sizing:border-box;
  min-height:73px;
  padding:14px clamp(12px,2.8vw,22px);
  font:400 clamp(13px,3.35vw,17px)/1.18 'Old Standard TT',Georgia,serif;
  letter-spacing:.012em;
  text-align:left;
  color:#e0c58e;
}
#settings-screen .tg-account-accordion .tg-account-fold-heading::after{
  content:none!important;
  display:none!important;
}
#settings-screen .tg-account-accordion .tg-account-fold-heading::marker{content:"";}
#settings-screen .tg-account-accordion .tg-account-menu-icon {
  display:block;
  width:clamp(29px,8vw,38px);
  height:clamp(29px,8vw,38px);
  flex:0 0 clamp(29px,8vw,38px);
  color:#d2ad6c;
  filter:drop-shadow(0 0 3px rgba(211,172,95,.13));
}
#settings-screen .tg-account-accordion .tg-account-icon-divider {
  display:block;
  position:relative;
  flex:0 0 1px;
  height:32px;
  background:linear-gradient(180deg,transparent,rgba(182,143,77,.8),transparent);
  margin:0 5px 0 2px;
}
#settings-screen .tg-account-accordion .tg-account-icon-divider::after {
  content:"";
  position:absolute;
  left:-3px;
  top:calc(50% - 3.5px);
  width:7px;
  height:7px;
  transform:rotate(45deg);
  background:#d8b778;
  box-shadow:0 0 0 2px #1c1813;
}
#settings-screen .tg-account-accordion .tg-account-fold-label {
  display:block;
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:normal;
  hyphens:none;
}
#settings-screen .tg-account-accordion .tg-account-fold-chevron {
  display:block;
  flex:0 0 9px;
  width:9px;
  height:9px;
  margin:0 3px 4px 5px;
  border-right:2px solid #d3ae73;
  border-bottom:2px solid #d3ae73;
  transform:rotate(45deg);
  transition:transform .16s ease,margin .16s ease;
}
#settings-screen .tg-account-accordion .tg-account-fold[open]>.tg-account-fold-heading .tg-account-fold-chevron {
  margin-top:6px;
  margin-bottom:0;
  transform:rotate(225deg);
}
#settings-screen .tg-account-accordion .tg-account-card-corner {
  position:absolute;
  z-index:2;
  display:block;
  width:8px;
  height:8px;
  box-sizing:border-box;
  background:#cba566;
  border:1px solid #f0d19a;
  transform:rotate(45deg);
  pointer-events:none;
  box-shadow:0 0 0 2px #14110f;
}
#settings-screen .tg-account-accordion .tg-account-card-corner::after {
  content:"";
  position:absolute;
  inset:2px;
  background:#32291d;
}
#settings-screen .tg-account-accordion .tg-account-card-corner.tl{top:-4px;left:-4px}
#settings-screen .tg-account-accordion .tg-account-card-corner.tr{top:-4px;right:-4px}
#settings-screen .tg-account-accordion .tg-account-card-corner.bl{bottom:-4px;left:-4px}
#settings-screen .tg-account-accordion .tg-account-card-corner.br{bottom:-4px;right:-4px}
#settings-screen .tg-account-accordion .tg-account-fold-body {
  margin:0 4px 4px;
  padding:13px clamp(12px,3vw,18px) 16px;
  border-top:1px solid rgba(173,141,82,.32);
  color:#dac7a0;
}
#settings-screen .tg-account-accordion .tg-account-detail:last-of-type {
  border-bottom-color:rgba(174,141,84,.16);
}
@media(max-width:360px){
  #settings-screen .settings-account-scroll-viewport{left:3.4%!important;right:3.4%!important;padding-left:1.5%!important;padding-right:1.5%!important}
  #settings-screen .settings-account-scroll-inner{padding-top:31px!important}
  #settings-screen .tg-account-accordion .tg-account-fold-heading{min-height:69px;padding:11px 12px;gap:7px;font-size:clamp(12.5px,3.6vw,14px)}
  #settings-screen .tg-account-accordion .tg-account-icon-divider{margin-right:3px;margin-left:0}
  #settings-screen .tg-account-accordion .tg-account-fold-chevron{margin-left:2px}
}
@media(prefers-reduced-motion:reduce){
  #settings-screen .tg-account-accordion .tg-account-fold,
  #settings-screen .tg-account-accordion .tg-account-fold-chevron{transition:none!important}
}


/* Keep retired footer Back art out of every Settings subsection. */
#settings-screen .settings-account-back-image-button,
#settings-screen .settings-section-back {
  display:none!important;
}
#settings-screen .tg-account-accordion .tg-account-days {
  margin:13px 0 12px!important;
  color:#dcc18d;
  font:400 clamp(15px,3.55vw,19px)/1.35 'Old Standard TT',Georgia,serif!important;
  text-align:left;
}


/* 2026-10-30: quiet gold outlines, no painted rectangle or double decorative frame. */
#settings-screen .settings-account-art-actions.tg-account-accordion {
  gap:10px!important;
}
#settings-screen .tg-account-accordion .tg-account-fold,
#settings-screen .tg-account-accordion .tg-account-fold[open],
#settings-screen .tg-account-accordion .tg-account-fold:hover {
  border:1px solid rgba(188,153,91,.60);
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
#settings-screen .tg-account-accordion .tg-account-fold:hover,
#settings-screen .tg-account-accordion .tg-account-fold[open] {
  border-color:rgba(215,180,112,.86);
}
#settings-screen .tg-account-accordion .tg-account-fold-heading {
  min-height:56px;
  padding:9px clamp(12px,2.6vw,18px);
  gap:clamp(8px,2vw,12px);
}
#settings-screen .tg-account-accordion .tg-account-menu-icon {
  width:clamp(29px,7vw,34px);
  height:clamp(29px,7vw,34px);
  flex:0 0 clamp(29px,7vw,34px);
  filter:none;
}
#settings-screen .tg-account-accordion .tg-account-icon-divider {
  height:26px;
  opacity:.72;
}
#settings-screen .tg-account-accordion .tg-account-card-corner {
  display:none!important;
}
#settings-screen .tg-account-accordion .tg-account-fold-body {
  margin:0;
  padding:10px clamp(13px,3vw,20px) 17px;
  background:transparent!important;
  border-top:1px solid rgba(170,140,85,.24);
}
#settings-screen .tg-account-accordion .tg-account-upgrade {
  margin:12px 0 0;
  padding:13px clamp(11px,3vw,18px) 14px;
  background:transparent;
  border:1px solid rgba(176,144,85,.43);
}
#settings-screen .tg-account-accordion .tg-account-upgrade>strong {
  font-family:'Monomakh Unicode','Old Standard TT',Georgia,serif;
  letter-spacing:.025em;
}
#settings-screen .tg-account-accordion .tg-account-tier-price {
  margin:4px 0 8px!important;
  color:#c9aa70;
  font-size:clamp(14px,3.35vw,18px)!important;
}
#settings-screen .tg-account-accordion .tg-account-benefits {
  margin:8px 0 13px;
  padding:0;
  list-style:none;
}
#settings-screen .tg-account-accordion .tg-account-benefits li {
  position:relative;
  margin:0;
  padding:6px 0 6px 17px;
  line-height:1.35;
  border-bottom:1px solid rgba(173,140,82,.16);
}
#settings-screen .tg-account-accordion .tg-account-benefits li::before {
  content:"";
  position:absolute;
  top:calc(.68em + 5px);
  left:2px;
  width:5px;
  height:5px;
  background:#c8a369;
  transform:rotate(45deg);
}
#settings-screen .tg-account-accordion .tg-account-benefits li:last-child {
  border-bottom:0;
}
#settings-screen .tg-account-accordion .tg-account-guardian-copy {
  margin:12px 0!important;
  line-height:1.48!important;
}
#settings-screen .tg-account-accordion .tg-account-guardian-copy:last-child {
  color:#e6cc94;
  text-align:center;
  margin:16px 0 9px!important;
  font-style:italic;
}
@media(max-width:360px){
  #settings-screen .tg-account-accordion .tg-account-fold-heading{min-height:54px;padding:9px 11px}
}

/* Tier cards: original game status PNGs, quiet thin-gold hairlines and curated text accents. */
#settings-screen .tg-account-accordion .tg-account-tier-card{
  position:relative;
  display:block;
  min-width:0;
  margin:14px 0 19px;
  padding:clamp(13px,3.4vw,23px);
  border:1px solid rgba(188,153,91,.58);
  background:rgba(22,19,15,.12);
  box-shadow:none;
}
#settings-screen .tg-account-accordion .tg-account-upgrade.tg-account-tier-card {
  background:rgba(22,19,15,.12);
  border:1px solid rgba(188,153,91,.58);
  padding:clamp(13px,3.4vw,23px);
}
#settings-screen .tg-account-accordion .tg-account-tier-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(4px,1vw,11px);
  padding:4px 0 9px;
  min-width:0;
}
#settings-screen .tg-account-accordion .tg-account-tier-emblem{
  display:block;
  flex:0 0 clamp(128px,31%,218px);
  width:clamp(128px,31%,218px);
  height:auto;
  aspect-ratio:1/1;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 0 9px rgba(198,150,78,.19));
}
#settings-screen .tg-account-accordion .tg-account-tier-head-copy{
  flex:0 1 auto;
  min-width:0;
  text-align:center;
  overflow-wrap:break-word;
}
#settings-screen .tg-account-accordion .tg-account-tier-kicker{
  color:#a88d62;
  font:400 clamp(9px,2.45vw,11px)/1.2 'Old Standard TT',Georgia,serif;
  letter-spacing:.11em;
}
#settings-screen .tg-account-accordion .tg-account-tier-heading{
  color:#e8ca8c;
  font:400 clamp(23px,5.5vw,39px)/1.15 'Monomakh Unicode','Old Standard TT',Georgia,serif;
  letter-spacing:.025em;
  font-weight:400;
  margin:5px 0 6px;
  overflow-wrap:anywhere;
}
#settings-screen .tg-account-accordion .tg-account-tier-head .tg-account-tier-price{
  color:#d9b778;
  font:400 clamp(18px,4vw,26px)/1.2 'Old Standard TT',Georgia,serif!important;
  margin:5px 0 0!important;
}
#settings-screen .tg-account-accordion .tg-account-tier-break {
  display:flex;
  align-items:center;
  gap:12px;
  margin:13px 0 14px;
}
#settings-screen .tg-account-accordion .tg-account-tier-break::before,
#settings-screen .tg-account-accordion .tg-account-tier-break::after{
  content:"";
  display:block;
  flex:1;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(192,156,93,.46));
}
#settings-screen .tg-account-accordion .tg-account-tier-break::after{transform:scaleX(-1)}
#settings-screen .tg-account-accordion .tg-account-tier-break i{
  flex:0 0 7px;
  height:7px;
  background:#d5af70;
  transform:rotate(45deg);
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-benefits{
  margin:0;
  padding:0;
  list-style:none;
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-benefits li{
  font:400 clamp(14px,3.35vw,18px)/1.42 'Old Standard TT',Georgia,serif;
  padding:9px 1px 9px 20px;
  margin:0;
  color:#cdb993;
  border-bottom:1px solid rgba(176,142,83,.14);
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-benefits li::before{
  top:calc(0.71em + 6px);
  left:3px;
  width:6px;
  height:6px;
  background:#c9a467;
  box-shadow:none;
  border:0;
  transform:rotate(45deg);
}
#settings-screen .tg-account-accordion .tg-account-benefit-focus{
  color:#efd39e;
  font-weight:700;
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-guardian-copy{
  margin:13px 0!important;
  font:400 clamp(16px,3.7vw,21px)/1.6 'Old Standard TT',Georgia,serif!important;
  color:#d5c19d;
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-guardian-copy:last-child{
  margin:18px 0 6px!important;
  text-align:center;
  font-style:italic;
}
#settings-screen .tg-account-accordion .tg-account-tier-card .tg-account-inline-button{
  margin:18px 0 0;
  background:transparent!important;
}
#settings-screen .tg-account-accordion .tg-notify-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  border-bottom:1px solid rgba(190,151,85,.42);
  margin:4px 0 20px;
}
#settings-screen .tg-account-accordion .tg-notify-tab{
  position:relative;
  min-width:0;
  border:0;
  border-radius:0;
  color:#b3a07d;
  background:transparent!important;
  padding:11px 2px 14px;
  font:400 clamp(13px,3.2vw,18px)/1.25 'Old Standard TT',Georgia,serif;
  cursor:pointer;
}
#settings-screen .tg-account-accordion .tg-notify-tab[aria-selected="true"]{color:#eed29b}
#settings-screen .tg-account-accordion .tg-notify-tab[aria-selected="true"]::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:14%;
  right:14%;
  height:2px;
  background:#c9a469;
}
#settings-screen .tg-account-accordion .tg-notify-tab:focus-visible{
  outline:2px solid #c9a469;
  outline-offset:-3px;
}
#settings-screen .tg-account-accordion .tg-notify-channel[hidden]{display:none!important}
#settings-screen .tg-account-accordion .tg-notify-channel>.tg-account-group-title{margin-top:3px!important}
@media (max-width:380px){
  #settings-screen .tg-account-accordion .tg-account-tier-head{
    gap:3px;
  }
  #settings-screen .tg-account-accordion .tg-account-tier-emblem{
    flex-basis:clamp(78px,27vw,110px);
    width:clamp(78px,27vw,110px);
  }
  #settings-screen .tg-account-accordion .tg-account-tier-heading{font-size:clamp(20px,5.5vw,26px)}
  #settings-screen .tg-account-accordion .tg-account-tier-kicker{font-size:9px;letter-spacing:.055em}
  #settings-screen .tg-account-accordion .tg-account-tier-card{padding:12px}
}


/* 2026-10-30 final hero composition.
   The original heraldic PNG stays central; the ornamental braid is placed
   immediately below it instead of occupying the entire upper screen. */
#settings-screen .settings-account-art-hero {
  gap:0!important;
  align-items:center!important;
  margin:0 auto!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap {
  width:min(59vw,282px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  flex:0 0 auto!important;
  margin:0 auto 0!important;
}
#settings-screen .settings-account-art-hero > .tg-account-knotwork {
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:min(84%,330px)!important;
  max-width:330px!important;
  height:auto!important;
  aspect-ratio:4/1!important;
  margin:-12px auto -11px!important;
  overflow:visible!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:2!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-title {
  margin:5px auto 0!important;
  padding:0!important;
  position:relative!important;
  z-index:3!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-description {
  margin:25px auto 0!important;
}
#settings-screen .settings-account-art-hero > .tg-account-orbit { display:none!important; }
/* The player's highest active status should be the clear welcome to the
   Subscription accordion, not a tiny text-only label above upgrade boxes. */
#settings-screen .tg-account-accordion .tg-account-current.tg-account-tier-card {
  margin-top:2px!important;
  border-color:rgba(194,159,98,.69)!important;
}
#settings-screen .tg-account-accordion .tg-account-current .tg-account-tier-heading {
  font-size:clamp(25px,6.1vw,40px)!important;
}
#settings-screen .tg-account-accordion .tg-account-current .tg-account-tier-emblem {
  filter:drop-shadow(0 0 12px rgba(198,150,78,.26))!important;
}
#settings-screen .tg-account-accordion .tg-account-benefit-focus {
  font-weight:700!important;
}
@media(max-width:390px){
  #settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap {
    width:min(66vw,265px)!important;
  }
  #settings-screen .settings-account-art-hero > .tg-account-knotwork {
    width:90%!important;
    margin:-10px auto -8px!important;
  }
  #settings-screen .tg-account-accordion .tg-account-current .tg-account-tier-heading {
    font-size:clamp(23px,6vw,31px)!important;
  }
}


/* 2026-10-30: top-aligned rank hero. No artificial black strip above artwork.
   The crest stays the original PNG, surrounded by a thin in-place heraldic frame. */
#settings-screen .settings-account-scroll-viewport {
  top:.9%!important;
}
#settings-screen .settings-account-scroll-inner {
  padding-top:0!important;
  min-height:0!important;
}
#settings-screen .settings-account-art-hero {
  margin:clamp(-58px,-10vw,-30px) auto 0!important;
  padding-top:0!important;
  justify-content:flex-start!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap {
  position:relative!important;
  width:min(64vw,286px)!important;
  aspect-ratio:1!important;
  overflow:visible!important;
  isolation:isolate;
  margin:0 auto 0!important;
}
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .tg-account-knotwork {
  display:block!important;
  position:absolute!important;
  width:145%!important;
  height:auto!important;
  max-width:none!important;
  aspect-ratio:1!important;
  top:50%!important;
  left:50%!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
  overflow:visible!important;
  opacity:.77!important;
  z-index:0!important;
}
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .settings-status-icon,
#settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .settings-status-icon-fallback {
  position:absolute!important;
  z-index:1!important;
}
#settings-screen .settings-account-art-hero > .tg-account-knotwork,
#settings-screen .settings-account-art-hero > .tg-account-orbit {
  display:none!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-title {
  margin:-4px auto 0!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-description {
  margin:21px auto 0!important;
}
#settings-screen .settings-account-art-actions.tg-account-accordion {
  margin:18px auto 0!important;
}
/* Current owners see their emblem and status compactly, while upgrade cards
   hold only additional privileges. New players still see full tier lists. */
#settings-screen .tg-account-accordion .tg-account-current .tg-account-tier-head{
  min-height:80px;
}
#settings-screen .tg-account-accordion .tg-account-current .tg-account-tier-emblem{
  flex:0 0 clamp(95px,28%,147px)!important;
  width:clamp(95px,28%,147px)!important;
}
#settings-screen .tg-account-accordion .tg-account-upgrade-benefits{
  margin:0!important;
}
#settings-screen .tg-account-accordion .tg-account-group-title{
  line-height:1.3!important;
}
@media(max-width:390px){
  #settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap{
    width:min(62vw,255px)!important;
  }
  #settings-screen .settings-account-art-hero{
    margin-top:-35px!important;
  }
  #settings-screen .settings-account-art-hero .settings-account-art-icon.settings-status-icon-wrap > .tg-account-knotwork{
    width:142%!important;
  }
}


/* Account header follows the other Settings sections, with the original
   rank art directly underneath instead of a large empty upper strip. */
#settings-screen.tg-settings-native-modern #settings-content.settings-account-art-content{
  top:60px!important;
  bottom:55px!important;
}
#settings-screen .settings-account-art-content .settings-account-scroll-inner{
  padding-top:0!important;
}
/* Exact heading treatment of "Записи" (records-modern.css .tg-r-head h1).
   This isolated native Settings surface does not inherit the Records tokens. */
#settings-screen .settings-account-art-content .tg-account-page-heading{
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
  width:100%!important;
  color:#d2b983!important;
  font-family:'Monomakh Unicode',serif!important;
  font-size:clamp(32px,8.3vw,37px)!important;
  font-weight:400!important;
  font-style:normal!important;
  font-synthesis:none!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
#settings-screen .settings-account-art-content .tg-account-page-rule{
  display:block!important;
  position:relative!important;
  width:78%!important;
  max-width:400px!important;
  height:1px!important;
  padding:0!important;
  margin:7px auto 8px!important;
  background:linear-gradient(90deg,transparent,#806b48 24%,#b49b64 50%,#806b48 76%,transparent)!important;
  opacity:.72!important;
  pointer-events:none!important;
}
#settings-screen .settings-account-art-content .tg-account-page-rule::after{
  content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;
  border:1px solid #a28b65;background:#1b1917;
  transform:translateX(-50%) rotate(45deg);
}
/* The original rank crest remains centered without generated side ornaments. */
#settings-screen .settings-account-art-hero{
  --tg-account-crest-size:min(60vw,274px);
  position:relative!important;
  isolation:isolate;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap{
  position:relative!important;
  width:var(--tg-account-crest-size)!important;
  height:auto!important;
  aspect-ratio:1!important;
  margin:0 auto!important;
  z-index:2!important;
  overflow:visible!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-icon.settings-status-icon-wrap > .tg-account-knotwork,
#settings-screen .settings-account-art-hero > .tg-account-knotwork,
#settings-screen .settings-account-art-hero > .tg-account-orbit{
  display:none!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-title{
  position:relative!important;
  z-index:3!important;
  margin:10px auto 0!important;
}
#settings-screen .settings-account-art-hero > .settings-account-art-description{
  position:relative!important;
  z-index:3!important;
  margin:21px auto 0!important;
}
#settings-screen .settings-account-scroll-viewport{
  top:0!important;
  padding-top:0!important;
  scroll-padding-top:0;
}
@media(max-width:390px){
  #settings-screen .settings-account-art-hero{
    --tg-account-crest-size:min(58vw,246px);
    margin:0 auto!important;
    padding-top:0!important;
  }
}
/* Current rank: a single compact, fully clickable disclosure below the
   original gold divider and rhombus. Closed by default. */
#settings-screen .tg-account-accordion .tg-account-current-benefits{
  margin:4px 0 0;
  padding:0;
  border:0;
}
#settings-screen .tg-account-accordion .tg-account-current-benefits-toggle{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:46px;
  padding:7px 2px 8px;
  color:#e1c48c;
  font:400 clamp(16px,3.7vw,21px)/1.3 'Old Standard TT',Georgia,serif;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#settings-screen .tg-account-accordion .tg-account-current-benefits-toggle::-webkit-details-marker{
  display:none;
}
#settings-screen .tg-account-accordion .tg-account-current-benefits-toggle:focus-visible{
  outline:1px solid #d9b678;
  outline-offset:3px;
}
#settings-screen .tg-account-accordion .tg-account-current-benefits-chevron{
  display:block;
  flex:0 0 10px;
  width:10px;
  height:10px;
  border-right:1.7px solid currentColor;
  border-bottom:1.7px solid currentColor;
  transform:translateY(-3px) rotate(45deg);
  transition:transform .2s ease;
}
#settings-screen .tg-account-accordion .tg-account-current-benefits[open] .tg-account-current-benefits-chevron{
  transform:translateY(3px) rotate(225deg);
}
#settings-screen .tg-account-accordion .tg-account-current-benefits-body{
  padding:7px 0 2px;
  border-top:1px solid rgba(177,144,86,.28);
}
#settings-screen .tg-account-accordion .tg-account-current-benefits[open] .tg-account-current-benefits-body{
  animation:tg-account-benefits-appear .18s ease-out both;
}
@keyframes tg-account-benefits-appear {
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
 #settings-screen .tg-account-accordion .tg-account-current-benefits-chevron{transition:none}
 #settings-screen .tg-account-accordion .tg-account-current-benefits[open] .tg-account-current-benefits-body{animation:none}
}