/* Aloha ID 0.24 — confident homepage, readable checkout and tropical night mode. */

:root {
  --focus-ring: rgba(15, 143, 139, .34);
  --night-bg: #07101f;
  --night-bg-deep: #050a15;
  --night-panel: #0d1a2c;
  --night-panel-soft: #111f34;
  --night-text: #f1fbff;
  --night-copy: #b5c7d5;
  --night-muted: #8298aa;
  --night-line: rgba(153, 221, 230, .14);
  --night-teal: #38e2d0;
  --night-coral: #ff7d61;
  --night-violet: #a678ff;
  --night-moon: #ffd36a;
}

.theme-toggle {
  display: inline-flex;
  min-width: 90px;
  min-height: 44px;
  padding: 0 14px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(73, 55, 35, .14);
  border-radius: 999px;
  color: #665b50;
  background: rgba(255, 255, 255, .58);
  font-family: var(--font-copy) !important;
  font-size: 12px !important;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(94, 61, 24, .07);
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.theme-toggle:hover {
  color: #2f2923;
  border-color: rgba(255, 126, 38, .34);
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(94, 61, 24, .11);
}

.theme-toggle-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #7b4a16;
  background: linear-gradient(145deg, #ffe57c, #ffb536);
  font: 16px/1 var(--font-copy);
  box-shadow: inset 0 1px rgba(255, 255, 255, .7);
}

:where(.home-page, .cabinet-page) :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 3px;
}

/* Homepage hierarchy */
.home-page .main-nav {
  gap: 13px;
  font-size: 12px;
}

.home-page .main-nav > a:first-child {
  min-height: 44px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  color: #675d52;
}

.home-page .main-nav .nav-rules {
  color: #9f4c1e;
}

.home-page .cabinet-link {
  min-height: 47px;
  padding-block: 0;
  font-size: 11px;
}

.home-page .home-nav-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid rgba(73,55,35,.12);
  border-radius: 15px;
  color: #655b51;
  background: rgba(255,255,255,.46);
  box-shadow: 0 8px 22px rgba(94,61,24,.055), inset 0 1px rgba(255,255,255,.65);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.home-page .home-nav-button:hover { opacity: 1; transform: translateY(-2px); border-color: rgba(37,170,157,.28); box-shadow: 0 13px 28px rgba(46,96,82,.1); }
.home-page .home-nav-icon { width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; color: #71401c; background: linear-gradient(145deg,#ffe07c,#ffad45); font: 700 10px/1 var(--font-game); }
.home-page .home-nav-button > span:last-child,.home-page .home-nav-button b,.home-page .home-nav-button small { display: block; }
.home-page .home-nav-button b { font: 400 8px/1.35 var(--font-game); white-space: nowrap; }
.home-page .home-nav-button small { margin-top: 3px; color: #877e75; font-size: 8px; font-weight: 750; white-space: nowrap; }
.home-page .main-nav .nav-wiki {
  position: relative;
  overflow: hidden;
  min-width: 158px;
  border-color: rgba(24,166,157,.28);
  color: #164945;
  background: radial-gradient(circle at 16% 0,rgba(62,222,205,.2),transparent 42%),linear-gradient(125deg,rgba(230,255,247,.9),rgba(239,250,202,.8));
  box-shadow: 0 11px 28px rgba(24,157,144,.13), inset 0 1px rgba(255,255,255,.8);
}
.home-page .nav-wiki::after { position: absolute; inset: -70% auto -70% -35%; width: 30%; content: ""; background: rgba(255,255,255,.5); transform: rotate(16deg); transition: left .45s ease; }
.home-page .nav-wiki:hover::after { left: 125%; }
.home-page .nav-wiki .home-nav-icon { color: #083d3b; background: linear-gradient(145deg,#4ce0d3,#caf26a); box-shadow: 0 5px 14px rgba(38,191,173,.22); }
.home-page .cabinet-link { border-radius: 15px; background: linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,245,222,.62)); box-shadow: 0 8px 22px rgba(94,61,24,.06); }
.home-page .cabinet-link i { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #b4541e; background: rgba(255,122,36,.1); font-style: normal; }
.home-page .cabinet-link b { font: 400 8px/1.35 var(--font-game); white-space: nowrap; }

html[data-theme="night"] .home-page .home-nav-button { border-color: var(--night-line); color: #b5c7d4; background: rgba(12,35,50,.72); box-shadow: 0 9px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03); }
html[data-theme="night"] .home-page .home-nav-icon { color: #ffd68a; background: linear-gradient(145deg,rgba(255,126,63,.3),rgba(255,193,73,.18)); }
html[data-theme="night"] .home-page .main-nav .nav-wiki { border-color: rgba(74,225,209,.3); color: #e9fffc; background: radial-gradient(circle at 12% 0,rgba(51,224,205,.2),transparent 45%),linear-gradient(120deg,rgba(9,83,88,.72),rgba(74,35,117,.58)); box-shadow: 0 12px 30px rgba(0,0,0,.24),0 0 30px rgba(55,215,198,.08); }
html[data-theme="night"] .home-page .nav-wiki small { color: #91bbb8; }
html[data-theme="night"] .home-page .nav-wiki .home-nav-icon { color: #062d2d; background: linear-gradient(145deg,#52e7d8,#caf476); }
html[data-theme="night"] .home-page .cabinet-link { background: linear-gradient(145deg,rgba(14,43,59,.86),rgba(24,37,65,.82)); }

@media (max-width: 1160px) {
  .home-page .main-nav { gap: 7px; }
  .home-page .home-nav-button { padding-inline: 9px; }
  .home-page .home-nav-button > span:last-child:not(.home-nav-icon) { display: none; }
  .home-page .main-nav .nav-wiki { min-width: 46px; width: 46px; padding: 0 10px; }
  .home-page .cabinet-link b { display: none; }
}

@media (max-width: 700px) {
  .home-page .main-nav .nav-wiki { display: inline-flex; }
  .home-page .main-nav .nav-rules { display: none; }
  .home-page .cabinet-link { width: 46px; padding: 0; justify-content: center; }
  .home-page .cabinet-link i { display: grid; }
  .home-page .cabinet-link span { display: none; }
}

@media (max-width: 430px) {
  .home-page .aloha-logo-image { width: min(42vw,145px); }
  .home-page .main-nav { min-width: 0; }
  .home-page .theme-toggle,.home-page .main-nav .nav-wiki,.home-page .cabinet-link { width: 42px; min-width: 42px; min-height: 42px; }
  .home-page .home-nav-icon,.home-page .cabinet-link i { width: 24px; height: 24px; }
}

.home-page .hero {
  min-height: calc(100vh - 152px);
  grid-template-columns: minmax(0, .93fr) minmax(510px, 1.07fr);
  gap: clamp(24px, 3vw, 52px);
  padding-block: 48px 62px;
}

.home-page .hero h1 {
  max-width: 720px;
  font-size: clamp(43px, 4.45vw, 68px);
  line-height: 1.2;
  letter-spacing: -.035em;
}

.home-page .hero-lead {
  max-width: 610px;
  margin: 24px 0 20px;
  color: #64594f;
  font-size: 16px;
  line-height: 1.68;
}

.home-page .hero-tags {
  margin-bottom: 22px;
}

.home-page .hero-tags span {
  min-height: 32px;
  padding: 8px 11px;
  display: inline-flex;
  align-items: center;
  color: #6d6054;
  font-family: var(--font-copy);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .035em;
}

.hero-actions {
  display: grid;
  max-width: 610px;
  gap: 14px;
}

.home-page .play-row {
  min-height: 76px;
  padding: 8px;
  gap: 18px;
  border: 1px solid rgba(77, 55, 32, .1);
  border-radius: 15px;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 13px 38px rgba(99, 66, 25, .07);
  backdrop-filter: blur(10px);
}

.home-page .play-button {
  min-width: 260px;
  min-height: 60px;
  padding: 9px 14px;
  border-width: 2px;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #f0a52f;
}

.home-page .play-button b {
  font-size: 12px;
}

.home-page .play-button small {
  margin-top: 4px;
  font-size: 10px !important;
}

.home-page .status-line {
  color: #645c53;
  font-family: var(--font-copy);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.home-page .ip-address {
  font-size: 15px;
}

.home-page .ip-address span {
  margin-left: 8px;
  color: #95897c;
  font-family: var(--font-copy);
  font-size: 9px;
  letter-spacing: .04em;
}

.rules-feature-link {
  position: relative;
  display: grid;
  min-height: 93px;
  padding: 16px 17px;
  overflow: hidden;
  grid-template-columns: 53px 1fr 34px;
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(192, 76, 28, .19);
  border-radius: 17px;
  color: #3b2b21;
  background:
    radial-gradient(circle at 91% 10%, rgba(255, 205, 67, .5), transparent 31%),
    linear-gradient(135deg, #fff1d2, #fffaf0 62%);
  box-shadow: 0 15px 38px rgba(151, 79, 25, .1);
  isolation: isolate;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.rules-feature-link::after {
  position: absolute;
  z-index: -1;
  width: 155px;
  height: 155px;
  right: -80px;
  bottom: -100px;
  border-radius: 50%;
  background: rgba(255, 113, 45, .17);
  content: "";
  transition: transform .3s ease;
}

.rules-feature-link:hover {
  border-color: rgba(217, 88, 32, .42);
  transform: translateY(-3px);
  box-shadow: 0 21px 50px rgba(151, 79, 25, .15);
}

.rules-feature-link:hover::after { transform: scale(1.22); }

.rules-feature-symbol {
  display: grid;
  width: 53px;
  height: 53px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #ff9141, #e4532a);
  font: 800 29px/1 Georgia, serif;
  box-shadow: 0 10px 22px rgba(206, 74, 30, .23), inset 0 1px rgba(255, 255, 255, .45);
}

.rules-feature-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.rules-feature-copy small {
  color: #aa6b3d;
  font-size: 10px !important;
  font-weight: 850;
  letter-spacing: .09em;
}

.rules-feature-copy strong {
  color: #3a281e;
  font-family: var(--font-game);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
}

.rules-feature-copy b {
  overflow: hidden;
  color: #7f6b5c;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rules-feature-arrow {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(101, 66, 37, .14);
  border-radius: 50%;
  background: rgba(255, 255, 255, .65);
  font: 20px/1 var(--font-copy);
}

.home-page .copy-notice {
  height: 20px;
  margin-top: 9px;
  font-size: 12px;
}

.home-page .island-scene {
  min-height: 640px;
}

.home-page .island-scene > img {
  transition: filter .5s ease, opacity .5s ease;
}

.telegram-feature {
  position: absolute;
  z-index: 5;
  left: 1%;
  bottom: 7%;
  display: grid;
  width: min(355px, 70%);
  min-height: 92px;
  padding: 15px;
  grid-template-columns: 50px 1fr 25px;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(0, 136, 174, .2);
  border-radius: 18px;
  color: #153e4a;
  background: rgba(239, 254, 255, .88);
  box-shadow: 0 20px 55px rgba(23, 102, 122, .16);
  backdrop-filter: blur(15px);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.telegram-feature:hover {
  color: #0b4c61;
  background: rgba(245, 255, 255, .97);
  transform: translateY(-4px);
  box-shadow: 0 25px 65px rgba(23, 102, 122, .23);
}

.telegram-feature-mark {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #35c9e6, #168ccf);
  font: 23px/1 var(--font-copy);
  box-shadow: 0 11px 25px rgba(21, 147, 195, .27);
}

.telegram-feature > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.telegram-feature small {
  color: #498291;
  font-size: 10px !important;
  font-weight: 850;
  letter-spacing: .07em;
}

.telegram-feature strong {
  color: #104e61;
  font-family: var(--font-game);
  font-size: 18px;
  font-weight: 400;
}

.telegram-feature b {
  overflow: hidden;
  color: #5d7f87;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.telegram-feature > i {
  font: normal 20px/1 var(--font-copy);
}

.home-page .scene-label {
  font-family: var(--font-copy);
  font-size: 10px;
  line-height: 1.45;
}

.home-page .home-footer {
  min-height: 74px;
  height: auto;
  padding-block: 18px;
  flex-wrap: wrap;
  font-family: var(--font-copy);
  font-size: 10px;
  line-height: 1.6;
}

/* Readable purchase flow */
.purchase-dialog#purchase-dialog {
  --purchase-accent: #ff8a24;
  box-sizing: border-box;
  width: min(620px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  overflow: hidden;
  border: 1px solid rgba(71, 50, 30, .13);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 0, color-mix(in srgb, var(--purchase-accent) 16%, transparent), transparent 240px),
    #fffdf8;
  box-shadow: 0 42px 130px rgba(30, 20, 9, .34);
}

.purchase-dialog#purchase-dialog::backdrop {
  background: rgba(21, 15, 10, .58);
  backdrop-filter: blur(10px) saturate(.8);
}

.purchase-dialog#purchase-dialog form {
  box-sizing: border-box;
  max-height: calc(100dvh - 24px);
  padding: clamp(25px, 5vw, 42px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.purchase-dialog#purchase-dialog .dialog-close {
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(64, 46, 29, .12);
  border-radius: 13px;
  color: #74665a;
  background: rgba(255, 255, 255, .72);
  font: 24px/1 var(--font-copy);
  box-shadow: 0 8px 22px rgba(70, 45, 18, .08);
}

.purchase-dialog#purchase-dialog .dialog-label {
  display: inline-flex;
  min-height: 29px;
  padding: 0 10px;
  align-items: center;
  border-radius: 999px;
  color: color-mix(in srgb, var(--purchase-accent) 72%, #5b2d16);
  background: color-mix(in srgb, var(--purchase-accent) 12%, #fff);
  font-family: var(--font-copy);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
}

.purchase-dialog#purchase-dialog h2 {
  max-width: calc(100% - 48px);
  margin: 17px 0 27px;
  color: #2e251e;
  font-family: var(--font-game);
  font-size: clamp(30px, 6vw, 48px);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
  text-shadow: none;
}

.purchase-dialog#purchase-dialog .term-prompt {
  margin: 0 0 12px;
  color: #51473f;
  font-family: var(--font-copy);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
}

.purchase-dialog#purchase-dialog .term-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.purchase-dialog#purchase-dialog .term-option {
  position: relative;
  display: grid;
  min-height: 94px;
  padding: 15px 16px;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: center;
  border: 1px solid rgba(72, 53, 34, .13);
  border-radius: 16px;
  color: #5c5147;
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 8px 24px rgba(67, 44, 21, .045);
  transform: none;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.purchase-dialog#purchase-dialog .term-option:hover {
  border-color: color-mix(in srgb, var(--purchase-accent) 55%, #b9aa9a);
  background: #fff;
  transform: translateY(-2px);
}

.purchase-dialog#purchase-dialog .term-option.selected {
  border-color: var(--purchase-accent);
  color: #2e251e;
  background: color-mix(in srgb, var(--purchase-accent) 9%, #fff);
  box-shadow: inset 0 0 0 1px var(--purchase-accent), 0 12px 30px color-mix(in srgb, var(--purchase-accent) 17%, transparent);
}

.purchase-dialog#purchase-dialog .term-option.selected::after {
  position: absolute;
  top: 11px;
  right: 11px;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--purchase-accent);
  font: 800 12px/1 var(--font-copy);
  content: "✓";
}

.purchase-dialog#purchase-dialog .term-option > span:first-child {
  max-width: calc(100% - 27px);
  color: inherit;
  font-family: var(--font-copy);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
}

.term-option-price {
  display: flex;
  min-height: 25px;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: #2f2720;
}

.purchase-dialog#purchase-dialog .term-option .term-option-price strong {
  color: inherit;
  font-family: var(--font-copy);
  font-size: 20px;
  font-weight: 850;
  line-height: 1.2;
}

.term-option-price del {
  color: #a4998e;
  font-size: 13px;
  font-weight: 650;
}

.term-option-price mark {
  padding: 4px 6px;
  border-radius: 7px;
  color: #17745c;
  background: #e2f7ed;
  font-size: 10px;
  font-weight: 850;
}

.coupon-disclosure {
  margin-top: 14px;
  border: 1px solid rgba(74, 55, 37, .11);
  border-radius: 14px;
  background: rgba(250, 246, 239, .76);
}

.coupon-disclosure > summary {
  display: flex;
  min-height: 51px;
  padding: 0 15px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #5c5148;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.coupon-disclosure > summary::-webkit-details-marker { display: none; }
.coupon-disclosure > summary::after { color: #9a8f84; content: "+"; font-size: 18px; font-weight: 400; }
.coupon-disclosure[open] > summary::after { content: "−"; }
.coupon-disclosure > summary small { margin-left: auto; color: #9b9085; font-size: 12px !important; font-weight: 600; }

.coupon-field {
  display: grid;
  padding: 0 15px 15px;
  gap: 7px;
  color: #756a60;
  font-size: 12px;
  font-weight: 750;
}

.coupon-field input {
  width: 100%;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid rgba(68, 49, 31, .16);
  border-radius: 11px;
  outline: 0;
  color: #332b24;
  background: #fff;
  font-size: 16px !important;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.coupon-field input:focus {
  border-color: var(--purchase-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--purchase-accent) 13%, transparent);
}

.purchase-summary {
  display: grid;
  margin-top: 16px;
  padding: 17px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border-radius: 16px;
  color: #342a23;
  background: linear-gradient(135deg, #f6f0e8, #fffaf1);
}

.purchase-summary > span { display: grid; gap: 4px; }
.purchase-summary small { color: #887b70; font-size: 11px !important; font-weight: 700; }
.purchase-summary > span > strong { color: #2d251f; font-size: 25px; line-height: 1.1; }
.purchase-summary p { display: flex; max-width: 230px; margin: 0; align-items: center; gap: 8px; color: #65716b; font-size: 12px; line-height: 1.45; }
.purchase-summary p i { display: grid; width: 24px; height: 24px; flex: none; place-items: center; border-radius: 50%; color: #fff; background: #2ca879; font: normal 12px/1 var(--font-copy); }

.purchase-dialog#purchase-dialog .dialog-actions {
  display: block;
  margin-top: 13px;
}

.purchase-dialog#purchase-dialog .primary-action {
  min-height: 58px;
  height: 58px;
  border-radius: 14px;
  background: linear-gradient(135deg, #2d2823, #171411);
  font-family: var(--font-copy) !important;
  font-size: 15px !important;
  font-weight: 850;
  box-shadow: 0 14px 30px rgba(35, 25, 17, .18);
}

.purchase-dialog#purchase-dialog .primary-action b {
  background: var(--purchase-accent);
}

.purchase-dialog#purchase-dialog .form-error {
  min-height: 21px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
}

/* Night beach — shared site surfaces */
html[data-theme="night"] {
  --focus-ring: rgba(56, 226, 208, .46);
  --cream: var(--night-bg);
  --white: var(--night-panel);
  --paper: var(--night-panel);
  --surface: var(--night-bg);
  --ink: var(--night-text);
  --ink-soft: var(--night-copy);
  --muted: var(--night-muted);
  --line: var(--night-line);
  --sun: var(--night-moon);
  --orange: var(--night-coral);
  --teal: var(--night-teal);
  --teal-dark: #14a8a8;
}

html[data-theme="night"] body.home-page,
html[data-theme="night"] body.cabinet-page {
  color: var(--night-text);
  background:
    radial-gradient(circle at 78% 7%, rgba(116, 65, 174, .22), transparent 34rem),
    radial-gradient(ellipse at 9% 67%, rgba(12, 160, 160, .12), transparent 32rem),
    linear-gradient(145deg, var(--night-bg) 0%, #091326 54%, var(--night-bg-deep) 100%);
}

html[data-theme="night"] .grain {
  opacity: .045;
  mix-blend-mode: screen;
}

html[data-theme="night"] .sun-wash {
  width: 760px;
  height: 760px;
  right: -220px;
  top: -330px;
  background: radial-gradient(circle, rgba(255, 201, 104, .13), rgba(131, 76, 184, .08) 46%, transparent 70%);
}

html[data-theme="night"] .pixel-grid {
  opacity: .34;
  background-image:
    linear-gradient(rgba(62, 229, 212, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62, 229, 212, .035) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

html[data-theme="night"] .site-header::after {
  background: linear-gradient(90deg, var(--night-teal) 0 44px, rgba(120, 206, 215, .13) 44px 100%);
}

html[data-theme="night"] .brand-name,
html[data-theme="night"] .hero h1,
html[data-theme="night"] .login-intro h1,
html[data-theme="night"] .dashboard-top h1 {
  color: var(--night-text);
  text-shadow: 0 5px 25px rgba(0, 0, 0, .28);
}

html[data-theme="night"] .brand-name > span,
html[data-theme="night"] .hero h1 em,
html[data-theme="night"] .login-intro h1 em,
html[data-theme="night"] .dashboard-top h1 em {
  color: var(--night-coral);
  text-shadow: 0 0 28px rgba(255, 108, 86, .26);
}

html[data-theme="night"] .hero h1 em::after { background: var(--night-moon); }
html[data-theme="night"] .brand-name > small { color: #91a7b5; }
html[data-theme="night"] :is(.eyebrow, .hero-lead, .header-status, .back-home, .status-line) { color: var(--night-copy); }

html[data-theme="night"] .theme-toggle {
  color: #c8d9e3;
  border-color: var(--night-line);
  background: rgba(13, 28, 47, .78);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

html[data-theme="night"] .theme-toggle:hover {
  color: #fff;
  border-color: rgba(55, 225, 209, .38);
  background: #13253b;
  box-shadow: 0 0 27px rgba(50, 220, 207, .1);
}

html[data-theme="night"] .theme-toggle-icon {
  color: #10233a;
  background: linear-gradient(145deg, #fff0aa, var(--night-moon));
}

html[data-theme="night"] .home-page .main-nav > a:first-child { color: #b5c7d4; }
html[data-theme="night"] .home-page .main-nav .nav-rules { color: var(--night-moon); }

html[data-theme="night"] .cabinet-link {
  color: var(--night-text);
  border-color: rgba(121, 214, 219, .36);
  background: rgba(13, 27, 45, .9);
  box-shadow: 4px 4px 0 rgba(46, 212, 201, .66);
}

html[data-theme="night"] .home-page .hero-tags span {
  color: #b8cbd6;
  border-color: var(--night-line);
  background: rgba(16, 31, 51, .72);
}

html[data-theme="night"] .home-page .play-row {
  border-color: var(--night-line);
  background: rgba(11, 24, 41, .72);
  box-shadow: 0 17px 55px rgba(0, 0, 0, .2);
}

html[data-theme="night"] .home-page .play-button,
html[data-theme="night"] .cabinet-page .primary-action,
html[data-theme="night"] .cabinet-page .buy-button {
  color: #f4fdff;
  border-color: #1c3248;
  background: linear-gradient(135deg, #17314a, #0b1828);
  box-shadow: 4px 4px 0 rgba(55, 224, 208, .7), 0 17px 40px rgba(0, 0, 0, .2);
}

html[data-theme="night"] .home-page .play-icon,
html[data-theme="night"] .cabinet-page .primary-action b {
  color: #091627;
  border-color: #11a7a5;
  background: linear-gradient(145deg, #7ff2dd, #31c8ca);
}

html[data-theme="night"] .home-page .status-line { color: #a8c0cd; }
html[data-theme="night"] .home-page .ip-address { color: #f3fbff; }
html[data-theme="night"] .home-page .ip-address span { color: #68d8d3; }

html[data-theme="night"] .rules-feature-link {
  color: var(--night-text);
  border-color: rgba(255, 131, 94, .25);
  background:
    radial-gradient(circle at 91% 10%, rgba(255, 201, 102, .16), transparent 32%),
    linear-gradient(135deg, rgba(55, 29, 59, .94), rgba(15, 29, 48, .95) 68%);
  box-shadow: 0 19px 55px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .025);
}

html[data-theme="night"] .rules-feature-copy small { color: #ffb394; }
html[data-theme="night"] .rules-feature-copy strong { color: #fff6ee; }
html[data-theme="night"] .rules-feature-copy b { color: #bdaebe; }
html[data-theme="night"] .rules-feature-arrow { color: var(--night-text); border-color: var(--night-line); background: rgba(13, 28, 47, .78); }

html[data-theme="night"] .home-page .island-scene::before {
  background: rgba(49, 220, 211, .1);
  box-shadow: 0 0 120px rgba(140, 74, 190, .16);
}

html[data-theme="night"] .home-page .island-scene > img {
  border-radius: 48px;
  opacity: .98;
  mix-blend-mode: normal;
  filter: saturate(1.04) contrast(1.02) drop-shadow(0 34px 60px rgba(0, 0, 0, .22));
  mask-image: radial-gradient(ellipse at 62% 50%, #000 57%, transparent 88%);
}

html[data-theme="night"] .telegram-feature {
  color: #eaffff;
  border-color: rgba(54, 226, 214, .25);
  background: rgba(8, 35, 53, .88);
  box-shadow: 0 22px 65px rgba(0, 0, 0, .32), 0 0 40px rgba(39, 215, 206, .08);
}

html[data-theme="night"] .telegram-feature:hover { color: #fff; background: rgba(12, 47, 67, .96); }
html[data-theme="night"] .telegram-feature small { color: #7bdedc; }
html[data-theme="night"] .telegram-feature strong { color: #eaffff; }
html[data-theme="night"] .telegram-feature b { color: #9cbcc6; }

html[data-theme="night"] .home-page .scene-label {
  color: #a8c2cd;
  border-color: rgba(123, 220, 222, .18);
  background: rgba(12, 29, 47, .86);
  box-shadow: 4px 4px 0 rgba(44, 202, 194, .4);
}

html[data-theme="night"] .home-footer {
  color: #8296a7;
  border-color: var(--night-line);
}
html[data-theme="night"] .home-footer a:hover { color: var(--night-teal); }

/* Cabinet: deep panels, clear text, restrained neon accents. */
html[data-theme="night"] .ambient-one { background: rgba(112, 67, 180, .18); }
html[data-theme="night"] .cabinet-page :is(.login-intro > p, .security-note, .form-hint, .store-heading p, .product-description, .connection-status, .mail-state, .skin-action-status) { color: var(--night-copy); }
html[data-theme="night"] .cabinet-page .security-note strong { color: var(--night-text); }

html[data-theme="night"] .cabinet-page :is(
  .login-card, .profile-nav, .profile-nav-menu-list, .stat-card, .overview-quick-card,
  .overview-activity-card, .history-list-card, .history-detail, .mail-list, .mail-reader,
  .security-score-card, .security-control-card, .security-sessions-card, .appearance-layout,
  .vk-hero, .vk-settings-card, .vk-unlink-card, .product-card, .product-expanded,
  .case-card, .case-details, .case-open-studio, .admin-card, .admin-tabs, .shop-studio-sidebar,
  .player-directory, .player-inspector, .notification-dialog, .broadcast-confirm-dialog,
  .product-preview-dialog, .recovery-dialog
) {
  color: var(--night-text);
  border-color: var(--night-line);
  background: linear-gradient(145deg, rgba(16, 31, 51, .96), rgba(10, 22, 38, .96));
  box-shadow: 0 20px 58px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025);
}

html[data-theme="night"] .cabinet-page :is(.admin-tab-group, .bonus-letter-editor, .case-editor-section, .case-simulator, .case-pricing-preview, .fulfillment-builder, .promotion-price-preview, .broadcast-confirm-summary, .case-purchase-name, .payment-method) {
  color: var(--night-copy);
  border-color: var(--night-line);
  background: rgba(8, 21, 37, .68);
}

html[data-theme="night"] .cabinet-page :is(h2, h3, h4, summary, .overview-card-title strong, .admin-card-title strong, .store-heading h2) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(p, small, label, .product-tier, .admin-entity-row span, .admin-entity-row small) { color: var(--night-copy); }

html[data-theme="night"] .cabinet-page :is(input, select, textarea) {
  color: var(--night-text);
  border-color: var(--night-line);
  background: rgba(5, 14, 27, .84);
  box-shadow: none;
}

html[data-theme="night"] .cabinet-page :is(input, textarea)::placeholder { color: #667e91; }
html[data-theme="night"] .cabinet-page :is(input, select, textarea):focus {
  border-color: rgba(55, 226, 209, .58);
  box-shadow: 0 0 0 4px rgba(55, 226, 209, .1);
}

html[data-theme="night"] .cabinet-page .profile-nav > button,
html[data-theme="night"] .cabinet-page .profile-nav-menu > summary { color: #aabfcd; }

html[data-theme="night"] .cabinet-page :is(.profile-nav > button:hover, .profile-nav > button.active, .profile-nav-menu.active > summary, .profile-nav-menu[open] > summary) {
  color: #efffff;
  background: rgba(41, 190, 184, .15);
}

html[data-theme="night"] .cabinet-page .profile-nav-menu-list button { color: var(--night-copy); }
html[data-theme="night"] .cabinet-page .profile-nav-menu-list button:hover,
html[data-theme="night"] .cabinet-page .profile-nav-menu-list button.active { color: var(--night-text); background: rgba(44, 205, 196, .13); }

html[data-theme="night"] .cabinet-page .category-tabs { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .category-tabs button { color: #98adbc; }
html[data-theme="night"] .cabinet-page .category-tabs button.active { color: #07151e; background: linear-gradient(135deg, var(--night-teal), #61d6f0); }

html[data-theme="night"] .cabinet-page .balance-card {
  color: #171725;
  background: linear-gradient(145deg, #ffe085, var(--night-moon) 55%, #ff9276);
  box-shadow: 0 18px 50px rgba(255, 157, 95, .13);
}
html[data-theme="night"] .cabinet-page .balance-card :is(p, small) { color: rgba(20, 22, 34, .64); }

html[data-theme="night"] .cabinet-page .player-card {
  background: radial-gradient(circle at 92% 10%, rgba(156, 94, 229, .23), transparent 34%), linear-gradient(135deg, #122b3a, #080e1d);
  box-shadow: 0 22px 65px rgba(0, 0, 0, .27);
}

html[data-theme="night"] .cabinet-page .product-card:hover,
html[data-theme="night"] .cabinet-page .case-card:hover { box-shadow: 0 0 34px color-mix(in srgb, var(--product-color, var(--case-color, var(--night-teal))) 16%, transparent), 0 24px 52px rgba(0, 0, 0, .25); }

html[data-theme="night"] .cabinet-page :is(.secondary-action, .logout-button, .recovery-open, .admin-compact-action, .danger-quiet) {
  color: #b9cbd6;
  border-color: var(--night-line);
  background: rgba(15, 31, 50, .76);
}

html[data-theme="night"] .cabinet-page .coming-soon {
  color: var(--night-copy);
  border-color: var(--night-line);
  background: rgba(10, 23, 39, .56);
}

html[data-theme="night"] .cabinet-page dialog::backdrop { background: rgba(1, 5, 13, .76); }

html[data-theme="night"] .purchase-dialog#purchase-dialog {
  color: var(--night-text);
  border-color: rgba(95, 220, 218, .18);
  background:
    radial-gradient(circle at 93% 0, color-mix(in srgb, var(--purchase-accent) 19%, transparent), transparent 260px),
    linear-gradient(145deg, #101e33, #091422);
  box-shadow: 0 0 50px rgba(53, 224, 210, .07), 0 45px 130px rgba(0, 0, 0, .55);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .dialog-close {
  color: #bdced8;
  border-color: var(--night-line);
  background: rgba(18, 35, 55, .88);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog h2,
html[data-theme="night"] .purchase-dialog#purchase-dialog .term-prompt { color: var(--night-text); }

html[data-theme="night"] .purchase-dialog#purchase-dialog .dialog-label {
  color: #ffd4c5;
  background: color-mix(in srgb, var(--purchase-accent) 18%, #101e33);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option {
  color: #b9cbd6;
  border-color: var(--night-line);
  background: rgba(7, 18, 32, .72);
  box-shadow: none;
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option:hover { background: rgba(17, 38, 59, .9); }
html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option.selected {
  color: #f4feff;
  background: color-mix(in srgb, var(--purchase-accent) 13%, #0b1829);
}
html[data-theme="night"] .term-option-price { color: var(--night-text); }
html[data-theme="night"] .term-option-price del { color: #738b9c; }
html[data-theme="night"] .term-option-price mark { color: #8affde; background: rgba(36, 184, 145, .15); }

html[data-theme="night"] .coupon-disclosure {
  border-color: var(--night-line);
  background: rgba(6, 16, 29, .6);
}
html[data-theme="night"] .coupon-disclosure > summary,
html[data-theme="night"] .coupon-field { color: #b7c9d5; }
html[data-theme="night"] .coupon-disclosure > summary small { color: #768e9f; }
html[data-theme="night"] .coupon-field input { color: var(--night-text); border-color: var(--night-line); background: rgba(5, 13, 25, .88); }

html[data-theme="night"] .purchase-summary {
  color: var(--night-text);
  background: linear-gradient(135deg, rgba(31, 63, 79, .68), rgba(31, 28, 61, .68));
}
html[data-theme="night"] .purchase-summary small,
html[data-theme="night"] .purchase-summary p { color: #9fb7c4; }
html[data-theme="night"] .purchase-summary > span > strong { color: #f3fdff; }

html[data-theme="night"] .purchase-dialog#purchase-dialog .primary-action {
  color: #07131d;
  background: linear-gradient(135deg, var(--night-teal), #45b8da);
  box-shadow: 0 14px 35px rgba(45, 210, 205, .16);
}
html[data-theme="night"] .purchase-dialog#purchase-dialog .primary-action b { color: #fff; background: rgba(8, 24, 37, .76); }

/* Cabinet night theme: every nested surface belongs to the same neon-beach world. */
html[data-theme="night"] .cabinet-page {
  --night-panel-soft: rgba(13, 29, 48, .82);
  --night-panel-deep: rgba(6, 16, 29, .9);
  --night-panel-hover: rgba(22, 44, 65, .9);
  --night-purple-soft: rgba(139, 91, 211, .15);
  --night-teal-soft: rgba(45, 211, 201, .13);
  --night-coral-soft: rgba(255, 113, 88, .13);
  --night-gold-soft: rgba(255, 202, 100, .13);
  --night-success-soft: rgba(71, 197, 133, .14);
  --night-warning-soft: rgba(255, 186, 79, .14);
  --night-danger-soft: rgba(255, 103, 91, .14);
}

html[data-theme="night"] .cabinet-page :is(.cabinet-header, .dashboard-top, .store-heading, .compact-heading, .appearance-heading, .cases-heading, .admin-heading) {
  color: var(--night-text);
}

html[data-theme="night"] .cabinet-page :is(.back-home, .logout-button, .password-field button) { color: #a9bdca; }
html[data-theme="night"] .cabinet-page :is(.back-home, .logout-button):hover { color: #73eee0; background: transparent; }
html[data-theme="night"] .cabinet-page .form-hint code { color: #a9e8df; background: rgba(45, 211, 201, .1); }
html[data-theme="night"] .cabinet-page .security-note { border-color: var(--night-line); background: rgba(12, 27, 45, .64); }
html[data-theme="night"] .cabinet-page .login-card { backdrop-filter: blur(22px); }

html[data-theme="night"] .cabinet-page :is(.notification-button, .overview-all-events, .history-tabs, .history-pagination button, .security-card-title button, .two-factor-setup > div button, #two-factor-copy-codes) {
  color: #bce1df;
  border-color: var(--night-line);
  background: var(--night-panel-soft);
  box-shadow: none;
}
html[data-theme="night"] .cabinet-page .section-number { color: #142331; }
html[data-theme="night"] .cabinet-page .profile-nav-menu-list button > span:first-child { color: #83eee2; background: var(--night-teal-soft); }
html[data-theme="night"] .cabinet-page .toast { color: #effcff; background: #10253a; box-shadow: 0 16px 42px rgba(0, 0, 0, .34), 0 0 24px rgba(45, 211, 201, .08); }
html[data-theme="night"] .cabinet-page :is(.notification-button, .overview-all-events, .history-pagination button, .security-card-title button):hover {
  color: #f2ffff;
  border-color: rgba(55, 226, 209, .32);
  background: var(--night-panel-hover);
}
html[data-theme="night"] .cabinet-page .notification-button > b { border-color: #0b1729; }

/* Overview and events */
html[data-theme="night"] .cabinet-page .overview-card-title > span {
  color: #10202e;
  background: linear-gradient(135deg, #78f0dc, #ffc866);
  box-shadow: 0 0 24px rgba(55, 226, 209, .12);
}
html[data-theme="night"] .cabinet-page .quick-action-grid button {
  color: var(--night-text);
  border-color: var(--night-line);
  background: rgba(8, 20, 35, .72);
}
html[data-theme="night"] .cabinet-page .quick-action-grid button:hover {
  border-color: rgba(55, 226, 209, .3);
  background: var(--night-panel-hover);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .2);
}
html[data-theme="night"] .cabinet-page .quick-action-grid button > span {
  color: #8ef4e7;
  background: linear-gradient(145deg, rgba(45, 211, 201, .18), rgba(139, 91, 211, .2));
}
html[data-theme="night"] .cabinet-page .quick-action-grid small { color: #8fa6b5; }
html[data-theme="night"] .cabinet-page .quick-action-grid .quick-store-action {
  color: #fff9e8;
  border-color: rgba(255, 197, 83, .28);
  background: radial-gradient(circle at 90% 0, rgba(255, 199, 86, .2), transparent 38%), linear-gradient(135deg, #2b2540, #11263a);
}
html[data-theme="night"] .cabinet-page .quick-action-grid .quick-store-action > span { color: #251b14; background: linear-gradient(145deg, #fff0a7, #ff9e6d); }
html[data-theme="night"] .cabinet-page .quick-action-grid .quick-store-action small { color: #d4bdad; }
html[data-theme="night"] .cabinet-page .quick-action-grid .quick-store-action b { color: #102027; background: linear-gradient(135deg, #75e8d7, #49b9d5); }

.overview-activity-row > div,
.notification-row > div { min-width: 0; overflow: hidden; }
.overview-activity-row strong,
.overview-activity-row p,
.notification-row strong,
.notification-row p { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.overview-activity-row strong,
.notification-row strong { white-space: nowrap; }
.overview-activity-card,
.overview-activity-list,
.overview-activity-row,
.notification-row { min-width: 0; }

html[data-theme="night"] .cabinet-page :is(.overview-activity-row, .notification-row) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.overview-activity-row, .notification-row):hover { background: rgba(139, 91, 211, .11); }
html[data-theme="night"] .cabinet-page :is(.overview-activity-row, .notification-row) > i { color: #c9a6ff; background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page :is(.overview-activity-row, .notification-row) :is(small, p, time) { color: #8fa4b3; }
html[data-theme="night"] .cabinet-page :is(.overview-activity-empty, .notification-empty, .history-empty, .history-detail-empty, .mail-empty, .mail-list-empty, .admin-list-empty, .admin-empty-copy) { color: #899eac; }

/* Statistics, mail and history */
html[data-theme="night"] .cabinet-page .stat-card { background: radial-gradient(circle at 100% 0, rgba(255, 200, 102, .09), transparent 45%), var(--night-panel-soft); }
html[data-theme="night"] .cabinet-page .stat-card.stat-primary { border-color: rgba(255, 195, 91, .23); background: linear-gradient(145deg, rgba(45, 36, 55, .95), rgba(11, 27, 43, .95)); }
html[data-theme="night"] .cabinet-page .stat-card > strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .stat-card.stat-primary > strong { color: #ffd177; }
html[data-theme="night"] .cabinet-page .stat-card :is(span, small) { color: #8da2b0; }

html[data-theme="night"] .cabinet-page .mail-layout { border-color: var(--night-line); background: linear-gradient(145deg, rgba(14, 30, 49, .96), rgba(8, 19, 34, .96)); box-shadow: 0 24px 65px rgba(0, 0, 0, .22); }
html[data-theme="night"] .cabinet-page .mail-list { border-color: var(--night-line); background: rgba(5, 15, 28, .46); }
html[data-theme="night"] .cabinet-page .mail-item { color: var(--night-copy); }
html[data-theme="night"] .cabinet-page .mail-item:hover { background: rgba(22, 43, 64, .72); }
html[data-theme="night"] .cabinet-page .mail-item.selected { border-color: rgba(55, 226, 209, .26); background: linear-gradient(135deg, rgba(45, 211, 201, .13), rgba(139, 91, 211, .1)); box-shadow: none; }
html[data-theme="night"] .cabinet-page .mail-item > strong,
html[data-theme="night"] .cabinet-page :is(.mail-empty h3, .mail-list-empty strong, .mail-reader h3) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.mail-item-top, .mail-item > small, .mail-reader-meta, .mail-reader #mail-body) { color: #94a8b5; }
html[data-theme="night"] .cabinet-page .mail-reward { border-color: rgba(255, 194, 91, .23); background: linear-gradient(135deg, rgba(255, 194, 91, .11), rgba(45, 211, 201, .08)); }
html[data-theme="night"] .cabinet-page .mail-reward strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .mail-actions button { color: #ff9b8e; border-color: rgba(255, 103, 91, .2); background: var(--night-danger-soft); }

html[data-theme="night"] .cabinet-page .history-tabs { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .history-tabs button { color: #9bb0bd; background: transparent; }
html[data-theme="night"] .cabinet-page .history-tabs button.active { color: #07151e; background: linear-gradient(135deg, #5de0d2, #57b9dc); }
html[data-theme="night"] .cabinet-page .history-row { color: var(--night-copy); }
html[data-theme="night"] .cabinet-page .history-row:hover,
html[data-theme="night"] .cabinet-page .history-row.active { border-color: rgba(139, 91, 211, .3); background: linear-gradient(135deg, rgba(139, 91, 211, .13), rgba(45, 211, 201, .07)); }
html[data-theme="night"] .cabinet-page .history-row > i { color: #caa7ff; background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page .history-row :is(strong, span) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .history-row :is(small, time) { color: #8da2b0; }
html[data-theme="night"] .cabinet-page .history-pagination { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .history-detail :is(.history-detail-head h3, .history-facts strong) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .history-detail :is(.history-detail-head p, .history-facts span) { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .operation-stepper > div { color: #7f94a3; }
html[data-theme="night"] .cabinet-page .operation-stepper > div::before { background: #263b4d; }
html[data-theme="night"] .cabinet-page .operation-stepper i { color: #8ea4b2; border-color: #334b60; background: #102339; }
html[data-theme="night"] .cabinet-page .history-warning { color: #ffd28c; background: var(--night-warning-soft); }

/* Appearance studio */
html[data-theme="night"] .cabinet-page .skin-studio { border-color: rgba(55, 226, 209, .16); background: radial-gradient(circle at 50% 25%, rgba(255, 206, 104, .12), transparent 25%), linear-gradient(160deg, #10223a, #0a1a30 48%, #082b36); box-shadow: 0 28px 74px rgba(0, 0, 0, .28); }
html[data-theme="night"] .cabinet-page .skin-stage-sun { background: radial-gradient(circle, #fff6b0 0 18%, #ffc96b 35%, rgba(147, 81, 201, .17) 62%, transparent 72%); box-shadow: 0 0 100px rgba(165, 90, 216, .2); }
html[data-theme="night"] .cabinet-page .skin-live-badge { color: #8ff3e6; border-color: rgba(55, 226, 209, .2); background: rgba(7, 24, 38, .72); }
html[data-theme="night"] .cabinet-page .skin-stage-controls { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .skin-stage-controls button { color: #8be8df; border-color: var(--night-line); background: rgba(8, 24, 40, .76); }
html[data-theme="night"] .cabinet-page .skin-stage-controls button:hover { background: var(--night-panel-hover); }
html[data-theme="night"] .cabinet-page .skin-stage-controls strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .skin-action-card { color: var(--night-text); border-color: var(--night-line); background: var(--night-panel-soft); box-shadow: 0 20px 54px rgba(0, 0, 0, .19); }
html[data-theme="night"] .cabinet-page .skin-action-copy h3 { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .skin-action-copy p,
html[data-theme="night"] .cabinet-page .skin-inline-form label > span { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .skin-model-picker { border-color: var(--night-line); background: rgba(5, 17, 30, .62); }
html[data-theme="night"] .cabinet-page .skin-model-picker button { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .skin-model-picker button.active { color: #82efe2; background: var(--night-teal-soft); box-shadow: none; }
html[data-theme="night"] .cabinet-page .skin-dropzone { color: #88ded8; border-color: rgba(55, 226, 209, .3); background: rgba(45, 211, 201, .08); }
html[data-theme="night"] .cabinet-page .skin-dropzone > span { color: #8df0e5; background: #102b3b; box-shadow: none; }
html[data-theme="night"] .cabinet-page .skin-action-reset > button { color: #ff9d90; border-color: rgba(255, 103, 91, .2); background: var(--night-danger-soft); }

/* VK connection */
html[data-theme="night"] .cabinet-page :is(.vk-disabled, .vk-connect-layout, .vk-linked) { border-color: var(--night-line); background: linear-gradient(145deg, rgba(15, 32, 51, .96), rgba(8, 20, 34, .96)); }
html[data-theme="night"] .cabinet-page :is(.vk-step, .vk-account-card, .vk-settings-card, .vk-unlink-card) { color: var(--night-text); border-color: var(--night-line); background: rgba(8, 21, 36, .74); }
html[data-theme="night"] .cabinet-page :is(.vk-hero h3, .vk-disabled h3, .vk-step strong, .vk-account-card h3, .vk-card-title h3) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.vk-hero p, .vk-disabled p, .vk-step p, .vk-account-card p, .vk-unlink-card > p) { color: #96abb8; }
html[data-theme="night"] .cabinet-page .vk-benefits span { color: #8be9e0; background: var(--night-teal-soft); }
html[data-theme="night"] .cabinet-page :is(.vk-command, .vk-step a) { color: #8deae2; background: rgba(45, 211, 201, .1); }
html[data-theme="night"] .cabinet-page .vk-unlink-card > button { color: #ff9b8e; border-color: rgba(255, 103, 91, .2); background: var(--night-danger-soft); }

/* Security */
html[data-theme="night"] .cabinet-page .security-score-card { background: radial-gradient(circle at 5% 50%, rgba(45, 211, 201, .13), transparent 29%), linear-gradient(145deg, rgba(15, 33, 52, .96), rgba(8, 20, 35, .96)); }
html[data-theme="night"] .cabinet-page :is(.security-score-card h3, .security-card-title h3, .security-guide-card h3, .security-control-title h3) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.security-score-card p, .security-guide-card p, .security-control-card > p, .security-control-card form > p) { color: #94a9b7; }
html[data-theme="night"] .cabinet-page .security-session-row { color: var(--night-text); border-color: var(--night-line); background: rgba(7, 19, 33, .7); }
html[data-theme="night"] .cabinet-page .security-session-row.current { border-color: rgba(71, 197, 133, .28); background: var(--night-success-soft); }
html[data-theme="night"] .cabinet-page .security-session-row > i { color: #caa5ff; background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page .security-session-row :is(small, code, time) { color: #8da2b0; }
html[data-theme="night"] .cabinet-page .security-guide-card { background: radial-gradient(circle at 100% 0, rgba(255, 200, 102, .13), transparent 42%), linear-gradient(145deg, #17263a, #0b192b); }
html[data-theme="night"] .cabinet-page .security-guide-card button { color: #18202b; background: linear-gradient(135deg, #ffd47b, #ff9b70); }
html[data-theme="night"] .cabinet-page .security-control-card .danger-action { color: #ffaaa0 !important; background: var(--night-danger-soft) !important; }
html[data-theme="night"] .cabinet-page .two-factor-status-line { color: var(--night-copy); background: rgba(7, 19, 33, .67); }
html[data-theme="night"] .cabinet-page .two-factor-status-line strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .two-factor-setup > img { border-color: rgba(255, 255, 255, .18); background: #fffaf0; box-shadow: 0 14px 34px rgba(0, 0, 0, .24); }
html[data-theme="night"] .cabinet-page .two-factor-setup > div code { color: #c9e8e5; }
html[data-theme="night"] .cabinet-page .two-factor-recovery-codes code { color: #d6b8ff; border-color: rgba(139, 91, 211, .25); background: var(--night-purple-soft); }

/* Store, privileges and cases */
html[data-theme="night"] .cabinet-page .products-grid .product-card { border-color: color-mix(in srgb, var(--product-color) 22%, var(--night-line)); background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--product-color) 9%, transparent), transparent 42%), linear-gradient(160deg, rgba(17, 34, 53, .97), rgba(8, 19, 33, .97)); }
html[data-theme="night"] .cabinet-page .products-grid .product-body-compact { border-color: var(--night-line); background: linear-gradient(180deg, rgba(13, 28, 46, .94), rgba(7, 18, 31, .98)); }
html[data-theme="night"] .cabinet-page :is(.product-features, .product-expanded-copy li, .privilege-inherits, .privilege-highlights article, .privilege-perk-group, .privilege-lands-details, .privilege-lands-grid > div) { color: var(--night-copy); border-color: var(--night-line); background: rgba(7, 19, 33, .58); }
html[data-theme="night"] .cabinet-page :is(.product-price span, .case-card p, .case-card-footer, .case-details-copy p, .case-reward small, .case-fairness-note) { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .buy-button:disabled { color: #718795; background: #152638; }

html[data-theme="night"] .cabinet-page :is(.case-card, .case-details) { color: var(--night-text); border-color: color-mix(in srgb, var(--case-color) 25%, var(--night-line)); background: radial-gradient(circle at 85% 0, color-mix(in srgb, var(--case-color) 12%, transparent), transparent 44%), linear-gradient(150deg, rgba(16, 32, 51, .97), rgba(7, 18, 32, .97)); }
html[data-theme="night"] .cabinet-page :is(.case-card h3, .case-details-copy h3, .case-open-studio-head h3, .case-player-balance strong) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .case-player-balance { border-color: var(--night-line); background: rgba(6, 18, 32, .7); }
html[data-theme="night"] .cabinet-page .case-reward { color: var(--night-text); background: color-mix(in srgb, var(--rarity-color) 9%, #0b1b2c); }
html[data-theme="night"] .cabinet-page .case-reward > b,
html[data-theme="night"] .cabinet-page .case-reward-details p { color: #9bafbb; }
html[data-theme="night"] .cabinet-page .case-reward-tags span { color: color-mix(in srgb, var(--rarity-color) 70%, #fff); background: color-mix(in srgb, var(--rarity-color) 11%, #0a1a2b); }
html[data-theme="night"] .cabinet-page .case-open-studio { border-color: color-mix(in srgb, var(--case-color) 25%, var(--night-line)); background: linear-gradient(145deg, color-mix(in srgb, var(--case-color) 8%, #102035), #081727); }
html[data-theme="night"] .cabinet-page .case-free-openings { border-color: rgba(71, 197, 133, .24); background: linear-gradient(135deg, rgba(71, 197, 133, .13), rgba(45, 211, 201, .07)); }
html[data-theme="night"] .cabinet-page .case-free-openings :is(small, strong) { color: #a3d4c3; }
html[data-theme="night"] .cabinet-page .case-paid-option { color: var(--night-text); border-color: var(--night-line); background: rgba(7, 19, 33, .74); }
html[data-theme="night"] .cabinet-page .case-paid-option.featured { border-color: color-mix(in srgb, var(--case-color) 38%, var(--night-line)); background: linear-gradient(135deg, color-mix(in srgb, var(--case-color) 12%, #102035), #091727); }
html[data-theme="night"] .cabinet-page .case-paid-option :is(small, del) { color: #8da2b0; }
html[data-theme="night"] .cabinet-page .case-paid-option :is(strong, b) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.case-result-item, .case-purchase-name) { color: var(--night-text); border-color: var(--night-line); background: rgba(7, 19, 33, .72); }
html[data-theme="night"] .cabinet-page .case-result-item > i { background: #172c41; }
html[data-theme="night"] .cabinet-page :is(.case-result-item strong, .case-purchase-name strong, .case-purchase-summary strong) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.case-result-item small, .case-purchase-name small, .case-purchase-summary span) { color: #91a6b4; }

/* Admin workspace and editors */
html[data-theme="night"] .cabinet-page :is(.admin-metric, .admin-section-heading, .promotion-banner, .promotion-banner-editor, .shop-studio-sidebar, .fulfillment-builder, .attachment-builder, .case-guarantee-settings, .privilege-editor) { color: var(--night-text); border-color: var(--night-line); background: linear-gradient(145deg, rgba(15, 31, 50, .94), rgba(8, 20, 35, .94)); }
html[data-theme="night"] .cabinet-page .admin-metric strong,
html[data-theme="night"] .cabinet-page :is(.admin-card-title h3, .admin-section-heading h3, .privilege-editor-head strong, .privilege-builder-title strong) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .admin-metric small,
html[data-theme="night"] .cabinet-page :is(.admin-card-title p, .admin-section-heading p, .privilege-editor-head span, .privilege-builder-title small) { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .admin-tabs { border-color: var(--night-line); background: rgba(7, 19, 33, .68); }
html[data-theme="night"] .cabinet-page .admin-tab-group { background: rgba(15, 31, 50, .7); }
html[data-theme="night"] .cabinet-page .admin-tab-group > button { color: #a3b7c4; }
html[data-theme="night"] .cabinet-page .admin-tab-group > button:hover { background: rgba(139, 91, 211, .12); }
html[data-theme="night"] .cabinet-page .admin-tab-group > button.active { color: #fff; background: linear-gradient(135deg, #8158c5, #3f72b5); }
html[data-theme="night"] .cabinet-page :is(.admin-entity-row, .delivery-row, .attachment-row, .case-reward-row, .privilege-group-editor-card, .privilege-limit-editor-row, .product-offer-row, .audit-row, .player-history-row, .broadcast-history-row, .mail-campaign-row) { color: var(--night-copy); border-color: var(--night-line); background: rgba(7, 19, 33, .68); }
html[data-theme="night"] .cabinet-page :is(.admin-entity-row, .delivery-row, .attachment-row, .case-reward-row, .player-history-row, .broadcast-history-row, .mail-campaign-row) strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.admin-entity-row, .delivery-row, .attachment-row, .case-reward-row, .player-history-row, .broadcast-history-row, .mail-campaign-row) :is(span, small, p, time) { color: #8fa4b3; }
html[data-theme="night"] .cabinet-page :is(.admin-entity-row, .player-search-item, .admin-case-item, .mail-campaign-row):hover,
html[data-theme="night"] .cabinet-page :is(.admin-case-item, .mail-campaign-row).active { border-color: rgba(139, 91, 211, .28); background: var(--night-panel-hover); }
html[data-theme="night"] .cabinet-page :is(.admin-player-search > div, .selected-recipient, .player-admin-filters, .player-directory, .player-inspector, .player-inspector-stats > div, .player-inspector-tabs) { color: var(--night-copy); border-color: var(--night-line); background: rgba(7, 19, 33, .72); }
html[data-theme="night"] .cabinet-page .player-directory-row:hover,
html[data-theme="night"] .cabinet-page .player-directory-row.active { background: var(--night-panel-hover); }
html[data-theme="night"] .cabinet-page .player-inspector-tabs button.active { color: #07151e; background: #61d9d0; }

html[data-theme="night"] .cabinet-page :is(.bonus-code-card, .bonus-letter-editor) { color: var(--night-text); border-color: rgba(45, 211, 201, .2); background: radial-gradient(circle at 92% 0, rgba(255, 198, 88, .11), transparent 36%), linear-gradient(145deg, rgba(12, 38, 50, .94), rgba(8, 21, 35, .94)); }
html[data-theme="night"] .cabinet-page .bonus-code-card strong { color: #dffdfa; }
html[data-theme="night"] .cabinet-page .bonus-code-card :is(small, p) { color: #8fb4b2; }
html[data-theme="night"] .cabinet-page .bonus-code-controls input { border-color: rgba(45, 211, 201, .26); background: rgba(4, 17, 28, .8); }
html[data-theme="night"] .cabinet-page .promo-kind-tabs { border-color: var(--night-line); background: rgba(7, 19, 33, .7); }
html[data-theme="night"] .cabinet-page .promo-kind-tabs button { color: #9fb3c0; }
html[data-theme="night"] .cabinet-page .bonus-editor-note { color: #ffd38d; background: var(--night-warning-soft); }
html[data-theme="night"] .cabinet-page .bonus-code-row-head strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .bonus-code-row > :is(span, small) { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .bonus-code-progress { background: #24394a; }
html[data-theme="night"] .cabinet-page .admin-card :is(input, select, textarea)[readonly] { color: #8499a7; background: #102237; }

html[data-theme="night"] .cabinet-page :is(.case-editor-section, .case-pricing-preview, .case-reward-actions, .reward-guarantee, .case-simulator, .case-reward-preview, .promotion-price-preview) { color: var(--night-copy); border-color: var(--night-line); background: rgba(7, 19, 33, .64); }
html[data-theme="night"] .cabinet-page .case-reward-row :is(input, select, textarea),
html[data-theme="night"] .cabinet-page .case-reward-action-row :is(input, select) { color: var(--night-text); border-color: var(--night-line); background: rgba(4, 14, 26, .86); }
html[data-theme="night"] .cabinet-page .case-reward-row :is(label > span, small),
html[data-theme="night"] .cabinet-page .case-reward-action-row :is(label > span, small) { color: #91a6b4; }

/* Dialogs and overlays */
html[data-theme="night"] .cabinet-page :is(.purchase-dialog, .case-opening-dialog, .recovery-dialog, .product-preview-dialog, .notification-dialog, .broadcast-confirm-dialog) {
  color: var(--night-text);
  border-color: rgba(91, 214, 211, .18);
  background: radial-gradient(circle at 94% 0, rgba(139, 91, 211, .15), transparent 260px), linear-gradient(145deg, #102139, #081422);
  box-shadow: 0 0 50px rgba(45, 211, 201, .06), 0 42px 125px rgba(0, 0, 0, .58);
}
html[data-theme="night"] .cabinet-page :is(.purchase-dialog, .case-opening-dialog, .recovery-dialog, .product-preview-dialog, .notification-dialog, .broadcast-confirm-dialog) .dialog-close { color: #bfd1dc; border: 1px solid var(--night-line); background: rgba(18, 37, 58, .9); }
html[data-theme="night"] .cabinet-page :is(.purchase-dialog, .case-opening-dialog, .recovery-dialog, .product-preview-dialog, .notification-dialog, .broadcast-confirm-dialog) :is(h2, h3, strong) { color: var(--night-text); }
html[data-theme="night"] .cabinet-page :is(.purchase-dialog, .case-opening-dialog, .recovery-dialog, .product-preview-dialog, .notification-dialog, .broadcast-confirm-dialog) :is(p, small, label) { color: #99adba; }
html[data-theme="night"] .cabinet-page .notification-dialog-head { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .notification-dialog-head button { color: #c8a9ef; background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page .broadcast-confirm-summary { background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page .broadcast-confirm-summary span { color: #a99bbb; }
html[data-theme="night"] .cabinet-page .topup-amount-field { border-color: var(--night-line); background: rgba(5, 15, 27, .78); }
html[data-theme="night"] .cabinet-page .topup-amount-field span { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .case-opening-skip { color: #a8bdca; background: rgba(18, 37, 58, .8); }
html[data-theme="night"] .cabinet-page .case-result > button { color: #07151e; background: linear-gradient(135deg, #62ddd2, #54bada); }

/* Semantic states stay readable on dark glass. */
html[data-theme="night"] .cabinet-page :is(.form-error, .connection-status.error, .skin-action-status.error, #case-open-status[data-kind="error"]) { color: #ff958b; }
html[data-theme="night"] .cabinet-page :is(.connection-status.success, .skin-action-status.success, #case-open-status[data-kind="success"]) { color: #72e3ac; }
html[data-theme="night"] .cabinet-page :is(.history-warning, .broadcast-safety-note, .campaign-lock-note) { color: #ffd18a; background: var(--night-warning-soft); }
html[data-theme="night"] .cabinet-page .campaign-mode-explanation { color: #cbb7dc; background: var(--night-purple-soft); }
html[data-theme="night"] .cabinet-page .campaign-mode-explanation[data-mode="welcome"] { color: #96e6b2; background: var(--night-success-soft); }
html[data-theme="night"] .cabinet-page .campaign-mode-explanation[data-mode="error"] { color: #ff9b91; background: var(--night-danger-soft); }

/* Aloha ID 0.24.2 — luminous shop prices and a fully dark admin studio. */
html[data-theme="night"] .cabinet-page .store-section {
  --shop-gold: #ffd874;
  --shop-gold-soft: rgba(255, 205, 104, .13);
  --shop-teal: #64f0df;
}

html[data-theme="night"] .cabinet-page .store-section > .store-heading {
  position: relative;
  padding: 22px 24px;
  overflow: hidden;
  border: 1px solid rgba(83, 224, 216, .16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 0, rgba(166, 120, 255, .18), transparent 38%),
    radial-gradient(circle at 8% 100%, rgba(56, 226, 208, .12), transparent 38%),
    linear-gradient(145deg, rgba(16, 35, 56, .96), rgba(7, 19, 34, .96));
  box-shadow: 0 22px 58px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
}

html[data-theme="night"] .cabinet-page .store-section > .store-heading::after {
  position: absolute;
  right: 24px;
  bottom: -24px;
  width: 120px;
  height: 64px;
  border-radius: 50%;
  background: rgba(56, 226, 208, .1);
  filter: blur(22px);
  content: "";
}

html[data-theme="night"] .cabinet-page .store-section .section-number {
  color: #12202b;
  border-color: #ffd874;
  background: linear-gradient(145deg, #fff1a3, #ffb95f);
  box-shadow: 4px 4px 0 rgba(56, 226, 208, .65), 0 0 28px rgba(255, 216, 116, .16);
}

html[data-theme="night"] .cabinet-page .category-tabs {
  width: fit-content;
  max-width: 100%;
  margin: 22px 0;
  padding: 7px;
  gap: 6px;
  overflow-x: auto;
  border: 1px solid var(--night-line);
  border-radius: 17px;
  background: rgba(5, 16, 29, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 12px 34px rgba(0, 0, 0, .16);
}

html[data-theme="night"] .cabinet-page .category-tabs button {
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: #a9bdca;
  font-size: 11px !important;
  letter-spacing: .01em;
}

html[data-theme="night"] .cabinet-page .category-tabs button:hover {
  color: #f1ffff;
  border-color: rgba(56, 226, 208, .16);
  background: rgba(56, 226, 208, .08);
}

html[data-theme="night"] .cabinet-page .category-tabs button.active {
  color: #071820;
  border-color: rgba(141, 255, 239, .5);
  background: linear-gradient(135deg, #71f0df, #66cbed);
  box-shadow: 0 9px 24px rgba(45, 211, 201, .2), inset 0 1px rgba(255, 255, 255, .6);
}

html[data-theme="night"] .cabinet-page .products-grid .product-card {
  border-color: color-mix(in srgb, var(--product-color) 34%, rgba(142, 212, 221, .18));
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--product-color) 14%, transparent), transparent 44%),
    linear-gradient(160deg, rgba(18, 38, 59, .98), rgba(6, 17, 31, .98));
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
}

html[data-theme="night"] .cabinet-page .products-grid .product-card::after {
  opacity: .34;
  filter: drop-shadow(0 0 13px color-mix(in srgb, var(--product-color) 24%, transparent));
}

html[data-theme="night"] .cabinet-page .products-grid .product-card:hover,
html[data-theme="night"] .cabinet-page .products-grid .product-card.selected {
  border-color: color-mix(in srgb, var(--product-color) 72%, #b5fff8);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--product-color) 8%, transparent), 0 26px 58px rgba(0, 0, 0, .32), 0 0 34px color-mix(in srgb, var(--product-color) 16%, transparent);
}

html[data-theme="night"] .cabinet-page .products-grid .product-visual {
  border-color: rgba(220, 255, 251, .12);
  box-shadow: inset 0 -28px 38px rgba(4, 13, 24, .16);
}

html[data-theme="night"] .cabinet-page .products-grid .product-body-compact {
  border-color: rgba(153, 221, 230, .14);
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--product-color) 11%, transparent), transparent 48%),
    linear-gradient(180deg, rgba(15, 34, 54, .98), rgba(6, 18, 32, .99));
}

html[data-theme="night"] .cabinet-page .products-grid .product-tier {
  color: #a9bfcb;
  font-size: 9px;
  line-height: 1.35;
}

html[data-theme="night"] .cabinet-page .products-grid .product-price {
  width: fit-content;
  min-height: 46px;
  margin-top: 11px;
  padding: 7px 10px;
  align-items: center;
  gap: 5px 7px;
  border: 1px solid rgba(255, 216, 116, .2);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 216, 116, .11), rgba(56, 226, 208, .07));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .14);
}

html[data-theme="night"] .cabinet-page .products-grid .product-price del {
  color: #879ca9;
  font-size: 11px;
  text-decoration-color: #ff8d7b;
  text-decoration-thickness: 2px;
}

html[data-theme="night"] .cabinet-page .products-grid .product-price strong {
  color: #fff8de;
  font-size: 25px;
  line-height: 1;
  text-shadow: 0 0 17px rgba(255, 216, 116, .2);
}

html[data-theme="night"] .cabinet-page .products-grid .product-price span {
  color: var(--shop-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}

html[data-theme="night"] .cabinet-page .products-grid .product-open-hint,
html[data-theme="night"] .cabinet-page .products-grid .product-card:hover .product-open-hint {
  color: #84e7de;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.4;
}

html[data-theme="night"] .cabinet-page .product-expanded {
  border-color: color-mix(in srgb, var(--product-color) 42%, var(--night-line));
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--product-color) 15%, transparent), transparent 36%),
    radial-gradient(circle at 8% 100%, rgba(56, 226, 208, .08), transparent 34%),
    linear-gradient(145deg, rgba(17, 36, 57, .99), rgba(6, 17, 31, .99));
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--product-color) 7%, transparent), 0 28px 72px rgba(0, 0, 0, .3);
}

html[data-theme="night"] .cabinet-page .product-expanded-copy > span { color: #8bece1; }
html[data-theme="night"] .cabinet-page .product-expanded-copy h3 { color: #f4fdff; text-shadow: 0 0 24px color-mix(in srgb, var(--product-color) 22%, transparent); }
html[data-theme="night"] .cabinet-page .product-expanded-copy > p { color: #aec2ce; }
html[data-theme="night"] .cabinet-page .privilege-highlights strong,
html[data-theme="night"] .cabinet-page .privilege-lands-grid strong { color: #fff4ce; }
html[data-theme="night"] .cabinet-page .privilege-highlights span,
html[data-theme="night"] .cabinet-page .privilege-perk-group li span,
html[data-theme="night"] .cabinet-page .privilege-lands-grid span { color: #9eb3c0; }
html[data-theme="night"] .cabinet-page .privilege-perk-group h4,
html[data-theme="night"] .cabinet-page .privilege-lands-details summary span { color: #eefbff; }
html[data-theme="night"] .cabinet-page .privilege-perk-group code { color: #8cf2e5; background: rgba(56, 226, 208, .1); }

html[data-theme="night"] .cabinet-page .product-expanded-action {
  border-color: rgba(153, 221, 230, .14);
}

html[data-theme="night"] .cabinet-page .product-expanded-action small {
  color: #98adba;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

html[data-theme="night"] .cabinet-page .product-expanded-action strong {
  margin-block: 12px 21px;
  color: var(--shop-gold);
  font-size: clamp(28px, 3vw, 38px);
  text-shadow: 0 0 22px rgba(255, 216, 116, .18);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option {
  border-color: rgba(153, 221, 230, .16);
  background: linear-gradient(145deg, rgba(13, 31, 50, .94), rgba(6, 17, 30, .94));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 10px 26px rgba(0, 0, 0, .16);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option:hover {
  border-color: color-mix(in srgb, var(--purchase-accent) 55%, #5b7180);
  background: linear-gradient(145deg, rgba(22, 45, 66, .98), rgba(8, 23, 38, .98));
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option.selected {
  border-color: color-mix(in srgb, var(--purchase-accent) 78%, #bafff5);
  background: linear-gradient(145deg, color-mix(in srgb, var(--purchase-accent) 17%, #14273c), #09192b);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--purchase-accent) 54%, transparent), 0 13px 34px color-mix(in srgb, var(--purchase-accent) 13%, transparent);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option > span:first-child {
  color: #bed1dc;
  font-size: 15px;
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option.selected > span:first-child { color: #f4feff; }

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option .term-option-price strong {
  color: #fff6d8;
  font-size: 23px;
  text-shadow: 0 0 18px rgba(255, 216, 116, .16);
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option .term-option-price del {
  color: #8398a6;
  text-decoration-color: #ff8373;
  text-decoration-thickness: 2px;
}

html[data-theme="night"] .purchase-dialog#purchase-dialog .term-option .term-option-price mark {
  color: #9affeb;
  border: 1px solid rgba(75, 237, 202, .16);
  background: rgba(42, 193, 158, .13);
}

html[data-theme="night"] .purchase-summary {
  border: 1px solid rgba(255, 216, 116, .17);
  background: linear-gradient(135deg, rgba(44, 52, 65, .94), rgba(21, 35, 57, .94));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

html[data-theme="night"] .purchase-summary > span > strong {
  color: #ffdc7f;
  font-size: 30px;
  text-shadow: 0 0 20px rgba(255, 216, 116, .18);
}

html[data-theme="night"] .purchase-summary small { color: #aebfca; }
html[data-theme="night"] .purchase-summary p { color: #a9c7c4; }
html[data-theme="night"] .purchase-summary p i { color: #062019; background: #62e6b0; box-shadow: 0 0 18px rgba(98, 230, 176, .15); }

html[data-theme="night"] .cabinet-page .product-preview-stage {
  border: 1px solid var(--night-line);
  background:
    linear-gradient(rgba(5, 16, 29, .78), rgba(5, 16, 29, .78)),
    repeating-linear-gradient(45deg, #14293e 0 10px, #0c2034 10px 20px);
}

html[data-theme="night"] .cabinet-page .product-preview-card {
  color: var(--night-text);
  border: 1px solid color-mix(in srgb, var(--preview-color, #ff9f2f) 30%, var(--night-line));
  background:
    radial-gradient(circle at 95% 0, color-mix(in srgb, var(--preview-color, #ff9f2f) 13%, transparent), transparent 38%),
    linear-gradient(145deg, #12263d, #081828);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .34), 0 0 30px color-mix(in srgb, var(--preview-color, #ff9f2f) 13%, transparent);
}

html[data-theme="night"] .cabinet-page .product-preview-card > small { color: color-mix(in srgb, var(--preview-color, #ff9f2f) 62%, #bfe8e2); }
html[data-theme="night"] .cabinet-page .product-preview-card h2 { color: #f2fbff; }
html[data-theme="night"] .cabinet-page .product-preview-card p { color: #9fb4c0; }
html[data-theme="night"] .cabinet-page .product-preview-price del { color: #8398a6; text-decoration-color: #ff8373; }
html[data-theme="night"] .cabinet-page .product-preview-price strong { color: #ffdc7f; font-size: 20px; }

/* Admin cards and every editor nested inside them share one dark material system. */
html[data-theme="night"] .cabinet-page .admin-section {
  --admin-surface: rgba(12, 28, 46, .94);
  --admin-surface-deep: rgba(5, 17, 30, .86);
  --admin-surface-hover: rgba(22, 45, 67, .92);
  --admin-border: rgba(151, 218, 228, .15);
  --admin-copy: #a9bdc9;
}

html[data-theme="night"] .cabinet-page .admin-section :is(.admin-card, .admin-metric, .admin-tabs, .admin-section-heading, .shop-studio-sidebar, .player-directory, .player-inspector) {
  color: var(--night-text);
  border-color: var(--admin-border);
  background:
    radial-gradient(circle at 100% 0, rgba(139, 91, 211, .08), transparent 38%),
    linear-gradient(145deg, rgba(15, 33, 53, .98), rgba(7, 19, 34, .98));
  box-shadow: 0 22px 62px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025);
}

html[data-theme="night"] .cabinet-page .admin-section .admin-card-title > span {
  color: #071820;
  background: linear-gradient(135deg, #72eee0, #74b8ee);
  box-shadow: 0 8px 22px rgba(56, 226, 208, .14);
}

html[data-theme="night"] .cabinet-page .admin-section :is(.admin-card-title h3, .admin-section-heading h3, .player-directory-head strong, .player-inspector-name h3, .player-inspector-empty h3, .campaign-list-summary strong, .product-history-head strong) { color: #f1fbff; }
html[data-theme="night"] .cabinet-page .admin-section :is(.admin-card-title p, .admin-section-heading p, .player-directory-head small, .player-inspector-empty p, .campaign-list-summary small, .product-history-head small) { color: #93a9b7; }

html[data-theme="night"] .cabinet-page .admin-section :is(label, .switch-label) {
  color: #afc2ce;
}

html[data-theme="night"] .cabinet-page .admin-section :is(input, select, textarea) {
  color: #edfaff;
  border-color: rgba(151, 218, 228, .17);
  background: rgba(4, 14, 26, .84);
  box-shadow: inset 0 1px rgba(255, 255, 255, .018);
}

html[data-theme="night"] .cabinet-page .admin-section select option {
  color: #edfaff;
  background: #0a1a2c;
}

html[data-theme="night"] .cabinet-page .admin-section :is(input[type="checkbox"], input[type="radio"]) { accent-color: #55dacc; }

html[data-theme="night"] .cabinet-page .admin-section :is(input, select, textarea):focus {
  border-color: rgba(93, 238, 224, .56);
  box-shadow: 0 0 0 4px rgba(56, 226, 208, .09);
}

html[data-theme="night"] .cabinet-page .admin-section :is(
  .admin-tab-group, .admin-case-list, .player-admin-filters, .player-inspector-stats > div,
  .player-inspector-tabs, .mail-audience-switch, .broadcast-audience-card, .attachment-builder,
  .bonus-letter-editor, .promo-kind-tabs, .promotion-banner-editor, .promotion-price-preview,
  .fulfillment-builder, .fulfillment-validation, .switch-label, .case-editor-section,
  .case-pricing-preview, .case-reward-actions, .reward-guarantee, .case-simulator,
  .case-reward-preview, .case-guarantee-settings, .campaign-audience-options > label,
  .shop-publish-row, .product-history, .privilege-editor, .privilege-group-editor-card,
  .privilege-limit-editor-row
) {
  color: var(--admin-copy);
  border-color: var(--admin-border);
  background: var(--admin-surface-deep);
  box-shadow: none;
}

html[data-theme="night"] .cabinet-page .admin-section :is(
  .admin-entity-row, .admin-case-item, .attachment-row, .product-offer-row, .delivery-row,
  .audit-row, .broadcast-history-row, .mail-campaign-row, .player-history-row,
  .product-history-row, .case-reward-row, .case-simulation-summary article
) {
  color: var(--admin-copy);
  border-color: var(--admin-border);
  background: rgba(6, 19, 33, .76);
  box-shadow: none;
}

html[data-theme="night"] .cabinet-page .admin-section :is(.admin-case-item, .admin-entity-row, .mail-campaign-row):hover,
html[data-theme="night"] .cabinet-page .admin-section :is(.admin-case-item, .admin-entity-row, .mail-campaign-row).active,
html[data-theme="night"] .cabinet-page .admin-section .admin-entity-row.selected {
  border-color: rgba(103, 235, 222, .28);
  background: linear-gradient(135deg, rgba(56, 226, 208, .1), rgba(139, 91, 211, .1));
  box-shadow: 0 11px 28px rgba(0, 0, 0, .15);
}

html[data-theme="night"] .cabinet-page .admin-section :is(.admin-entity-row, .admin-case-item, .attachment-row, .product-offer-row, .delivery-row, .audit-row, .broadcast-history-row, .mail-campaign-row, .player-history-row, .product-history-row, .case-reward-row) strong { color: #edfaff; }
html[data-theme="night"] .cabinet-page .admin-section :is(.admin-entity-row, .admin-case-item, .delivery-row, .audit-row, .broadcast-history-row, .mail-campaign-row, .player-history-row, .product-history-row) :is(span, small, p, time, code) { color: #91a7b5; }

html[data-theme="night"] .cabinet-page .admin-section .admin-tab-group > small { color: #7f9dac; }
html[data-theme="night"] .cabinet-page .admin-section .admin-tab-group > button { color: #abc0cc; }
html[data-theme="night"] .cabinet-page .admin-section .admin-tab-group > button:hover { color: #efffff; background: rgba(56, 226, 208, .08); }
html[data-theme="night"] .cabinet-page .admin-section .admin-tab-group > button.active { color: #fff; background: linear-gradient(135deg, #7650bc, #347eaa); box-shadow: 0 9px 25px rgba(63, 79, 167, .2); }

html[data-theme="night"] .cabinet-page .admin-section .mail-audience-switch button { color: #95aab7; }
html[data-theme="night"] .cabinet-page .admin-section .mail-audience-switch button.active { color: #efffff; background: linear-gradient(135deg, rgba(56, 226, 208, .14), rgba(139, 91, 211, .14)); box-shadow: inset 0 0 0 1px rgba(95, 227, 216, .14); }
html[data-theme="night"] .cabinet-page .admin-section .broadcast-audience-card > span { color: #fff; background: linear-gradient(135deg, #7d55be, #3889ad); }
html[data-theme="night"] .cabinet-page .admin-section .broadcast-audience-card strong { color: #eefbff; }
html[data-theme="night"] .cabinet-page .admin-section .broadcast-audience-card :is(small, p) { color: #95aab7; }
html[data-theme="night"] .cabinet-page .admin-section .mail-campaign-row i { color: #cbb4e5; background: rgba(139, 91, 211, .13); }
html[data-theme="night"] .cabinet-page .admin-section .mail-campaign-row i[data-tone="success"] { color: #8fe1aa; background: rgba(71, 197, 133, .13); }
html[data-theme="night"] .cabinet-page .admin-section .mail-campaign-row i[data-tone="planned"] { color: #8bbdeb; background: rgba(69, 137, 207, .13); }
html[data-theme="night"] .cabinet-page .admin-section .mail-campaign-row i[data-tone="warning"] { color: #ffd18a; background: rgba(255, 186, 79, .13); }

html[data-theme="night"] .cabinet-page .admin-section .campaign-audience-options > label:has(input:checked) {
  border-color: rgba(91, 231, 218, .34);
  background: linear-gradient(135deg, rgba(56, 226, 208, .1), rgba(139, 91, 211, .08));
}
html[data-theme="night"] .cabinet-page .admin-section .campaign-audience-options strong { color: #eaf9ff; }
html[data-theme="night"] .cabinet-page .admin-section .campaign-audience-options small { color: #91a6b4; }

html[data-theme="night"] .cabinet-page .admin-section :is(.campaign-mode-explanation, .campaign-lock-note, .broadcast-safety-note, .bonus-editor-note) {
  color: #ffd595;
  border: 1px solid rgba(255, 205, 118, .14);
  background: rgba(255, 190, 72, .1);
}
html[data-theme="night"] .cabinet-page .admin-section .campaign-mode-explanation[data-mode="welcome"] { color: #99e7b7; border-color: rgba(80, 210, 142, .14); background: rgba(60, 190, 124, .1); }
html[data-theme="night"] .cabinet-page .admin-section .campaign-mode-explanation[data-mode="error"] { color: #ffaaa0; border-color: rgba(255, 103, 91, .15); background: rgba(255, 103, 91, .1); }

html[data-theme="night"] .cabinet-page .admin-section .fulfillment-validation code {
  color: #9cf2e8;
  background: rgba(2, 11, 21, .82);
}
html[data-theme="night"] .cabinet-page .admin-section .fulfillment-validation > span { color: #8cece1; background: rgba(56, 226, 208, .1); }
html[data-theme="night"] .cabinet-page .admin-section .fulfillment-validation :is(strong, p) { color: #a9bdc9; }
html[data-theme="night"] .cabinet-page .admin-section .fulfillment-validation.invalid { border-color: rgba(255, 103, 91, .24); background: rgba(255, 103, 91, .08); }

html[data-theme="night"] .cabinet-page .admin-section .shop-publish-row > div strong { color: #d9e9f0; }
html[data-theme="night"] .cabinet-page .admin-section .shop-publish-row > div small { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .admin-section .shop-publish-row.published > div strong { color: #83e4ac; }

html[data-theme="night"] .cabinet-page .admin-section :is(.case-editor-section-title strong, .case-reward-editor-head strong, .fulfillment-builder-head strong, .product-offers-head strong, .privilege-builder-title strong, .case-simulator strong) { color: #ecf9ff; }
html[data-theme="night"] .cabinet-page .admin-section :is(.case-editor-section-title small, .case-reward-editor-head small, .fulfillment-builder-head small, .product-offers-head span, .privilege-builder-title small, .case-simulator small) { color: #91a7b5; }
html[data-theme="night"] .cabinet-page .admin-section :is(.case-editor-section-title > span, .case-reward-editor-head > div > span) { color: #9cf2e8; background: rgba(56, 226, 208, .1); }
html[data-theme="night"] .cabinet-page .admin-section .case-pricing-preview mark { color: #071820; background: linear-gradient(135deg, #72e9dc, #78b9e9); }
html[data-theme="night"] .cabinet-page .admin-section .case-reward-row output { color: #c8a9ef; background: rgba(139, 91, 211, .13); }
html[data-theme="night"] .cabinet-page .admin-section .case-guarantee-progress > span { background: #21374a; }
html[data-theme="night"] .cabinet-page .admin-section .case-simulation-summary strong { color: #d5b8ff; }

html[data-theme="night"] .cabinet-page .admin-section :is(.privilege-group-editor-head label, .privilege-perk-editor-row label, .privilege-limit-editor-row label) { color: #aebfca; }
html[data-theme="night"] .cabinet-page .admin-section :is(.privilege-group-editor-head input, .privilege-perk-editor-row input, .privilege-limit-editor-row input) { color: #edfaff; border-color: var(--admin-border); background: rgba(4, 14, 26, .84); }
html[data-theme="night"] .cabinet-page .admin-section :is(.privilege-perk-editor-row > button, .privilege-limit-editor-row > button, .privilege-group-editor-head > button, .attachment-remove, .reward-remove) { color: #ffaaa0; background: rgba(255, 103, 91, .11); }

html[data-theme="night"] .cabinet-page .admin-section .player-directory-row { color: #dfeef4; }
html[data-theme="night"] .cabinet-page .admin-section .player-directory-row:hover,
html[data-theme="night"] .cabinet-page .admin-section .player-directory-row.active { background: linear-gradient(135deg, rgba(56, 226, 208, .1), rgba(139, 91, 211, .1)); }
html[data-theme="night"] .cabinet-page .admin-section .player-directory-row small,
html[data-theme="night"] .cabinet-page .admin-section .player-directory-row > span { color: #8fa5b3; }
html[data-theme="night"] .cabinet-page .admin-section .player-pagination { border-color: var(--admin-border); }
html[data-theme="night"] .cabinet-page .admin-section .player-pagination button { color: #c9a8ef; background: rgba(139, 91, 211, .14); }
html[data-theme="night"] .cabinet-page .admin-section .player-pagination span { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .admin-section .admin-player-avatar { border-color: #193249; background: #0a1c30; box-shadow: 0 14px 32px rgba(0, 0, 0, .28); }
html[data-theme="night"] .cabinet-page .admin-section .player-inspector-name code { color: #8fa5b3; }
html[data-theme="night"] .cabinet-page .admin-section .player-inspector-stats small { color: #8fa5b3; }
html[data-theme="night"] .cabinet-page .admin-section .player-inspector-stats strong { color: #e9f8ff; }
html[data-theme="night"] .cabinet-page .admin-section .player-inspector-tabs button { color: #9fb3c0; }
html[data-theme="night"] .cabinet-page .admin-section .player-inspector-tabs button.active { color: #071820; background: linear-gradient(135deg, #69e4d7, #70b8e6); box-shadow: 0 8px 22px rgba(56, 226, 208, .13); }

html[data-theme="night"] .cabinet-page .admin-section :is(.shop-editor-actions button, .player-inspector-actions button, .admin-compact-action, .admin-section-heading > button, .privilege-builder-title button, .privilege-add-perk) {
  color: #ddf8f5;
  border-color: rgba(139, 218, 224, .16);
  background: linear-gradient(135deg, rgba(76, 99, 146, .76), rgba(39, 111, 126, .76));
}

html[data-theme="night"] .cabinet-page .admin-section :is(.danger-action, .danger-quiet) {
  color: #ffaaa0;
  border-color: rgba(255, 103, 91, .18);
  background: rgba(255, 103, 91, .1);
}

html[data-theme="night"] .cabinet-page .admin-section .promo-kind-tabs button { color: #a8bdc9; }
html[data-theme="night"] .cabinet-page .admin-section .promo-kind-tabs button.active { color: #061b20; background: linear-gradient(135deg, #68e8da, #64badf); }
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-editor .admin-card-title > span { color: #07201d; background: linear-gradient(135deg, #7cf1dd, #66c9dd); }
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row-head b { color: #8ff0d1; background: rgba(58, 193, 137, .13); }
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row.state-paused .bonus-code-row-head b,
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row.state-draft .bonus-code-row-head b { color: #bdc9d0; background: rgba(143, 162, 174, .12); }
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row.state-expired .bonus-code-row-head b,
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row.state-exhausted .bonus-code-row-head b,
html[data-theme="night"] .cabinet-page .admin-section .bonus-code-row.state-archived .bonus-code-row-head b { color: #ffaaa0; background: rgba(255, 103, 91, .11); }
html[data-theme="night"] .cabinet-page .admin-section .admin-list-empty strong { color: #e9f8ff; }
html[data-theme="night"] .cabinet-page .admin-section .admin-list-empty :is(small, p) { color: #8fa5b3; }

@media (max-width: 1120px) {
  .home-page .hero { grid-template-columns: minmax(0, 1fr) minmax(440px, .88fr); }
  .home-page .island-scene { min-height: 590px; }
  .telegram-feature { left: -2%; width: min(330px, 72%); }
}

@media (max-width: 900px) {
  .home-page .main-nav { gap: 7px; }
  .home-page .hero { grid-template-columns: 1fr; }
  .home-page .hero-copy { max-width: 720px; }
  .home-page .hero h1 { font-size: clamp(47px, 9.5vw, 72px); }
  .hero-actions { max-width: 680px; }
  .home-page .island-scene { min-height: 520px; margin: 0; }
  .home-page .island-scene > img { width: min(850px, 112vw); right: -14%; }
  .telegram-feature { left: 2%; bottom: 4%; }
}

@media (max-width: 700px) {
  .theme-toggle { min-width: 44px; width: 44px; padding: 0; }
  .theme-toggle-label { display: none; }
  .home-page .main-nav > a:first-child { display: none; }
  .home-page .hero { padding-top: 40px; }
  .home-page .hero h1 { font-size: clamp(41px, 12.8vw, 59px); line-height: 1.24; }
  .home-page .hero-lead { font-size: 15px; }
  .home-page .play-row { padding: 0; align-items: stretch; flex-direction: column; border: 0; background: transparent; box-shadow: none; }
  .home-page .play-button { width: 100%; }
  .home-page .server-meta { padding: 4px 3px 0; }
  .rules-feature-link { min-height: 91px; grid-template-columns: 48px 1fr 30px; padding: 14px; gap: 11px; }
  .rules-feature-symbol { width: 48px; height: 48px; }
  .rules-feature-copy strong { font-size: 14px; }
  .rules-feature-copy b { display: none; }
  .home-page .island-scene { min-height: 430px; }
  .telegram-feature { left: 0; bottom: 0; width: min(345px, 88%); }
  .home-page .scene-label { display: none; }
  .purchase-dialog#purchase-dialog .term-options { grid-template-columns: 1fr; }
  .purchase-dialog#purchase-dialog .term-option { min-height: 78px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .term-option-price { justify-content: flex-end; text-align: right; }
  .purchase-summary { grid-template-columns: 1fr; gap: 10px; }
  .purchase-summary p { max-width: none; }
  .overview-activity-row,
  .notification-row { grid-template-columns: auto minmax(0, 1fr); }
  .overview-activity-row time,
  .notification-row time { grid-column: 2; padding-right: 0; }
}

@media (max-width: 480px) {
  .home-page .site-header { gap: 10px; }
  .home-page .brand { gap: 8px; }
  .home-page .brand-name > small { display: none; }
  .home-page .main-nav { margin-left: auto; }
  .home-page .cabinet-link { width: 45px; padding: 0; justify-content: center; font-size: 0; }
  .home-page .cabinet-link span { display: block; font-size: 17px; }
  .home-page .hero-tags span { font-size: 10px; }
  .rules-feature-copy small { font-size: 9px !important; }
  .telegram-feature { min-height: 82px; padding: 12px; grid-template-columns: 44px 1fr 18px; }
  .telegram-feature-mark { width: 44px; height: 44px; }
  .telegram-feature strong { font-size: 15px; }
  .telegram-feature b { display: none; }
  .purchase-dialog#purchase-dialog { width: calc(100vw - 14px); max-height: calc(100dvh - 14px); border-radius: 22px; }
  .purchase-dialog#purchase-dialog form { max-height: calc(100dvh - 14px); padding: 23px 17px; }
  .purchase-dialog#purchase-dialog .dialog-close { top: 13px; right: 13px; }
  .purchase-dialog#purchase-dialog h2 { margin-bottom: 23px; font-size: 31px; }
  .purchase-dialog#purchase-dialog .term-option { padding: 13px; }
  .coupon-disclosure > summary small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle,
  .rules-feature-link,
  .rules-feature-link::after,
  .telegram-feature,
  .home-page .island-scene > img,
  .purchase-dialog#purchase-dialog .term-option { transition: none; }
}

/* ALOHA 0.30.2 — mobile homepage must always stay inside the viewport. */
@media (max-width: 700px) {
  .home-page :where(
    .site-header,
    .main-nav,
    .hero,
    .hero-copy,
    .hero-actions,
    .play-row,
    .play-button,
    .server-meta,
    .hero-tags,
    .rules-feature-link,
    .rules-feature-copy
  ) {
    min-width: 0;
    max-width: 100%;
  }

  .home-page .hero-copy,
  .home-page .hero-actions,
  .home-page .play-row,
  .home-page .play-button,
  .home-page .server-meta,
  .home-page .rules-feature-link {
    width: 100%;
  }

  .home-page .hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(24px, calc((100vw - 28px) / 12), 43px);
    line-height: 1.36;
    letter-spacing: -.045em;
    white-space: nowrap;
  }

  .home-page .hero-lead {
    width: 100%;
    max-width: 100%;
    font-size: clamp(14px, 4vw, 15px);
    line-height: 1.62;
    overflow-wrap: anywhere;
  }

  .home-page .hero-tags {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-page .hero-tags span {
    width: 100%;
    min-width: 0;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .home-page .play-button {
    box-sizing: border-box;
    min-width: 0;
  }

  .home-page .play-button > span:last-child {
    min-width: 0;
  }

  .home-page .play-button :is(b, small),
  .home-page .status-line,
  .home-page .ip-address {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .home-page .status-line,
  .home-page .ip-address {
    display: flex;
    max-width: 100%;
    align-items: center;
    flex-wrap: wrap;
  }

  .home-page .ip-address {
    gap: 4px 8px;
    text-align: left;
  }

  .home-page .ip-address span {
    margin-left: 0;
  }

  .home-page .rules-feature-link {
    box-sizing: border-box;
    grid-template-columns: 48px minmax(0, 1fr) 30px;
  }

  .home-page .rules-feature-copy :is(small, strong, b) {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .home-page .island-scene {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    overflow: hidden;
  }
}

@media (max-width: 430px) {
  .home-page .site-header {
    width: calc(100% - 28px);
  }

  .home-page .hero {
    padding-top: 32px;
  }

  .home-page .eyebrow {
    max-width: 100%;
    gap: 8px;
    font-size: 10px !important;
    letter-spacing: .065em;
  }

  .home-page .eyebrow > span {
    width: 26px;
    flex: 0 0 26px;
  }

  .home-page .hero-tags {
    gap: 7px;
  }

  .home-page .hero-tags span {
    min-height: 40px;
    padding: 7px 6px;
    font-size: 9px;
    line-height: 1.35;
  }

  .home-page .play-button {
    padding: 9px 11px;
    gap: 11px;
  }

  .home-page .play-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .home-page .rules-feature-link {
    min-height: 88px;
    padding: 12px;
    grid-template-columns: 44px minmax(0, 1fr) 27px;
    gap: 10px;
  }

  .home-page .rules-feature-symbol {
    width: 44px;
    height: 44px;
  }

  .home-page .rules-feature-copy strong {
    font-size: 13px;
    line-height: 1.35;
  }

  .home-page .rules-feature-arrow {
    width: 27px;
    height: 27px;
    font-size: 17px;
  }

  .home-page .telegram-feature {
    left: 6px;
    right: 6px;
    width: auto;
    max-width: none;
  }
}

@media (max-width: 350px) {
  .home-page .aloha-logo-brand {
    min-width: 104px;
  }

  .home-page .aloha-logo-image {
    width: 104px;
  }

  .home-page .main-nav {
    gap: 5px;
  }

  .home-page .rules-feature-link {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .home-page .rules-feature-arrow {
    display: none;
  }
}

html[data-theme="night"] .cabinet-page .minecraft-item-admin { border-color: rgba(178,104,227,.25); background: linear-gradient(145deg,rgba(69,29,94,.28),rgba(6,17,29,.92)); }
html[data-theme="night"] .cabinet-page .minecraft-item-admin > strong { color: #d7a8f5; }
html[data-theme="night"] .cabinet-page .minecraft-item-admin > small { color: #91a6b4; }
html[data-theme="night"] .cabinet-page .minecraft-item-action { border-color: rgba(178,104,227,.2); background: rgba(36,17,51,.38); }
html[data-theme="night"] .cabinet-page .minecraft-item-action [data-action="value"] { color: #c9addb; background: rgba(19,10,31,.86); }
html[data-theme="night"] .cabinet-page .case-survival-sync-note { border-color: rgba(85,220,210,.2); background: linear-gradient(135deg,rgba(48,183,174,.12),rgba(103,65,147,.13)); }
html[data-theme="night"] .cabinet-page .case-survival-sync-note strong { color: #a7ede7; }
html[data-theme="night"] .cabinet-page .case-survival-sync-note p { color: #91a7b5; }
html[data-theme="night"] .cabinet-page .case-survival-sync-note code { color: #9be8e1; background: rgba(67,200,190,.11); }
html[data-theme="night"] .cabinet-page .case-reward-empty { border-color: rgba(85,220,210,.22); background: linear-gradient(145deg,rgba(48,183,174,.08),rgba(103,65,147,.09)); }
html[data-theme="night"] .cabinet-page .case-reward-empty strong { color: #a7ede7; }
html[data-theme="night"] .cabinet-page .case-reward-empty span { color: #91a7b5; }
html[data-theme="night"] .cabinet-page .case-reward-empty code { color: #9be8e1; background: rgba(67,200,190,.11); }

/* ALOHA 0.26 */
html[data-theme="night"] .aloha-logo-caption { color: #8ca3b1; }
html[data-theme="night"] .cabinet-page .mail-reader { background: radial-gradient(circle at 92% 8%,rgba(255,184,64,.09),transparent 31%),linear-gradient(145deg,rgba(12,29,47,.97),rgba(6,18,32,.96)); }
html[data-theme="night"] .cabinet-page .mail-reader::before { border-color: rgba(76,215,202,.1); }
html[data-theme="night"] .cabinet-page .mail-reader-mascot { opacity: .085; filter: saturate(.75); }
html[data-theme="night"] .cabinet-page .mail-letter-stamp span { border-color: var(--night-line); color: #f4a64e; }
html[data-theme="night"] .cabinet-page .mail-reader-meta { border-color: var(--night-line); }
html[data-theme="night"] .cabinet-page .mail-reader .mail-letter-copy #mail-body { color: #a0b2bd; }
html[data-theme="night"] .cabinet-page .mail-attachments-heading strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .mail-attachments-heading > span { color: #8ea4b2; }
html[data-theme="night"] .cabinet-page .mail-attachment { border-color: rgba(255,194,91,.17); background: linear-gradient(135deg,rgba(255,194,91,.085),rgba(45,211,201,.055)); box-shadow: 0 13px 32px rgba(0,0,0,.12); }
html[data-theme="night"] .cabinet-page .mail-attachment[data-status="delivered"] { border-color: rgba(84,221,163,.18); background: linear-gradient(135deg,rgba(71,197,133,.09),rgba(45,211,201,.055)); }
html[data-theme="night"] .cabinet-page .mail-attachment-copy small { color: #e3a75f; }
html[data-theme="night"] .cabinet-page .mail-attachment-copy strong { color: var(--night-text); }
html[data-theme="night"] .cabinet-page .mail-attachment-copy span { color: #8fa4b2; }
html[data-theme="night"] .cabinet-page .mail-attachment > button { color: #06171f; background: linear-gradient(135deg,#68e1d4,#58badd); }
html[data-theme="night"] .cabinet-page .mail-attachment[data-status="delivered"] > button { color: #8fe6bc; background: rgba(71,197,133,.12); }
html[data-theme="night"] .cabinet-page .reward-image-editor { border-color: rgba(84,220,209,.14); background: linear-gradient(135deg,rgba(80,205,195,.065),rgba(139,91,211,.065)); }
html[data-theme="night"] .cabinet-page .reward-image-preview { border-color: var(--night-line); background: rgba(4,14,26,.72); }
html[data-theme="night"] .cabinet-page .reward-image-copy strong { color: #dff9f7; }
html[data-theme="night"] .cabinet-page .reward-image-copy small { color: #8fa5b3; }
html[data-theme="night"] .cabinet-page .reward-image-upload > span { color: #071820!important; background: linear-gradient(135deg,#60dcd0,#62badd); }
html[data-theme="night"] .cabinet-page .reward-image-remove { color: #ff9b8e!important; background: rgba(255,103,91,.11); }

/* ALOHA 0.27 */
html[data-theme="night"] .cabinet-page .profile-nav .commerce-nav-button {
  border-color:color-mix(in srgb,var(--commerce-accent) 35%,var(--night-line));
  background:linear-gradient(112deg,color-mix(in srgb,var(--commerce-accent) 13%,#0a1c2c),#0b2031 44%,color-mix(in srgb,var(--commerce-accent-2) 11%,#091b2a));
  color:color-mix(in srgb,var(--commerce-accent-2) 64%,#dcebf1);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.17);
}
html[data-theme="night"] .cabinet-page .profile-nav .commerce-nav-button.active { color:#06151e; background:linear-gradient(120deg,var(--commerce-accent),var(--commerce-accent-2)); }
html[data-theme="night"] .cabinet-page .case-card-icon { background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--case-color) 25%,transparent),transparent 66%); }
html[data-theme="night"] .cabinet-page .case-card-chest-image { filter:drop-shadow(0 20px 17px rgba(0,0,0,.46)); }
html[data-theme="night"] .cabinet-page .case-art-option { border-color:var(--night-line); background:linear-gradient(145deg,#102638,#091b2b); color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-art-option-image { background:radial-gradient(circle at 50% 68%,rgba(127,85,193,.24),transparent 67%); }
html[data-theme="night"] .cabinet-page .case-art-option small { color:#8ea4b2; }
html[data-theme="night"] .cabinet-page .case-art-option.selected { border-color:#9b6de1; box-shadow:inset 0 0 0 2px rgba(155,109,225,.15),0 14px 30px rgba(0,0,0,.18); }
html[data-theme="night"] .cabinet-page .admin-case-art { background:rgba(114,221,211,.08); }
html[data-theme="night"] .cabinet-page .case-reward-compact-card { border-color:color-mix(in srgb,var(--rarity-color) 34%,var(--night-line)); background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 7%,#102638),#091b2b); color:var(--night-text); box-shadow:0 10px 25px rgba(0,0,0,.13); }
html[data-theme="night"] .cabinet-page .case-reward-card-visual { background:color-mix(in srgb,var(--rarity-color) 10%,#071827); }
html[data-theme="night"] .cabinet-page .case-reward-card-copy > span,html[data-theme="night"] .cabinet-page .case-reward-card-metrics small { color:#8ea4b2; }
html[data-theme="night"] .cabinet-page .case-reward-dialog-shell { border-color:rgba(151,105,207,.25); background:linear-gradient(145deg,#102638,#071827); }
html[data-theme="night"] .cabinet-page .case-reward-dialog header,html[data-theme="night"] .cabinet-page .case-reward-dialog footer { border-color:var(--night-line); }
html[data-theme="night"] .cabinet-page .case-reward-dialog header h3 { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-reward-dialog header p { color:#8fa5b3; }
html[data-theme="night"] .cabinet-page .case-reward-dialog footer { background:rgba(7,24,39,.97); }
html[data-theme="night"] .cabinet-page .case-reward-dialog .case-reward-actions,html[data-theme="night"] .cabinet-page .case-reward-preview { border-color:var(--night-line); background:#0b2031; }
html[data-theme="night"] .cabinet-page .case-reward-preview > summary strong { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-reward-preview > summary small { color:#8ea4b2; }
html[data-theme="night"] .cabinet-page .case-editor .case-editor-actions { border-color:var(--night-line); background:rgba(8,25,40,.9); box-shadow:0 18px 42px rgba(0,0,0,.2); }

/* ALOHA 0.28 */
html[data-theme="night"] .cabinet-page .overview-pulse-card {
  border-color:color-mix(in srgb,var(--pulse-accent) 30%,var(--night-line));
  background:radial-gradient(circle at 96% 5%,color-mix(in srgb,var(--pulse-accent-2) 16%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--pulse-accent) 7%,#102638),#081a2a);
  color:var(--night-text);
  box-shadow:0 16px 40px rgba(0,0,0,.17);
}
html[data-theme="night"] .cabinet-page .overview-pulse-card::before { background:linear-gradient(90deg,transparent,rgba(207,255,251,.24),transparent); }
html[data-theme="night"] .cabinet-page .overview-pulse-card p { color:#91a6b4; }
html[data-theme="night"] .cabinet-page .overview-pulse-card b { color:color-mix(in srgb,var(--pulse-accent-2) 72%,#dfeef3); }
html[data-theme="night"] .cabinet-page .mail-toolbar {
  border-color:var(--night-line);
  background:rgba(10,29,45,.78);
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}
html[data-theme="night"] .cabinet-page :is(.mail-filter-tabs,.notification-filters) button { color:#91a6b4; }
html[data-theme="night"] .cabinet-page :is(.mail-filter-tabs,.notification-filters) button:hover { color:#d7f7f4; background:rgba(109,75,151,.19); }
html[data-theme="night"] .cabinet-page :is(.mail-filter-tabs,.notification-filters) button.active { border-color:rgba(171,119,224,.2); color:#dbbaff; background:rgba(125,76,176,.2); }
html[data-theme="night"] .cabinet-page .mail-filter-tabs button::after { color:#748b9a; }
html[data-theme="night"] .cabinet-page .mail-claim-all,
html[data-theme="night"] .cabinet-page .mail-claim-message { color:#071921; background:linear-gradient(120deg,#b07aeb,#55d9ce); }
html[data-theme="night"] .cabinet-page .case-opening-history {
  border-color:color-mix(in srgb,var(--case-color) 25%,var(--night-line));
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--case-color) 12%,transparent),transparent 43%),linear-gradient(145deg,#0e2436,#081a2a);
}
html[data-theme="night"] .cabinet-page .case-opening-history-head h3,
html[data-theme="night"] .cabinet-page .case-history-summary strong { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-opening-history-head button { border-color:var(--night-line); color:#bca1d7; background:rgba(10,27,43,.75); }
html[data-theme="night"] .cabinet-page .case-history-summary > span { background:rgba(139,96,185,.09); }
html[data-theme="night"] .cabinet-page .case-history-summary small { color:#849ba9; }
html[data-theme="night"] .cabinet-page .case-history-row {
  border-color:color-mix(in srgb,var(--rarity-color) 28%,var(--night-line));
  background:linear-gradient(105deg,color-mix(in srgb,var(--rarity-color) 6%,#102638),rgba(7,24,39,.9));
  color:var(--night-text);
}
html[data-theme="night"] .cabinet-page .case-history-case-art,
html[data-theme="night"] .cabinet-page .case-history-row > i { background:color-mix(in srgb,var(--rarity-color) 9%,#071827); }
html[data-theme="night"] .cabinet-page .case-history-row > div p,
html[data-theme="night"] .cabinet-page .case-history-meta time { color:#849ba9; }
html[data-theme="night"] .cabinet-page .case-history-meta em { background:color-mix(in srgb,var(--rarity-color) 12%,#102638); color:color-mix(in srgb,var(--rarity-color) 65%,#e9f5f8); }
html[data-theme="night"] .cabinet-page .case-history-empty { color:#8399a7; }
html[data-theme="night"] .cabinet-page .case-history-empty strong { color:#dff5f5; }
html[data-theme="night"] .cabinet-page .case-opening-dialog {
  color:var(--night-text);
  background:radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--case-color) 27%,transparent),transparent 44%),radial-gradient(circle at 100% 100%,rgba(132,83,187,.18),transparent 38%),linear-gradient(145deg,#0d2335,#071726);
}
html[data-theme="night"] .cabinet-page .case-opening-dialog h2 { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-opening-chest-stage { border-color:color-mix(in srgb,var(--case-color) 28%,var(--night-line)); background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--case-color) 24%,transparent),transparent 46%); }
html[data-theme="night"] .cabinet-page .case-opening-chest-image { filter:drop-shadow(0 31px 25px rgba(0,0,0,.58)); }
html[data-theme="night"] .cabinet-page .case-result-item { border-color:var(--night-line); background:rgba(11,32,49,.78); }
html[data-theme="night"] .cabinet-page .case-result-item strong { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-result-item small,
html[data-theme="night"] .cabinet-page .case-result p { color:#8fa5b3; }
html[data-theme="night"] .cabinet-page .case-result-actions button { border-color:var(--night-line); color:#cbb4df; background:#0b2031; }
html[data-theme="night"] .cabinet-page .notification-filters { border-color:var(--night-line); }
html[data-theme="night"] .cabinet-page .notification-group-label { color:#78909e; }
html[data-theme="night"] .cabinet-page .case-editor-duplicate,
html[data-theme="night"] .cabinet-page .case-editor-quiet-action { border-color:rgba(169,116,219,.2); color:#d5b6ef; background:rgba(118,74,161,.15); }
html[data-theme="night"] .cabinet-page .case-draft-state { border-color:color-mix(in srgb,var(--draft-color) 23%,var(--night-line)); background:color-mix(in srgb,var(--draft-color) 6%,#0b2031); }
html[data-theme="night"] .cabinet-page .case-draft-state strong { color:color-mix(in srgb,var(--draft-color) 62%,#e9f5f8); }
html[data-theme="night"] .cabinet-page .case-draft-state small { color:#879dab; }
html[data-theme="night"] .cabinet-page .case-version-history { border-color:var(--night-line); background:#0b2031; }
html[data-theme="night"] .cabinet-page .case-version-history > summary strong { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .case-version-history > summary small { color:#8ba1ae; }
html[data-theme="night"] .cabinet-page .case-version-row { background:#0e273a; }
html[data-theme="night"] .cabinet-page .case-version-row strong { color:#d9edf2; }
html[data-theme="night"] .cabinet-page .case-version-row small,
html[data-theme="night"] .cabinet-page .case-version-row time { color:#8299a7; }

/* ALOHA 0.29 */
html[data-theme="night"] .cabinet-page :is(.identity-sync-state,.identity-public-state) { border-color:rgba(69,206,179,.18); background:rgba(31,131,116,.12); color:#9bd8ca; }
html[data-theme="night"] .cabinet-page .identity-sync-state.stale { border-color:rgba(223,159,61,.2); background:rgba(166,105,29,.13); color:#e9bd76; }
html[data-theme="night"] .cabinet-page :is(.identity-sync-state.missing,.identity-public-state.error) { border-color:var(--night-line); background:#0b2031; color:#91a6b4; }
html[data-theme="night"] .cabinet-page .identity-passport { border-color:rgba(77,184,164,.18); background:radial-gradient(circle at 8% 20%,rgba(56,202,178,.12),transparent 34%),linear-gradient(145deg,#102c3a,#0a1e2f); box-shadow:0 24px 55px rgba(0,0,0,.25); }
html[data-theme="night"] .cabinet-page .identity-skin-stage { border-color:rgba(86,210,186,.16); background:radial-gradient(circle at 50% 44%,rgba(69,215,188,.21),transparent 42%),linear-gradient(160deg,#123c45,#0b2736); }
html[data-theme="night"] .cabinet-page .identity-passport-copy > small.online { color:#66d9bd; }
html[data-theme="night"] .cabinet-page .identity-passport-copy h2 { color:#e5f4f4; }
html[data-theme="night"] .cabinet-page :is(.identity-passport-copy code,.identity-since) { color:#89a0ad; }
html[data-theme="night"] .cabinet-page .identity-passport-serial { border-color:rgba(86,210,186,.22); color:#76baaD; }
html[data-theme="night"] .cabinet-page .identity-passport-highlights { border-color:rgba(86,210,186,.14); background:rgba(4,22,33,.38); }
html[data-theme="night"] .cabinet-page .identity-passport-highlights > span { color:#8198a5; }
html[data-theme="night"] .cabinet-page .identity-passport-highlights > span + span { border-color:rgba(86,210,186,.12); }
html[data-theme="night"] .cabinet-page .identity-passport-highlights strong { color:#b9ded7; }
html[data-theme="night"] .cabinet-page .identity-chip-row span { border-color:var(--night-line); background:#102b3d; color:#a9c8c5; }
html[data-theme="night"] .cabinet-page .identity-chip-row .privilege { border-color:rgba(238,163,65,.2); background:rgba(180,108,28,.17); color:#f0bd72; }
html[data-theme="night"] .cabinet-page .identity-chip-row .balance { background:rgba(31,145,122,.16); color:#79d7c1; }
html[data-theme="night"] .cabinet-page .identity-chip-row .honor { background:rgba(128,91,181,.18); color:#c5a7ee; }
html[data-theme="night"] .cabinet-page :is(.identity-module,.identity-privacy-card) { border-color:color-mix(in srgb,var(--identity-accent,#55d2bd) 22%,var(--night-line)); background:linear-gradient(145deg,color-mix(in srgb,var(--identity-accent,#55d2bd) 7%,#102638),#081a2a); box-shadow:0 16px 38px rgba(0,0,0,.16); }
html[data-theme="night"] .cabinet-page .identity-next-goal { border-color:rgba(226,149,53,.2); background:linear-gradient(115deg,rgba(169,100,24,.2),#102638 48%,rgba(24,130,110,.16)); }
html[data-theme="night"] .cabinet-page :is(.identity-module-heading h3,.identity-card-title h3,.identity-next-goal h3) { color:var(--night-text); }
html[data-theme="night"] .cabinet-page .identity-module-mark { border-color:color-mix(in srgb,var(--identity-accent) 28%,var(--night-line)); background:color-mix(in srgb,var(--identity-accent) 12%,#0a1e2f); box-shadow:none; }
html[data-theme="night"] .cabinet-page .identity-metric { border-color:color-mix(in srgb,var(--identity-accent) 16%,var(--night-line)); background:rgba(5,20,32,.38); }
html[data-theme="night"] .cabinet-page .identity-metric small { color:#879ca8; }
html[data-theme="night"] .cabinet-page .identity-metric strong { color:#dcecef; }
html[data-theme="night"] .cabinet-page :is(.identity-metric span,.identity-progress > div:first-child,.identity-achievement-list small,.identity-mode-list span) { color:#8499a6; }
html[data-theme="night"] .cabinet-page .identity-progress-track { background:#183347; }
html[data-theme="night"] .cabinet-page :is(.identity-goal-list > div,.identity-achievement-list > div) { background:rgba(4,18,30,.35); }
html[data-theme="night"] .cabinet-page .identity-public-master { background:rgba(31,144,121,.14); }
html[data-theme="night"] .cabinet-page .identity-public-master strong { color:#8ed7c7; }
html[data-theme="night"] .cabinet-page .identity-public-master small { color:#779b98; }
html[data-theme="night"] .cabinet-page .identity-privacy-grid label { border-color:var(--night-line); background:#0b2031; color:#91a6b4; }
html[data-theme="night"] .cabinet-page .identity-privacy-grid label:has(input:checked) { border-color:rgba(71,205,177,.24); background:rgba(30,145,122,.15); color:#8ed8c8; }
html[data-theme="night"] .cabinet-page .identity-public-link input { border-color:var(--night-line); background:#081a2a; color:#a9bdc6; }
html[data-theme="night"] .cabinet-page .public-profile-head > a { border-color:var(--night-line); background:#0b2031; color:#cce1e4; }
html[data-theme="night"] .cabinet-page .delivery-health > div { border-color:var(--night-line); background:#0b2031; }
html[data-theme="night"] .cabinet-page .delivery-health small { color:#8298a5; }
html[data-theme="night"] .cabinet-page .delivery-health strong { color:#b9dbd5; }
html[data-theme="night"] .cabinet-page .delivery-health span { color:#748b98; }
html[data-theme="night"] .cabinet-page .delivery-journal { border-color:var(--night-line); }
html[data-theme="night"] .cabinet-page .delivery-journal > div { background:#0d2638; }
html[data-theme="night"] .cabinet-page .delivery-journal strong { color:#c5dce0; }
html[data-theme="night"] .cabinet-page .delivery-journal :is(span,time) { color:#8096a3; }

/* ALOHA 0.29.3 — unified cabinet, profile identity and mobile controls. */
html[data-theme="night"] .cabinet-page .profile-grid .player-card {
  border-color:rgba(85,220,207,.21);
  background:radial-gradient(circle at 92% 8%,rgba(255,203,70,.13),transparent 29%),radial-gradient(circle at 18% 108%,rgba(44,205,189,.16),transparent 35%),linear-gradient(135deg,#0d302f,#0b2029 56%,#171a25);
  box-shadow:0 27px 64px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);
}
html[data-theme="night"] .cabinet-page .profile-grid .balance-card {
  border-color:rgba(255,198,77,.19);
  background:radial-gradient(circle at 92% 7%,rgba(255,229,151,.12),transparent 31%),linear-gradient(145deg,#5c4316,#3a2a13 62%,#2b1c13);
  box-shadow:0 22px 52px rgba(0,0,0,.2);
}
html[data-theme="night"] .cabinet-page .profile-grid .balance-card :is(.balance-label,strong,b,p) { color:#fff1c4; }
html[data-theme="night"] .cabinet-page .profile-grid .balance-card button { border-color:rgba(255,222,143,.15); background:rgba(255,255,255,.09); color:#ffe7a6; }
html[data-theme="night"] .cabinet-page .profile-grid .eco-balance-card {
  border-color:rgba(64,218,202,.21);
  background:radial-gradient(circle at 91% 6%,rgba(255,229,119,.1),transparent 30%),linear-gradient(145deg,#123f3b,#0b302f 59%,#082225);
}
html[data-theme="night"] .cabinet-page .profile-grid .eco-balance-card :is(.balance-label,strong,b,p) { color:#c8fff5; }
html[data-theme="night"] .cabinet-page .eco-balance-card .wallet-sync-state { border-color:rgba(98,229,214,.13); background:rgba(4,20,25,.3); color:#91cfc5; }
html[data-theme="night"] .cabinet-page .overview-identity-signals > div { border-color:rgba(255,255,255,.1); background:rgba(3,18,25,.27); }
html[data-theme="night"] .cabinet-page .overview-profile-button { border-color:rgba(255,210,87,.2); background:linear-gradient(110deg,rgba(255,196,61,.13),rgba(32,183,174,.12)); }
html[data-theme="night"] .cabinet-page .identity-ohana-seal { border-color:color-mix(in srgb,var(--ohana-color) 32%,var(--night-line)); background:linear-gradient(115deg,color-mix(in srgb,var(--ohana-color) 10%,#0b2432),rgba(6,21,32,.72)); }
html[data-theme="night"] .cabinet-page .identity-ohana-seal strong { color:#e0f2f0; }
html[data-theme="night"] .cabinet-page .identity-ohana-seal p { color:#89a3a8; }
html[data-theme="night"] .cabinet-page .owner-acoin-heading { border-color:rgba(164,111,214,.2); background:radial-gradient(circle at 92% 10%,rgba(255,202,69,.1),transparent 31%),linear-gradient(135deg,#172638,#0a1d2d); }
html[data-theme="night"] .cabinet-page .owner-acoin-heading span { color:#c59ae9; }
html[data-theme="night"] .cabinet-page .owner-acoin-heading h3 { color:#edf8fb; }
html[data-theme="night"] .cabinet-page .owner-acoin-heading p { color:#8ba0ad; }
html[data-theme="night"] .cabinet-page .owner-acoin-heading button,
html[data-theme="night"] .cabinet-page .owner-acoin-pagination button { border-color:var(--night-line); background:#0e2739; color:#cbb4df; box-shadow:none; }
html[data-theme="night"] .cabinet-page .owner-acoin-metrics article,
html[data-theme="night"] .cabinet-page .owner-acoin-row { border-color:var(--night-line); background:linear-gradient(145deg,#10283a,#0a1d2d); box-shadow:0 12px 30px rgba(0,0,0,.14); }
html[data-theme="night"] .cabinet-page .owner-acoin-metrics small,
html[data-theme="night"] .cabinet-page .owner-acoin-metrics span,
html[data-theme="night"] .cabinet-page .owner-acoin-player code,
html[data-theme="night"] .cabinet-page :is(.owner-acoin-amount,.owner-acoin-date) small { color:#8298a5; }
html[data-theme="night"] .cabinet-page .owner-acoin-metrics strong,
html[data-theme="night"] .cabinet-page .owner-acoin-player strong,
html[data-theme="night"] .cabinet-page .owner-acoin-date time { color:#dbecef; }
html[data-theme="night"] .cabinet-page .owner-acoin-amount strong { color:#caa8ed; }
html[data-theme="night"] .cabinet-page .owner-acoin-empty { color:#8298a5; }
html[data-theme="night"] .cabinet-page .owner-acoin-empty span { background:rgba(135,88,185,.17); color:#d0acee; }
html[data-theme="night"] .cabinet-page .owner-acoin-empty strong { color:#dbecef; }

@media(max-width:760px) {
  html[data-theme="night"] .cabinet-page .dashboard-actions .logout-button { border-color:var(--night-line); background:rgba(13,35,51,.84); color:#b9ced5; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav { border-color:var(--night-line); background:rgba(8,25,39,.94); box-shadow:0 20px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.04); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav button { color:#8197a5; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav button.active { color:#8be6db; background:linear-gradient(145deg,rgba(38,168,153,.2),rgba(147,100,189,.16)); box-shadow:inset 0 0 0 1px rgba(79,206,190,.13); }
  html[data-theme="night"] .cabinet-page .mobile-nav-backdrop { background:rgba(0,8,15,.68); }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet { border-color:var(--night-line); background:rgba(8,25,39,.98); box-shadow:0 30px 90px rgba(0,0,0,.55); }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > div { border-color:var(--night-line); }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > div > strong,
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > button { color:#dcecef; }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > div > button { background:#102d40; color:#9eb1bc; }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > button > span { background:rgba(45,190,175,.13); color:#78dcd0; }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > button > small { color:#8298a5; }
  html[data-theme="night"] .cabinet-page .mobile-nav-sheet > button.active { background:rgba(132,86,178,.15); }
}

/* 0.31 · Theme coverage for ALOHA Social safety and Ohana pages. */
html[data-theme="light"] .cabinet-page .conversation-view-tabs,
html[data-theme="light"] .cabinet-page .social-report-list,
html[data-theme="light"] .cabinet-page .social-report-inspector {
  border-color:rgba(32,139,134,.13);
  background:rgba(246,252,250,.76);
}
html[data-theme="light"] .cabinet-page .conversation-view-tabs button { color:#789095; }
html[data-theme="light"] .cabinet-page .conversation-view-tabs button.active { color:#247c76; background:linear-gradient(135deg,rgba(62,190,177,.13),rgba(155,108,213,.11)); }
html[data-theme="light"] .cabinet-page .conversation-muted { color:#7859a0; border-color:rgba(114,77,158,.15); background:#f4effa; }
html[data-theme="light"] .cabinet-page .chat-tools button { color:#4f7d7b; border-color:rgba(39,143,137,.13); background:#f0f8f6; }
html[data-theme="light"] .cabinet-page .chat-tools button:is(:hover,.active) { color:#236f6b; border-color:rgba(32,145,138,.22); background:linear-gradient(145deg,#e0f5f1,#f1eafa); }
html[data-theme="light"] .cabinet-page .chat-tools .chat-block-action { color:#ae4f5d; border-color:rgba(184,72,91,.16); background:#fff2f4; }
html[data-theme="light"] .cabinet-page .chat-message-report { color:#a85d35; border-color:rgba(179,96,52,.14); background:#fff5ef; }
html[data-theme="light"] .cabinet-page .social-report-dialog { color:#34464b; border-color:rgba(36,143,138,.2); background:radial-gradient(circle at 90% 0,rgba(160,112,218,.13),transparent 34%),linear-gradient(150deg,#fbfefd,#edf7f5 64%,#f6effb); }
html[data-theme="light"] .cabinet-page .social-report-dialog :is(select,textarea) { color:#34464b; border-color:rgba(36,143,138,.14); background:#fff; }
html[data-theme="light"] .cabinet-page .social-report-preview { color:#63544c; background:#fff6f1; }

html[data-theme="light"] .cabinet-page .social-ohana-card {
  color:#34464b;
  background:linear-gradient(145deg,color-mix(in srgb,var(--ohana-color) 12%,#f7fcfa),#f8f5fc);
  box-shadow:0 16px 34px rgba(69,101,96,.1),inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .social-ohana-card p { color:#71868c; }
html[data-theme="light"] .cabinet-page .identity-ohana-page-link { color:#315954; background:color-mix(in srgb,var(--identity-accent) 10%,#fff); }
html[data-theme="light"] .cabinet-page .ohana-public-hero { background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--ohana-color) 15%,transparent),transparent 34%),linear-gradient(145deg,#f8fcfa,#f4effa); box-shadow:0 25px 60px rgba(66,96,91,.13); }
html[data-theme="light"] .cabinet-page .ohana-public-title h2 { color:#34464b; }
html[data-theme="light"] .cabinet-page .ohana-public-title p { color:#72868c; }
html[data-theme="light"] .cabinet-page .ohana-public-metrics .identity-metric,
html[data-theme="light"] .cabinet-page .ohana-feed-column,
html[data-theme="light"] .cabinet-page .ohana-public-aside > section { border-color:rgba(34,142,137,.13); background:linear-gradient(145deg,#f9fdfc,#f2f7f6); box-shadow:0 18px 42px rgba(63,96,91,.09); }
html[data-theme="light"] .cabinet-page .ohana-section-head { color:#34464b; }
html[data-theme="light"] .cabinet-page .ohana-post-form { background:color-mix(in srgb,var(--ohana-color) 6%,#fff); }
html[data-theme="light"] .cabinet-page .ohana-post-form textarea { color:#34464b; }
html[data-theme="light"] .cabinet-page .ohana-post { border-color:rgba(34,142,137,.11); background:#fff; }
html[data-theme="light"] .cabinet-page .ohana-post header a { color:#34464b; }
html[data-theme="light"] .cabinet-page .ohana-post > p { color:#52696f; }
html[data-theme="light"] .cabinet-page .ohana-member-list > a,
html[data-theme="light"] .cabinet-page .ohana-event-list article { border-color:rgba(34,142,137,.1); background:#fff; }
html[data-theme="light"] .cabinet-page .ohana-member-list strong,
html[data-theme="light"] .cabinet-page .ohana-event-list strong { color:#34464b; }

html[data-theme="light"] .cabinet-page .social-moderation-toolbar :is(select,button),
html[data-theme="light"] .cabinet-page .social-report-decision :is(select,textarea),
html[data-theme="light"] .cabinet-page .social-report-restriction :is(select,input) { color:#34464b; border-color:rgba(35,143,138,.13); background:#fff; }
html[data-theme="light"] .cabinet-page .social-report-row:hover,
html[data-theme="light"] .cabinet-page .social-report-row.active { border-color:rgba(34,144,138,.17); background:linear-gradient(135deg,#eaf7f4,#f4eef9); }
html[data-theme="light"] .cabinet-page .social-report-row strong,
html[data-theme="light"] .cabinet-page .social-report-inspector header h3,
html[data-theme="light"] .cabinet-page .social-report-facts strong,
html[data-theme="light"] .cabinet-page .social-report-empty h3 { color:#34464b; }
html[data-theme="light"] .cabinet-page .social-report-facts span,
html[data-theme="light"] .cabinet-page .social-report-details,
html[data-theme="light"] .cabinet-page .social-report-snapshot,
html[data-theme="light"] .cabinet-page .social-report-decision,
html[data-theme="light"] .cabinet-page .social-report-restriction { border-color:rgba(34,143,137,.1); background:#fff; }
html[data-theme="light"] .cabinet-page .social-report-details p,
html[data-theme="light"] .cabinet-page .social-report-snapshot p { color:#52696f; }
html[data-theme="light"] .cabinet-page .social-restriction-active { border-color:rgba(187,119,51,.16); background:#fff7ef; }

html[data-theme="night"] .cabinet-page .social-report-dialog { color:#efffff; }

/* ALOHA ID 0.30.2 — complete day/night palette for ALOHA Social and owner tools. */
html[data-theme="light"] .cabinet-page .overview-social-button {
  --social-cta-a:#1be1d0;
  --social-cta-b:#7741ec;
  --social-cta-c:#f241a5;
  border-color:rgba(144,246,233,.52);
  background:radial-gradient(circle at 12% 18%,rgba(152,255,239,.23),transparent 27%),linear-gradient(118deg,#07505b,#41287e 52%,#8b246e);
}
html[data-theme="night"] .cabinet-page .overview-social-button {
  --social-cta-a:#36f0dc;
  --social-cta-b:#9a63ff;
  --social-cta-c:#ff55b7;
  border-color:rgba(108,238,224,.4);
  background:radial-gradient(circle at 12% 18%,rgba(108,245,230,.18),transparent 27%),linear-gradient(118deg,#052c3a,#291c63 52%,#6a185f);
  box-shadow:0 17px 42px rgba(0,0,0,.32),0 0 30px rgba(61,223,211,.1),inset 0 1px rgba(255,255,255,.13);
}

html[data-theme="light"] .cabinet-page .social-heading h2 { color:#2d3b42; }
html[data-theme="light"] .cabinet-page .social-shell {
  border-color:rgba(27,154,149,.22);
  background:
    radial-gradient(circle at 86% 0,rgba(162,105,236,.13),transparent 35%),
    radial-gradient(circle at 5% 100%,rgba(39,205,186,.12),transparent 36%),
    linear-gradient(150deg,rgba(255,255,255,.97),rgba(241,252,249,.96) 54%,rgba(249,243,255,.96));
  box-shadow:0 30px 76px rgba(60,66,60,.13),inset 0 1px rgba(255,255,255,.9);
}
html[data-theme="light"] .cabinet-page .social-sidebar {
  border-color:rgba(37,140,138,.13);
  background:linear-gradient(180deg,rgba(235,250,246,.9),rgba(247,242,253,.76));
}
html[data-theme="light"] .cabinet-page .social-sidebar-brand { border-color:rgba(38,143,139,.13); }
html[data-theme="light"] .cabinet-page .social-sidebar-brand small { color:#148b84; }
html[data-theme="light"] .cabinet-page .social-sidebar-brand strong { color:#374047; }
html[data-theme="light"] .cabinet-page .social-sidebar button { color:#64767b; }
html[data-theme="light"] .cabinet-page .social-sidebar button > span { color:#159b94; }
html[data-theme="light"] .cabinet-page .social-sidebar button:hover,
html[data-theme="light"] .cabinet-page .social-sidebar button.active {
  color:#274247;
  border-color:rgba(35,164,156,.2);
  background:linear-gradient(135deg,rgba(102,225,210,.25),rgba(174,129,230,.16));
  box-shadow:inset 3px 0 #23b8ad,0 12px 28px rgba(48,113,106,.08);
}
html[data-theme="light"] .cabinet-page :is(.conversation-column-head,.chat-head,.social-panel-title) { border-color:rgba(43,143,140,.13); }
html[data-theme="light"] .cabinet-page :is(.conversation-column-head small,.social-panel-title small) { color:#158d87; }
html[data-theme="light"] .cabinet-page :is(.conversation-column-head strong,.social-panel-title h3,.chat-head strong,.chat-empty h3) { color:#34434a; }
html[data-theme="light"] .cabinet-page :is(.social-panel-title p,.chat-empty,.chat-head > a) { color:#72868d; }
html[data-theme="light"] .cabinet-page :is(.conversation-column-head button,.social-panel-title > button) {
  color:#167e79;
  border-color:rgba(31,152,145,.19);
  background:rgba(72,199,187,.1);
}
html[data-theme="light"] .cabinet-page .social-messenger {
  border-color:rgba(34,145,141,.15);
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.86);
}
html[data-theme="light"] .cabinet-page .conversation-column { border-color:rgba(39,142,139,.12); }
html[data-theme="light"] .cabinet-page .conversation-filter {
  color:#15968f;
  border-color:rgba(35,151,145,.14);
  background:rgba(241,250,248,.92);
}
html[data-theme="light"] .cabinet-page .conversation-filter input { color:#33454c; background:transparent; }
html[data-theme="light"] .cabinet-page .conversation-filter input::placeholder { color:#96a7aa; }
html[data-theme="light"] .cabinet-page .conversation-row:hover,
html[data-theme="light"] .cabinet-page .conversation-row.active { border-color:rgba(33,156,148,.18); background:linear-gradient(135deg,rgba(89,211,199,.14),rgba(161,112,219,.08)); }
html[data-theme="light"] .cabinet-page .conversation-row strong { color:#344047; }
html[data-theme="light"] .cabinet-page .conversation-row small { color:#7c8d93; }
html[data-theme="light"] .cabinet-page .conversation-row.online .social-avatar::after { border-color:#f7fbfa; }
html[data-theme="light"] .cabinet-page .chat-head > button { color:#2b7773; border:1px solid rgba(32,139,134,.13); background:#eff8f6; }
html[data-theme="light"] .cabinet-page .chat-head > .chat-block-action { color:#ae4f5d; border-color:rgba(184,72,91,.16); background:#fff2f4; }
html[data-theme="light"] .cabinet-page .chat-head > .chat-block-action.unblock { color:#1c8065; border-color:rgba(32,145,111,.17); background:#edf9f4; }
html[data-theme="light"] .cabinet-page .chat-head small { color:#188f87; }
html[data-theme="light"] .cabinet-page .chat-load-earlier { color:#197f79; }
html[data-theme="light"] .cabinet-page .chat-day { color:#8a999d; }
html[data-theme="light"] .cabinet-page .chat-bubble {
  border-color:rgba(47,114,115,.11);
  background:#f4f8f7;
  box-shadow:0 8px 20px rgba(57,75,73,.07);
}
html[data-theme="light"] .cabinet-page .chat-bubble p { color:#36464b; }
html[data-theme="light"] .cabinet-page .chat-bubble time { color:#89989b; }
html[data-theme="light"] .cabinet-page .chat-bubble.mine {
  border-color:rgba(77,180,171,.24);
  background:linear-gradient(135deg,#168f8b,#6651b6);
  box-shadow:0 10px 25px rgba(63,85,126,.16);
}
html[data-theme="light"] .cabinet-page .chat-bubble.mine p { color:#f7ffff; }
html[data-theme="light"] .cabinet-page .chat-bubble.mine time { color:rgba(239,255,252,.66); }
html[data-theme="light"] .cabinet-page .chat-compose { border-color:rgba(35,145,139,.12); background:rgba(244,250,248,.96); }
html[data-theme="light"] .cabinet-page .chat-compose textarea {
  color:#34464b;
  border-color:rgba(34,145,139,.16);
  background:#fff;
  box-shadow:0 6px 18px rgba(45,86,79,.05);
}
html[data-theme="light"] .cabinet-page .chat-compose > span { color:#8c9a9e; }
html[data-theme="light"] .cabinet-page .chat-locked { color:#8e4551; border-color:rgba(185,71,91,.14); background:linear-gradient(135deg,#fff3f4,#f8f1fb); }
html[data-theme="light"] .cabinet-page .chat-locked small { color:#90767d; }
html[data-theme="light"] .cabinet-page .friend-groups > section {
  border-color:rgba(36,145,140,.13);
  background:rgba(255,255,255,.64);
}
html[data-theme="light"] .cabinet-page .friend-groups h4 { color:#667a80; }
html[data-theme="light"] .cabinet-page .social-player-row {
  border-color:rgba(33,143,139,.12);
  background:rgba(248,252,251,.9);
}
html[data-theme="light"] .cabinet-page :is(.social-player-row a,.social-player-row > div:nth-child(2) > strong) { color:#344249; }
html[data-theme="light"] .cabinet-page .social-player-row small { color:#7b8e94; }
html[data-theme="light"] .cabinet-page .social-player-actions button { color:#24766f; border-color:rgba(39,145,139,.17); background:rgba(54,178,167,.09); }
html[data-theme="light"] .cabinet-page .social-player-actions button.muted { color:#8d7d83; }
html[data-theme="light"] .cabinet-page .social-player-actions button.danger,
html[data-theme="light"] .cabinet-page .public-social-actions button.danger { color:#aa4b59; border-color:rgba(184,69,88,.15); background:#fff1f3; }
html[data-theme="light"] .cabinet-page .social-player-actions button.unblock,
html[data-theme="light"] .cabinet-page .public-social-actions button.unblock { color:#247a63; border-color:rgba(39,145,110,.17); background:#edf9f4; }
html[data-theme="light"] .cabinet-page .social-player-actions > span { color:#238a82; }
html[data-theme="light"] .cabinet-page .social-empty-state { color:#7d8e94; }
html[data-theme="light"] .cabinet-page .social-safety-note { border-color:rgba(183,72,91,.13); background:linear-gradient(135deg,#fff4f5,#f8f1fb); }
html[data-theme="light"] .cabinet-page .social-safety-note strong { color:#70444d; }
html[data-theme="light"] .cabinet-page .social-safety-note p { color:#8a777c; }

html[data-theme="light"] .cabinet-page .social-profile-form {
  border-color:rgba(35,148,141,.14);
  background:rgba(255,255,255,.7);
  box-shadow:0 16px 40px rgba(57,83,76,.07);
}
html[data-theme="light"] .cabinet-page :is(.social-search-form > label,.social-profile-form label > span) { color:#667a80; }
html[data-theme="light"] .cabinet-page :is(.social-search-form input,.social-profile-form input,.social-profile-form select,.social-profile-form textarea) {
  color:#34454a;
  border-color:rgba(34,143,138,.15);
  background:rgba(255,255,255,.95);
}
html[data-theme="light"] .cabinet-page .social-profile-form label > span i { color:#8a999c; }
html[data-theme="light"] .cabinet-page .social-privacy-options > label { border-color:rgba(35,144,139,.12); background:rgba(242,250,248,.8); }
html[data-theme="light"] .cabinet-page .social-privacy-options strong { color:#38474c; }
html[data-theme="light"] .cabinet-page .social-privacy-options small { color:#7c8e93; }
html[data-theme="light"] .cabinet-page .social-placeholder-note {
  border-color:rgba(125,76,191,.16);
  background:linear-gradient(135deg,rgba(239,229,252,.82),rgba(225,248,244,.82));
}
html[data-theme="light"] .cabinet-page .social-placeholder-note strong { color:#604474; }
html[data-theme="light"] .cabinet-page .social-placeholder-note p { color:#756e7c; }
html[data-theme="light"] .cabinet-page .social-placeholder-note code { color:#117f78; }
html[data-theme="light"] .cabinet-page .social-public-rule { border-color:rgba(31,157,147,.16); background:linear-gradient(135deg,rgba(215,249,242,.9),rgba(238,250,215,.74)); }
html[data-theme="light"] .cabinet-page .social-public-rule strong { color:#31524e; }
html[data-theme="light"] .cabinet-page .social-public-rule p { color:#71847f; }
html[data-theme="light"] .cabinet-page .social-form-actions p { color:#73878c; }
html[data-theme="light"] .cabinet-page .social-form-actions p.dirty { color:#9d671b; }
html[data-theme="light"] .cabinet-page .social-game-profile { border-color:rgba(33,151,144,.14); }
html[data-theme="light"] .cabinet-page .social-subheading small { color:#168d86; }
html[data-theme="light"] .cabinet-page .social-subheading h3 { color:#34434a; }
html[data-theme="light"] .cabinet-page .social-subheading p { color:#74878d; }

html[data-theme="light"] .cabinet-page .public-network-hero {
  border-color:rgba(37,156,149,.2);
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(238,250,247,.98));
  box-shadow:0 25px 60px rgba(52,71,67,.13);
}
html[data-theme="light"] .cabinet-page .public-network-avatar.social-avatar { border-color:#f7fcfa; box-shadow:0 18px 42px rgba(41,72,68,.22); }
html[data-theme="light"] .cabinet-page .public-social-card-head h2 { color:#334249; }
html[data-theme="light"] .cabinet-page .public-social-card-head p { color:#6e898a; }
html[data-theme="light"] .cabinet-page .public-social-card-head > strong { color:#356b67; border-color:rgba(35,146,140,.14); background:rgba(236,248,245,.9); }
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-facts > span,
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-facts > .identity-metric { border-color:rgba(35,143,138,.12); background:rgba(248,252,251,.92); }
html[data-theme="light"] .cabinet-page .public-social-facts small { color:#71878b; }
html[data-theme="light"] .cabinet-page .public-social-facts strong { color:#344349; }
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-facts .identity-metric span { color:#809195; }
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-bio { border-color:rgba(35,143,138,.12); background:rgba(245,251,249,.9); }
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-bio small { color:#158c85; }
html[data-theme="light"] .cabinet-page .public-network-hero .public-social-bio p { color:#60777c; }
html[data-theme="light"] .cabinet-page .public-social-actions a,
html[data-theme="light"] .cabinet-page .public-social-actions button { color:#24766f; border-color:rgba(34,146,140,.17); background:rgba(58,177,168,.09); }

html[data-theme="light"] .cabinet-page :is(.admin-recovery-panel,.admin-access-editor) { color:#3c464b; }
html[data-theme="light"] .cabinet-page .admin-recovery-warning { border-color:rgba(213,126,57,.18); background:#fff6e9; }
html[data-theme="light"] .cabinet-page .admin-recovery-warning strong { color:#7d4b25; }
html[data-theme="light"] .cabinet-page .admin-recovery-warning p { color:#8a7565; }
html[data-theme="light"] .cabinet-page .admin-recovery-panel form > label { color:#746d73; }
html[data-theme="light"] .cabinet-page :is(.admin-recovery-panel input,.admin-recovery-panel textarea,.admin-access-editor input,.admin-access-editor select) { color:#3e4247; border-color:rgba(101,75,116,.13); background:#fff; }
html[data-theme="light"] .cabinet-page .admin-recovery-actions button { color:#25756e; border-color:rgba(34,145,139,.16); background:#edf8f5; }
html[data-theme="light"] .cabinet-page .admin-recovery-actions button.danger { color:#a64a4a; border-color:rgba(190,71,71,.15); background:#fff1ef; }
html[data-theme="light"] .cabinet-page .admin-access-heading { border-color:rgba(130,78,185,.16); background:linear-gradient(135deg,#f5edfc,#eaf9f6); }
html[data-theme="light"] .cabinet-page .admin-access-heading span { color:#7a4ca2; }
html[data-theme="light"] .cabinet-page .admin-access-heading h3 { color:#4d3b5b; }
html[data-theme="light"] .cabinet-page .admin-access-heading p { color:#7e7385; }
html[data-theme="light"] .cabinet-page .admin-access-heading > b { color:#8b55b7; text-shadow:none; }
html[data-theme="light"] .cabinet-page .admin-access-search-results > button,
html[data-theme="light"] .cabinet-page .admin-access-row { color:#3d464b; border-color:rgba(34,143,138,.12); background:#f9fcfb; }
html[data-theme="light"] .cabinet-page .admin-access-search-results small,
html[data-theme="light"] .cabinet-page .admin-access-row p { color:#7e8d91; }
html[data-theme="light"] .cabinet-page .admin-access-selected { border-color:rgba(31,151,143,.16); background:#edf9f6; }
html[data-theme="light"] .cabinet-page .admin-access-selected strong,
html[data-theme="light"] .cabinet-page .admin-access-row strong { color:#354248; }
html[data-theme="light"] .cabinet-page .admin-permission-grid fieldset { border-color:rgba(35,143,138,.12); background:rgba(248,252,251,.75); }
html[data-theme="light"] .cabinet-page .admin-permission-grid legend { color:#687e83; }
html[data-theme="light"] .cabinet-page .admin-permission-grid label { color:#485a5f; }
html[data-theme="light"] .cabinet-page .admin-access-row.owner { border-color:rgba(141,84,191,.22); background:linear-gradient(135deg,#f5edfc,#eaf8f5); }
html[data-theme="light"] .cabinet-page .admin-access-row button { color:#24756f; border-color:rgba(34,145,139,.16); background:#eef8f6; }
html[data-theme="light"] .cabinet-page .admin-access-row button.muted { color:#aa4b56; border-color:rgba(183,69,82,.14); background:#fff4f4; }

html[data-theme="night"] .cabinet-page .social-heading h2 { color:#f0ffff; }
html[data-theme="night"] .cabinet-page .social-shell {
  border-color:rgba(84,225,216,.24);
  background:radial-gradient(circle at 85% 0,rgba(154,80,238,.18),transparent 34%),linear-gradient(150deg,rgba(10,43,59,.96),rgba(5,16,31,.98));
  box-shadow:0 34px 84px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05);
}
html[data-theme="night"] .cabinet-page .social-sidebar { border-color:rgba(122,219,221,.14); background:rgba(4,16,29,.58); }
html[data-theme="night"] .cabinet-page .social-messenger { border-color:rgba(96,222,215,.17); background:rgba(3,14,27,.58); }
html[data-theme="night"] .cabinet-page .conversation-filter { border-color:rgba(96,222,215,.13); background:rgba(4,20,34,.78); }
html[data-theme="night"] .cabinet-page .conversation-filter input { color:#eafffd; background:transparent; }
html[data-theme="night"] .cabinet-page .chat-compose { border-color:rgba(103,223,217,.14); background:rgba(3,15,27,.9); }
html[data-theme="night"] .cabinet-page .chat-compose textarea { color:#efffff; border-color:rgba(110,222,216,.2); background:rgba(7,29,43,.9); }
html[data-theme="night"] .cabinet-page .social-profile-form { border-color:rgba(103,222,215,.16); background:rgba(5,20,34,.68); }
html[data-theme="night"] .cabinet-page :is(.social-search-form input,.social-profile-form input,.social-profile-form select,.social-profile-form textarea) { color:#efffff; border-color:rgba(99,221,214,.2); background:rgba(5,24,38,.86); }
html[data-theme="night"] .cabinet-page .social-privacy-options > label { border-color:rgba(104,219,214,.13); background:rgba(7,29,42,.66); }
html[data-theme="night"] .cabinet-page .public-network-hero { border-color:rgba(94,230,220,.28); background:linear-gradient(150deg,rgba(7,35,51,.98),rgba(19,21,49,.98)); }
html[data-theme="night"] .cabinet-page :is(.admin-recovery-panel input,.admin-recovery-panel textarea,.admin-access-editor input,.admin-access-editor select) { color:var(--night-text); border-color:var(--night-line); background:rgba(4,18,30,.84); }
html[data-theme="night"] .cabinet-page .admin-access-search-results > button,
html[data-theme="night"] .cabinet-page .admin-access-row { color:var(--night-text); border-color:var(--night-line); background:rgba(5,24,38,.7); }
html[data-theme="night"] .cabinet-page .admin-permission-grid fieldset { border-color:var(--night-line); background:rgba(5,20,34,.44); }

@media(max-width:760px) {
  html[data-theme="light"] .cabinet-page .social-sidebar { background:rgba(249,253,251,.96); box-shadow:0 10px 25px rgba(53,78,72,.09); }
  html[data-theme="night"] .cabinet-page .social-sidebar { background:rgba(4,18,31,.96); box-shadow:0 10px 28px rgba(0,0,0,.24); }
}

/* ALOHA ID 0.29.5 */
html[data-theme="night"] .cabinet-page .delivery-filters { border-color:var(--night-line); background:linear-gradient(135deg,rgba(22,37,54,.94),rgba(12,39,45,.82)); }
html[data-theme="night"] .cabinet-page .delivery-filters label { color:#91a5b2; }
html[data-theme="night"] .cabinet-page .delivery-filters select { border-color:var(--night-line); background:#0d2738; color:#d7e8ec; }
html[data-theme="night"] .cabinet-page .delivery-filter-summary { border-color:rgba(73,211,194,.16); background:rgba(5,22,34,.48); }
html[data-theme="night"] .cabinet-page .delivery-filter-summary strong { color:#80e0d3; }
html[data-theme="night"] .cabinet-page .delivery-filter-summary :is(small,span) { color:#8399a6; }
html[data-theme="night"] .cabinet-page .player-pagination { background:#0b2233; }
html[data-theme="night"] .cabinet-page .case-reward.guarantee-eligible { background:radial-gradient(circle at 88% 4%,rgba(255,205,62,.15),transparent 36%),color-mix(in srgb,var(--rarity-color) 9%,#0b2131); }
html[data-theme="night"] .cabinet-page .case-reward-guarantee-note { border-color:rgba(255,195,71,.2); background:rgba(124,79,13,.27); color:#ffd87c; }

/* ALOHA ID 0.29.4 */
html[data-theme="night"] .cabinet-page .profile-grid .acoin-balance-card {
  border-color:rgba(255,91,225,.45);
  background:radial-gradient(circle at 88% 8%,rgba(255,178,239,.28),transparent 28%),radial-gradient(circle at 8% 100%,rgba(87,37,246,.55),transparent 43%),linear-gradient(135deg,#b2159c,#7618bd 48%,#33138d);
  box-shadow:0 28px 70px rgba(185,22,199,.3),0 0 0 1px rgba(255,119,231,.12),inset 0 1px rgba(255,255,255,.27);
}
html[data-theme="night"] .cabinet-page .profile-grid .acoin-balance-card :is(.balance-label,strong,b,p) { color:#fff; }
html[data-theme="night"] .cabinet-page .profile-grid .acoin-balance-card #topup-button { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.11); color:#fff; }
html[data-theme="night"] .cabinet-page .identity-fishing-record { background:linear-gradient(105deg,color-mix(in srgb,var(--identity-accent) 13%,#0b2334),rgba(4,19,31,.72)); }
html[data-theme="night"] .cabinet-page .identity-fishing-record span { color:color-mix(in srgb,var(--identity-accent) 74%,#a7bbc2); }
html[data-theme="night"] .cabinet-page .identity-minigames .identity-metric-money { border-color:color-mix(in srgb,var(--metric-color) 27%,var(--night-line)); background:linear-gradient(135deg,color-mix(in srgb,var(--metric-color) 12%,#102638),rgba(4,19,31,.72)); }
html[data-theme="night"] .cabinet-page .identity-minigames .identity-metric-money strong { color:color-mix(in srgb,var(--metric-color) 72%,#e7f5f4); }
html[data-theme="night"] .cabinet-page .profile-nav { border-color:var(--night-line); background:linear-gradient(145deg,rgba(14,39,54,.96),rgba(7,24,37,.9)); box-shadow:0 20px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04); }
html[data-theme="night"] .cabinet-page .profile-nav > button,
html[data-theme="night"] .cabinet-page .profile-nav-menu > summary { border-color:var(--night-line); background:linear-gradient(145deg,#102b3d,#0a1e2f); color:#9cb0ba; box-shadow:0 6px 16px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03); }
html[data-theme="night"] .cabinet-page .profile-nav > button:hover,
html[data-theme="night"] .cabinet-page .profile-nav > button.active,
html[data-theme="night"] .cabinet-page .profile-nav-menu.active > summary { border-color:rgba(67,210,192,.24); color:#9ceadd; }
html[data-theme="night"] .cabinet-page .profile-nav .store-nav-button { border-color:rgba(255,171,62,.34); background:linear-gradient(120deg,rgba(146,78,17,.34),#102638 46%,rgba(190,120,24,.24)); color:#ffc870; }
html[data-theme="night"] .cabinet-page .profile-nav .cases-nav-button { border-color:rgba(210,70,245,.34); background:linear-gradient(120deg,rgba(124,32,172,.33),#102638 46%,rgba(207,45,163,.24)); color:#eca2ff; }
html[data-theme="night"] .cabinet-page .profile-nav .store-nav-button.active { background:linear-gradient(120deg,#c96b18,#e9ad33); color:#fff6df; }
html[data-theme="night"] .cabinet-page .profile-nav .cases-nav-button.active { background:linear-gradient(120deg,#6d25ce,#c526cf 56%,#ee3ba7); color:#fff; }
@media(max-width:760px) {
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .store-mobile-button { border-color:rgba(240,157,49,.24); background:linear-gradient(145deg,rgba(158,90,23,.35),rgba(18,42,55,.86)); color:#ffc770; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .cases-mobile-button { border-color:rgba(194,65,230,.26); background:linear-gradient(145deg,rgba(126,38,170,.35),rgba(18,42,55,.86)); color:#e9a2fb; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .store-mobile-button.active { background:linear-gradient(145deg,#c86b18,#e9ad33); color:#fff5dc; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .cases-mobile-button.active { background:linear-gradient(145deg,#7026d1,#e139b2); color:#fff; }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .commerce-mobile-button > span { background:rgba(255,255,255,.09); }
}

/* ALOHA 0.30.2 — full-screen mobile chat in both themes. */
@media(max-width:760px) {
  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open {
    color:#34464b;
    background:
      radial-gradient(circle at 88% 0,rgba(161,105,234,.15),transparent 34%),
      radial-gradient(circle at 0 100%,rgba(42,203,187,.14),transparent 38%),
      linear-gradient(155deg,#f9fdfc,#edf8f6 58%,#f5effc);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open::before {
    opacity:.36;
    background-image:
      linear-gradient(rgba(27,145,139,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(27,145,139,.055) 1px,transparent 1px);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-head {
    border-color:rgba(35,145,139,.14);
    background:rgba(249,253,252,.92);
    box-shadow:0 12px 32px rgba(48,86,80,.1);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-head > button {
    color:#247c76;
    border-color:rgba(32,143,137,.16);
    background:rgba(50,181,170,.09);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-head > .chat-block-action {
    color:#ae4f5d;
    border-color:rgba(184,72,91,.16);
    background:#fff2f4;
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-head > a {
    color:#287a75;
    border-color:rgba(35,145,139,.13);
    background:rgba(239,249,247,.92);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-messages.is-loading::before {
    color:#568783;
    border-color:rgba(34,145,139,.14);
    background:rgba(244,251,249,.9);
  }

  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-compose {
    border-color:rgba(35,145,139,.13);
    background:rgba(246,251,250,.96);
    box-shadow:0 -14px 35px rgba(45,79,75,.09);
  }

  html[data-theme="night"] .cabinet-page #social-chat-column.mobile-chat-open {
    color:#efffff;
    background:
      radial-gradient(circle at 86% 0,rgba(147,78,235,.22),transparent 34%),
      radial-gradient(circle at 2% 100%,rgba(37,204,191,.14),transparent 36%),
      linear-gradient(155deg,#092b3b,#061526 58%,#0d1028);
  }

  html[data-theme="night"] .cabinet-page #social-chat-column.mobile-chat-open .chat-head {
    border-color:rgba(102,224,216,.16);
    background:rgba(4,19,33,.92);
  }

  html[data-theme="night"] .cabinet-page #social-chat-column.mobile-chat-open .chat-compose {
    border-color:rgba(103,223,217,.16);
    background:rgba(3,15,27,.95);
  }
}

/* 0.32.0 · complete day/night coverage for ALOHA Social. */
html[data-theme="light"] .cabinet-page .profile-nav .social-main-nav {
  border-color:rgba(35,170,161,.2);
  color:#276d6a;
  background:radial-gradient(circle at 12% 0,rgba(54,207,190,.17),transparent 45%),linear-gradient(120deg,#eefaf7,#f5effc);
  box-shadow:0 9px 25px rgba(48,116,106,.09),inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .profile-nav .social-main-nav.active { color:#184e4b; background:linear-gradient(120deg,#9cf1e6,#dbf7b7 52%,#e4caff); }
html[data-theme="night"] .cabinet-page .profile-nav .social-main-nav { border-color:rgba(69,222,209,.3); color:#a7eee7; background:radial-gradient(circle at 12% 0,rgba(51,224,205,.2),transparent 45%),linear-gradient(120deg,rgba(12,104,110,.42),rgba(88,33,157,.4)); }

html[data-theme="light"] .cabinet-page :is(.social-today-card,.social-search-groups > section,.friend-groups > section) {
  border-color:rgba(31,137,132,.12);
  background:linear-gradient(145deg,rgba(250,253,252,.98),rgba(242,248,247,.96));
  box-shadow:0 15px 34px rgba(60,92,86,.07);
}
html[data-theme="light"] .cabinet-page .social-today-hero {
  border-color:rgba(30,144,137,.14);
  background:radial-gradient(circle at 88% 12%,rgba(184,133,239,.17),transparent 35%),radial-gradient(circle at 4% 100%,rgba(53,203,186,.14),transparent 38%),linear-gradient(145deg,#f9fcfb,#f4f0fa);
  box-shadow:0 20px 46px rgba(61,91,85,.1),inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .social-today-hero h3,
html[data-theme="light"] .cabinet-page .social-today-card-head h4,
html[data-theme="light"] .cabinet-page .social-today-person strong,
html[data-theme="light"] .cabinet-page .social-today-ohana-link strong,
html[data-theme="light"] .cabinet-page .social-achievement-row strong,
html[data-theme="light"] .cabinet-page .social-today-empty strong { color:#35484b; }
html[data-theme="light"] .cabinet-page :is(.social-today-hero p,.social-today-person small,.social-today-ohana-link p,.social-today-ohana-link small,.social-achievement-row p,.social-achievement-row time,.social-today-empty p) { color:#74898d; }
html[data-theme="light"] .cabinet-page .social-today-stats .identity-metric,
html[data-theme="light"] .cabinet-page .social-today-person,
html[data-theme="light"] .cabinet-page .social-today-ohana-link {
  border-color:rgba(37,142,136,.11);
  background:rgba(244,250,248,.82);
}
html[data-theme="light"] .cabinet-page .social-today-empty { border-color:rgba(37,142,136,.14); }
html[data-theme="light"] .cabinet-page .social-friend-tabs { border-color:rgba(37,142,136,.12); background:#f3f9f7; }
html[data-theme="light"] .cabinet-page .social-friend-tabs button { color:#6e8387; }
html[data-theme="light"] .cabinet-page .conversation-pagination { border-color:rgba(37,142,136,.1); }
html[data-theme="light"] .cabinet-page .conversation-pagination button { border-color:rgba(32,143,137,.15); color:#347b76; background:#eef8f5; }
html[data-theme="light"] .cabinet-page .chat-tools > summary { border-color:rgba(32,143,137,.15); color:#367c77; background:#edf7f5; }
html[data-theme="light"] .cabinet-page .chat-tools > div { border-color:rgba(32,143,137,.15); background:rgba(250,253,252,.99); box-shadow:0 20px 45px rgba(55,83,78,.16); }
html[data-theme="light"] .cabinet-page .chat-tools button { color:#557175; }
html[data-theme="light"] .cabinet-page .chat-tools button:hover,
html[data-theme="light"] .cabinet-page .chat-tools button.active { color:#26766f; background:#edf8f5; }
html[data-theme="light"] .cabinet-page .chat-tools .chat-block-action { color:#b84d60; }
html[data-theme="light"] .cabinet-page .chat-delivery { color:#628781; }
html[data-theme="light"] .cabinet-page .chat-bubble.delivery-error .chat-delivery { color:#b84d60; }

html[data-theme="light"] .cabinet-page :is(.ohana-honest-sync,.ohana-viewer-status,.ohana-page-tabs) {
  border-color:rgba(32,143,137,.13);
  background:rgba(248,252,250,.94);
}
html[data-theme="light"] .cabinet-page .ohana-honest-sync strong,
html[data-theme="light"] .cabinet-page .ohana-viewer-status strong { color:#34494b; }
html[data-theme="light"] .cabinet-page :is(.ohana-honest-sync span,.ohana-viewer-status p) { color:#74898c; }
html[data-theme="light"] .cabinet-page .ohana-page-tabs button { color:#6c8286; }
html[data-theme="light"] .cabinet-page :is(.ohana-feed-column,.ohana-members-panel,.ohana-history-panel) {
  border-color:rgba(32,143,137,.13);
  background:linear-gradient(145deg,#fafdfc,#f1f7f5);
  box-shadow:0 18px 42px rgba(58,89,83,.08);
}
html[data-theme="light"] .cabinet-page .ohana-post.pinned { background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ohana-color) 12%,transparent),transparent 40%),#f8fcfa; }
html[data-theme="light"] .cabinet-page .ohana-comments { border-color:rgba(34,142,137,.1); }
html[data-theme="light"] .cabinet-page .ohana-comments header a { color:#3a5557; }
html[data-theme="light"] .cabinet-page .ohana-comments p { color:#657d81; }
html[data-theme="light"] .cabinet-page .ohana-comment-form textarea { border-color:rgba(32,143,137,.14); color:#34494b; background:#f2f8f6; }
html[data-theme="light"] .cabinet-page .ohana-weekly-card { background:color-mix(in srgb,var(--ohana-color) 5%,#f7fbfa); }
html[data-theme="light"] .cabinet-page .ohana-weekly-card h3 { color:#34494b; }
html[data-theme="light"] .cabinet-page .ohana-weekly-card .identity-metric { border-color:rgba(32,143,137,.1); background:rgba(255,255,255,.7); }

@media(max-width:760px) {
  html[data-theme="light"] .cabinet-page .social-sidebar { background:rgba(249,253,251,.96); }
  html[data-theme="light"] .cabinet-page .social-friend-tabs { background:rgba(246,251,249,.96); }
  html[data-theme="light"] .cabinet-page #social-chat-column.mobile-chat-open .chat-tools > div { background:rgba(250,253,252,.99); }
  html[data-theme="night"] .cabinet-page #social-chat-column.mobile-chat-open .chat-tools > div { border-color:rgba(101,222,215,.18); background:rgba(4,19,32,.99); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .social-mobile-button { border-color:rgba(59,215,202,.25); color:#8ae6dd; background:linear-gradient(145deg,rgba(23,113,115,.38),rgba(71,32,123,.38)); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .social-mobile-button.active { color:#06242a; background:linear-gradient(145deg,#55e5da,#bde978 55%,#bd8bf4); }
}

/* 0.32.1 · theme coverage for the unified Social monitor. */
html[data-theme="light"] .cabinet-page .desktop-social-entry {
  border-color:rgba(44,169,160,.27);
  color:#27494b;
  background:radial-gradient(circle at 92% 0,rgba(187,121,239,.24),transparent 41%),radial-gradient(circle at 0 100%,rgba(73,210,194,.21),transparent 44%),linear-gradient(125deg,#f1fbf8,#f5effc);
  box-shadow:0 18px 42px rgba(62,112,103,.13),inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .desktop-social-entry small { color:#168e86; }
html[data-theme="light"] .cabinet-page .desktop-social-entry strong { color:#30474a; }
html[data-theme="light"] .cabinet-page .desktop-social-entry strong em { color:#7a4caf; }
html[data-theme="light"] .cabinet-page .desktop-social-entry span > i { color:#70868b; }
html[data-theme="light"] .cabinet-page .desktop-social-entry > i { color:#318f88; }
html[data-theme="light"] .cabinet-page .desktop-social-entry:is(:hover,.active) { border-color:rgba(39,164,155,.45); box-shadow:0 22px 52px rgba(54,111,101,.17),0 0 28px rgba(151,91,212,.1),inset 0 1px #fff; }

html[data-theme="light"] .cabinet-page .social-guest-shell {
  border-color:rgba(27,154,149,.22);
  background:radial-gradient(circle at 86% 0,rgba(162,105,236,.13),transparent 35%),radial-gradient(circle at 5% 100%,rgba(39,205,186,.12),transparent 36%),linear-gradient(150deg,rgba(255,255,255,.97),rgba(241,252,249,.96) 54%,rgba(249,243,255,.96));
  box-shadow:0 30px 76px rgba(60,66,60,.13),inset 0 1px rgba(255,255,255,.9);
}
html[data-theme="light"] .cabinet-page .social-guest-sidebar { border-color:rgba(37,140,138,.13); background:linear-gradient(180deg,rgba(235,250,246,.9),rgba(247,242,253,.76)); }
html[data-theme="light"] .cabinet-page .social-guest-sidebar > :is(a,span):not(.social-sidebar-brand) { color:#687d82; }
html[data-theme="light"] .cabinet-page .social-guest-sidebar > a:not(.social-sidebar-brand):hover,
html[data-theme="light"] .cabinet-page .social-guest-current { color:#29494b!important; background:rgba(77,193,183,.14); }
html[data-theme="light"] .cabinet-page .social-sidebar-brand strong { color:#37474a; }

html[data-theme="light"] .cabinet-page .social-detail-toolbar { border-color:rgba(36,145,139,.13); background:rgba(248,252,251,.92); }
html[data-theme="light"] .cabinet-page .social-detail-toolbar small { color:#168d86; }
html[data-theme="light"] .cabinet-page .social-detail-toolbar strong { color:#34494b; }
html[data-theme="light"] .cabinet-page :is(.social-back-button,.social-back-link) { border-color:rgba(34,149,141,.18); color:#2e7470; background:linear-gradient(135deg,rgba(70,192,181,.12),rgba(155,105,212,.1)); }
html[data-theme="light"] .cabinet-page .social-directory-summary { border-color:rgba(34,143,137,.12); background:rgba(246,251,249,.78); }
html[data-theme="light"] .cabinet-page .social-directory-summary strong { color:#35494b; }
html[data-theme="light"] .cabinet-page .social-directory-summary small { color:#74898d; }

html[data-theme="night"] .cabinet-page .desktop-social-entry { border-color:rgba(104,241,226,.4); }
html[data-theme="night"] .cabinet-page .social-guest-shell { border-color:rgba(84,225,216,.24); background:radial-gradient(circle at 85% 0,rgba(154,80,238,.18),transparent 34%),linear-gradient(150deg,rgba(10,43,59,.96),rgba(5,16,31,.98)); box-shadow:0 34px 84px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05); }
html[data-theme="night"] .cabinet-page .social-guest-sidebar { border-color:rgba(122,219,221,.14); background:rgba(4,16,29,.58); }
html[data-theme="night"] .cabinet-page .social-detail-toolbar { border-color:rgba(101,226,217,.15); background:rgba(5,22,36,.92); }
html[data-theme="night"] .cabinet-page .social-directory-summary { border-color:rgba(94,226,217,.13); background:rgba(4,20,33,.48); }

/* 0.32.2 · messenger and profile theme parity */
html[data-theme="light"] .cabinet-page .chat-message-menu,
html[data-theme="light"] .cabinet-page .chat-emoji-picker { border-color:rgba(39,153,145,.2); background:linear-gradient(150deg,rgba(252,255,254,.99),rgba(244,242,251,.99)); box-shadow:0 22px 55px rgba(45,67,66,.2),inset 0 1px #fff; }
html[data-theme="light"] .cabinet-page .chat-message-menu-backdrop { background:rgba(36,61,64,.12); }
html[data-theme="light"] .cabinet-page .chat-message-menu-reactions { border-color:rgba(37,145,138,.13); }
html[data-theme="light"] .cabinet-page .chat-message-menu-actions button { color:#39565a; }
html[data-theme="light"] .cabinet-page .chat-message-menu-actions button:hover,
html[data-theme="light"] .cabinet-page .chat-emoji-grid button:hover { background:rgba(48,173,164,.1); }
html[data-theme="light"] .cabinet-page .chat-message-menu-actions button.danger { color:#b74759; }
html[data-theme="light"] .cabinet-page .chat-emoji-categories button { color:#70868b; }
html[data-theme="light"] .cabinet-page .chat-emoji-categories button.active { color:#277d78; background:rgba(52,178,168,.11); }
html[data-theme="light"] .cabinet-page .chat-emoji-toggle { border-color:rgba(38,150,143,.18)!important; color:#238e87!important; background:rgba(247,252,250,.96)!important; }
html[data-theme="light"] .cabinet-page .chat-edit-state { color:#345659; background:rgba(48,173,164,.09); }
html[data-theme="light"] .cabinet-page .chat-edit-state strong { color:#3a5457; }
html[data-theme="light"] .cabinet-page .chat-message-meta { color:rgba(72,94,98,.62); }
html[data-theme="light"] .cabinet-page .chat-bubble.mine .chat-message-meta { color:rgba(235,255,252,.7); }
html[data-theme="light"] .cabinet-page .chat-message-reactions button { border-color:rgba(37,145,138,.15); color:#526d71; background:rgba(251,254,253,.98); box-shadow:0 5px 14px rgba(47,73,70,.14); }
html[data-theme="light"] .cabinet-page .chat-message-reactions button.mine { color:#fff; background:linear-gradient(135deg,#2da99f,#6f65b3); }

html[data-theme="light"] .cabinet-page .identity-fishing-trophy { border-color:color-mix(in srgb,var(--identity-accent) 38%,#d8e5e1); background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--identity-accent) 18%,transparent),transparent 45%),linear-gradient(125deg,color-mix(in srgb,var(--identity-accent) 10%,#f8fcfa),#f7faf9); box-shadow:0 15px 35px color-mix(in srgb,var(--identity-accent) 10%,rgba(43,68,64,.1)),inset 0 1px #fff; }
html[data-theme="light"] .cabinet-page .identity-fishing-trophy-copy strong,
html[data-theme="light"] .cabinet-page .identity-fishing-trophy-weight { color:#33494b; }
html[data-theme="light"] .cabinet-page .identity-fishing-trophy-copy span { color:#778c8e; }

@media(max-width:760px) {
  html[data-theme="light"] .cabinet-page .mobile-bottom-nav button { border-color:rgba(54,118,114,.1); color:#65777a; background:linear-gradient(145deg,rgba(250,253,252,.96),rgba(240,244,247,.94)); box-shadow:inset 0 1px #fff,0 5px 12px rgba(46,69,67,.07); }
  html[data-theme="light"] .cabinet-page .mobile-bottom-nav .overview-mobile-button { border-color:rgba(34,166,157,.2); color:#187f79; background:linear-gradient(145deg,#d9f8f2,#e8f4fb); }
  html[data-theme="light"] .cabinet-page .mobile-bottom-nav .overview-mobile-button.active { color:#073136; background:linear-gradient(145deg,#4ddfd2,#7cddd7 55%,#b0f2ad); box-shadow:0 8px 21px rgba(38,180,170,.22),inset 0 1px rgba(255,255,255,.6); }
  html[data-theme="light"] .cabinet-page .mobile-bottom-nav .more-mobile-button { color:#397c82; background:linear-gradient(145deg,#e2f5f4,#e8edf6); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .overview-mobile-button { border-color:rgba(55,216,201,.25); color:#8cebe2; background:linear-gradient(145deg,rgba(19,119,118,.5),rgba(10,51,67,.86)); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .overview-mobile-button.active { color:#06272c; background:linear-gradient(145deg,#4ee0d2,#72d7d8 52%,#a9f3be); box-shadow:0 8px 22px rgba(38,202,189,.28),inset 0 1px rgba(255,255,255,.42); }
  html[data-theme="night"] .cabinet-page .mobile-bottom-nav .more-mobile-button { border-color:rgba(73,175,181,.18); color:#89cdd0; background:linear-gradient(145deg,rgba(18,74,88,.72),rgba(23,39,66,.84)); }
}

/* 0.33.1 · final header precedence for the Wiki launch entry. */
html[data-theme="night"] .home-page .main-nav .nav-wiki { border-color:rgba(74,225,209,.3); color:#e9fffc; background:radial-gradient(circle at 12% 0,rgba(51,224,205,.2),transparent 45%),linear-gradient(120deg,rgba(9,83,88,.72),rgba(74,35,117,.58)); box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 30px rgba(55,215,198,.08); }
html[data-theme="night"] .home-page .nav-wiki .home-nav-icon { color:#062d2d; background:linear-gradient(145deg,#52e7d8,#caf476); }
html[data-theme="night"] .home-page .cabinet-link { background:linear-gradient(145deg,rgba(14,43,59,.86),rgba(24,37,65,.82)); }
@media(max-width:480px) {
  .home-page .cabinet-link span,.home-page .cabinet-link b { display:none; }
  .home-page .cabinet-link i { display:grid; }
}

/* 0.33.1 · one calm public navigation language, with Wiki as the clear primary destination. */
.public-top-short { display:none; }

:is(.home-page,.rules-page) .public-top-nav {
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

:is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link) {
  box-sizing:border-box;
  min-width:0;
  min-height:46px;
  height:46px;
  margin:0;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(73,55,35,.13);
  border-radius:14px;
  color:#665b50;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,250,239,.56));
  box-shadow:0 8px 22px rgba(74,52,26,.055),inset 0 1px rgba(255,255,255,.74);
  font:400 8px/1.25 var(--font-game)!important;
  letter-spacing:.015em;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;
}

:is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link):hover {
  opacity:1;
  color:#214f4b;
  border-color:rgba(34,165,154,.3);
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(239,251,246,.78));
  box-shadow:0 12px 28px rgba(44,94,82,.1),inset 0 1px #fff;
  transform:translateY(-2px)!important;
}

:is(.home-page,.rules-page) .public-top-nav > .nav-wiki {
  position:relative;
  overflow:hidden;
  min-width:148px;
  padding-inline:20px;
  isolation:isolate;
  color:#073d3a;
  border-color:rgba(30,181,165,.42);
  background:
    radial-gradient(circle at 9% 0,rgba(72,229,210,.45),transparent 48%),
    linear-gradient(118deg,#baf5e8 0%,#d9f59c 52%,#d9c1f5 100%);
  box-shadow:0 13px 31px rgba(29,157,144,.19),0 0 0 1px rgba(255,255,255,.45) inset;
}

:is(.home-page,.rules-page) .public-top-nav > .nav-wiki::after {
  position:absolute;
  inset:-80% auto -80% -38%;
  z-index:-1;
  width:30%;
  content:"";
  background:rgba(255,255,255,.54);
  transform:rotate(16deg);
  transition:left .45s ease;
}

:is(.home-page,.rules-page) .public-top-nav > .nav-wiki:hover {
  color:#062f2d;
  border-color:rgba(17,164,148,.58);
  background:
    radial-gradient(circle at 9% 0,rgba(72,229,210,.58),transparent 50%),
    linear-gradient(118deg,#aef2e3 0%,#d9f68d 52%,#d4b6f4 100%);
  box-shadow:0 16px 36px rgba(25,150,137,.24),0 0 22px rgba(95,222,204,.16),inset 0 1px rgba(255,255,255,.78);
}

:is(.home-page,.rules-page) .public-top-nav > .nav-wiki:hover::after { left:125%; }

:is(.home-page,.rules-page) .public-top-nav > .nav-rules.is-current {
  color:#8b481f;
  border-color:rgba(238,126,62,.24);
  background:linear-gradient(145deg,rgba(255,247,232,.88),rgba(255,235,219,.68));
}

:is(.home-page,.rules-page) .public-top-nav > .public-top-theme {
  min-width:88px;
  font-family:var(--font-copy)!important;
  font-size:11px!important;
  font-weight:850!important;
}

:is(.home-page,.rules-page) .public-top-nav > .public-top-theme .theme-toggle-icon {
  width:24px;
  height:24px;
  flex:0 0 24px;
  font-size:15px;
}

:is(.home-page,.rules-page) .public-top-nav > .public-top-account {
  min-width:165px;
  padding-inline:18px;
}

html[data-theme="night"] :is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link) {
  color:#b8cbd5;
  border-color:rgba(142,217,224,.14);
  background:linear-gradient(145deg,rgba(13,39,54,.86),rgba(21,34,59,.79));
  box-shadow:0 9px 24px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);
}

html[data-theme="night"] :is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link):hover {
  color:#eafffc;
  border-color:rgba(74,225,209,.3);
  background:linear-gradient(145deg,rgba(15,57,68,.94),rgba(35,39,75,.9));
  box-shadow:0 13px 30px rgba(0,0,0,.28),0 0 24px rgba(55,215,198,.07),inset 0 1px rgba(255,255,255,.06);
}

html[data-theme="night"] :is(.home-page,.rules-page) .public-top-nav > .nav-wiki {
  color:#f2fffd;
  border-color:rgba(82,235,217,.46);
  background:
    radial-gradient(circle at 10% 0,rgba(59,230,210,.34),transparent 48%),
    linear-gradient(118deg,rgba(9,102,103,.94),rgba(56,75,107,.94) 52%,rgba(92,45,132,.92));
  box-shadow:0 13px 32px rgba(0,0,0,.27),0 0 28px rgba(55,215,198,.12),inset 0 1px rgba(255,255,255,.08);
}

html[data-theme="night"] :is(.home-page,.rules-page) .public-top-nav > .nav-rules.is-current {
  color:#ffd2bd;
  border-color:rgba(255,124,96,.28);
  background:linear-gradient(145deg,rgba(103,48,48,.55),rgba(30,37,61,.82));
}

@media(max-width:1040px) {
  :is(.home-page,.rules-page) .public-top-nav { gap:6px; }
  :is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link) { padding-inline:11px; }
  :is(.home-page,.rules-page) .public-top-nav > .nav-wiki { min-width:125px; padding-inline:14px; }
  :is(.home-page,.rules-page) .public-top-nav > .public-top-theme { width:46px; min-width:46px; padding:0; }
  :is(.home-page,.rules-page) .public-top-nav > .public-top-theme .theme-toggle-label { display:none; }
  :is(.home-page,.rules-page) .public-top-nav > .public-top-account { min-width:104px; padding-inline:12px; }
  :is(.home-page,.rules-page) .public-top-nav .public-top-label { display:none; }
  :is(.home-page,.rules-page) .public-top-nav .public-top-short { display:inline; }
}

@media(max-width:640px) {
  :is(.home-page,.rules-page) .site-header {
    height:auto!important;
    min-height:0;
    padding-block:11px 12px;
    flex-wrap:wrap;
    align-content:center;
    row-gap:10px;
  }

  :is(.home-page,.rules-page) .public-top-nav {
    width:100%;
    margin:0;
    display:grid;
    grid-template-columns:minmax(82px,1.15fr) minmax(64px,.88fr) 42px minmax(84px,1.05fr);
    gap:5px;
  }

  :is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link),
  :is(.home-page,.rules-page) .public-top-nav > .nav-wiki,
  :is(.home-page,.rules-page) .public-top-nav > .public-top-theme,
  :is(.home-page,.rules-page) .public-top-nav > .public-top-account {
    display:inline-flex;
    width:100%;
    min-width:0;
    height:42px;
    min-height:42px;
    padding:0 7px;
    border-radius:12px;
    font-size:7px!important;
  }

  :is(.home-page,.rules-page) .public-top-nav > .public-top-theme .theme-toggle-icon {
    width:23px;
    height:23px;
    flex-basis:23px;
  }
}

@media(max-width:350px) {
  :is(.home-page,.rules-page) .public-top-nav {
    grid-template-columns:minmax(76px,1.1fr) minmax(59px,.85fr) 40px minmax(76px,1fr);
    gap:4px;
  }
  :is(.home-page,.rules-page) .public-top-nav > :is(.home-nav-button,.theme-toggle,.cabinet-link),
  :is(.home-page,.rules-page) .public-top-nav > .nav-wiki { padding-inline:5px; font-size:6.5px!important; }
}

@media(prefers-reduced-motion:reduce) {
  :is(.home-page,.rules-page) .public-top-nav > .nav-wiki::after { display:none; }
}

/* ALOHA Social appearance studio: complete day/night parity. */
html[data-theme="light"] .cabinet-page .social-appearance-studio {
  color:#244657;
  border-color:color-mix(in srgb,var(--social-header-one) 35%,rgba(28,121,135,.16));
  background:
    linear-gradient(125deg,color-mix(in srgb,var(--social-header-one) 10%,rgba(247,253,252,.97)),color-mix(in srgb,var(--social-header-two) 8%,rgba(249,246,255,.98))),
    #f7fcfc;
  box-shadow:0 24px 62px rgba(51,83,99,.13),inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .social-appearance-heading h3,
html[data-theme="light"] .cabinet-page .social-avatar-workbench-copy h4,
html[data-theme="light"] .cabinet-page .social-cosmetic-card h4 { color:#183849; }
html[data-theme="light"] .cabinet-page .social-appearance-heading p,
html[data-theme="light"] .cabinet-page .social-avatar-workbench-copy > p { color:#5b7785; }
html[data-theme="light"] .cabinet-page .social-appearance-balance {
  border-color:rgba(37,139,150,.16);
  background:rgba(255,255,255,.69);
  box-shadow:inset 0 1px #fff;
}
html[data-theme="light"] .cabinet-page .social-appearance-balance strong { color:#153849; }
html[data-theme="light"] .cabinet-page .social-avatar-workbench {
  border-color:rgba(39,142,151,.15);
  background:
    radial-gradient(circle at 15% 50%,color-mix(in srgb,var(--social-header-one) 28%,transparent),transparent 35%),
    linear-gradient(110deg,color-mix(in srgb,var(--social-header-one) 8%,#f1fbfa),color-mix(in srgb,var(--social-header-two) 9%,#f8f5fc));
}
html[data-theme="light"] .cabinet-page .social-cosmetic-tabs { border-color:rgba(36,137,148,.16); background:rgba(235,247,247,.85); }
html[data-theme="light"] .cabinet-page .social-cosmetic-tabs button { color:#63808d; }
html[data-theme="light"] .cabinet-page .social-cosmetic-tabs button.active { color:#153c49; background:linear-gradient(135deg,rgba(72,211,198,.21),rgba(135,103,215,.13)); }
html[data-theme="light"] .cabinet-page .social-cosmetic-card { border-color:rgba(31,132,143,.15); background:rgba(255,255,255,.73); box-shadow:inset 0 1px #fff; }
html[data-theme="light"] .cabinet-page .social-cosmetic-card p { color:#65808c; }
html[data-theme="light"] .cabinet-page .social-cosmetic-tier { color:#57737e; background:rgba(28,99,110,.06); }
html[data-theme="light"] .cabinet-page .social-cosmetic-card button { color:#17414a; border-color:rgba(31,139,145,.18); background:rgba(59,193,181,.1); }
html[data-theme="light"] .cabinet-page .social-cosmetic-loading { color:#647f8a; border-color:rgba(42,139,148,.18); }
html[data-theme="light"] .cabinet-page .public-network-hero.social-profile-appearance { color:#1c4150; }
html[data-theme="light"] .cabinet-page .public-network-hero.social-profile-appearance .public-social-card-head h2,
html[data-theme="light"] .cabinet-page .public-network-hero.social-profile-appearance .public-social-facts strong { color:#163b4b; }
html[data-theme="light"] .social-avatar-crop-dialog,
html[data-theme="light"] .social-cosmetic-purchase-dialog {
  color:#234552;
  border-color:rgba(40,151,155,.25);
  background:linear-gradient(145deg,rgba(246,254,253,.995),rgba(246,243,253,.995));
  box-shadow:0 28px 80px rgba(34,65,79,.28);
}
html[data-theme="light"] :is(.social-avatar-crop-dialog,.social-cosmetic-purchase-dialog) h2 { color:#173a49; }
html[data-theme="light"] :is(.social-avatar-crop-dialog,.social-cosmetic-purchase-dialog) > p { color:#617d89; }
html[data-theme="light"] .social-cosmetic-purchase-summary { border-color:rgba(38,143,149,.16); background:rgba(231,245,245,.7); }
html[data-theme="light"] .social-cosmetic-purchase-summary strong { color:#163b49; }
html[data-theme="light"] .cabinet-page .admin-social-cosmetics-tools,
html[data-theme="light"] .cabinet-page .admin-social-cosmetic-row { color:#244653; border-color:rgba(39,139,148,.15); background:rgba(255,255,255,.72); }
html[data-theme="light"] .cabinet-page .admin-social-cosmetic-copy strong { color:#173b49; }
html[data-theme="light"] .cabinet-page .admin-social-cosmetic-copy :is(span,p) { color:#617c88; }
html[data-theme="light"] .cabinet-page .admin-social-cosmetics-tools select,
html[data-theme="light"] .cabinet-page .admin-social-cosmetic-controls input[type="number"] { color:#173a48; border-color:rgba(35,135,145,.17); background:#f7fcfc; }
html[data-theme="light"] .cabinet-page .admin-social-cosmetic-toggle { border-color:rgba(35,135,145,.14); background:#f4fbfb; }

html[data-theme="night"] .cabinet-page .social-appearance-studio,
html[data-theme="night"] .cabinet-page .admin-social-cosmetic-row { box-shadow:0 27px 72px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04); }
html[data-theme="night"] .cabinet-page .social-avatar-upload { color:#052127; }

/* The compact public header supersedes legacy mobile rules that hid its first link
   and every label inside the cabinet link. Keep all four controls usable at 320px. */
@media(max-width:700px) {
  :is(.home-page,.rules-page) .public-top-nav > .nav-wiki {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
  }

  :is(.home-page,.rules-page) .public-top-nav > .public-top-account {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  :is(.home-page,.rules-page) .public-top-nav .public-top-label { display:none!important; }
  :is(.home-page,.rules-page) .public-top-nav .public-top-short { display:inline!important; }
}

/* 0.34.1 · keep the selected Social page background dominant after theme overrides. */
html[data-theme="light"] body.cabinet-page.social-page-theme-active :is(.social-shell,.social-guest-shell) {
  border-color:color-mix(in srgb,var(--social-page-one) 48%,rgba(34,143,137,.18));
  background:
    radial-gradient(circle at 88% 0,color-mix(in srgb,var(--social-page-two) 25%,transparent),transparent 39%),
    radial-gradient(circle at 4% 100%,color-mix(in srgb,var(--social-page-one) 23%,transparent),transparent 42%),
    linear-gradient(150deg,rgba(255,255,255,.67),rgba(242,252,249,.61) 54%,rgba(249,243,255,.64));
  box-shadow:0 34px 82px rgba(44,69,66,.2),0 0 68px color-mix(in srgb,var(--social-page-one) 18%,transparent),inset 0 1px rgba(255,255,255,.74);
  backdrop-filter:blur(13px) saturate(1.14);
}
html[data-theme="night"] body.cabinet-page.social-page-theme-active :is(.social-shell,.social-guest-shell) {
  border-color:color-mix(in srgb,var(--social-page-one) 44%,rgba(84,225,216,.2));
  background:
    radial-gradient(circle at 85% 0,color-mix(in srgb,var(--social-page-two) 27%,transparent),transparent 37%),
    linear-gradient(150deg,rgba(7,34,48,.62),rgba(4,14,28,.7));
  box-shadow:0 36px 86px rgba(0,0,0,.34),0 0 72px color-mix(in srgb,var(--social-page-one) 16%,transparent),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(13px) saturate(1.16);
}
html[data-theme="light"] body.cabinet-page.social-page-theme-active .cabinet-header {
  background:rgba(255,253,247,.52);
  backdrop-filter:blur(18px) saturate(1.14);
}
html[data-theme="night"] body.cabinet-page.social-page-theme-active .cabinet-header {
  background:rgba(5,17,30,.54);
  backdrop-filter:blur(18px) saturate(1.14);
}