.mode59 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 12px;
  background: #17171a;
  color: #e8e4dd;
  border-bottom: 1px solid #383335;
  font-size: 12px;
}
.mode59 button {
  min-height: 44px;
  padding: 8px 13px;
  border: 1px solid #5b5450;
  border-radius: 10px;
  background: #272429;
  color: #f0e7dc;
}
.mode59 strong {
  color: #dcc185;
}
.account59 {
  max-width: 540px;
  margin: 24px auto;
  padding: 24px;
  color: var(--text, #eee);
  background: var(--surface, #17171a);
  border: 1px solid var(--line, #393335);
  border-radius: 18px;
}
.account59 h1,
.world59 h1 {
  font-size: clamp(22px, 5vw, 32px);
  line-height: 1.45;
}
.account59 label,
.world59 label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0;
  font-size: 14px;
}
.account59 input,
.world59 input,
.world59 select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: 48px;
  border: 1px solid #665d56;
  border-radius: 10px;
  background: #18171b;
  color: #f5eee8;
  padding: 10px 12px;
  font-size: 16px;
}
.account59 button,
.world59 button,
.online59-offer button,
.online59-collection button {
  min-height: 44px;
  padding: 10px 14px;
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #5b5146;
  background: #302a23;
  color: #eee5d7;
  margin: 4px 0;
}
.account59 button:disabled,
.world59 button:disabled,
.online59-collection button:disabled {
  opacity: 0.5;
}
.account59 p,
.world59 p {
  font-size: 13px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.account59 small,
.world59 small {
  overflow-wrap: anywhere;
  display: block;
  line-height: 1.7;
  color: #aaa1a0;
}
.online59-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.world59,
.world59 * {
  min-width: 0;
}
.world59 h2 {
  font-size: 21px;
  margin: 24px 0 14px;
}
.world59 h3 {
  font-size: 17px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.online59-offer,
.online59-row,
.online59-note {
  border: 1px solid #554c40;
  background: #1c1a1d;
  border-radius: 14px;
  padding: 16px;
  margin: 14px 0;
}
.online59-row {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.online59-title {
  display: inline-block;
  max-width: 100%;
  line-height: 1.7;
  border: 1px solid var(--tier-color, #9c8867);
  border-radius: 8px;
  padding: 5px 9px;
  color: var(--tier-color, #d6c59b);
  overflow-wrap: anywhere;
}
.rank-1 {
  border-width: 2px;
  border-color: #d8b862;
}
.rank-2 {
  border-style: double;
  border-color: #b6c3d2;
}
.rank-3 {
  border-style: dashed;
  border-color: #b8825b;
}
.online59-collection {
  margin-top: 20px;
}
.account59 [role="alert"],
.world59 [role="alert"] {
  color: #f7b9ac;
  background: #38221f;
  padding: 12px;
  border-radius: 8px;
}
@media (max-width: 359px) {
  .account59 {
    margin: 12px;
    padding: 16px;
  }
  .mode59 {
    justify-content: stretch;
  }
  .mode59 button {
    flex: 1 1 90px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .world59 * {
    transition: none !important;
    animation: none !important;
  }
}
.online59-avatar{width:48px;height:48px;flex:0 0 48px;border:1px solid;border-radius:50%;display:grid;place-items:center;background:#242126}
.online59-avatar svg{width:27px;height:27px}
.rank-2{border-width:3px}
.rank-3{border-width:2px}
.security60{margin-block:24px;border-top:1px solid #36363c;padding-top:20px;overflow-wrap:anywhere}
.security60 details{margin-block:12px;padding:14px;border:1px solid #38383f;border-radius:14px;background:#19191e}
.security60 summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700}
.security60 pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;font-size:12px;background:#101014;padding:12px;border-radius:10px}
.security60 article{padding:12px;margin-block:10px;border:1px solid #34343b;border-radius:10px}
.account59 summary{min-height:44px;cursor:pointer}
.account59 input,.account59 select{max-width:100%;min-width:0;box-sizing:border-box;font-size:16px;min-height:44px}
.recovery60-code{border:1px solid #86bda5;border-radius:10px;padding:12px}

/* V6.1 mobile return/keyboard/safe areas */
.health61{max-width:900px;margin:8px auto;padding:10px 16px;box-sizing:border-box;color:#d4d8df;overflow-wrap:anywhere}.health61 button{min-height:44px;touch-action:manipulation;padding:10px 14px;border-radius:10px;background:#25262c;color:#f1f1f5;border:1px solid #484a52}.health61 small{display:block;margin-top:6px}.email61,.beta61{overflow-wrap:anywhere}.account59 textarea,.account59 select{width:100%;box-sizing:border-box;min-height:44px;font-size:16px;background:#17171d;color:#f3f3f5;border:1px solid #454550;border-radius:8px;padding:10px}.account59 input{scroll-margin-block:100px}.account59 label{display:block;margin-block:10px}.account59 input[type=checkbox]{width:24px;height:24px;min-height:24px;vertical-align:middle;margin:10px}.account59 details>summary{min-height:44px;display:flex;align-items:center}.account59{padding-bottom:max(24px,env(safe-area-inset-bottom))}[role=dialog]{max-height:calc(var(--cw-visual-height,100dvh) - 16px);overscroll-behavior-y:contain}input,textarea,select{font-size:max(16px,1em)}
.account59{padding-bottom:calc(max(24px,env(safe-area-inset-bottom)) + var(--cw-keyboard-inset,0px))}.account59 input,.account59 textarea,.account59 select{scroll-margin-bottom:calc(96px + var(--cw-keyboard-inset,0px))}