@font-face {
  font-family: "Minecraft Menu";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/minecraft.woff2") format("woff2");
}


:root {
  --cream: #fffaf0;
  --white: #fffefb;
  --ink: #241d16;
  --ink-soft: #5f5549;
  --muted: #908274;
  --line: rgba(83, 60, 35, .13);
  --sun: #ffc83d;
  --orange: #ff8a24;
  --ember: #f15c2b;
  --leaf: #7da943;
  --teal: #19a9a6;
  --teal-dark: #087c7a;
  --sand: #f4ddac;
  --paper: #fffefb;
  --surface: #fffaf0;
  --radius: 18px;
  --font-game: "Minecraft Menu", "Aloha Pixel", ui-monospace, monospace;
  --font-copy: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pixel-font: var(--font-game);
  --display-font: var(--font-copy);
  --body-font: var(--font-copy);
  --pixel-shadow: 0 3px 0 rgba(80, 48, 18, .18);
  --soft-shadow: 0 24px 80px rgba(126, 79, 25, .12);
}

html {
  overflow-x: hidden;
}

body.home-page,
body.cabinet-page {
  color: var(--ink);
  background: var(--cream);
  font-family: var(--font-copy);
  font-size: 15px;
  line-height: 1.55;
  letter-spacing: 0;
}

body.home-page {
  overflow-x: hidden;
}

.home-page *,
.cabinet-page * {
  scrollbar-color: var(--orange) rgba(255, 138, 36, .08);
}

.home-page button,
.home-page input,
.cabinet-page button,
.cabinet-page input {
  font-family: inherit;
}

.grain {
  opacity: .026;
  mix-blend-mode: multiply;
}

.sun-wash {
  position: fixed;
  z-index: 0;
  width: 620px;
  height: 620px;
  right: -130px;
  top: -280px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 205, 61, .22), rgba(255, 184, 46, .06) 58%, transparent 72%);
}

.pixel-grid {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(123, 88, 47, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123, 88, 47, .035) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 72%);
}

.shell {
  width: min(1260px, calc(100% - 72px));
}

.site-header {
  height: 92px;
  border-bottom: 0;
}

.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--ink) 0 44px, rgba(74, 51, 28, .12) 44px 100%);
}

.brand {
  gap: 14px;
}

.brand-mark {
  position: relative;
  width: 42px;
  height: 42px;
  border: 3px solid #2b2117;
  border-radius: 4px;
  background: linear-gradient(135deg, #ffe367 0 48%, #ffac2e 49% 100%);
  box-shadow: 4px 4px 0 #2b2117, inset -5px -5px 0 rgba(210, 91, 20, .25);
  transform: rotate(-3deg);
}

.brand-mark::before,
.brand-mark::after,
.brand-mark i::before {
  content: "";
  position: absolute;
  background: #2b2117;
}

.brand-mark::before {
  width: 5px;
  height: 5px;
  left: 9px;
  top: 12px;
  box-shadow: 16px 0 0 #2b2117;
}

.brand-mark::after {
  width: 18px;
  height: 4px;
  left: 9px;
  bottom: 9px;
}

.brand-mark i::before {
  width: 4px;
  height: 7px;
  left: 13px;
  bottom: 12px;
  box-shadow: 8px 0 0 #2b2117;
}

.brand-name {
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  color: var(--ink);
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 24px;
  line-height: .8;
  letter-spacing: .025em;
  text-shadow: 0 2px 0 rgba(255,255,255,.9);
}

.brand-name > span {
  color: var(--orange);
}

.brand-name > small {
  grid-column: 1 / -1;
  margin-top: 8px;
  color: #978776;
  font-family: var(--font-copy);
  font-size: 6px;
  line-height: 1;
  letter-spacing: .17em;
}

.main-nav {
  gap: 34px;
  font-size: 8px;
}

.main-nav > a:first-child {
  color: #74695e;
}

.main-nav a:hover {
  color: var(--orange);
  opacity: 1;
  transform: translateY(-1px);
}

.cabinet-link {
  gap: 14px;
  padding: 14px 17px 13px 19px;
  border: 2px solid var(--ink);
  border-radius: 4px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 4px 4px 0 var(--ink);
}

.cabinet-link:hover {
  box-shadow: 2px 2px 0 var(--ink);
  transform: translate(2px, 2px) !important;
}

.hero {
  min-height: calc(100vh - 160px);
  grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
  gap: clamp(28px, 3vw, 58px);
  padding-block: 48px 56px;
}

.hero-copy {
  position: relative;
  z-index: 3;
}

.eyebrow {
  margin-bottom: 25px;
  color: #74695d;
  font-size: 7px;
  line-height: 1.55;
  letter-spacing: .12em;
}

.eyebrow > span {
  width: 32px;
  height: 5px;
  background: var(--orange);
  box-shadow: 0 3px 0 #b94917;
}

.hero h1,
.login-intro h1,
.dashboard-top h1 {
  max-width: 770px;
  color: var(--ink);
  font-family: var(--font-copy);
  font-weight: 400;
  text-wrap: balance;
  text-shadow: 0 4px 0 rgba(255,255,255,.95), 0 7px 0 rgba(111,70,31,.08);
}

.hero h1 {
  font-size: clamp(32px, 3.45vw, 53px);
  line-height: 1.38;
  letter-spacing: -.045em;
}

.hero h1 em,
.login-intro h1 em,
.dashboard-top h1 em {
  position: relative;
  display: inline-block;
  color: var(--orange);
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  text-shadow: 0 4px 0 #c65319, 0 8px 18px rgba(255, 117, 27, .22);
}

.hero h1 em::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 1px;
  height: 5px;
  background: var(--sun);
  box-shadow: 0 3px 0 rgba(196, 94, 16, .35);
}

.hero-lead {
  max-width: 580px;
  margin: 28px 0 25px;
  color: #6f6358;
  font-size: 9px;
  line-height: 2.05;
}

.hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 29px;
}

.hero-tags span {
  padding: 8px 10px 7px;
  border: 1px solid rgba(80, 55, 30, .14);
  border-radius: 3px;
  color: #7b6d60;
  background: rgba(255,255,255,.63);
  font-size: 6px;
  line-height: 1;
  box-shadow: 0 3px 0 rgba(112, 74, 34, .06);
}

.play-row {
  gap: 24px;
}

.play-button {
  min-width: 272px;
  padding: 13px 17px;
  border: 3px solid #2a2118;
  border-radius: 4px;
  color: #fffdf8;
  background: #2a2118;
  box-shadow: 6px 6px 0 #f0a52f;
  transition: transform .14s ease, box-shadow .14s ease;
}

.play-button:hover {
  transform: translate(3px, 3px);
  box-shadow: 3px 3px 0 #f0a52f;
}

.play-icon {
  width: 42px;
  height: 42px;
  border: 2px solid #d65b18;
  border-radius: 3px;
  color: var(--ink);
  background: linear-gradient(#ffd952, #ff9d24);
  box-shadow: inset -4px -4px 0 rgba(190, 79, 17, .22);
}

.play-button b {
  font-size: 9px;
  font-weight: 400;
  line-height: 1.3;
}

.play-button small {
  margin-top: 7px;
  color: rgba(255,255,255,.54);
  font-size: 5px;
  line-height: 1.35;
}

.server-meta {
  min-width: 205px;
}

.status-line {
  color: #6a5e52;
  font-size: 7px;
  line-height: 1.45;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 1px;
}

.ip-address {
  margin-top: 12px;
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 15px;
  letter-spacing: .02em;
}

.ip-address span {
  color: var(--orange);
  font-family: var(--font-copy);
  font-size: 6px;
}

.copy-notice {
  height: 18px;
  margin-top: 17px;
  font-size: 7px;
}

.island-scene {
  position: relative;
  min-height: 585px;
  align-self: stretch;
  margin-right: -7vw;
  overflow: visible;
  isolation: isolate;
}

.island-scene::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 460px;
  height: 460px;
  right: 10%;
  top: 3%;
  border-radius: 50%;
  background: rgba(255, 210, 90, .16);
  filter: blur(3px);
}

.island-scene > img {
  position: absolute;
  width: min(910px, 68vw);
  max-width: none;
  height: auto;
  right: -11%;
  top: 50%;
  transform: translateY(-50%);
  mix-blend-mode: multiply;
  filter: saturate(1.03) contrast(1.01);
}

.scene-label {
  position: absolute;
  z-index: 3;
  color: #7d6e5e;
  font-size: 6px;
  line-height: 1.7;
  letter-spacing: .12em;
}

.scene-label-top {
  top: 11%;
  right: 13%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(100, 74, 43, .12);
  background: rgba(255,254,251,.72);
}

.scene-label-top b {
  color: var(--orange);
  font-weight: 400;
}

.scene-label-bottom {
  right: 8%;
  bottom: 9%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.scene-label-bottom i {
  width: 9px;
  height: 24px;
  background: var(--orange);
  box-shadow: 4px 0 0 var(--sun);
}

.home-footer {
  min-height: 68px;
  height: auto;
  border-top: 2px solid rgba(83, 60, 35, .12);
  color: #8c7c6d;
  font-size: 6px;
  line-height: 1.7;
}

.home-footer a:hover {
  color: var(--orange);
}

.footer-rule {
  background: var(--orange);
}

/* Cabinet */
.cabinet-page {
  background:
    radial-gradient(circle at 85% 3%, rgba(255, 202, 67, .14), transparent 28%),
    var(--cream);
}

.cabinet-header {
  height: 92px;
}

.header-status,
.back-home,
.logout-button {
  font-size: 7px;
  line-height: 1.5;
}

.back-home,
.logout-button {
  padding: 10px 12px;
  border: 1px solid transparent;
}

.back-home:hover,
.logout-button:hover {
  border-color: var(--line);
  color: var(--orange);
  background: rgba(255,255,255,.55);
}

.cabinet-main {
  padding-block: 70px 110px;
}

.login-layout {
  min-height: calc(100vh - 270px);
  grid-template-columns: minmax(0, 1fr) 440px;
  gap: clamp(58px, 8vw, 130px);
}

.login-intro h1 {
  font-size: clamp(30px, 3.5vw, 50px);
  line-height: 1.48;
  letter-spacing: -.035em;
}

.login-intro > p {
  max-width: 620px;
  margin: 28px 0;
  color: #6d6256;
  font-size: 9px;
  line-height: 2.05;
}

.security-note {
  gap: 16px;
  margin-top: 36px;
  padding: 20px;
  border: 1px solid rgba(81, 56, 30, .12);
  border-left: 6px solid var(--sun);
  border-radius: 4px;
  background: rgba(255,255,255,.58);
}

.security-note > span {
  color: var(--orange);
}

.security-note p {
  font-size: 7px;
  line-height: 1.9;
}

.security-note strong {
  color: var(--ink);
  font-size: 8px;
}

.login-card {
  position: relative;
  padding: 36px;
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: rgba(255,254,251,.94);
  box-shadow: 9px 9px 0 var(--sun), var(--soft-shadow);
  backdrop-filter: none;
}

.login-card::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 7px;
  right: 22px;
  top: 25px;
  background: var(--orange);
  box-shadow: 0 11px 0 var(--sun);
}

.card-index {
  margin-bottom: 42px;
  color: var(--orange);
  font-size: 7px;
}

.login-card label {
  margin: 22px 0 10px;
  color: #62564a;
  font-size: 7px;
}

.login-card input {
  height: 58px;
  border: 2px solid rgba(63, 44, 25, .2);
  border-radius: 3px;
  padding: 0 16px;
  color: var(--ink);
  background: #fffcf4;
  font-family: var(--font-copy);
  font-size: 8px;
  box-shadow: inset 0 -4px 0 rgba(80, 54, 27, .045);
}

.login-card input:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 4px rgba(255,138,36,.12), inset 0 -4px 0 rgba(80,54,27,.045);
}

.password-field button {
  font-size: 6px;
}

.form-error {
  font-size: 7px;
  line-height: 1.6;
}

.primary-action,
.buy-button {
  border: 2px solid var(--ink);
  border-radius: 3px;
  color: #fff;
  background: var(--ink);
  box-shadow: 4px 4px 0 var(--sun);
  font-size: 7px;
  font-weight: 400;
  transition: transform .14s, box-shadow .14s, opacity .2s;
}

.primary-action:hover,
.buy-button:hover:not(:disabled) {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0 var(--sun);
}

.primary-action b {
  border-radius: 2px;
  background: linear-gradient(#ffdb5e, #ff9d25);
}

.form-hint {
  margin-top: 23px;
  font-size: 6px;
  line-height: 1.8;
}

.dashboard-top {
  margin-bottom: 48px;
}

.dashboard-top h1 {
  font-size: clamp(27px, 3.5vw, 48px);
  line-height: 1.5;
  letter-spacing: -.035em;
}

.profile-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  gap: 18px;
}

.player-card,
.balance-card {
  min-height: 220px;
  border-radius: 5px;
}

.player-card {
  border: 3px solid #2a2118;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    #2a2118;
  background-size: 18px 18px;
  box-shadow: 8px 8px 0 #f4b43d;
}

.player-avatar {
  border: 3px solid rgba(255,255,255,.82);
  border-radius: 4px;
  background: linear-gradient(145deg, #ffe562, var(--orange));
  box-shadow: 5px 5px 0 rgba(0,0,0,.35);
}

.online-badge {
  font-size: 7px;
}

.player-identity h2 {
  margin: 14px 0 9px;
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 30px;
  font-weight: 400;
}

.player-identity p {
  color: rgba(255,255,255,.38);
  font-family: var(--font-copy);
  font-size: 6px;
}

.player-rank span {
  font-size: 6px;
}

.player-rank strong {
  color: var(--sun);
  font-family: var(--font-game);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  text-align: right;
  text-shadow: 0 3px 0 #9b5312;
}

.balance-card {
  border: 3px solid var(--ink);
  background: linear-gradient(145deg, #ffe47a, var(--sun) 58%, #ff9c2b);
  box-shadow: 8px 8px 0 rgba(57, 41, 24, .95);
}

.balance-label {
  font-size: 7px;
}

.balance-card strong {
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 45px;
  font-weight: 400;
}

.balance-card b,
.balance-card p {
  font-size: 7px;
}

.balance-card button {
  height: 40px;
  border: 2px solid rgba(42,33,24,.7);
  border-radius: 3px;
  font-family: var(--font-copy);
  font-size: 7px;
}

.store-section {
  margin-top: 90px;
}

.design-preview-page .preview-store {
  margin-top: 0;
}

.design-preview-page .preview-products {
  margin-top: 32px;
}

.store-heading {
  align-items: center;
}

.store-heading > div {
  gap: 17px;
}

.section-number {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 2px solid var(--ink);
  color: var(--ink);
  background: var(--sun);
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 13px;
  box-shadow: 4px 4px 0 var(--ink);
}

.store-heading h2 {
  font-family: var(--font-copy);
  font-size: clamp(24px, 3vw, 39px);
  font-weight: 400;
}

.store-heading p {
  font-size: 7px;
  line-height: 1.9;
}

.category-tabs {
  margin: 34px 0 24px;
  gap: 10px;
  border-bottom-width: 2px;
}

.category-tabs button {
  padding: 12px 15px 11px;
  border: 2px solid transparent;
  border-radius: 3px;
  font-size: 7px;
}

.category-tabs button.active {
  border-color: var(--ink);
  color: #fff;
  background: var(--ink);
  box-shadow: 4px 4px 0 var(--sun);
}

.category-tabs span {
  font-size: 5px;
}

.products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.product-card {
  position: relative;
  min-height: 450px;
  overflow: visible;
  border: 2px solid rgba(57, 42, 27, .18);
  border-radius: 5px;
  background: rgba(255,254,251,.88);
  box-shadow: 0 16px 36px rgba(88, 54, 20, .07);
  transform-style: preserve-3d;
}

.product-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8px -7px -7px 8px;
  border: 2px solid var(--product-color);
  border-radius: 5px;
  opacity: .45;
}

.product-card:hover {
  border-color: color-mix(in srgb, var(--product-color) 55%, var(--ink));
  box-shadow: 0 22px 50px var(--product-glow);
  transform: translateY(-5px);
}

.product-visual {
  position: relative;
  height: 156px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-bottom: 2px solid rgba(58, 41, 25, .13);
  background:
    radial-gradient(circle at 50% 58%, var(--product-glow), transparent 42%),
    linear-gradient(rgba(84, 60, 36, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84, 60, 36, .045) 1px, transparent 1px),
    #fffaf0;
  background-size: auto, 18px 18px, 18px 18px, auto;
}

.product-visual::before,
.product-visual::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 7px;
  background: var(--product-color);
  opacity: .72;
}

.product-visual::before {
  left: 17px;
  top: 17px;
  box-shadow: 7px 7px 0 var(--product-dark);
}

.product-visual::after {
  right: 17px;
  bottom: 17px;
  box-shadow: -7px -7px 0 var(--product-dark);
}

.product-sparkle {
  position: absolute;
  width: 8px;
  height: 8px;
  right: 22%;
  top: 23%;
  background: #fff;
  box-shadow:
    0 -7px 0 -2px var(--product-color),
    0 7px 0 -2px var(--product-color),
    -7px 0 0 -2px var(--product-color),
    7px 0 0 -2px var(--product-color),
    -116px 70px 0 -2px rgba(255,255,255,.9),
    -116px 63px 0 -4px var(--product-color),
    -116px 77px 0 -4px var(--product-color),
    -123px 70px 0 -4px var(--product-color),
    -109px 70px 0 -4px var(--product-color);
  transform: rotate(45deg);
}

.privilege-logo {
  position: relative;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  min-width: 76%;
  perspective: 500px;
  transform: rotate(-2deg);
}

.privilege-logo::before,
.privilege-logo::after,
.privilege-logo > span {
  grid-area: 1 / 1;
  font-family: "Minecraft Menu", var(--font-game);
  font-size: clamp(30px, 3.1vw, 45px);
  line-height: 1;
  letter-spacing: .045em;
  white-space: nowrap;
}

.privilege-logo::before,
.privilege-logo::after {
  content: attr(data-text);
}

.privilege-logo::before {
  color: var(--product-dark);
  -webkit-text-stroke: 8px #2d211a;
  text-shadow:
    0 5px 0 #2d211a,
    0 9px 0 color-mix(in srgb, var(--product-dark) 72%, #1c1511),
    0 13px 0 rgba(45,33,26,.22),
    0 18px 26px var(--product-glow);
  transform: translateY(5px) skewX(-3deg);
}

.privilege-logo::after {
  color: var(--product-color);
  -webkit-text-stroke: 3px rgba(255,255,255,.65);
  text-shadow: 0 2px 0 rgba(255,255,255,.85);
  opacity: .5;
  transform: translateY(-2px) skewX(-3deg);
  clip-path: polygon(0 0, 100% 0, 100% 42%, 0 58%);
}

.privilege-logo > span {
  position: relative;
  color: var(--product-color);
  -webkit-text-stroke: 2px #2d211a;
  text-shadow:
    0 2px 0 rgba(255,255,255,.75),
    0 4px 0 var(--product-dark),
    0 7px 0 #2d211a;
  transform: skewX(-3deg);
}

.product-card[data-product="legend"] .privilege-logo > span,
.product-card[data-product="legend"] .privilege-logo::after {
  color: transparent;
  background: linear-gradient(90deg, #ffb72d, #fff276 28%, #ff7ac8 56%, #71d8ff 78%, #ffd34a);
  background-size: 180% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: legend-shine 4s linear infinite;
}

.product-body {
  padding: 24px 23px 22px;
}

.product-tier {
  color: var(--product-dark);
  font-size: 6px;
}

.product-description {
  min-height: 48px;
  margin: 13px 0 0;
  color: #71665a;
  font-size: 7px;
  line-height: 1.8;
}

.product-features {
  margin: 17px 0 20px;
  padding-top: 15px;
  color: #62584e;
  font-size: 7px;
  line-height: 2;
}

.product-features li::before {
  content: "+";
  color: var(--product-color);
}

.product-price strong {
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 27px;
  font-weight: 400;
}

.product-price span {
  color: var(--product-dark);
  font-size: 7px;
}

.buy-button {
  height: 42px;
  margin-top: 15px;
  box-shadow: 4px 4px 0 var(--product-color);
}

.buy-button:hover:not(:disabled) {
  box-shadow: 2px 2px 0 var(--product-color);
}

.buy-button:disabled {
  border-color: #d8d0c4;
  color: #9a9084;
  background: #ebe6dc;
  box-shadow: 4px 4px 0 #d8d0c4;
}

.coming-soon {
  border: 2px dashed #bdb0a1;
  border-radius: 5px;
  background: rgba(255,255,255,.48);
}

.coming-soon span,
.coming-soon p {
  font-size: 7px;
  line-height: 1.9;
}

.coming-soon h3 {
  font-family: var(--font-copy);
  font-size: 22px;
  line-height: 1.5;
}

.purchase-dialog {
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: var(--white);
  box-shadow: 10px 10px 0 var(--sun), 0 40px 120px rgba(0,0,0,.28);
}

.purchase-dialog::backdrop {
  background: rgba(43, 32, 23, .68);
  backdrop-filter: blur(5px);
}

.dialog-close {
  border: 2px solid var(--ink);
  border-radius: 2px;
  background: var(--cream);
  font-family: "Minecraft Menu", var(--font-game);
}

.dialog-label {
  font-size: 6px;
}

.purchase-dialog h2 {
  font-family: "Minecraft Menu", var(--font-game);
  font-size: 39px;
  font-weight: 400;
  text-shadow: 0 4px 0 rgba(102, 60, 22, .18);
}

.purchase-dialog p {
  font-size: 7px;
  line-height: 1.9;
}

.term-option {
  border: 2px solid var(--line);
  border-radius: 3px;
}

.term-option.selected {
  border-color: var(--orange);
  box-shadow: inset 0 0 0 1px var(--orange), 3px 3px 0 var(--sun);
}

.term-option span,
.term-option strong,
.secondary-action,
.topup-label,
.payment-method strong,
.payment-method small,
.topup-safety {
  font-size: 6px;
  line-height: 1.7;
}

.secondary-action {
  border: 2px solid var(--ink);
  border-radius: 3px;
}

.topup-amount-field,
.payment-method {
  border-radius: 3px;
}

.topup-amount-field {
  border-width: 2px;
}

.topup-amount-field input {
  font-family: "Minecraft Menu", var(--font-game);
}

.toast {
  border: 2px solid #fff;
  border-radius: 3px;
  font-size: 7px;
  line-height: 1.6;
  box-shadow: 5px 5px 0 var(--sun), var(--soft-shadow);
}

@keyframes legend-shine {
  to { background-position: -180% 0; }
}

@media (max-width: 1120px) {
  .hero {
    grid-template-columns: minmax(0, 1fr) minmax(390px, .92fr);
  }

  .island-scene {
    margin-right: -12vw;
  }

  .island-scene > img {
    width: 760px;
    right: -20%;
  }

  .products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .privilege-logo::before,
  .privilege-logo::after,
  .privilege-logo > span {
    font-size: clamp(33px, 5vw, 46px);
  }
}

@media (max-width: 840px) {
  .shell {
    width: min(100% - 34px, 680px);
  }

  .site-header {
    height: 80px;
  }

  .hero {
    grid-template-columns: 1fr;
    padding-top: 58px;
  }

  .hero h1 {
    font-size: clamp(31px, 7.2vw, 49px);
  }

  .island-scene {
    min-height: 520px;
    margin: -60px -15vw 0;
  }

  .island-scene > img {
    width: 850px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
  }

  .scene-label-top {
    right: 14%;
  }

  .scene-label-bottom {
    right: 13%;
  }

  .login-layout {
    grid-template-columns: 1fr;
  }

  .login-card {
    max-width: 540px;
  }

  .profile-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .shell {
    width: calc(100% - 28px);
  }

  .brand-mark {
    width: 36px;
    height: 36px;
  }

  .brand-name {
    font-size: 19px;
  }

  .brand-name > small {
    font-size: 5px;
  }

  .cabinet-link {
    padding: 11px 10px;
    font-size: 0;
  }

  .cabinet-link span {
    display: block;
    font-size: 14px;
  }

  .hero {
    padding-top: 42px;
  }

  .hero h1 {
    font-size: clamp(25px, 8.5vw, 38px);
    line-height: 1.45;
  }

  .hero-lead {
    font-size: 8px;
  }

  .play-row {
    gap: 22px;
  }

  .play-button {
    width: calc(100% - 6px);
  }

  .island-scene {
    min-height: 405px;
    margin-top: -28px;
  }

  .island-scene > img {
    width: 650px;
  }

  .scene-label-top {
    top: 7%;
    right: 8%;
  }

  .scene-label-bottom {
    right: 7%;
    bottom: 5%;
  }

  .home-footer {
    flex-wrap: wrap;
    gap: 8px 14px;
    padding-block: 17px;
  }

  .home-footer > span:last-child {
    display: inline;
  }

  .login-intro h1,
  .dashboard-top h1 {
    font-size: clamp(25px, 8vw, 38px);
  }

  .login-card {
    padding: 29px 22px;
    box-shadow: 6px 6px 0 var(--sun), var(--soft-shadow);
  }

  .header-status {
    display: none;
  }

  .back-home {
    padding-inline: 6px;
    font-size: 6px;
  }

  .player-card {
    grid-template-columns: auto 1fr;
  }

  .player-identity h2 {
    font-size: 24px;
  }

  .products-grid {
    grid-template-columns: 1fr;
  }

  .product-card {
    min-height: 420px;
  }

  .product-visual {
    height: 145px;
  }

  .privilege-logo::before,
  .privilege-logo::after,
  .privilege-logo > span {
    font-size: clamp(34px, 11vw, 47px);
  }

  .store-heading p {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-card[data-product="legend"] .privilege-logo > span,
  .product-card[data-product="legend"] .privilege-logo::after {
    animation: none;
  }
}

/* Aloha ID 0.21 — VK connections and account recovery */
.recovery-open {
  width: 100%;
  margin-top: 15px;
  border: 0;
  background: transparent;
  color: #8a7152;
  font: 600 11px/1.45 system-ui, sans-serif;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}

.connections-heading {
  margin-bottom: 25px;
}

.vk-disabled,
.vk-connect-layout,
.vk-linked {
  border: 1px solid rgba(68, 87, 84, .11);
  border-radius: 26px;
  box-shadow: 0 26px 75px rgba(65, 74, 65, .09);
}

.vk-disabled {
  display: flex;
  min-height: 280px;
  padding: clamp(28px, 6vw, 70px);
  align-items: center;
  gap: 24px;
  background: rgba(255, 255, 255, .78);
}

.vk-disabled > span {
  display: grid;
  width: 70px;
  height: 70px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 22px;
  background: #edf5f3;
  color: #58988d;
  font-size: 27px;
}

.vk-disabled small,
.vk-hero > small,
.vk-step small,
.vk-account-card small,
.vk-card-title small {
  color: #168ea4;
  font-size: 8px;
  letter-spacing: .1em;
}

.vk-disabled h3 {
  margin: 12px 0;
  color: #312a22;
  font-size: clamp(20px, 3vw, 32px);
}

.vk-disabled p {
  max-width: 650px;
  margin: 0;
  color: #817a71;
  font: 13px/1.7 system-ui, sans-serif;
}

.vk-connect-layout {
  display: grid;
  grid-template-columns: minmax(290px, .9fr) minmax(390px, 1.1fr);
  overflow: hidden;
  background: rgba(255, 255, 255, .86);
}

.vk-hero {
  position: relative;
  min-height: 560px;
  padding: clamp(30px, 5vw, 58px);
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 14%, rgba(255, 233, 142, .72), transparent 25%),
    radial-gradient(circle at 16% 84%, rgba(89, 214, 205, .37), transparent 35%),
    linear-gradient(145deg, #eafcf8, #d7f3f4 48%, #fff0c8);
}

.vk-hero::after {
  position: absolute;
  width: 360px;
  height: 360px;
  right: -180px;
  bottom: -190px;
  border: 48px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  content: "";
}

.vk-orbit {
  position: relative;
  display: grid;
  width: 190px;
  height: 190px;
  margin: 10px auto 42px;
  place-items: center;
  border: 1px solid rgba(31, 151, 174, .22);
  border-radius: 50%;
}

.vk-orbit::before,
.vk-orbit::after {
  position: absolute;
  border: 1px dashed rgba(31, 151, 174, .18);
  border-radius: 50%;
  content: "";
}

.vk-orbit::before {
  width: 138px;
  height: 138px;
}

.vk-orbit::after {
  width: 245px;
  height: 245px;
}

.vk-orbit > span,
.vk-account-mark {
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #53d2db, #178ec7);
  color: #fff;
  box-shadow: 0 18px 45px rgba(20, 137, 179, .28), inset 0 1px rgba(255, 255, 255, .55);
  transform: rotate(-16deg);
}

.vk-orbit > span {
  width: 92px;
  height: 92px;
  border-radius: 29px;
  font: 37px/1 system-ui, sans-serif;
}

.vk-orbit i {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffae39;
  box-shadow: 0 0 0 7px rgba(255, 174, 57, .13);
}

.vk-orbit i:nth-of-type(1) { top: 8px; right: 24px; }
.vk-orbit i:nth-of-type(2) { bottom: 14px; left: 13px; background: #67c9aa; }
.vk-orbit i:nth-of-type(3) { top: 70px; left: -31px; background: #9f78e6; }

.vk-hero h3 {
  margin: 15px 0 18px;
  color: #282c28;
  font-size: clamp(26px, 4vw, 45px);
  line-height: 1.18;
}

.vk-hero p {
  max-width: 470px;
  margin: 0;
  color: #5f716f;
  font: 13px/1.72 system-ui, sans-serif;
}

.vk-benefits {
  display: flex;
  margin-top: 28px;
  flex-wrap: wrap;
  gap: 8px;
}

.vk-benefits span {
  padding: 9px 11px;
  border: 1px solid rgba(38, 145, 151, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .57);
  color: #387c7e;
  font: 700 9px/1 system-ui, sans-serif;
}

.vk-steps {
  display: flex;
  padding: clamp(25px, 4vw, 48px);
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}

.vk-step {
  display: grid;
  padding: 20px;
  grid-template-columns: 46px 1fr;
  gap: 14px;
  border: 1px solid rgba(70, 67, 55, .09);
  border-radius: 17px;
  background: #fffdf8;
}

.vk-step > b,
.vk-card-title > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  background: #e9f8f5;
  color: #2a9a9c;
  font-size: 10px;
}

.vk-step strong {
  display: block;
  margin-top: 6px;
  color: #3a3128;
  font-size: 12px;
}

.vk-step p {
  margin: 8px 0 0;
  color: #8b8379;
  font: 11px/1.55 system-ui, sans-serif;
}

.vk-command,
.vk-step a {
  display: flex;
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  padding: 0 13px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(37, 140, 154, .13);
  border-radius: 11px;
  background: #edf9f7;
  color: #237e87;
  text-decoration: none;
  cursor: pointer;
}

.vk-command code {
  color: #267d83;
  font: 700 12px/1 ui-monospace, monospace;
}

.vk-command span,
.vk-step a {
  font: 700 9px/1 system-ui, sans-serif;
}

.vk-refresh,
.vk-settings-card > button {
  min-height: 48px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #5ad9d4, #239ac9);
  color: #073e4d;
  font: 700 9px/1 var(--font-display, "Press Start 2P"), sans-serif;
  box-shadow: 0 12px 28px rgba(35, 154, 201, .2);
  cursor: pointer;
}

.connection-status {
  min-height: 18px;
  margin: 2px 4px 0;
  color: #8b7e6f;
  font: 11px/1.5 system-ui, sans-serif;
}

.connection-status.success { color: #31855f; }
.connection-status.error { color: #b94d3f; }

.vk-linked {
  padding: clamp(19px, 4vw, 38px);
  background:
    radial-gradient(circle at 96% 2%, rgba(66, 200, 211, .16), transparent 27%),
    rgba(255, 255, 255, .83);
}

.vk-account-card {
  display: grid;
  min-height: 128px;
  padding: 24px;
  grid-template-columns: 68px 1fr auto;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(37, 151, 168, .12);
  border-radius: 20px;
  background: linear-gradient(120deg, #ecfaf6, #f7fcf8 60%, #fff3cc);
}

.vk-account-mark {
  width: 64px;
  height: 64px;
  border-radius: 20px;
  font: 27px/1 system-ui, sans-serif;
}

.vk-account-card h3 {
  margin: 8px 0 7px;
  color: #30352f;
  font-size: 19px;
}

.vk-account-card p {
  margin: 0;
  color: #78827c;
  font: 11px/1.45 system-ui, sans-serif;
}

.vk-linked-badge {
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(79, 190, 139, .12);
  color: #36865f;
  font-size: 8px;
}

.vk-settings-grid {
  display: grid;
  margin-top: 18px;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
}

.vk-settings-card,
.vk-unlink-card {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(73, 66, 51, .09);
  border-radius: 20px;
  background: rgba(255, 254, 250, .93);
}

.vk-card-title {
  display: grid;
  margin-bottom: 24px;
  grid-template-columns: 42px 1fr;
  gap: 13px;
  align-items: center;
}

.vk-card-title h3 {
  margin: 7px 0 0;
  color: #352d25;
  font-size: 15px;
}

.connection-toggle {
  position: relative;
  display: flex;
  min-height: 66px;
  padding: 13px 2px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(74, 68, 58, .08);
  cursor: pointer;
}

.connection-toggle > span strong,
.connection-toggle > span small {
  display: block;
}

.connection-toggle > span strong {
  color: #413930;
  font: 700 12px/1.3 system-ui, sans-serif;
}

.connection-toggle > span small {
  margin-top: 5px;
  color: #8c857d;
  font: 10px/1.4 system-ui, sans-serif;
}

.connection-toggle input {
  position: absolute;
  opacity: 0;
}

.connection-toggle i {
  position: relative;
  width: 42px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #ddd9d1;
  transition: .2s ease;
}

.connection-toggle i::after {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(48, 40, 28, .18);
  content: "";
  transition: .2s ease;
}

.connection-toggle input:checked + i {
  background: linear-gradient(135deg, #5dd7bb, #2ea6c4);
}

.connection-toggle input:checked + i::after {
  transform: translateX(18px);
}

.recovery-toggle {
  margin-bottom: 18px;
  border-bottom: 0;
}

.vk-settings-card > button {
  width: 100%;
}

.vk-unlink-card {
  align-self: start;
  background: linear-gradient(155deg, #fffefb, #fff6f1);
}

.vk-unlink-card > p {
  color: #81786e;
  font: 12px/1.65 system-ui, sans-serif;
}

.vk-unlink-card label,
.recovery-dialog label {
  display: block;
  margin-top: 22px;
  color: #635b52;
  font: 700 10px/1.3 system-ui, sans-serif;
}

.vk-unlink-card input,
.recovery-dialog input {
  width: 100%;
  height: 48px;
  margin-top: 8px;
  padding: 0 14px;
  border: 1px solid rgba(85, 70, 48, .14);
  border-radius: 12px;
  outline: none;
  background: #fff;
  color: #352e27;
  font: 13px system-ui, sans-serif;
}

.vk-unlink-card input:focus,
.recovery-dialog input:focus {
  border-color: #4ab8bb;
  box-shadow: 0 0 0 3px rgba(74, 184, 187, .12);
}

.vk-unlink-card > button {
  width: 100%;
  min-height: 46px;
  margin-top: 13px;
  border: 1px solid rgba(192, 77, 58, .15);
  border-radius: 12px;
  background: #fff4ef;
  color: #aa493b;
  font: 700 9px/1 var(--font-display, "Press Start 2P"), sans-serif;
  cursor: pointer;
}

.recovery-dialog {
  width: min(540px, calc(100vw - 28px));
  padding: clamp(26px, 5vw, 44px);
  border: 0;
  border-radius: 25px;
  background:
    radial-gradient(circle at 100% 0, rgba(71, 204, 205, .17), transparent 30%),
    #fffdf8;
  box-shadow: 0 38px 120px rgba(40, 31, 20, .34);
}

.recovery-dialog::backdrop {
  background: rgba(31, 25, 18, .67);
  backdrop-filter: blur(8px);
}

.recovery-dialog h2 {
  margin: 19px 0 13px;
  color: #322a22;
  font-size: clamp(22px, 5vw, 32px);
}

.recovery-dialog p {
  color: #817970;
  font: 12px/1.65 system-ui, sans-serif;
}

.recovery-dialog .primary-action {
  margin-top: 18px;
}

.recovery-dialog .form-error {
  min-height: 20px;
  color: #ba4f3e;
}

.recovery-dialog .recovery-privacy {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(75, 66, 52, .09);
  color: #9a9187;
  font-size: 10px;
}

@media (max-width: 900px) {
  .vk-connect-layout,
  .vk-settings-grid {
    grid-template-columns: 1fr;
  }

  .vk-hero {
    min-height: auto;
  }
}

@media (max-width: 560px) {
  .vk-orbit {
    width: 145px;
    height: 145px;
    margin-bottom: 34px;
  }

  .vk-orbit::before { width: 105px; height: 105px; }
  .vk-orbit::after { width: 190px; height: 190px; }
  .vk-orbit > span { width: 74px; height: 74px; border-radius: 23px; }

  .vk-step,
  .vk-account-card {
    grid-template-columns: 1fr;
  }

  .vk-account-card {
    text-align: left;
  }

  .vk-linked-badge {
    width: max-content;
  }

  .vk-disabled {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Privilege atlas 0.17.0 */
.privilege-inherits {
  display: inline-flex;
  width: fit-content;
  margin-top: 16px;
  padding: 7px 10px;
  align-items: center;
  border: 1px solid color-mix(in srgb,var(--product-color) 34%,#d8cdbf);
  border-radius: 999px;
  background: color-mix(in srgb,var(--product-color) 9%,#fff);
  color: var(--product-dark);
  font: 700 9px/1.2 system-ui,sans-serif;
  letter-spacing: .02em;
}

.privilege-inherits[hidden] {
  display: none;
}

.privilege-highlights {
  display: grid;
  margin-top: 22px;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
}

.privilege-highlights[hidden] {
  display: none;
}

.privilege-highlights article {
  min-width: 0;
  padding: 15px 13px;
  border: 1px solid color-mix(in srgb,var(--product-color) 27%,#ded5c9);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0,var(--product-glow),transparent 58%),
    rgba(255,255,255,.82);
}

.privilege-highlights strong,
.privilege-highlights span {
  display: block;
}

.privilege-highlights strong {
  color: var(--product-dark);
  font-family: "Minecraft Menu",var(--font-game);
  font-size: clamp(20px,2.2vw,29px);
  font-weight: 400;
}

.privilege-highlights span {
  margin-top: 7px;
  color: #7b7065;
  font: 10px/1.35 system-ui,sans-serif;
}

.privilege-perk-groups {
  display: grid;
  margin-top: 13px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.privilege-perk-groups[hidden] {
  display: none;
}

.privilege-perk-group {
  padding: 17px;
  border: 1px solid color-mix(in srgb,var(--product-color) 22%,#ddd4c8);
  border-radius: 16px;
  background: rgba(255,255,255,.7);
}

.privilege-perk-group > div {
  display: flex;
  align-items: center;
  gap: 9px;
}

.privilege-perk-group i {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg,var(--product-color),var(--product-color-2));
  color: #fff;
  font: normal 15px/1 system-ui,sans-serif;
  box-shadow: 0 7px 18px var(--product-glow);
}

.privilege-perk-group h4 {
  margin: 0;
  color: color-mix(in srgb,var(--product-dark) 90%,#2d241c);
  font: 800 10px/1.3 system-ui,sans-serif;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.product-expanded-copy .privilege-perk-group ul {
  display: grid;
  margin: 14px 0 0;
  gap: 8px;
}

.product-expanded-copy .privilege-perk-group li {
  display: grid;
  padding: 0;
  grid-template-columns: minmax(82px,auto) 1fr;
  gap: 9px;
  align-items: baseline;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.product-expanded-copy .privilege-perk-group li::before {
  display: none;
}

.privilege-perk-group code {
  width: fit-content;
  max-width: 100%;
  padding: 5px 7px;
  overflow-wrap: anywhere;
  border-radius: 7px;
  background: color-mix(in srgb,var(--product-color) 13%,#f8f4ed);
  color: var(--product-dark);
  font: 700 9px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.privilege-perk-group li span {
  color: #746b62;
  font: 11px/1.42 system-ui,sans-serif;
}

.privilege-lands-details {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--product-color) 26%,#dcd3c7);
  border-radius: 15px;
  background: color-mix(in srgb,var(--product-color) 5%,rgba(255,255,255,.86));
}

.privilege-lands-details[hidden] {
  display: none;
}

.privilege-lands-details summary {
  display: flex;
  padding: 15px 17px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--product-dark);
  cursor: pointer;
  list-style: none;
}

.privilege-lands-details summary::-webkit-details-marker {
  display: none;
}

.privilege-lands-details summary span {
  color: var(--product-dark);
  font: 800 10px/1.2 system-ui,sans-serif;
  text-transform: uppercase;
}

.privilege-lands-details summary small {
  color: #887d71;
  font: 9px/1.2 system-ui,sans-serif;
}

.privilege-lands-details summary small::after {
  margin-left: 7px;
  color: var(--product-color);
  content: "↓";
}

.privilege-lands-details[open] summary small::after {
  content: "↑";
}

.privilege-lands-grid {
  display: grid;
  padding: 0 17px 17px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px;
}

.privilege-lands-grid > div {
  display: flex;
  min-width: 0;
  padding: 9px 10px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 9px;
  background: rgba(255,255,255,.82);
}

.privilege-lands-grid span {
  color: #81766b;
  font: 10px/1.35 system-ui,sans-serif;
}

.privilege-lands-grid strong {
  color: var(--product-dark);
  font: 800 12px/1 system-ui,sans-serif;
}

.product-expanded-action {
  align-self: start;
  position: sticky;
  top: 18px;
  min-height: 270px;
}

@media (max-width: 920px) {
  .privilege-highlights {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .privilege-perk-groups {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .privilege-highlights {
    gap: 7px;
  }

  .privilege-highlights article,
  .privilege-perk-group {
    padding: 13px;
  }

  .product-expanded-copy .privilege-perk-group li {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .privilege-lands-grid {
    grid-template-columns: 1fr;
  }

  .product-expanded-action {
    position: static;
    min-height: 0;
  }
}

.mail-actions {
  display: flex;
  margin-top: 24px;
  justify-content: flex-end;
}

.mail-actions button {
  padding: 10px 14px;
  border: 1px solid rgba(184, 68, 47, .2);
  border-radius: 10px;
  background: rgba(255, 247, 243, .85);
  color: #a6402f;
  font: 8px/1 var(--pixel-font);
  cursor: pointer;
  transition: .2s ease;
}

.mail-actions button:hover {
  border-color: rgba(184, 68, 47, .42);
  background: #fff2eb;
}

.mail-actions button[hidden] {
  display: none;
}

.promotion-banners {
  display: grid;
  margin: 0 0 22px;
  gap: 10px;
}

.promotion-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 16px 18px;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(246, 157, 28, .26);
  border-radius: 16px;
  background: linear-gradient(115deg, #fff5bf 0%, #fffaf0 52%, #f8ecff 100%);
  box-shadow: 0 14px 34px rgba(135, 88, 23, .09);
}

.promotion-banner > span {
  padding: 7px 9px;
  border-radius: 8px;
  background: #2f271f;
  color: #fff;
  font: 7px/1 var(--pixel-font);
}

.promotion-banner strong {
  display: block;
  color: #44301e;
  font: 11px/1.35 var(--pixel-font);
}

.promotion-banner p {
  margin: 5px 0 0;
  color: #776655;
  font: 12px/1.4 system-ui, sans-serif;
}

.promotion-banner time {
  color: #a15818;
  font: 10px/1 var(--pixel-font);
  white-space: nowrap;
}

.promotion-price-preview {
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px dashed rgba(246, 157, 28, .38);
  border-radius: 12px;
  background: #fffaf0;
  color: #76572f;
  font: 12px/1.55 system-ui, sans-serif;
}

.promotion-banner-editor {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid rgba(94, 70, 40, .1);
  border-radius: 14px;
  background: rgba(255, 255, 255, .54);
}

.admin-workspace-v2 [data-discount-store-field][hidden],
.admin-workspace-v2 [data-discount-case-field][hidden] {
  display: none !important;
}

.case-promotion-banners .promotion-banner {
  border-color: color-mix(in srgb, #f06449 34%, transparent);
  background: linear-gradient(115deg, #fff0e8 0%, #fffaf4 56%, #f8ecff 100%);
}

.case-promotion-banners .promotion-banner > span {
  background: #a63d31;
}

@media (max-width: 700px) {
  .promotion-banner {
    grid-template-columns: auto 1fr;
  }

  .promotion-banner time {
    grid-column: 1 / -1;
    padding-left: 2px;
  }

  .mail-actions {
    justify-content: stretch;
  }

  .mail-actions button {
    width: 100%;
  }
}

/* Aloha ID 0.14.0 — Shop Studio */
.shop-studio {
  display: grid;
  grid-template-columns: 280px minmax(0,1fr);
  gap: 16px;
  align-items: start;
}

.store-product-badge {
  position: absolute;
  z-index: 5;
  top: 12px;
  left: 12px;
  padding: 6px 8px 5px;
  border-radius: 999px;
  background: var(--product-color);
  color: #fff;
  box-shadow: 0 5px 14px var(--product-glow);
  font: 800 7px/1 system-ui,sans-serif;
  letter-spacing: .08em;
}

.store-product-badge:empty,
.product-price del:empty {
  display: none;
}

.product-price del {
  margin-right: 3px;
  color: #aaa097;
  font: 9px/1 system-ui,sans-serif;
}

.shop-studio-sidebar {
  overflow: hidden;
  position: sticky;
  top: 16px;
  border: 1px solid rgba(79,64,36,.1);
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 45px rgba(82,57,31,.08);
}

.shop-studio-sidebar-head {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(79,64,36,.08);
}

.shop-studio-sidebar-head strong,
.shop-studio-sidebar-head small {
  display: block;
}

.shop-studio-sidebar-head strong {
  color: #44382e;
  font-size: 10px;
}

.shop-studio-sidebar-head small {
  margin-top: 5px;
  color: #a19589;
  font: 10px/1.2 system-ui,sans-serif;
}

.shop-studio-sidebar-head button {
  min-height: 34px;
  padding: 0 11px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg,#ff9f2f,#ff7b22);
  color: #fff;
  box-shadow: 0 5px 13px rgba(255,126,34,.22);
  font: 700 9px/1 system-ui,sans-serif;
  cursor: pointer;
}

.shop-studio-filters {
  display: grid;
  padding: 12px;
  gap: 8px;
  background: #fbfaf7;
}

.shop-studio-filters input,
.shop-studio-filters select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(79,64,36,.1);
  border-radius: 9px;
  background: #fff;
  color: #4b4036;
  font: 10px/1.25 system-ui,sans-serif;
}

.shop-studio-sidebar .admin-case-list {
  display: grid;
  max-height: 680px;
  padding: 10px;
  gap: 7px;
  overflow-y: auto;
}

.shop-studio-sidebar .admin-case-item {
  position: relative;
  min-width: 0;
  padding: 13px 12px 13px 15px;
  border-radius: 11px;
  border-color: rgba(79,64,36,.09);
  background: #fbfaf7;
  box-shadow: none;
  color: #44382e;
  text-align: left;
}

.shop-studio-sidebar .admin-case-item::before {
  position: absolute;
  inset: 8px auto 8px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: var(--item-accent,#ff9f2f);
  content: "";
}

.shop-studio-sidebar .admin-case-item.active {
  border-color: color-mix(in srgb,var(--item-accent,#ff9f2f) 32%,#d7cec3);
  background: color-mix(in srgb,var(--item-accent,#ff9f2f) 8%,#fff);
  box-shadow: 0 7px 18px color-mix(in srgb,var(--item-accent,#ff9f2f) 13%,transparent);
}

.shop-studio-sidebar .admin-case-item strong {
  display: block;
  overflow: hidden;
  color: #44382e;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shop-studio-sidebar .admin-case-item small {
  display: flex;
  margin-top: 7px;
  justify-content: space-between;
  gap: 8px;
  color: #978b80;
  font: 9px/1.2 system-ui,sans-serif;
}

.product-list-empty {
  padding: 28px 14px;
  color: #9c9085;
  text-align: center;
  font: 10px/1.6 system-ui,sans-serif;
}

.shop-product-editor {
  min-width: 0;
}

.shop-editor-head {
  display: flex;
  margin-bottom: 18px;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.shop-editor-head .admin-card-title {
  margin: 0;
}

.shop-editor-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}

.shop-editor-actions button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(90,70,48,.12);
  border-radius: 9px;
  background: #f7f3ed;
  color: #65594e;
  font: 700 9px/1 system-ui,sans-serif;
  cursor: pointer;
}

.shop-editor-actions button:hover {
  border-color: rgba(255,139,38,.28);
  background: #fff6e9;
}

.shop-editor-actions .danger-quiet {
  color: #b65a4e;
}

.case-editor-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.case-editor-actions .danger-quiet {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(182,90,78,.2);
  border-radius: 10px;
  background: #fff2ef;
  color: #b65a4e;
  font: 700 8px/1 system-ui,sans-serif;
  cursor: pointer;
}

.attachment-builder button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.admin-fields.four {
  grid-template-columns: .6fr .7fr 1fr .7fr;
}

.product-visual-fields input[type="color"] {
  min-height: 42px;
  padding: 4px;
}

.field-limit {
  align-self: flex-end;
  margin-top: -5px;
  color: #a3988d;
  font: 9px/1.2 system-ui,sans-serif;
}

.field-limit.near-limit {
  color: #cf7627;
  font-weight: 700;
}

.fulfillment-builder {
  margin: 20px 0;
  padding: 17px;
  border: 1px solid rgba(237,139,42,.18);
  border-radius: 15px;
  background:
    radial-gradient(circle at 95% 0,rgba(255,182,54,.12),transparent 34%),
    linear-gradient(145deg,#fffdf8,#faf7f1);
}

.fulfillment-builder-head {
  display: flex;
  margin-bottom: 14px;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.fulfillment-builder-head small,
.fulfillment-builder-head strong {
  display: block;
}

.fulfillment-builder-head small,
.product-offers-head small {
  margin-bottom: 5px;
  color: #e98528;
  font: 800 8px/1 system-ui,sans-serif;
  letter-spacing: .12em;
}

.fulfillment-builder-head strong,
.product-offers-head strong {
  color: #4a3d31;
  font-size: 10px;
}

#product-validation-state {
  padding: 7px 9px;
  border-radius: 999px;
  background: #eee9e1;
  color: #81766b;
  font: 700 8px/1 system-ui,sans-serif;
}

#product-validation-state.valid {
  background: #e8f6df;
  color: #4e7e32;
}

#product-validation-state.invalid {
  background: #fff0ed;
  color: #b45448;
}

#fulfillment-value-label > small {
  display: block;
  margin-top: 6px;
  color: #9d9287;
  font: 9px/1.4 system-ui,sans-serif;
}

.fulfillment-validation {
  display: grid;
  margin-top: 12px;
  padding: 12px;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  border: 1px solid rgba(83,113,65,.12);
  border-radius: 11px;
  background: rgba(255,255,255,.72);
}

.fulfillment-validation > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 8px;
  background: #f2ebdf;
  color: #e68a2d;
}

.fulfillment-validation strong,
.fulfillment-validation code,
.fulfillment-validation p {
  display: block;
}

.fulfillment-validation strong {
  color: #706357;
  font-size: 8px;
}

.fulfillment-validation code {
  overflow: auto;
  margin-top: 7px;
  padding: 8px;
  border-radius: 7px;
  background: #292620;
  color: #ffe09a;
  font: 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space: pre-wrap;
}

.fulfillment-validation p {
  margin: 7px 0 0;
  color: #9a7161;
  font: 9px/1.45 system-ui,sans-serif;
}

.fulfillment-validation.invalid {
  border-color: rgba(192,75,59,.22);
  background: #fff8f6;
}

.product-offers-head {
  margin-top: 4px;
}

.product-offers-head > div > span {
  display: block;
  margin-top: 6px;
  color: #9c9085;
  font: 9px/1.3 system-ui,sans-serif;
}

.product-offer-row {
  grid-template-columns: .7fr 1.05fr .72fr .72fr .72fr .72fr 38px;
  padding: 12px;
}

.product-offer-row label {
  min-width: 0;
}

.product-offer-row label > span {
  display: block;
  margin: 0 0 5px 2px;
  color: #968a7e;
  font: 8px/1 system-ui,sans-serif;
}

.product-offer-row input {
  width: 100%;
}

.product-offer-row .reward-remove {
  align-self: end;
  margin-bottom: 1px;
}

.shop-publish-row {
  display: grid;
  margin: 18px 0 12px;
  padding: 14px;
  grid-template-columns:minmax(230px,.8fr) 1fr;
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(79,64,36,.1);
  border-radius: 13px;
  background: #fbfaf7;
}

.shop-publish-row > div {
  padding: 7px 10px;
  border-left: 3px solid #b8aea3;
}

.shop-publish-row > div strong,
.shop-publish-row > div small {
  display: block;
}

.shop-publish-row > div strong {
  color: #665a50;
  font-size: 9px;
}

.shop-publish-row > div small {
  margin-top: 6px;
  color: #968b80;
  font: 9px/1.4 system-ui,sans-serif;
}

.shop-publish-row.published > div {
  border-color: #71a74b;
}

.shop-publish-row.published > div strong {
  color: #588739;
}

.shop-publish-row.hidden-product > div {
  border-color: #9f75cf;
}

.product-history {
  margin: 16px 0;
  border-top: 1px solid rgba(79,64,36,.09);
}

.product-history-head {
  display: flex;
  padding: 15px 2px 10px;
  justify-content: space-between;
  color: #76695d;
}

.product-history-head strong {
  font-size: 9px;
}

.product-history-head small {
  font: 9px/1 system-ui,sans-serif;
}

#product-history-list {
  display: grid;
  gap: 6px;
}

.product-history-row {
  display: grid;
  padding: 10px 11px;
  grid-template-columns: 1fr auto;
  gap: 5px 12px;
  border-radius: 9px;
  background: #f8f5f0;
}

.product-history-row strong {
  color: #5d5045;
  font: 700 9px/1.3 system-ui,sans-serif;
}

.product-history-row time {
  color: #a0958b;
  font: 8px/1.3 system-ui,sans-serif;
}

.product-history-row small {
  grid-column: 1/3;
  color: #8f8378;
  font: 9px/1.4 system-ui,sans-serif;
}

.product-preview-dialog {
  width: min(720px,calc(100vw - 28px));
  padding: 30px;
  border: 1px solid rgba(255,162,42,.2);
  border-radius: 22px;
  background: #fffdf8;
  box-shadow: 0 30px 90px rgba(48,31,18,.3);
}

.product-preview-dialog::backdrop {
  background: rgba(28,22,18,.62);
  backdrop-filter: blur(5px);
}

.product-preview-stage {
  display: grid;
  margin-top: 18px;
  place-items: center;
  padding: 30px;
  border-radius: 18px;
  background:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    repeating-linear-gradient(45deg,#f1ece4 0 10px,#e9e3da 10px 20px);
}

.product-preview-card {
  overflow: hidden;
  position: relative;
  width: min(100%,370px);
  padding: 28px;
  border: 1px solid color-mix(in srgb,var(--preview-color,#ff9f2f) 35%,#d8cec2);
  border-radius: 20px;
  background:
    radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--preview-color,#ff9f2f) 24%,transparent),transparent 38%),
    #fff;
  box-shadow: 0 22px 55px color-mix(in srgb,var(--preview-color,#ff9f2f) 22%,transparent);
}

.product-preview-badge {
  display: inline-block;
  min-height: 20px;
  padding: 6px 8px 4px;
  border-radius: 999px;
  background: var(--preview-color,#ff9f2f);
  color: #fff;
  font: 800 8px/1 system-ui,sans-serif;
}

.product-preview-badge:empty {
  display: none;
}

.product-preview-icon {
  display: grid;
  width: 68px;
  height: 68px;
  margin: 22px 0 18px;
  place-items: center;
  border-radius: 17px;
  background: linear-gradient(145deg,color-mix(in srgb,var(--preview-color,#ff9f2f) 16%,#fff),#fff);
  color: var(--preview-color,#ff9f2f);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--preview-color,#ff9f2f) 25%,transparent);
  font-size: 27px;
}

.product-preview-card > small {
  color: color-mix(in srgb,var(--preview-color,#ff9f2f) 70%,#574b41);
  font: 800 8px/1 system-ui,sans-serif;
  letter-spacing: .12em;
}

.product-preview-card h2 {
  margin: 9px 0 11px;
  color: #3f352d;
  font-size: 20px;
}

.product-preview-card p {
  min-height: 42px;
  margin: 0;
  color: #82766b;
  font: 12px/1.55 system-ui,sans-serif;
}

.product-preview-price {
  display: flex;
  margin: 22px 0 14px;
  gap: 10px;
  align-items: baseline;
}

.product-preview-price del {
  color: #a69b91;
  font: 12px/1 system-ui,sans-serif;
}

.product-preview-price del:empty {
  display: none;
}

.product-preview-price strong {
  color: #43382f;
  font-size: 16px;
}

.product-preview-card button {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg,var(--preview-color,#ff9f2f),color-mix(in srgb,var(--preview-color,#ff9f2f) 72%,#ff6c21));
  color: #fff;
  font: 800 9px/1 system-ui,sans-serif;
}

#preview-product-status {
  margin: 17px 0 0;
  color: #8e8379;
  text-align: center;
  font: 10px/1.5 system-ui,sans-serif;
}

@media (max-width: 1080px) {
  .shop-studio {
    grid-template-columns: 1fr;
  }

  .shop-studio-sidebar {
    position: static;
  }

  .shop-studio-sidebar .admin-case-list {
    display: flex;
    max-height: none;
    overflow-x: auto;
  }

  .shop-studio-sidebar .admin-case-item {
    min-width: 190px;
  }

  .product-offer-row {
    grid-template-columns: repeat(3,1fr);
  }

  .product-offer-row .reward-remove {
    align-self: end;
  }
}

@media (max-width: 720px) {
  .shop-editor-head {
    display: block;
  }

  .shop-editor-actions {
    margin-top: 14px;
    justify-content: flex-start;
  }

  .admin-fields.four,
  .product-offer-row,
  .shop-publish-row {
    grid-template-columns: 1fr;
  }

  .product-preview-stage {
    padding: 18px 10px;
  }

  .product-preview-dialog {
    padding: 24px 14px;
  }
}

/* Aloha ID 0.10 — профиль, живая статистика и серверная почта */
.profile-nav{display:flex;align-items:center;gap:8px;margin:28px 0 34px;padding:8px;overflow-x:auto;border:1px solid rgba(84,68,38,.12);border-radius:17px;background:rgba(255,255,255,.75);box-shadow:0 18px 50px rgba(109,77,25,.07);scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav button{position:relative;flex:1 0 auto;min-height:44px;padding:0 18px;border:0;border-radius:11px;background:transparent;color:#756f66;font:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.profile-nav button:hover{color:#342b20;transform:translateY(-1px)}.profile-nav button.active{color:#291d0e;background:linear-gradient(135deg,#ffd957,#ff9f2f);box-shadow:0 8px 22px rgba(238,143,25,.24),inset 0 1px rgba(255,255,255,.65)}.profile-nav button span{margin-left:5px;color:#aaa299;font-size:7px;text-transform:uppercase}.profile-nav button.active span{color:rgba(53,34,10,.56)}.profile-nav button b{display:inline-grid;min-width:19px;height:19px;margin-left:6px;place-items:center;border-radius:6px;background:#ff5b47;color:#fff;font-size:9px;box-shadow:0 4px 12px rgba(255,91,71,.3)}
.profile-section[hidden]{display:none!important}.profile-section.active{animation:aloha-section-in .36s cubic-bezier(.2,.8,.2,1) both}@keyframes aloha-section-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.stats-section{margin-top:36px}.compact-heading{margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{min-height:144px;padding:22px;overflow:hidden;border:1px solid rgba(79,64,36,.1);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(255,195,65,.12),transparent 42%),rgba(255,255,255,.78);box-shadow:0 18px 45px rgba(89,61,21,.06)}.stat-card>span,.stat-card>small{display:block;color:#9d9588}.stat-card>span{font-size:9px;letter-spacing:.09em;text-transform:uppercase}.stat-card>strong{display:block;margin:17px 0 9px;color:#33291d;font-size:clamp(20px,2.4vw,32px);line-height:1;letter-spacing:-.04em}.stat-card>small{font-size:9px}.stat-card.stat-primary{border-color:rgba(255,167,36,.32);background:linear-gradient(145deg,#fff8d8,#fff 70%);box-shadow:0 18px 45px rgba(235,151,25,.12)}.stat-card.stat-primary>strong{color:#e87916}
.mail-heading{margin-bottom:22px}.mail-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.5fr);min-height:520px;overflow:hidden;border:1px solid rgba(79,64,36,.1);border-radius:22px;background:rgba(255,255,255,.77);box-shadow:0 25px 70px rgba(82,55,15,.09)}.mail-list{padding:10px;overflow-y:auto;border-right:1px solid rgba(79,64,36,.09);background:rgba(250,247,239,.78)}.mail-item{position:relative;display:flex;width:100%;padding:18px 16px 17px;flex-direction:column;gap:8px;overflow:hidden;border:1px solid transparent;border-radius:15px;background:transparent;color:#625b52;text-align:left;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.mail-item+.mail-item{margin-top:4px}.mail-item:hover{background:#fff;transform:translateX(2px)}.mail-item.selected{border-color:rgba(244,156,34,.23);background:linear-gradient(135deg,#fff9dc,#fff);box-shadow:0 10px 28px rgba(113,75,20,.08)}.mail-item.unread::before{position:absolute;top:23px;left:5px;width:5px;height:5px;border-radius:50%;background:#ff8d27;box-shadow:0 0 0 4px rgba(255,141,39,.11);content:""}.mail-item-top{display:flex;justify-content:space-between;gap:10px;color:#aaa196;font-size:8px}.mail-item-top b{color:#d77d1c;font-weight:400}.mail-item>strong{overflow:hidden;color:#3b3023;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.mail-item>small{display:-webkit-box;overflow:hidden;font:12px/1.5 system-ui,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mail-item-flags{min-height:13px;color:#8d56d9;font-size:8px}
.mail-reader{display:flex;min-width:0;padding:clamp(28px,4vw,54px);align-items:stretch}.mail-reader>div:not([hidden]){width:100%}.mail-empty{display:grid;place-content:center;color:#ada69d;text-align:center}.mail-empty>span{color:#f3ae35;font:42px/1 system-ui,sans-serif}.mail-empty h3{margin:20px 0 8px;color:#51483e;font-size:15px}.mail-empty p{margin:0;font:13px/1.6 system-ui,sans-serif}.mail-reader-meta{display:flex;justify-content:space-between;gap:20px;color:#a39b90;font-size:9px}.mail-reader-meta span{color:#df811d}.mail-reader h3{margin:28px 0 18px;color:#30261b;font-size:clamp(21px,3vw,35px);line-height:1.2}.mail-reader #mail-body{min-height:120px;margin:0;color:#696159;font:15px/1.8 system-ui,sans-serif;white-space:pre-line}.mail-reward{display:flex;margin-top:34px;padding:16px;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(246,157,28,.24);border-radius:16px;background:linear-gradient(135deg,#fff8d8,#fff 72%)}.mail-reward[hidden]{display:none}.mail-reward>div{display:flex;align-items:center;gap:13px}.mail-reward-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#ffd754,#ff9c2c);color:#fff}.mail-reward small,.mail-reward strong{display:block}.mail-reward small{margin-bottom:6px;color:#ae9581;font-size:7px}.mail-reward strong{color:#3d2e1d;font-size:13px}.mail-reward button{min-height:42px;padding:0 16px;border:0;border-radius:10px;background:#2e271f;color:#fff;font:inherit;font-size:9px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mail-reward button:hover:not(:disabled){transform:translateY(-2px)}.mail-reward button:disabled{opacity:.48;cursor:wait}.mail-state{min-height:18px;margin:14px 0 0;color:#8d56d9;font:12px/1.5 system-ui,sans-serif}.mail-list-empty{display:grid;min-height:300px;padding:28px;place-content:center;color:#aaa198;text-align:center}.mail-list-empty span,.mail-list-empty strong,.mail-list-empty small{display:block}.mail-list-empty span{color:#f0b146;font:32px/1 system-ui,sans-serif}.mail-list-empty strong{margin:15px 0 8px;color:#4e463d;font-size:12px}.mail-list-empty small{font:11px/1.5 system-ui,sans-serif}
.feature-coming{display:flex;min-height:350px;padding:clamp(30px,6vw,72px);align-items:center;gap:28px;border:1px solid rgba(79,64,36,.1);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(255,193,65,.18),transparent 42%),rgba(255,255,255,.76)}.feature-icon{display:grid;width:78px;height:78px;flex:0 0 auto;place-items:center;border-radius:22px;background:linear-gradient(135deg,#ffd957,#ff9b2c);color:#fff;font-size:28px;box-shadow:0 18px 36px rgba(238,143,25,.2)}.feature-coming small{color:#d7791a;font-size:8px;letter-spacing:.08em}.feature-coming h2{margin:15px 0 12px;color:#32281d;font-size:clamp(24px,4vw,42px)}.feature-coming p{max-width:620px;margin:0;color:#777067;font:15px/1.7 system-ui,sans-serif}.product-card .privilege-logo span{background:linear-gradient(110deg,var(--product-color),var(--product-color-2,var(--product-color)));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:860px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-layout{grid-template-columns:1fr}.mail-list{max-height:310px;border-right:0;border-bottom:1px solid rgba(79,64,36,.09)}.mail-reader{min-height:410px}}
@media(max-width:560px){.profile-nav{margin:20px -2px 26px}.profile-nav button{min-height:40px;padding-inline:13px;font-size:9px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:124px}.mail-reader{min-height:390px;padding:24px 19px}.mail-reader-meta,.mail-reward{align-items:flex-start;flex-direction:column}.mail-reward button{width:100%}.feature-coming{align-items:flex-start;flex-direction:column}}

.appearance-heading{margin-bottom:25px}.appearance-layout{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(460px,1.22fr);gap:22px;align-items:stretch}.skin-studio{position:relative;display:flex;min-height:660px;padding:22px;flex-direction:column;border:1px solid rgba(109,74,31,.12);border-radius:26px;background:linear-gradient(160deg,#fffaf0 0%,#fff4cf 48%,#d9f6f4 100%);box-shadow:0 26px 70px rgba(99,68,24,.12);overflow:hidden}.skin-studio:before,.skin-studio:after{position:absolute;content:"";pointer-events:none}.skin-studio:before{width:330px;height:330px;right:-150px;top:-150px;border:42px solid rgba(255,180,46,.12);border-radius:50%}.skin-studio:after{left:-10%;right:-10%;bottom:76px;height:110px;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 12px,rgba(31,166,177,.09) 13px 16px,transparent 17px 25px);transform:rotate(-3deg)}.skin-stage{position:relative;display:grid;min-height:535px;flex:1;place-items:center;isolation:isolate}.skin-stage-sun{position:absolute;width:210px;height:210px;top:54px;border-radius:50%;background:radial-gradient(circle,#fffbd3 0 22%,#ffd96b 42%,rgba(255,171,42,.08) 70%);filter:blur(.2px);box-shadow:0 0 90px rgba(255,176,51,.34);z-index:-2}.skin-stage canvas{position:relative;width:min(100%,310px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 22px 24px rgba(72,50,25,.2));z-index:2;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.skin-stage-shadow{position:absolute;width:172px;height:30px;bottom:44px;border-radius:50%;background:rgba(53,69,64,.17);filter:blur(7px);z-index:-1}.skin-live-badge{position:absolute;top:8px;left:7px;padding:8px 11px;border:1px solid rgba(49,129,118,.16);border-radius:999px;background:rgba(255,255,255,.72);color:#3b8c80;font-size:8px;letter-spacing:.08em;backdrop-filter:blur(8px)}.skin-stage-controls{position:relative;display:grid;padding:14px 5px 0;grid-template-columns:42px 1fr 42px;gap:12px;align-items:center;border-top:1px solid rgba(76,67,50,.1);z-index:2}.skin-stage-controls button{height:42px;border:1px solid rgba(75,60,35,.1);border-radius:12px;background:rgba(255,255,255,.7);color:#8c6737;font:700 20px/1 system-ui;cursor:pointer;transition:.2s ease}.skin-stage-controls button:hover{background:#fff;transform:translateY(-2px)}.skin-stage-controls div{text-align:center}.skin-stage-controls strong,.skin-stage-controls small{display:block}.skin-stage-controls strong{color:#31271d;font-size:13px}.skin-stage-controls small{margin-top:6px;color:#8e8479;font:10px/1.2 system-ui,sans-serif}.skin-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skin-action-card{position:relative;padding:24px;border:1px solid rgba(89,69,35,.1);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 18px 52px rgba(96,65,24,.08);overflow:hidden}.skin-action-card:before{position:absolute;width:160px;height:160px;right:-88px;top:-96px;border-radius:50%;background:var(--skin-card-glow,rgba(255,174,49,.15));content:""}.skin-action-name{--skin-card-glow:rgba(255,177,45,.2)}.skin-action-upload{--skin-card-glow:rgba(42,186,219,.18)}.skin-action-upload{grid-row:span 2}.skin-action-reset{display:flex;align-items:center;justify-content:space-between;gap:18px}.skin-action-index{position:absolute;right:18px;top:15px;color:rgba(100,74,34,.12);font-size:30px}.skin-action-copy{position:relative}.skin-action-copy small{color:#d57a18;font-size:8px;letter-spacing:.09em}.skin-action-upload .skin-action-copy small{color:#198eaa}.skin-action-copy h3{margin:12px 0 9px;color:#31271e;font-size:17px}.skin-action-copy p{max-width:390px;margin:0;color:#837b72;font:12px/1.6 system-ui,sans-serif}.skin-inline-form{display:grid;margin-top:24px;grid-template-columns:1fr auto;gap:9px;align-items:end}.skin-inline-form label>span{display:block;margin:0 0 7px 2px;color:#91877e;font:9px/1 system-ui,sans-serif}.skin-inline-form input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(82,64,34,.13);border-radius:12px;outline:none;background:#fffdf8;color:#3b3025;font:12px system-ui,sans-serif}.skin-inline-form input:focus{border-color:#f3ad3c;box-shadow:0 0 0 3px rgba(243,173,60,.12)}.skin-inline-form button,.skin-upload-submit,.skin-action-reset>button{min-height:46px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#ffd85a,#ff9e2c);color:#392309;font:700 9px/1 var(--font-display,"Press Start 2P"),sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(230,135,27,.2)}.skin-inline-form button b{margin-left:5px}.skin-model-picker{display:grid;margin-top:20px;padding:5px;grid-template-columns:1fr 1fr;gap:5px;border:1px solid rgba(67,91,91,.1);border-radius:14px;background:#f2f8f6}.skin-model-picker button{display:flex;min-height:52px;padding:9px 12px;align-items:flex-start;flex-direction:column;justify-content:center;border:0;border-radius:10px;background:transparent;color:#746d65;cursor:pointer}.skin-model-picker button.active{background:#fff;color:#1b7e91;box-shadow:0 6px 18px rgba(50,102,102,.1)}.skin-model-picker strong{font-size:10px}.skin-model-picker small{margin-top:5px;font:9px/1 system-ui,sans-serif}.skin-dropzone{display:flex;min-height:110px;margin-top:12px;padding:18px;align-items:center;justify-content:center;gap:13px;border:1px dashed rgba(33,145,161,.35);border-radius:15px;background:rgba(224,247,244,.56);color:#317f88;text-align:left;cursor:pointer;transition:.2s ease}.skin-dropzone.dragging{border-color:#ffad32;background:#fff4d7;transform:translateY(-2px)}.skin-dropzone>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#fff;color:#1d95a6;font-size:18px;box-shadow:0 7px 18px rgba(36,130,138,.11)}.skin-dropzone strong,.skin-dropzone small{display:block}.skin-dropzone strong{font-size:9px}.skin-dropzone small{margin-top:7px;color:#75999b;font:9px/1.2 system-ui,sans-serif}.skin-upload-submit{width:100%;margin-top:12px;background:linear-gradient(135deg,#56d5d1,#1d9ccc);color:#063f4d}.skin-upload-submit:disabled,.skin-inline-form button:disabled,.skin-action-reset>button:disabled{opacity:.48;cursor:wait;box-shadow:none}.skin-action-reset>button{flex:0 0 auto;border:1px solid rgba(212,87,60,.14);background:#fff6f2;color:#b14c38;box-shadow:none}.skin-action-status{min-height:20px;margin:0 4px;grid-column:1/-1;color:#6b655d;font:11px/1.55 system-ui,sans-serif}.skin-action-status.success{color:#34875e}.skin-action-status.error{color:#bf4e3d}
@media(max-width:980px){.appearance-layout{grid-template-columns:1fr}.skin-studio{min-height:590px}.skin-stage{min-height:470px}.skin-actions{grid-template-columns:1fr 1fr}.skin-action-upload{grid-row:span 2}}
@media(max-width:680px){.appearance-layout{gap:14px}.skin-studio{min-height:520px;padding:16px}.skin-stage{min-height:405px}.skin-stage canvas{width:250px}.skin-actions{grid-template-columns:1fr}.skin-action-upload{grid-row:auto}.skin-action-card{padding:20px}.skin-action-reset{align-items:flex-start;flex-direction:column}.skin-action-reset>button{width:100%}.skin-inline-form{grid-template-columns:1fr}.skin-inline-form button{width:100%}.skin-action-status{grid-column:auto}}

/* Aloha ID 0.11 — cases and owner/admin workspace */
.admin-nav-button{color:#8e52e8!important}.profile-nav .admin-nav-button.active{color:#fff!important;background:linear-gradient(135deg,#8d52e8,#5936bd);box-shadow:0 9px 24px rgba(103,59,190,.28)}
.cases-heading,.admin-heading{margin-bottom:22px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-card{position:relative;min-height:240px;padding:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--case-color) 35%,#d7cfc4);border-radius:22px;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--case-color) 25%,transparent),transparent 42%),rgba(255,255,255,.86);box-shadow:0 20px 55px rgba(89,61,21,.08);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.case-card::before{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--case-color),#ffd55a);content:""}.case-card:hover,.case-card.selected{border-color:var(--case-color);transform:translateY(-5px);box-shadow:0 25px 65px color-mix(in srgb,var(--case-color) 20%,rgba(89,61,21,.08))}.case-card-icon{display:grid;width:72px;height:72px;margin-bottom:28px;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--case-color),color-mix(in srgb,var(--case-color) 55%,#ffd85a));color:#fff;font:31px/1 system-ui;box-shadow:0 15px 35px color-mix(in srgb,var(--case-color) 38%,transparent)}.case-card h3{margin:0 0 9px;color:#342a20;font-size:17px}.case-card p{margin:0;color:#8a8177;font:12px/1.55 system-ui,sans-serif}.case-card-footer{display:flex;margin-top:22px;align-items:center;justify-content:space-between;color:#9c9388;font-size:8px}.case-card-footer strong{padding:7px 9px;border-radius:8px;background:#30271f;color:#fff;font-size:8px}.case-details{margin-top:18px;padding:clamp(24px,4vw,42px);border:1px solid rgba(79,64,36,.1);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 25px 70px rgba(82,55,15,.08)}.case-details-copy{display:flex;align-items:center;gap:20px}.case-details-copy>span{display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--case-color),#ffc34b);color:#fff;font:26px/1 system-ui;box-shadow:0 14px 34px color-mix(in srgb,var(--case-color) 30%,transparent)}.case-details-copy small{color:#b08c61;font-size:7px}.case-details-copy h3{margin:9px 0;color:#31271e;font-size:26px}.case-details-copy p{margin:0;color:#7d756c;font:13px/1.6 system-ui,sans-serif}.case-rewards{display:grid;margin:28px 0 22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.case-reward{position:relative;padding:15px;border:1px solid var(--rarity-color);border-radius:13px;background:color-mix(in srgb,var(--rarity-color) 7%,#fff);color:#3d342b}.case-reward i{display:block;margin-bottom:10px;color:var(--rarity-color);font:22px/1 system-ui}.case-reward strong,.case-reward small{display:block}.case-reward strong{font-size:9px}.case-reward small{margin-top:7px;color:#978d82;font:10px/1.3 system-ui,sans-serif}.case-open-button{width:100%;min-height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--case-color),color-mix(in srgb,var(--case-color) 55%,#ffbd3c));color:#fff;font:inherit;font-size:10px;box-shadow:0 14px 34px color-mix(in srgb,var(--case-color) 30%,transparent);cursor:pointer}.case-open-button:disabled{filter:grayscale(.5);opacity:.55;cursor:not-allowed}
.admin-section{--admin-purple:#7545d9}.admin-metrics{display:grid;margin-bottom:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-metric{padding:17px;border:1px solid rgba(79,64,36,.1);border-radius:15px;background:rgba(255,255,255,.82)}.admin-metric small,.admin-metric strong{display:block}.admin-metric small{color:#999087;font-size:7px}.admin-metric strong{margin-top:10px;color:#3a2f25;font-size:21px}.admin-tabs{display:flex;margin-bottom:14px;padding:6px;gap:6px;border:1px solid rgba(79,64,36,.1);border-radius:15px;background:rgba(255,255,255,.75)}.admin-tabs button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:#776d63;font:inherit;font-size:9px;cursor:pointer}.admin-tabs button.active{background:linear-gradient(135deg,#8c57e7,#5d38bd);color:#fff;box-shadow:0 9px 22px rgba(99,57,190,.24)}.admin-panel.active{animation:aloha-section-in .3s ease both}.admin-card{padding:clamp(24px,4vw,42px);border:1px solid rgba(79,64,36,.1);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 25px 70px rgba(82,55,15,.08)}.admin-card-title{display:flex;margin-bottom:27px;align-items:flex-start;gap:14px}.admin-card-title>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#945be8,#5d38bd);color:#fff;font-size:8px}.admin-card-title h3{margin:0 0 6px;color:#34291f;font-size:17px}.admin-card-title p{margin:0;color:#9a9188;font:12px/1.5 system-ui,sans-serif}.admin-card label{display:flex;margin-bottom:14px;flex-direction:column;gap:8px;color:#756b61;font-size:8px}.admin-card input,.admin-card textarea,.admin-card select,.admin-player-search>input{width:100%;min-height:44px;padding:11px 13px;border:1px solid rgba(75,58,39,.15);border-radius:10px;outline:0;background:#fffdf9;color:#30271f;font:13px/1.4 system-ui,sans-serif}.admin-card textarea{resize:vertical}.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.admin-player-search>input:focus{border-color:#8d55de;box-shadow:0 0 0 3px rgba(117,69,217,.1)}.admin-fields{display:grid;gap:12px}.admin-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-player-search{position:relative;margin-bottom:12px}.admin-player-search>div{position:absolute;z-index:12;top:calc(100% + 5px);right:0;left:0;padding:6px;border:1px solid rgba(75,58,39,.13);border-radius:12px;background:#fff;box-shadow:0 20px 55px rgba(44,28,10,.16)}.player-search-item{display:flex;width:100%;padding:11px 12px;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:#3e342a;text-align:left;cursor:pointer}.player-search-item:hover{background:#fff5dd}.player-search-item span{font-size:10px}.player-search-item small{color:#9b9187;font:10px/1 system-ui,sans-serif}.selected-recipient{display:grid;margin-bottom:16px;padding:13px 15px;grid-template-columns:1fr auto;gap:5px 12px;border:1px solid rgba(117,69,217,.2);border-radius:12px;background:#f8f3ff}.selected-recipient strong{color:#4c337b;font-size:11px}.selected-recipient small{grid-column:1;color:#9b90aa;font:10px/1.2 system-ui,sans-serif}.selected-recipient button{grid-row:1/3;grid-column:2;border:0;background:transparent;color:#7f66a5;font-size:20px;cursor:pointer}.attachment-builder{margin:8px 0 22px;padding:16px;border:1px dashed rgba(117,69,217,.28);border-radius:14px;background:#fcf9ff}.attachment-builder-top,.case-reward-editor-head{display:flex;align-items:center;justify-content:space-between}.attachment-builder-top strong,.attachment-builder-top small,.case-reward-editor-head strong,.case-reward-editor-head small{display:block}.attachment-builder-top strong,.case-reward-editor-head strong{color:#4b3b5d;font-size:9px}.attachment-builder-top small,.case-reward-editor-head small{margin-top:5px;color:#a197aa;font:10px/1.2 system-ui,sans-serif}.attachment-builder button,.case-reward-editor-head button,.admin-case-list>button{min-height:35px;padding:0 12px;border:0;border-radius:9px;background:#382c43;color:#fff;font:inherit;font-size:8px;cursor:pointer}.attachment-row{display:grid;margin-top:10px;padding:10px;grid-template-columns:1fr 1fr 1.4fr auto;gap:8px;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(73,48,91,.06)}.attachment-row select,.attachment-row input{min-height:38px;padding:8px 10px}.attachment-remove,.reward-remove{width:38px;border:0;border-radius:8px;background:#fff0ed;color:#d35042;font-size:16px;cursor:pointer}.case-editor-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px}.admin-case-list{padding:10px;border:1px solid rgba(79,64,36,.1);border-radius:18px;background:rgba(250,247,239,.85)}.admin-case-list>button{width:100%;margin-bottom:8px;background:linear-gradient(135deg,#8c57e7,#5d38bd)}.admin-case-item{display:block;width:100%;padding:13px;border:0;border-radius:10px;background:transparent;color:#52483f;text-align:left;cursor:pointer}.admin-case-item:hover,.admin-case-item.active{background:#fff;box-shadow:0 8px 22px rgba(76,50,14,.07)}.admin-case-item strong,.admin-case-item small{display:block}.admin-case-item strong{font-size:10px}.admin-case-item small{margin-top:5px;color:#a2988e;font:10px/1 system-ui,sans-serif}.switch-label{min-height:44px;padding:10px 12px;flex-direction:row!important;align-items:center;border:1px solid rgba(75,58,39,.15);border-radius:10px;background:#fffdf9}.switch-label input{width:18px!important;min-height:18px}.case-reward-editor-head{margin:8px 0 12px}.case-reward-row{display:grid;margin-bottom:8px;padding:10px;grid-template-columns:1.3fr .8fr .55fr .75fr 1fr 44px;gap:7px;border:1px solid rgba(79,64,36,.09);border-radius:12px;background:#fbfaf7}.case-reward-row input,.case-reward-row select{min-height:38px;padding:8px;font-size:11px}.audit-row{display:grid;padding:14px 0;grid-template-columns:130px 140px 1fr auto;gap:12px;border-bottom:1px solid rgba(79,64,36,.08);align-items:center}.audit-row:last-child{border-bottom:0}.audit-row strong{color:#453a30;font-size:9px}.audit-row span,.audit-row time{color:#968c82;font:11px/1.4 system-ui,sans-serif}.audit-row code{padding:5px 7px;border-radius:6px;background:#f4effb;color:#6f49a9;font-size:9px}
.admin-two-column{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:14px}.product-offer-row{display:grid;margin-bottom:8px;padding:10px;grid-template-columns:.8fr 1fr .7fr .7fr .65fr 42px;gap:7px;border:1px solid rgba(79,64,36,.09);border-radius:12px;background:#fbfaf7}.product-offer-row input,.product-offer-row select{min-height:38px;padding:8px;font-size:11px}.admin-entity-list{display:grid;gap:8px}.admin-entity-row{display:grid;width:100%;padding:14px;grid-template-columns:1fr auto;gap:5px 12px;border:1px solid rgba(79,64,36,.09);border-radius:12px;background:#fbfaf7;color:#453a30;text-align:left;cursor:pointer}.admin-entity-row strong{font-size:10px}.admin-entity-row span{font:11px/1.4 system-ui,sans-serif}.admin-entity-row small{grid-column:1/3;color:#968c82;font:10px/1.3 system-ui,sans-serif}.delivery-list{display:grid;gap:8px}.delivery-row{display:grid;padding:13px;grid-template-columns:minmax(180px,1.2fr) 110px minmax(160px,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(79,64,36,.09);border-radius:12px;background:#fbfaf7}.delivery-row strong,.delivery-row small{display:block}.delivery-row strong{font-size:10px}.delivery-row small{margin-top:5px;color:#958a80;font:10px/1.3 system-ui,sans-serif}.delivery-row>span{padding:7px 9px;border-radius:8px;background:#efe9f7;color:#67479b;font:9px/1 system-ui,sans-serif}.delivery-row code{overflow:hidden;color:#8d8278;font-size:9px;text-overflow:ellipsis}.delivery-actions{display:flex;gap:6px}.delivery-actions button{min-height:32px;padding:0 9px;border:0;border-radius:8px;background:#6841aa;color:#fff;font-size:9px;cursor:pointer}.delivery-row.status-needs_review{border-color:rgba(211,80,66,.28);background:#fff8f6}.coupon-field{display:flex;margin:14px 0 4px;flex-direction:column;gap:7px;color:#7f756b;font-size:9px}.coupon-field input{min-height:42px;padding:10px 12px;border:1px solid rgba(75,58,39,.15);border-radius:10px;font:13px/1.4 system-ui,sans-serif}
.case-opening-dialog{width:min(920px,calc(100vw - 28px));padding:36px;overflow:hidden;border:0;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(255,190,55,.18),transparent 38%),#fffdf7;box-shadow:0 35px 120px rgba(40,25,7,.32)}.case-opening-dialog::backdrop{background:rgba(30,21,12,.64);backdrop-filter:blur(8px)}.case-opening-dialog h2{margin:14px 0 25px;color:#33291f;font-size:26px}.case-reel-window{position:relative;overflow:hidden;border:2px solid rgba(61,47,33,.16);border-radius:16px;background:#211d1a;box-shadow:inset 0 0 35px rgba(0,0,0,.35)}.case-reel-window>i{position:absolute;z-index:2;top:0;bottom:0;left:50%;width:3px;background:#ffd252;box-shadow:0 0 18px #ffc332}.case-reel{display:flex;width:max-content;padding:14px;gap:10px;transform:translateX(0)}.case-reel.spinning{transition:transform 5.4s cubic-bezier(.08,.72,.12,1)}.reel-item{display:grid;width:132px;height:132px;flex:0 0 auto;padding:12px;place-content:center;border:1px solid var(--rarity-color);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 20%,#2c2926),#1c1917);color:#fff;text-align:center}.reel-item i{margin-bottom:10px;color:var(--rarity-color);font:29px/1 system-ui}.reel-item strong{font-size:8px;line-height:1.5}.case-result{padding:26px 10px 0;text-align:center}.case-result small{color:#b99a67;font-size:7px}.case-result strong{display:block;margin:12px 0 8px;color:#553392;font-size:25px}.case-result p{margin:0;color:#847a70;font:12px/1.5 system-ui,sans-serif}
@media(max-width:1000px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.case-editor-layout,.admin-two-column{grid-template-columns:1fr}.admin-case-list{display:flex;overflow-x:auto}.admin-case-list>button,.admin-case-item{min-width:160px}.case-reward-row,.product-offer-row{grid-template-columns:repeat(3,1fr)}.case-rewards{grid-template-columns:repeat(3,1fr)}.delivery-row{grid-template-columns:1fr 100px}}
@media(max-width:760px){.case-grid{grid-template-columns:1fr}.case-rewards{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-tabs{overflow-x:auto}.admin-tabs button{flex:0 0 auto}.admin-fields.two,.admin-fields.three{grid-template-columns:1fr}.attachment-row{grid-template-columns:1fr 1fr}.case-reward-row,.product-offer-row{grid-template-columns:1fr 1fr}.audit-row,.delivery-row{grid-template-columns:1fr}.case-opening-dialog{padding:24px 14px}.reel-item{width:112px;height:112px}}

/* Cases 2.0 */
.case-guarantee-settings{display:grid;margin:20px 0;padding:16px;grid-template-columns:minmax(220px,1fr) 170px;gap:10px 14px;border:1px solid rgba(240,155,35,.24);border-radius:15px;background:linear-gradient(135deg,rgba(255,246,215,.78),rgba(255,255,255,.9))}
.case-guarantee-settings label{margin:0}.case-guarantee-settings>p{grid-column:1/-1;margin:0;color:#958873;font:11px/1.55 system-ui,sans-serif}
.case-reward-row{grid-template-columns:58px minmax(150px,1.35fr) minmax(112px,.8fr) 88px 76px 100px minmax(105px,.75fr) minmax(140px,1fr) 44px}
.case-reward-row output{display:grid;min-height:38px;padding:8px;place-items:center;border-radius:8px;background:#f1ebf8;color:#7044ad;font:10px/1 system-ui,sans-serif}
.reward-guarantee{min-height:38px!important;margin:0!important;padding:5px!important;align-items:center!important;justify-content:center!important;gap:4px!important;border:1px solid rgba(241,154,35,.24);border-radius:8px;background:#fff8e7;color:#9b671e!important;text-align:center}
.reward-guarantee input{width:15px!important;min-height:15px!important;margin:0}.reward-guarantee span{font-size:7px}
.case-reward-preview,.case-simulator{margin-top:18px;padding:16px;border:1px solid rgba(79,64,36,.1);border-radius:16px;background:#fff}
.case-reward-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.case-reward-preview-card{min-width:0}.case-reward-preview-card span,.case-reward>span{display:inline-block;margin-top:10px;padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--rarity-color) 16%,#fff);color:var(--rarity-color);font-size:6px}
.case-reward-empty{display:grid;min-height:150px;padding:24px;place-content:center;gap:8px;text-align:center;border:1px dashed rgba(61,160,174,.28);border-radius:14px;background:linear-gradient(145deg,rgba(72,194,185,.07),rgba(117,83,190,.04))}.case-reward-empty strong{color:#315c61;font-size:12px}.case-reward-empty span{max-width:520px;color:#778184;font:11px/1.55 var(--font-copy)}.case-reward-empty code{padding:2px 5px;border-radius:5px;background:rgba(47,129,133,.1);color:#297b7e;font-weight:700}
.case-simulator>div:first-child strong,.case-simulator>div:first-child small{display:block}.case-simulator>div:first-child strong{color:#4b3b5d;font-size:9px}.case-simulator>div:first-child small{margin-top:6px;color:#9a9188;font:11px/1.45 system-ui,sans-serif}
.case-simulator-controls{display:flex;margin-top:14px;align-items:end;gap:10px}.case-simulator-controls label{min-width:170px;margin:0}.case-simulator-controls button{min-height:44px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#8c57e7,#5d38bd);color:#fff;font:inherit;font-size:8px;cursor:pointer}.case-simulator-controls button:disabled{opacity:.6}
.case-simulation-summary{display:grid;margin-top:14px;grid-template-columns:repeat(3,1fr);gap:8px}.case-simulation-summary article{padding:12px;border-radius:11px;background:#f7f2fc}.case-simulation-summary small,.case-simulation-summary strong{display:block}.case-simulation-summary small{color:#9b8da9;font-size:6px}.case-simulation-summary strong{margin-top:7px;color:#5f3b92;font-size:16px}
.case-simulation-results{margin-top:10px}.case-simulation-row{display:grid;padding:10px 2px;grid-template-columns:minmax(140px,1.2fr) 120px 150px 80px;gap:10px;border-bottom:1px solid rgba(79,64,36,.08);align-items:center}.case-simulation-row strong{font-size:9px}.case-simulation-row span,.case-simulation-row small{color:#948a80;font:10px/1.3 system-ui,sans-serif}.case-simulation-row b{color:#6e45a8;font-size:10px;text-align:right}
.case-guarantee-progress{display:flex;margin-top:14px;align-items:center;gap:10px}.case-guarantee-progress>span{width:min(220px,45vw);height:7px;overflow:hidden;border-radius:999px;background:#eee7dc}.case-guarantee-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb52f,#8b54dd)}.case-guarantee-progress small{color:#8f7458;font-size:7px}#case-result-name[data-guaranteed="true"]::after{display:block;margin-top:8px;color:#f6ad36;content:"ГАРАНТИРОВАННАЯ НАГРАДА";font-size:7px}
@media(max-width:1200px){.case-reward-row{grid-template-columns:58px 1fr 1fr 88px 76px}.case-reward-row>*:nth-child(n+6){grid-column:auto}.case-reward-preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.case-guarantee-settings{grid-template-columns:1fr}.case-guarantee-settings>p{grid-column:1}.case-reward-row{grid-template-columns:54px 1fr}.case-reward-preview-grid{grid-template-columns:repeat(2,1fr)}.case-simulator-controls{align-items:stretch;flex-direction:column}.case-simulator-controls label,.case-simulator-controls button{width:100%}.case-simulation-summary{grid-template-columns:1fr}.case-simulation-row{grid-template-columns:1fr 1fr}.case-simulation-row b{text-align:left}}
@media(prefers-reduced-motion:reduce){.case-reel.spinning{transition-duration:.01ms}.case-card,.admin-panel.active{animation:none;transition:none}}

/* Пять привилегий всегда образуют одну витринную линию; детали раскрываются общим блоком. */
.products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible}.product-card{min-height:276px;cursor:pointer}.product-card.selected{border-color:var(--product-color);box-shadow:0 20px 46px var(--product-glow);transform:translateY(-4px)}.product-card.selected::after{opacity:.8}.product-visual{height:150px}.product-body-compact{display:flex;min-height:122px;padding:18px 16px 16px;flex-direction:column}.product-body-compact .product-price{margin-top:auto}.product-body-compact .product-price strong{font-size:20px}.product-open-hint{display:block;margin-top:12px;color:var(--product-dark);font-size:6px}.products-grid .privilege-logo::before,.products-grid .privilege-logo::after,.products-grid .privilege-logo>span{font-size:clamp(18px,2vw,29px)}.product-card[data-product="legend"] .privilege-logo>span,.product-card[data-product="legend"] .privilege-logo::after{background:linear-gradient(90deg,#fd9b55,#803ef1);background-size:160% 100%}
.product-expanded{position:relative;display:grid;margin-top:17px;padding:clamp(25px,3vw,40px);grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);gap:38px;overflow:hidden;border:2px solid color-mix(in srgb,var(--product-color) 55%,#4b3827);border-radius:6px;background:radial-gradient(circle at 86% 15%,var(--product-glow),transparent 35%),rgba(255,254,251,.96);box-shadow:8px 8px 0 color-mix(in srgb,var(--product-color) 55%,transparent),0 26px 65px rgba(70,45,18,.1);animation:product-expand .36s cubic-bezier(.2,.8,.2,1) both}.product-expanded[hidden]{display:none}.product-expanded::before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--product-color),var(--product-color-2));content:""}@keyframes product-expand{from{opacity:0;transform:translateY(-12px) scaleY(.94);transform-origin:top}to{opacity:1;transform:none}}.product-expanded-copy>span{color:var(--product-dark);font-size:7px}.product-expanded-copy h3{margin:15px 0 12px;color:#34281c;font-family:"Minecraft Menu",var(--font-game);font-size:clamp(28px,4vw,48px);font-weight:400;text-transform:uppercase;text-shadow:0 4px 0 var(--product-glow)}.product-expanded-copy p{max-width:680px;margin:0;color:#70675e;font:15px/1.7 system-ui,sans-serif}.product-expanded-copy ul{display:flex;margin:22px 0 0;padding:0;flex-wrap:wrap;gap:9px;list-style:none}.product-expanded-copy li{padding:9px 11px;border:1px solid color-mix(in srgb,var(--product-color) 35%,#d7cfc3);border-radius:4px;background:#fff;color:#5b5148;font-size:7px}.product-expanded-copy li::before{margin-right:7px;color:var(--product-color);content:"+"}.product-expanded-action{display:flex;padding-left:30px;flex-direction:column;justify-content:center;border-left:1px solid rgba(65,49,34,.13)}.product-expanded-action small{color:#9a9085;font-size:6px}.product-expanded-action strong{margin:13px 0 20px;color:#33271c;font-family:"Minecraft Menu",var(--font-game);font-size:clamp(20px,2.4vw,30px);font-weight:400}.product-expanded-action button{min-height:46px;padding:0 18px;border:2px solid #33271c;border-radius:3px;background:#33271c;color:#fff;font:inherit;font-size:7px;box-shadow:5px 5px 0 var(--product-color);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.product-expanded-action button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--product-color)}.product-expanded-action button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:1100px){.products-grid{grid-template-columns:repeat(5,minmax(180px,1fr));padding:4px 8px 18px 2px;overflow-x:auto;scroll-snap-type:x proximity}.product-card{scroll-snap-align:start}.products-grid .privilege-logo::before,.products-grid .privilege-logo::after,.products-grid .privilege-logo>span{font-size:25px}}
@media(max-width:680px){.products-grid{grid-template-columns:repeat(5,170px)}.product-expanded{grid-template-columns:1fr;gap:28px}.product-expanded-action{padding:24px 0 0;border-top:1px solid rgba(65,49,34,.13);border-left:0}}

/* Aloha ID 0.13.0 — единый каталог и карточка игрока. */
.player-admin-toolbar{display:grid;margin-bottom:14px;grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);gap:14px}
.player-sync-state{display:grid;padding:15px 16px;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid rgba(117,69,217,.17);border-radius:16px;background:linear-gradient(135deg,#fbf8ff,#fffdf8);box-shadow:0 12px 32px rgba(75,46,113,.06)}
.player-sync-state>span{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#aaa;box-shadow:0 0 0 2px #d8d0df}
.player-sync-state>span.sync-completed{background:#55bd75;box-shadow:0 0 0 2px #bfe8cb}
.player-sync-state>span.sync-running,.player-sync-state>span.sync-pending{background:#ffad37;box-shadow:0 0 0 2px #ffe0aa;animation:pulse 1.4s ease-in-out infinite}
.player-sync-state>span.sync-failed{background:#dd5d50;box-shadow:0 0 0 2px #f0c4bf}
.player-sync-state strong,.player-sync-state small{display:block}.player-sync-state strong{color:#49365e;font-size:9px}.player-sync-state small{margin-top:5px;color:#9c91a7;font:10px/1.3 system-ui,sans-serif}
.player-sync-state button,.player-inspector-actions button{min-height:36px;padding:0 12px;border:0;border-radius:9px;background:#6b43b0;color:#fff;font:inherit;font-size:8px;cursor:pointer}.player-sync-state button:disabled{opacity:.48;cursor:wait}
.player-admin-filters{display:grid;padding:12px 14px;grid-template-columns:1fr 190px;gap:10px;border:1px solid rgba(79,64,36,.1);border-radius:16px;background:rgba(255,255,255,.82)}
.player-admin-filters label{display:flex;flex-direction:column;gap:6px}.player-admin-filters label span{color:#92887e;font-size:7px}.player-admin-filters input,.player-admin-filters select{width:100%;min-height:39px;padding:8px 11px;border:1px solid rgba(75,58,39,.14);border-radius:9px;background:#fffdf9;color:#382e25;font:12px/1.3 system-ui,sans-serif;outline:0}
.player-admin-layout{display:grid;min-height:690px;grid-template-columns:300px minmax(0,1fr);gap:14px}
.player-directory,.player-inspector{border:1px solid rgba(79,64,36,.1);border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 22px 60px rgba(82,55,15,.07)}
.player-directory{display:flex;padding:10px;flex-direction:column}.player-directory-head{display:flex;padding:9px 8px 14px;align-items:flex-end;justify-content:space-between}.player-directory-head strong{color:#40352b;font-size:10px}.player-directory-head small{color:#a1968c;font:9px/1 system-ui,sans-serif}
#admin-player-directory{display:grid;gap:4px}.player-directory-row{display:grid;width:100%;padding:11px 10px;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:0;border-radius:11px;background:transparent;color:#443930;text-align:left;cursor:pointer;transition:background .2s ease,transform .2s ease}.player-directory-row:hover,.player-directory-row.active{background:linear-gradient(135deg,#faf5ff,#fff8e8);transform:translateX(2px)}.player-directory-row>i{width:8px;height:8px;border-radius:50%;background:#c8c0b8;box-shadow:0 0 0 3px #f1ede8}.player-directory-row>i.online{background:#50bd74;box-shadow:0 0 0 3px #dff4e5}.player-directory-row strong,.player-directory-row small{display:block}.player-directory-row strong{font-size:9px}.player-directory-row small{margin-top:5px;color:#9a9087;font:10px/1 system-ui,sans-serif}.player-directory-row>span{max-width:86px;overflow:hidden;color:#aaa098;font:9px/1.2 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.player-directory-empty{padding:70px 20px;text-align:center}.player-directory-empty strong,.player-directory-empty small{display:block}.player-directory-empty strong{font-size:9px}.player-directory-empty small{margin-top:8px;color:#a09890;font:10px/1.4 system-ui,sans-serif}
.player-pagination{display:flex;margin-top:auto;padding:12px 6px 4px;align-items:center;justify-content:space-between;border-top:1px solid rgba(79,64,36,.08)}.player-pagination button{width:34px;height:32px;border:0;border-radius:8px;background:#f3edf9;color:#6841a8;cursor:pointer}.player-pagination button:disabled{opacity:.35}.player-pagination span{color:#978d84;font:10px/1 system-ui,sans-serif}
.player-inspector{padding:clamp(22px,3vw,34px)}.player-inspector-empty{display:grid;min-height:620px;place-content:center;text-align:center}.player-inspector-empty>span{color:#8b5bd2;font:48px/1 system-ui}.player-inspector-empty h3{margin:20px 0 10px;color:#41362d;font-size:15px}.player-inspector-empty p{max-width:390px;margin:0;color:#9b9188;font:12px/1.6 system-ui,sans-serif}
.player-inspector-hero{display:grid;padding-bottom:22px;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-bottom:1px solid rgba(79,64,36,.09)}.admin-player-avatar{position:relative;width:76px;height:76px;overflow:hidden;border:6px solid #fff;border-radius:17px;background:#eee4d6;box-shadow:0 14px 30px rgba(83,49,15,.14)}.admin-player-avatar .default-head{width:100%;height:100%}.admin-player-avatar .skin-face{position:absolute;inset:0}.admin-player-avatar .skin-face img{position:absolute;width:800%;height:800%;max-width:none;image-rendering:pixelated}.admin-player-avatar .skin-face-base img{left:-100%;top:-100%}.admin-player-avatar .skin-face-overlay img{left:-500%;top:-100%}
.player-inspector-name>span{color:#53b974;font:9px/1 system-ui,sans-serif}.player-inspector-name>span.offline{color:#a89f96}.player-inspector-name h3{margin:9px 0 7px;color:#362c23;font-size:24px}.player-inspector-name code{color:#a09489;font-size:10px}.player-inspector-actions{display:flex;gap:7px}.player-inspector-actions button:first-child{background:#382f43}.player-inspector-actions button:disabled{opacity:.5}
.player-inspector-stats{display:grid;margin:18px 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.player-inspector-stats>div{padding:12px;border:1px solid rgba(79,64,36,.08);border-radius:11px;background:#fbfaf7}.player-inspector-stats small,.player-inspector-stats strong{display:block}.player-inspector-stats small{color:#9d9389;font-size:6px}.player-inspector-stats strong{margin-top:8px;overflow:hidden;color:#41362d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.player-inspector-tabs{display:flex;margin-bottom:10px;padding:5px;gap:4px;border-radius:12px;background:#f4f0ea}.player-inspector-tabs button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#81776e;font:inherit;font-size:7px;cursor:pointer}.player-inspector-tabs button.active{background:#fff;color:#643da2;box-shadow:0 7px 18px rgba(68,43,95,.1)}
.player-detail-panel{display:grid;gap:7px;animation:aloha-section-in .25s ease both}.player-history-row{display:grid;padding:13px 14px;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(79,64,36,.08);border-radius:11px;background:#fdfbf8}.player-history-row strong,.player-history-row small{display:block}.player-history-row strong{color:#483d33;font-size:9px}.player-history-row small{margin-top:5px;color:#9a9087;font:10px/1.35 system-ui,sans-serif}.player-history-row>span{padding:6px 8px;border-radius:7px;background:#f0e9f8;color:#6b45a3;font:8px/1 system-ui,sans-serif}.player-detail-empty{padding:55px 18px;color:#9b9188;font:12px/1.5 system-ui,sans-serif;text-align:center}
@media(max-width:1100px){.player-admin-toolbar{grid-template-columns:1fr}.player-admin-layout{grid-template-columns:260px minmax(0,1fr)}.player-inspector-stats{grid-template-columns:repeat(3,1fr)}.player-inspector-hero{grid-template-columns:auto 1fr}.player-inspector-actions{grid-column:1/3}}
@media(max-width:760px){.player-admin-filters{grid-template-columns:1fr}.player-admin-layout{grid-template-columns:1fr}.player-directory{max-height:430px}.player-inspector-hero{grid-template-columns:1fr;text-align:center}.admin-player-avatar{margin:auto}.player-inspector-actions{grid-column:auto;justify-content:center}.player-inspector-stats{grid-template-columns:repeat(2,1fr)}.player-inspector-tabs{overflow-x:auto}.player-inspector-tabs button{flex:0 0 auto}}

/* Aloha ID 0.10.1 — тёплая гавайская витрина привилегий. */
.products-grid .product-card {
  --product-surface: color-mix(in srgb, var(--product-color) 10%, #fffdf8);
  --product-accent: #fff1a8;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--product-color) 34%, rgba(61,43,27,.18));
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(255,255,255,.94), var(--product-surface));
  box-shadow:
    0 18px 42px rgba(77,50,23,.08),
    0 8px 24px color-mix(in srgb, var(--product-glow) 42%, transparent);
  transition: transform .34s cubic-bezier(.2,.8,.2,1), border-color .34s ease, box-shadow .34s ease;
}

.products-grid .product-card::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255,255,255,.62), transparent 28% 72%, rgba(255,255,255,.38)),
    radial-gradient(circle at 12% 8%, var(--product-accent), transparent 26%);
  opacity: .66;
  pointer-events: none;
  content: "";
}

.products-grid .product-card::after {
  z-index: 3;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 13px;
  background: none;
  box-shadow: inset 0 0 26px color-mix(in srgb, var(--product-glow) 35%, transparent);
  opacity: .86;
  pointer-events: none;
}

.products-grid .product-card:hover,
.products-grid .product-card.selected {
  border-color: color-mix(in srgb, var(--product-color) 72%, #fff);
  box-shadow:
    0 22px 50px rgba(63,39,17,.12),
    0 0 0 4px color-mix(in srgb, var(--product-color) 13%, transparent),
    0 10px 34px var(--product-glow);
  transform: translateY(-7px) scale(1.012);
}

.products-grid .product-card:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--product-color) 58%, #fff);
  outline-offset: 4px;
}

.products-grid .product-visual {
  position: relative;
  z-index: 1;
  height: 166px;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.48);
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.78) 0 2px, transparent 3px),
    radial-gradient(circle at 76% 28%, rgba(255,255,255,.64) 0 2px, transparent 3px),
    radial-gradient(circle at 56% 50%, color-mix(in srgb, var(--product-color) 54%, #fff), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, var(--product-color) 76%, #fff), var(--product-color-2));
  background-size: auto, auto, auto, auto;
}

.products-grid .product-visual::before,
.products-grid .product-visual::after {
  z-index: 1;
  width: 58px;
  height: 20px;
  border-radius: 80% 8% 80% 8%;
  background: rgba(255,255,255,.22);
  box-shadow: none;
  filter: blur(.2px);
}

.products-grid .product-visual::before {
  top: 19px;
  left: -15px;
  transform: rotate(28deg);
}

.products-grid .product-visual::after {
  right: -16px;
  bottom: 22px;
  transform: rotate(-24deg);
}

.product-ambience,
.product-motif {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
}

.product-ambience::before {
  position: absolute;
  width: 116px;
  height: 116px;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  box-shadow:
    0 0 0 16px rgba(255,255,255,.075),
    0 0 0 34px rgba(255,255,255,.045);
  content: "";
  transform: translate(-50%,-50%);
  animation: aloha-halo 8s ease-in-out infinite;
}

.product-ambience::after {
  position: absolute;
  width: 8px;
  height: 8px;
  right: 22px;
  top: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  box-shadow:
    -18px 18px 0 -2px rgba(255,255,255,.54),
    -128px 84px 0 -1px rgba(255,255,255,.58),
    -108px 18px 0 -3px rgba(255,255,255,.76);
  content: "";
  animation: aloha-drift 5.6s ease-in-out infinite;
}

.product-motif::before,
.product-motif::after {
  position: absolute;
  content: "";
}

.product-motif::before {
  width: 62px;
  height: 30px;
  left: -8px;
  bottom: 8px;
  border: 3px solid rgba(255,255,255,.34);
  border-color: rgba(255,255,255,.34) transparent transparent;
  border-radius: 50%;
  transform: rotate(8deg);
}

.product-motif::after {
  width: 20px;
  height: 20px;
  right: 14px;
  bottom: 10px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 0, #fff 0 23%, transparent 25%),
    radial-gradient(circle at 100% 50%, rgba(255,255,255,.92) 0 23%, transparent 25%),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.86) 0 23%, transparent 25%),
    radial-gradient(circle at 0 50%, rgba(255,255,255,.92) 0 23%, transparent 25%),
    radial-gradient(circle, var(--product-accent) 0 20%, transparent 22%);
  filter: drop-shadow(0 4px 7px rgba(53,26,10,.14));
  transform: rotate(12deg);
  animation: aloha-flower 5s ease-in-out infinite;
}

.products-grid .product-sparkle {
  z-index: 3;
  right: 17%;
  top: 21%;
  width: 6px;
  height: 6px;
  border-radius: 1px;
  background: #fff;
  box-shadow:
    0 -8px 0 -2px rgba(255,255,255,.9),
    0 8px 0 -2px rgba(255,255,255,.9),
    -8px 0 0 -2px rgba(255,255,255,.9),
    8px 0 0 -2px rgba(255,255,255,.9),
    -119px 76px 0 -2px rgba(255,255,255,.82),
    -119px 68px 0 -4px rgba(255,255,255,.7),
    -119px 84px 0 -4px rgba(255,255,255,.7),
    -127px 76px 0 -4px rgba(255,255,255,.7),
    -111px 76px 0 -4px rgba(255,255,255,.7);
  animation: aloha-sparkle 2.8s ease-in-out infinite;
}

.products-grid .privilege-logo {
  z-index: 4;
  width: calc(100% - 24px);
  min-width: 0;
  max-width: 168px;
  transform: none;
  transition: transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease;
}

.products-grid .product-card:hover .privilege-logo,
.products-grid .product-card.selected .privilege-logo {
  filter: brightness(1.06) saturate(1.08);
  transform: translateY(-2px) scale(1.04);
}

.products-grid .privilege-logo::before,
.products-grid .privilege-logo::after {
  display: none;
}

.products-grid .privilege-logo > span,
.products-grid .product-card[data-product="legend"] .privilege-logo > span {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 56px;
  max-width: 100%;
  padding: 14px 15px 12px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.76);
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(112deg, var(--product-color), var(--product-color-2));
  background-size: 160% 100%;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-stroke: 0;
  font-size: clamp(15px, 1.45vw, 22px);
  line-height: 1.14;
  letter-spacing: .018em;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
  text-shadow: 0 2px 0 rgba(55,25,42,.18), 0 0 12px rgba(255,255,255,.36);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -5px 10px rgba(61,22,57,.12),
    0 7px 0 color-mix(in srgb, var(--product-dark) 72%, #412717),
    0 13px 28px var(--product-glow);
  transform: none;
  animation: aloha-rank-shine 5.8s ease-in-out infinite;
}

.products-grid .privilege-logo.product-name-medium > span {
  font-size: 14px;
}

.products-grid .privilege-logo.product-name-long > span {
  font-size: 12px;
  line-height: 1.18;
}

.products-grid .privilege-logo.product-name-legacy > span {
  padding-inline: 10px;
  font-size: 10px;
}

.product-expanded-copy h3,
.product-preview-card h2 {
  overflow-wrap: anywhere;
}

.products-grid .product-body-compact {
  position: relative;
  z-index: 2;
  min-height: 116px;
  padding: 17px 16px 15px;
  border-top: 1px solid rgba(255,255,255,.68);
  background:
    radial-gradient(circle at 100% 0, var(--product-glow), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.9), var(--product-surface));
}

.products-grid .product-tier {
  color: color-mix(in srgb, var(--product-dark) 85%, #37291d);
  letter-spacing: .08em;
}

.products-grid .product-price strong {
  color: color-mix(in srgb, var(--product-dark) 85%, #2b2118);
  text-shadow: 0 2px 0 rgba(255,255,255,.86);
}

.products-grid .product-open-hint {
  color: color-mix(in srgb, var(--product-dark) 82%, #5d5145);
  transition: color .2s ease, transform .2s ease;
}

.products-grid .product-card:hover .product-open-hint {
  color: var(--product-dark);
  transform: translateX(2px);
}

.product-card[data-product="vip"] {
  --product-accent: #fff2a3;
  --product-surface: #fff5d8;
}

.product-card[data-product="premium"] {
  --product-accent: #86e5ef;
  --product-surface: #f1eaff;
}

.product-card[data-product="deluxe"] {
  --product-accent: #ffd2e9;
  --product-surface: #ffe8f6;
}

.product-card[data-product="ultra"] {
  --product-accent: #a6fff1;
  --product-surface: #dff9fb;
}

.product-card[data-product="legend"] {
  --product-accent: #ffe287;
  --product-surface: #f4e8ff;
}

.product-card[data-product="vip"] .product-visual {
  background:
    radial-gradient(circle at 15% 22%, #fff9bd 0 8%, transparent 9%),
    radial-gradient(circle at 64% 72%, rgba(255,255,255,.25), transparent 34%),
    linear-gradient(145deg, #ffc84f, #ff9846);
}

.product-card[data-product="premium"] .product-visual {
  background:
    radial-gradient(circle at 78% 16%, rgba(139,239,240,.42), transparent 22%),
    radial-gradient(circle at 18% 82%, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(145deg, #a986ff, #7748d8);
}

.product-card[data-product="deluxe"] .product-visual {
  background:
    radial-gradient(circle at 16% 20%, rgba(255,219,239,.54), transparent 19%),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.24), transparent 32%),
    linear-gradient(145deg, #ff56dc, #e8178f);
}

.product-card[data-product="ultra"] .product-visual {
  background:
    radial-gradient(circle at 72% 17%, rgba(184,255,245,.55), transparent 20%),
    repeating-radial-gradient(ellipse at 10% 110%, rgba(255,255,255,.22) 0 2px, transparent 3px 13px),
    linear-gradient(145deg, #34cde0, #137bd1);
}

.product-card[data-product="legend"] .product-visual {
  background:
    radial-gradient(circle at 19% 24%, #ffe98d 0 7%, transparent 8%),
    radial-gradient(circle at 76% 74%, rgba(255,119,216,.25), transparent 34%),
    linear-gradient(135deg, #ffad55 0%, #ff727e 38%, #aa47df 70%, #6f38e9 100%);
}

.product-card[data-product="ultra"] .product-motif::after {
  width: 10px;
  height: 10px;
  right: 18px;
  bottom: 16px;
  border: 2px solid rgba(255,255,255,.68);
  background: transparent;
  box-shadow:
    -16px -11px 0 -2px transparent,
    -16px -11px 0 0 rgba(255,255,255,.42),
    3px -25px 0 -3px transparent,
    3px -25px 0 -1px rgba(255,255,255,.5);
}

.product-card[data-product="legend"] .product-motif::after {
  filter: drop-shadow(0 0 8px rgba(255,224,104,.58));
}

.product-expanded {
  --product-surface: color-mix(in srgb, var(--product-color) 9%, #fffefb);
  border: 1px solid color-mix(in srgb,var(--product-color) 48%,rgba(61,43,27,.2));
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 12%, var(--product-glow), transparent 34%),
    radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--product-color) 11%, transparent), transparent 31%),
    linear-gradient(145deg, rgba(255,255,255,.97), var(--product-surface));
  box-shadow:
    0 0 0 5px color-mix(in srgb,var(--product-color) 9%,transparent),
    0 26px 65px rgba(70,45,18,.1),
    0 12px 38px color-mix(in srgb,var(--product-glow) 40%,transparent);
}

.product-expanded::before {
  height: 6px;
  background: linear-gradient(90deg,var(--product-color),var(--product-color-2),var(--product-color));
  background-size: 200% 100%;
  animation: aloha-expanded-shine 5s linear infinite;
}

.product-expanded-copy h3 {
  color: var(--product-dark);
  text-shadow: 0 3px 0 rgba(255,255,255,.9), 0 8px 24px var(--product-glow);
}

.product-expanded-copy li {
  border-color: color-mix(in srgb,var(--product-color) 32%,#d7cfc3);
  border-radius: 10px;
  background: color-mix(in srgb,var(--product-color) 7%,#fff);
}

.product-expanded-action button {
  border-color: color-mix(in srgb,var(--product-dark) 78%,#2c2118);
  border-radius: 10px;
  background: linear-gradient(112deg,var(--product-color),var(--product-color-2));
  box-shadow: 0 8px 0 color-mix(in srgb,var(--product-dark) 72%,#2d2119), 0 16px 26px var(--product-glow);
}

.product-expanded-action button:hover:not(:disabled) {
  box-shadow: 0 5px 0 color-mix(in srgb,var(--product-dark) 72%,#2d2119), 0 12px 22px var(--product-glow);
  transform: translateY(3px);
}

@keyframes aloha-halo {
  0%, 100% { opacity: .58; transform: translate(-50%,-50%) scale(.92); }
  50% { opacity: .95; transform: translate(-50%,-50%) scale(1.08); }
}

@keyframes aloha-drift {
  0%, 100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-4px,5px,0); }
}

@keyframes aloha-flower {
  0%, 100% { transform: rotate(8deg) translateY(0); }
  50% { transform: rotate(20deg) translateY(-4px); }
}

@keyframes aloha-sparkle {
  0%, 100% { opacity: .5; transform: rotate(45deg) scale(.82); }
  48% { opacity: 1; transform: rotate(45deg) scale(1.16); }
}

@keyframes aloha-rank-shine {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes aloha-expanded-shine {
  from { background-position: 0% 50%; }
  to { background-position: 200% 50%; }
}

@media (max-width: 1100px) {
  .products-grid .privilege-logo > span,
  .products-grid .product-card[data-product="legend"] .privilege-logo > span {
    min-width: 0;
    font-size: 19px;
  }

  .products-grid .privilege-logo.product-name-medium > span {
    font-size: 14px;
  }

  .products-grid .privilege-logo.product-name-long > span {
    font-size: 12px;
  }

  .products-grid .privilege-logo.product-name-legacy > span {
    font-size: 10px;
  }
}

@media (max-width: 680px) {
  .products-grid .product-card {
    min-height: 282px;
  }

  .products-grid .product-visual {
    height: 162px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-ambience::before,
  .product-ambience::after,
  .product-motif::after,
  .products-grid .product-sparkle,
  .products-grid .privilege-logo > span,
  .product-expanded::before {
    animation: none;
  }
}

/* Aloha ID 0.20.2 — выдача игровых вложений только на Survival. */
.dashboard-actions{display:flex;align-items:center;gap:9px}
.notification-button{position:relative;display:grid;width:45px;height:45px;padding:0;place-items:center;border:1px solid rgba(76,58,38,.13);border-radius:12px;background:rgba(255,255,255,.86);color:#7250a7;font:19px/1 system-ui,sans-serif;box-shadow:0 10px 28px rgba(79,51,20,.08);cursor:pointer}
.notification-button:hover{transform:translateY(-2px)}
.notification-button>b{position:absolute;top:-6px;right:-6px;display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border:2px solid #fff;border-radius:999px;background:#ff5c48;color:#fff;font:8px/1 system-ui,sans-serif}
.overview-hub{display:grid;margin-top:22px;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:14px}
.overview-quick-card,.overview-activity-card{padding:clamp(21px,3vw,30px);border:1px solid rgba(79,64,36,.1);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(82,55,15,.07)}
.overview-card-title{display:flex;margin-bottom:20px;align-items:flex-start;gap:12px}.overview-card-title>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ffd55a,#f39a2d);color:#49321a;font-size:7px}
.overview-card-title h2{margin:0 0 6px;color:#382d23;font-size:13px}.overview-card-title p{margin:0;color:#9b9187;font:11px/1.45 system-ui,sans-serif}
.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-action-grid button{display:grid;min-height:100px;padding:15px;grid-template-columns:auto 1fr;gap:5px 11px;align-content:center;border:1px solid rgba(79,64,36,.08);border-radius:14px;background:#fcfaf6;color:#44382c;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-action-grid button:hover{border-color:rgba(241,154,45,.32);box-shadow:0 12px 28px rgba(92,59,16,.08);transform:translateY(-2px)}.quick-action-grid button>span{display:grid;width:36px;height:36px;grid-row:1/3;place-items:center;border-radius:10px;background:linear-gradient(135deg,#fff1c5,#f2e5ff);color:#7447b1;font:18px/1 system-ui,sans-serif}.quick-action-grid strong{align-self:end;font-size:9px}.quick-action-grid small{align-self:start;color:#a0978d;font:9px/1.35 system-ui,sans-serif}
.overview-activity-list{display:grid;gap:5px}.overview-activity-row,.notification-row{position:relative;display:grid;width:100%;padding:11px;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:0;border-radius:11px;background:transparent;color:#463a30;text-align:left;cursor:pointer}.overview-activity-row:hover,.notification-row:hover{background:#fbf7ff}.overview-activity-row.unread::after,.notification-row.unread::after{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:#ff9e2e;content:""}.overview-activity-row>i,.notification-row>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#f2ebfa;color:#7148a7;font:15px/1 system-ui,sans-serif}.overview-activity-row small,.overview-activity-row strong,.overview-activity-row p,.notification-row small,.notification-row strong,.notification-row p{display:block}.overview-activity-row small,.notification-row small{color:#a194a9;font-size:6px}.overview-activity-row strong,.notification-row strong{margin-top:4px;font-size:8px}.overview-activity-row p,.notification-row p{max-width:410px;margin:4px 0 0;overflow:hidden;color:#978e85;font:10px/1.3 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.overview-activity-row time,.notification-row time{padding-right:10px;color:#aaa198;font:9px/1.3 system-ui,sans-serif;white-space:nowrap}.overview-all-events{width:100%;margin-top:12px;padding:11px;border:0;border-radius:9px;background:#f5efe8;color:#6c5e51;font:inherit;font-size:7px;cursor:pointer}.overview-activity-empty,.notification-empty{display:grid;min-height:150px;place-content:center;color:#9f968c;text-align:center}.overview-activity-empty span,.overview-activity-empty strong,.overview-activity-empty small,.notification-empty span,.notification-empty strong,.notification-empty small{display:block}.overview-activity-empty span,.notification-empty span{color:#c19ce9;font:27px/1 system-ui}.overview-activity-empty strong,.notification-empty strong{margin:10px 0 6px;font-size:9px}.overview-activity-empty small,.notification-empty small{font:10px/1.4 system-ui,sans-serif}

.history-tabs{display:inline-flex;margin-bottom:13px;padding:5px;gap:5px;border:1px solid rgba(79,64,36,.1);border-radius:13px;background:rgba(255,255,255,.8)}.history-tabs button{min-height:37px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#82786f;font:inherit;font-size:8px;cursor:pointer}.history-tabs button.active{background:#392f27;color:#fff}.history-tabs b{margin-left:5px;color:#d0b593;font-size:7px}
.history-layout{display:grid;min-height:560px;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:14px}.history-list-card,.history-detail{border:1px solid rgba(79,64,36,.1);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 22px 60px rgba(82,55,15,.07)}.history-list-card{display:flex;padding:9px;flex-direction:column}.history-list{display:grid;gap:5px}.history-row{display:grid;width:100%;padding:13px;grid-template-columns:auto 1fr auto;gap:8px 11px;align-items:center;border:1px solid transparent;border-radius:12px;background:transparent;color:#443a31;text-align:left;cursor:pointer}.history-row:hover,.history-row.active{border-color:rgba(121,76,182,.18);background:linear-gradient(135deg,#faf6ff,#fffaf0)}.history-row>i{display:grid;width:40px;height:40px;grid-row:1/3;place-items:center;border-radius:11px;background:#f1e9f9;color:#6941a5;font-style:normal;font-size:10px}.history-row strong,.history-row small{display:block}.history-row strong{font-size:9px}.history-row small{margin-top:5px;color:#9b9188;font:10px/1 system-ui,sans-serif}.history-row>span{color:#4c3d30;font-size:9px}.history-row>time{grid-column:3;color:#a89e95;font:9px/1 system-ui,sans-serif}.history-pagination{display:flex;margin-top:auto;padding:13px 4px 3px;align-items:center;justify-content:space-between;border-top:1px solid rgba(79,64,36,.08)}.history-pagination button{padding:8px 10px;border:0;border-radius:8px;background:#f0e9f7;color:#6841a5;font:inherit;font-size:7px;cursor:pointer}.history-pagination button:disabled{opacity:.35}.history-pagination span{color:#9f958b;font:9px/1 system-ui,sans-serif}.history-empty{display:grid;min-height:340px;place-content:center;color:#9f958b;text-align:center}.history-empty span,.history-empty strong,.history-empty small{display:block}.history-empty span{color:#c29ce7;font:30px/1 system-ui}.history-empty strong{margin:12px 0 7px;font-size:9px}.history-empty small{font:10px/1.4 system-ui,sans-serif}
.history-detail{padding:clamp(25px,4vw,40px)}.history-detail-empty{display:grid;min-height:450px;place-content:center;color:#9c9288;text-align:center}.history-detail-empty span{color:#b18cda;font:40px/1 system-ui}.history-detail-empty h3{margin:17px 0 9px;color:#493d32;font-size:12px}.history-detail-empty p{max-width:340px;margin:0;font:11px/1.5 system-ui,sans-serif}.history-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.history-detail-head small{color:#9e73ca;font-size:7px}.history-detail-head h3{margin:10px 0 7px;color:#392e24;font-size:22px}.history-detail-head p{margin:0;color:#9d9389;font:11px/1.4 system-ui,sans-serif}.operation-status{padding:8px 10px;border-radius:9px;background:#f1e9f8;color:#7148a7;font:8px/1 system-ui,sans-serif}.tone-success{--operation-tone:#55b972}.tone-warning{--operation-tone:#eea12f}.tone-error{--operation-tone:#d65b50}.tone-work{--operation-tone:#8053bd}.operation-status.tone-success{background:#e7f7eb;color:#368b50}.operation-status.tone-warning{background:#fff3da;color:#a16814}.operation-status.tone-error{background:#ffebe8;color:#b34238}
.operation-stepper{display:grid;margin:32px 0 25px;grid-template-columns:repeat(4,1fr)}.operation-stepper>div{position:relative;display:grid;gap:8px;justify-items:center;color:#aaa096;text-align:center}.operation-stepper>div::before{position:absolute;top:14px;right:50%;left:-50%;height:2px;background:#e9e2da;content:""}.operation-stepper>div:first-child::before{display:none}.operation-stepper i{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border:2px solid #e1d8ce;border-radius:50%;background:#fff;color:#a99e93;font:10px/1 system-ui,sans-serif}.operation-stepper span{font-size:7px;line-height:1.4}.operation-stepper .complete::before{background:var(--operation-tone)}.operation-stepper .complete i{border-color:var(--operation-tone);background:var(--operation-tone);color:#fff}.operation-stepper .current i{box-shadow:0 0 0 5px color-mix(in srgb,var(--operation-tone) 16%,transparent)}
.history-facts{display:grid;padding:6px 0;border-top:1px solid rgba(79,64,36,.09)}.history-facts>div{display:flex;padding:12px 2px;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(79,64,36,.07)}.history-facts span{color:#978d83;font:11px/1.3 system-ui,sans-serif}.history-facts strong{color:#45392e;font-size:9px;text-align:right}.history-warning{padding:13px;border-radius:10px;background:#fff3df;color:#92631d;font:11px/1.5 system-ui,sans-serif}

.security-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.security-score-card,.security-sessions-card,.security-guide-card{border:1px solid rgba(79,64,36,.1);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 22px 60px rgba(82,55,15,.07)}.security-score-card{display:grid;padding:27px;grid-column:1/-1;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;background:radial-gradient(circle at 5% 50%,rgba(145,91,223,.12),transparent 25%),rgba(255,255,255,.88)}.security-shield{display:grid;width:55px;height:55px;place-items:center;border-radius:16px;background:linear-gradient(135deg,#9d66e8,#5a38b4);color:#fff;font:25px/1 system-ui,sans-serif;box-shadow:0 13px 30px rgba(101,57,180,.24)}.security-score-card small{color:#a288bd;font-size:6px}.security-score-card h3{margin:8px 0 5px;color:#443250;font-size:15px}.security-score-card p{margin:0;color:#968b9d;font:11px/1.45 system-ui,sans-serif}.security-score-card button,.security-card-title button,.security-guide-card button{min-height:38px;padding:0 13px;border:0;border-radius:9px;background:#463552;color:#fff;font:inherit;font-size:7px;cursor:pointer}.security-score-card button:disabled{opacity:.35}
.security-sessions-card{padding:clamp(21px,3vw,30px)}.security-card-title{display:flex;margin-bottom:18px;align-items:center;justify-content:space-between}.security-card-title span{color:#a78abb;font-size:6px}.security-card-title h3{margin:7px 0 0;color:#403449;font-size:13px}.security-card-title button{background:#f0e8f8;color:#6944a0}.security-session-list{display:grid;gap:7px}.security-session-row{display:grid;padding:14px;grid-template-columns:auto 1fr auto auto;gap:11px;align-items:center;border:1px solid rgba(79,64,36,.08);border-radius:12px;background:#fbfaf7}.security-session-row.current{border-color:rgba(86,185,113,.22);background:#f7fff9}.security-session-row>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#efe7f8;color:#6e45a7;font-style:normal}.security-session-row strong,.security-session-row small,.security-session-row code{display:block}.security-session-row strong{font-size:9px}.security-session-row small{margin:5px 0;color:#90867d;font:10px/1 system-ui,sans-serif}.security-session-row code{color:#b0a69d;font-size:8px}.security-session-row time{color:#a69c92;font:9px/1.3 system-ui,sans-serif}.security-session-row button{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:#6842a5;color:#fff;font:inherit;font-size:7px;cursor:pointer}.security-session-row button:disabled{background:#e8f4eb;color:#4f9a63}.security-session-empty{padding:70px 15px;color:#a0968c;font:11px/1.5 system-ui,sans-serif;text-align:center}.security-guide-card{padding:27px;background:linear-gradient(145deg,#fff8df,#fff)}.security-guide-card>small{color:#d08d2c;font-size:6px}.security-guide-card h3{margin:12px 0 10px;color:#43372c;font-size:14px}.security-guide-card p{margin:0 0 20px;color:#8f857b;font:12px/1.65 system-ui,sans-serif}.security-guide-card button{background:#f1a139;color:#3d2d1c}

.notification-dialog,.broadcast-confirm-dialog{width:min(680px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 32px));padding:0;overflow:hidden;border:1px solid rgba(75,58,39,.14);border-radius:22px;background:#fffdf9;color:#44382d;box-shadow:0 35px 100px rgba(43,28,12,.26)}.notification-dialog::backdrop,.broadcast-confirm-dialog::backdrop{background:rgba(35,27,19,.42);backdrop-filter:blur(6px)}.notification-dialog-head{display:flex;padding:24px 25px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(79,64,36,.09)}.notification-dialog-head>div:last-child{display:flex;align-items:center;gap:8px}.notification-dialog-head span,.dialog-label{color:#a176c5;font-size:6px}.notification-dialog-head h2{margin:8px 0 0;font-size:17px}.notification-dialog-head button{min-height:35px;padding:0 11px;border:0;border-radius:9px;background:#f2ebf8;color:#67429c;font:inherit;font-size:7px;cursor:pointer}.notification-dialog-head .dialog-close,.broadcast-confirm-dialog .dialog-close{width:35px;padding:0;font:19px/1 system-ui,sans-serif}.notification-list{max-height:580px;padding:10px;overflow:auto}.notification-row{padding:14px}.notification-row+.notification-row{margin-top:3px}.notification-row p{max-width:460px;white-space:normal}.broadcast-confirm-dialog{padding:clamp(25px,5vw,44px);overflow:visible}.broadcast-confirm-dialog>.dialog-close{position:absolute;top:16px;right:16px;border:0;border-radius:9px;background:#f3eee8;color:#75685b;cursor:pointer}.broadcast-confirm-dialog h2{margin:12px 0 20px;font-size:23px}.broadcast-confirm-dialog>p{color:#8e8379;font:12px/1.6 system-ui,sans-serif}.broadcast-confirm-dialog>label{display:flex;margin-top:18px;flex-direction:column;gap:8px;color:#6d6054;font-size:8px}.broadcast-confirm-dialog input{min-height:46px;padding:11px;border:1px solid rgba(75,58,39,.16);border-radius:10px;font:15px/1 system-ui,sans-serif}.broadcast-confirm-summary{display:grid;padding:17px;grid-template-columns:120px 1fr;gap:11px;border-radius:13px;background:#f7f1fc}.broadcast-confirm-summary span{color:#9a8ba4;font:10px/1.3 system-ui,sans-serif}.broadcast-confirm-summary strong{font-size:10px}.dialog-actions{display:flex;margin-top:20px;justify-content:flex-end;gap:9px}

.admin-mail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px}.mail-audience-switch{display:grid;margin-bottom:18px;padding:5px;grid-template-columns:repeat(2,1fr);gap:5px;border-radius:13px;background:#f2ede7}.mail-audience-switch button{display:flex;min-height:57px;padding:9px 12px;flex-direction:column;justify-content:center;gap:6px;border:0;border-radius:9px;background:transparent;color:#85796e;font:inherit;cursor:pointer}.mail-audience-switch button span{font-size:8px}.mail-audience-switch button small{font:9px/1.2 system-ui,sans-serif}.mail-audience-switch button.active{background:#fff;color:#563b79;box-shadow:0 8px 23px rgba(74,45,98,.09)}.broadcast-audience-card{display:flex;margin-bottom:16px;padding:15px;align-items:center;gap:13px;border:1px solid rgba(117,69,217,.18);border-radius:13px;background:#f8f3ff}.broadcast-audience-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#7249ad;color:#fff;font:20px/1 system-ui}.broadcast-audience-card small,.broadcast-audience-card strong,.broadcast-audience-card p{display:block}.broadcast-audience-card small{color:#a58eb9;font-size:6px}.broadcast-audience-card strong{margin-top:6px;color:#533874;font-size:12px}.broadcast-audience-card p{margin:5px 0 0;color:#93869e;font:10px/1.4 system-ui,sans-serif}.broadcast-safety-note{padding:12px;border-radius:10px;background:#fff6df;color:#90631e;font:10px/1.5 system-ui,sans-serif}.broadcast-history-card{align-self:start}.broadcast-history-list{display:grid;gap:7px}.broadcast-history-row{padding:13px;border:1px solid rgba(79,64,36,.08);border-radius:11px;background:#fbfaf7}.broadcast-history-row>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.broadcast-history-row strong{font-size:8px;line-height:1.4}.broadcast-history-row span{padding:5px 6px;border-radius:6px;background:#e9f7ed;color:#3a9255;font:7px/1 system-ui,sans-serif}.broadcast-history-row p{margin:8px 0 5px;color:#958b81;font:10px/1.4 system-ui,sans-serif}.broadcast-history-row time{color:#aaa096;font:9px/1 system-ui,sans-serif}.admin-empty-copy{padding:35px 12px;color:#9b9188;font:11px/1.55 system-ui,sans-serif;text-align:center}

.mail-campaign-center{margin-top:18px}.admin-section-heading{display:flex;margin-bottom:13px;padding:22px 24px;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(79,64,36,.1);border-radius:18px;background:linear-gradient(135deg,rgba(247,241,255,.9),rgba(255,249,230,.88))}.admin-section-heading>div>span{color:#9568c2;font-size:6px}.admin-section-heading h3{margin:9px 0 7px;color:#43334e;font-size:16px}.admin-section-heading p{max-width:720px;margin:0;color:#93889a;font:11px/1.5 system-ui,sans-serif}.admin-section-heading>button{min-height:40px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#8c57e7,#5d38bd);color:#fff;font:inherit;font-size:8px;cursor:pointer;white-space:nowrap}.mail-campaign-layout{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:14px}.mail-campaign-list-card{padding:13px}.campaign-list-summary{padding:10px 9px 15px}.campaign-list-summary strong,.campaign-list-summary small{display:block}.campaign-list-summary strong{color:#4b385c;font-size:10px}.campaign-list-summary small{margin-top:6px;color:#9c91a4;font:9px/1.35 system-ui,sans-serif}#mail-campaign-list{display:grid;gap:6px}.mail-campaign-row{display:flex;width:100%;padding:14px;flex-direction:column;gap:8px;border:1px solid transparent;border-radius:12px;background:#f9f7f3;color:#483c32;text-align:left;cursor:pointer}.mail-campaign-row:hover,.mail-campaign-row.active{border-color:rgba(117,69,217,.2);background:#fff;box-shadow:0 10px 28px rgba(72,45,94,.08)}.mail-campaign-row>span{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mail-campaign-row strong{font-size:9px;line-height:1.45}.mail-campaign-row i{padding:5px 6px;border-radius:6px;background:#eee8f3;color:#70558a;font:normal 7px/1 system-ui,sans-serif;white-space:nowrap}.mail-campaign-row i[data-tone=success]{background:#e7f7eb;color:#378b50}.mail-campaign-row i[data-tone=planned]{background:#e8f1ff;color:#3d69a5}.mail-campaign-row i[data-tone=warning]{background:#fff0d5;color:#a36914}.mail-campaign-row small{color:#91868e;font:10px/1.4 system-ui,sans-serif}.mail-campaign-row time{color:#aaa096;font:9px/1.3 system-ui,sans-serif}.mail-campaign-row>b{color:#7149a8;font-size:8px}.campaign-audience-options{display:grid;margin:4px 0 13px;grid-template-columns:repeat(2,1fr);gap:9px}.campaign-audience-options>label{display:grid!important;min-height:86px;margin:0!important;padding:13px;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid rgba(75,58,39,.12);border-radius:12px;background:#fffdf9;cursor:pointer}.campaign-audience-options input{width:18px!important;min-height:18px!important;margin-top:2px}.campaign-audience-options strong,.campaign-audience-options small{display:block}.campaign-audience-options strong{color:#4b3c55;font-size:8px}.campaign-audience-options small{margin-top:7px;color:#988e9e;font:10px/1.4 system-ui,sans-serif}.campaign-mode-explanation,.campaign-lock-note{margin:0 0 16px;padding:13px;border-radius:11px;background:#f4eef9;color:#694f7f;font:10px/1.55 system-ui,sans-serif}.campaign-mode-explanation[data-mode=event]{background:linear-gradient(135deg,#fff3d6,#f4eaff);color:#765224}.campaign-mode-explanation[data-mode=welcome]{background:#eaf8ef;color:#38764b}.campaign-mode-explanation[data-mode=error]{background:#ffebe8;color:#a64137}.campaign-lock-note{background:#fff4dd;color:#8f611d}.campaign-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.secondary-action.danger{color:#b14a40;background:#fff0ed}

@media(max-width:1000px){.overview-hub,.admin-mail-layout,.mail-campaign-layout{grid-template-columns:1fr}.history-layout{grid-template-columns:1fr}.history-list-card{min-height:390px}.security-layout{grid-template-columns:1fr}.security-guide-card{grid-column:1}.security-session-row{grid-template-columns:auto 1fr auto}.security-session-row time{grid-column:2}.security-session-row button{grid-row:1/3;grid-column:3}}
@media(max-width:700px){.overview-hub{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:1fr}.history-detail-head,.admin-section-heading{align-items:flex-start;flex-direction:column}.history-detail-head{display:flex}.operation-stepper span{font-size:6px}.security-score-card{grid-template-columns:auto 1fr}.security-score-card button{grid-column:1/-1}.security-session-row{grid-template-columns:auto 1fr}.security-session-row time{grid-column:2}.security-session-row button{grid-row:auto;grid-column:1/-1}.notification-row{grid-template-columns:auto 1fr}.notification-row time{grid-column:2}.admin-mail-layout,.mail-campaign-layout{grid-template-columns:1fr}.campaign-audience-options{grid-template-columns:1fr}.mail-audience-switch{grid-template-columns:1fr}.broadcast-confirm-summary{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}

/* Aloha ID 0.21 — визуальный приоритет магазина и центр безопасности. */
.profile-nav .store-nav-button {
  color: #51350e;
  background: linear-gradient(135deg,rgba(255,221,91,.72),rgba(255,165,48,.48));
  box-shadow: inset 0 0 0 1px rgba(221,132,20,.16),0 8px 18px rgba(201,119,17,.12);
  font-weight: 800;
}
.profile-nav .store-nav-button > span { margin: 0 7px 0 0; color: #7c4d0d; font-size: 12px; }
.profile-nav .store-nav-button:hover,.profile-nav .store-nav-button.active {
  color: #2e1d08;
  background: linear-gradient(135deg,#ffe46b,#ff9e2d);
  box-shadow: 0 10px 25px rgba(226,132,18,.3),inset 0 1px rgba(255,255,255,.72);
}
.profile-nav .security-nav-button::before { content: "⌾"; margin-right: 7px; color: #774ab2; font: 14px/1 system-ui,sans-serif; }
.quick-action-grid .quick-store-action {
  min-height: 126px;
  grid-column: 1/-1;
  grid-template-columns: auto 1fr auto;
  border-color: rgba(227,139,26,.28);
  background: radial-gradient(circle at 8% 20%,rgba(255,255,255,.8),transparent 25%),linear-gradient(125deg,#fff0af,#ffc35e 55%,#f39a2f);
  color: #3d280d;
  box-shadow: 0 18px 38px rgba(190,111,14,.16);
}
.quick-action-grid .quick-store-action > span { width: 52px; height: 52px; grid-row: 1/3; background: rgba(255,255,255,.76); color: #8f570d; font-size: 22px; box-shadow: 0 9px 24px rgba(138,78,8,.12); }
.quick-action-grid .quick-store-action strong { font-size: 13px; }
.quick-action-grid .quick-store-action small { color: rgba(69,43,11,.68); font-size: 10px; }
.quick-action-grid .quick-store-action b { grid-column: 3; grid-row: 1/3; align-self: center; padding: 11px 14px; border-radius: 9px; background: #3b290f; color: #fff8e9; font-size: 8px; white-space: nowrap; }

.two-factor-login-card { text-align: left; }
.two-factor-login-mark { display: grid; width: 58px; height: 58px; margin: 0 auto 18px; place-items: center; border-radius: 18px; background: linear-gradient(135deg,#9c64e5,#5938b0); color: #fff; font: 27px/1 system-ui,sans-serif; box-shadow: 0 14px 35px rgba(96,55,174,.25); }
.two-factor-login-card h2,.two-factor-login-card > p { text-align: center; }

.security-primary-grid { display: grid; grid-column: 1/-1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.security-control-card { padding: clamp(22px,3vw,31px); border: 1px solid rgba(79,64,36,.1); border-radius: 20px; background: rgba(255,255,255,.86); box-shadow: 0 22px 60px rgba(82,55,15,.07); }
.security-control-title { display: flex; margin-bottom: 19px; align-items: center; gap: 12px; }
.security-control-title > span { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: #efe6f9; color: #7448ac; font-size: 7px; }
.security-control-title small { color: #9c7eb4; font-size: 6px; }
.security-control-title h3 { margin: 7px 0 0; color: #403349; font-size: 13px; }
.security-control-card > p,.security-control-card form > p,.two-factor-card #two-factor-unavailable p { margin: 0 0 18px; color: #92878d; font: 11px/1.55 system-ui,sans-serif; }
.security-control-card label { display: flex; margin: 12px 0 0; flex-direction: column; gap: 7px; color: #655769; font-size: 7px; }
.security-control-card input { min-height: 44px; padding: 10px 12px; border: 1px solid rgba(75,58,39,.16); border-radius: 10px; outline: 0; background: #fffdfa; color: #3c3129; font: 14px/1 system-ui,sans-serif; }
.security-control-card input:focus { border-color: rgba(116,71,176,.5); box-shadow: 0 0 0 4px rgba(116,71,176,.08); }
.security-control-card form > button[type="submit"],.security-control-card > form > button[type="submit"] { width: 100%; min-height: 44px; margin-top: 16px; border: 0; border-radius: 10px; background: linear-gradient(135deg,#7d4fc2,#5435a6); color: #fff; font: inherit; font-size: 8px; cursor: pointer; box-shadow: 0 10px 24px rgba(91,53,166,.2); }
.security-control-card button:disabled { opacity: .55; cursor: wait; }
.security-control-card .danger-action { background: #fff0ed!important; color: #ad443b!important; box-shadow: none!important; }
.two-factor-status-line { display: flex; margin-bottom: 18px; padding: 13px; align-items: center; gap: 11px; border-radius: 12px; background: #f8f4fb; }
.two-factor-status-line > i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: #aaa0ad; box-shadow: 0 0 0 5px rgba(170,160,173,.12); }
.two-factor-status-line > i.available { background: #ec9c2b; box-shadow: 0 0 0 5px rgba(236,156,43,.12); }
.two-factor-status-line > i.enabled { background: #4caf6a; box-shadow: 0 0 0 5px rgba(76,175,106,.13); }
.two-factor-status-line strong,.two-factor-status-line small { display: block; }
.two-factor-status-line strong { color: #4b3b55; font-size: 8px; }
.two-factor-status-line small { margin-top: 5px; color: #95889d; font: 10px/1.35 system-ui,sans-serif; }
.two-factor-setup { display: grid; grid-template-columns: 208px 1fr; gap: 16px; align-items: center; }
.two-factor-setup > img { padding: 8px; border: 1px solid rgba(88,65,42,.12); border-radius: 17px; background: #fffaf0; }
.two-factor-setup > div small,.two-factor-setup > div code { display: block; }
.two-factor-setup > div small { color: #9d83ac; font-size: 6px; }
.two-factor-setup > div code { margin: 9px 0; color: #493756; font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.two-factor-setup > div button { padding: 8px 10px; border: 0; border-radius: 8px; background: #efe7f7; color: #69459a; font: inherit; font-size: 7px; cursor: pointer; }
.two-factor-setup > form { grid-column: 1/-1; }
.two-factor-recovery-dialog { width: min(570px,calc(100vw - 28px)); }
.two-factor-recovery-codes { display: grid; margin: 20px 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.two-factor-recovery-codes code { padding: 12px; border: 1px solid rgba(105,70,152,.15); border-radius: 9px; background: #f7f1fc; color: #4e346f; font: 700 13px/1 system-ui,sans-serif; text-align: center; }
#two-factor-copy-codes { width: 100%; min-height: 40px; border: 0; border-radius: 9px; background: #f0e8f8; color: #69459a; font: inherit; font-size: 8px; cursor: pointer; }

@media(max-width:900px){.security-primary-grid{grid-template-columns:1fr}.two-factor-setup{grid-template-columns:1fr}.two-factor-setup>img{justify-self:center}.quick-action-grid .quick-store-action{grid-template-columns:auto 1fr}.quick-action-grid .quick-store-action b{grid-column:1/-1;grid-row:auto;text-align:center}}
@media(max-width:560px){.two-factor-recovery-codes{grid-template-columns:1fr}.quick-action-grid .quick-store-action{grid-template-columns:auto 1fr}.security-control-card{padding:20px 17px}}

.privilege-editor { margin-top: 17px; padding: clamp(18px,3vw,27px); border: 1px solid rgba(112,72,170,.18); border-radius: 17px; background: linear-gradient(145deg,#faf6ff,#fffaf0); }
.privilege-editor-head { display: flex; margin-bottom: 20px; align-items: flex-start; justify-content: space-between; gap: 16px; }
.privilege-editor-head small,.privilege-editor-head strong,.privilege-editor-head span { display: block; }
.privilege-editor-head small { color: #8e62bc; font-size: 6px; }
.privilege-editor-head strong { margin: 7px 0; color: #493456; font-size: 11px; }
.privilege-editor-head span { color: #968b9d; font: 10px/1.45 system-ui,sans-serif; }
.privilege-builder-block { margin-top: 18px; padding-top: 17px; border-top: 1px solid rgba(86,62,109,.1); }
.privilege-builder-title { display: flex; margin-bottom: 12px; align-items: center; justify-content: space-between; gap: 12px; }
.privilege-builder-title strong,.privilege-builder-title small { display: block; }
.privilege-builder-title strong { color: #513f5e; font-size: 8px; }
.privilege-builder-title small { margin-top: 5px; color: #9b909f; font: 9px/1.35 system-ui,sans-serif; }
.privilege-builder-title button,.privilege-add-perk { min-height: 34px; padding: 0 11px; border: 0; border-radius: 8px; background: #6c43a5; color: #fff; font: inherit; font-size: 7px; cursor: pointer; }
.privilege-group-editor { display: grid; gap: 10px; }
.privilege-group-editor-card { padding: 14px; border: 1px solid rgba(85,61,107,.1); border-radius: 13px; background: rgba(255,255,255,.82); }
.privilege-group-editor-head { display: grid; margin-bottom: 10px; grid-template-columns: 100px 1fr auto; gap: 9px; align-items: end; }
.privilege-group-editor-head label,.privilege-perk-editor-row label,.privilege-limit-editor-row label { display: flex; margin: 0; flex-direction: column; gap: 6px; color: #786a7d; font-size: 6px; }
.privilege-group-editor-head input,.privilege-perk-editor-row input,.privilege-limit-editor-row input { min-height: 39px; padding: 9px 10px; border: 1px solid rgba(74,55,86,.14); border-radius: 8px; outline: 0; background: #fff; color: #45374c; font: 11px/1.2 system-ui,sans-serif; }
.privilege-group-editor-head input:focus,.privilege-perk-editor-row input:focus,.privilege-limit-editor-row input:focus { border-color: rgba(114,70,173,.48); box-shadow: 0 0 0 3px rgba(114,70,173,.07); }
.privilege-group-editor-head > button { min-height: 39px; padding: 0 10px; border: 0; border-radius: 8px; background: #fff0ed; color: #a8443c; font: inherit; font-size: 6px; cursor: pointer; }
.privilege-perk-editor-list { display: grid; gap: 6px; }
.privilege-perk-editor-row { display: grid; grid-template-columns: minmax(150px,.55fr) minmax(220px,1fr) 36px; gap: 7px; align-items: end; }
.privilege-perk-editor-row > button,.privilege-limit-editor-row > button { width: 36px; height: 39px; border: 0; border-radius: 8px; background: #f2ece7; color: #9a645b; font: 18px/1 system-ui,sans-serif; cursor: pointer; }
.privilege-add-perk { margin-top: 9px; background: #eee7f5; color: #684692; }
.privilege-limit-editor { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.privilege-limit-editor-row { display: grid; padding: 10px; grid-template-columns: 1fr 100px 36px; gap: 7px; align-items: end; border: 1px solid rgba(85,61,107,.09); border-radius: 11px; background: rgba(255,255,255,.75); }
@media(max-width:850px){.privilege-limit-editor{grid-template-columns:1fr}.privilege-group-editor-head{grid-template-columns:80px 1fr}.privilege-group-editor-head>button{grid-column:1/-1}.privilege-perk-editor-row{grid-template-columns:1fr 36px}.privilege-perk-editor-row label:nth-child(2){grid-column:1}.privilege-perk-editor-row>button{grid-row:1/3;grid-column:2}}
@media(max-width:520px){.privilege-builder-title{align-items:flex-start;flex-direction:column}.privilege-builder-title button{width:100%}.privilege-limit-editor-row{grid-template-columns:1fr 70px 36px}}

/* Aloha ID 0.23 — tropical clarity, compact navigation, reward promo codes and Cases 3.0. */
.home-page :is(p,small,label,input,select,textarea,button),
.cabinet-page :is(p,small,label,input,select,textarea,button) {
  font-family: var(--font-copy);
}
.home-page :is(h1,h2,h3,.eyebrow,.brand-name),
.cabinet-page :is(h1,h2,h3,.eyebrow,.brand-name,.section-number,.card-index) {
  font-family: var(--font-game);
}
.home-page p,.cabinet-page p { font-size: 14px; line-height: 1.62; }
.home-page small,.cabinet-page small { font-size: 12px; line-height: 1.45; }
.home-page label,.cabinet-page label { font-size: 13px; line-height: 1.4; }
.home-page input,.home-page select,.home-page textarea,
.cabinet-page input,.cabinet-page select,.cabinet-page textarea { font-size: 14px; line-height: 1.35; }
.cabinet-page button:not(.dialog-close):not(.notification-button),
.home-page button { font-size: 13px; line-height: 1.25; }
.eyebrow { font-size: 11px !important; letter-spacing: .09em; }
.brand-name > small { margin-top: 7px; font-size: 10px !important; letter-spacing: .12em; }
.form-hint,.connection-status,.mail-state,.skin-action-status { font-size: 13px !important; line-height: 1.5 !important; }

.brand-mark {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.brand-mark::before,.brand-mark::after,.brand-mark i::before { display: none; }
.brand-mark img {
  display: block;
  width: 54px;
  height: 54px;
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 5px 0 rgba(55,38,21,.14));
}

.profile-nav {
  position: relative;
  display: flex;
  overflow: visible;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 7px;
  border: 1px solid rgba(71,52,33,.1);
  border-radius: 17px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 15px 42px rgba(94,61,19,.08);
}
.profile-nav > button,.profile-nav-menu > summary {
  display: flex;
  min-height: 46px;
  padding: 0 17px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 11px;
  color: #6e6256;
  background: transparent;
  font-family: var(--font-game) !important;
  font-size: 12px !important;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}
.profile-nav > button:hover,.profile-nav > button.active,.profile-nav-menu.active > summary,.profile-nav-menu[open] > summary {
  color: #31261d;
  background: #f4eee6;
}
.profile-nav-menu { position: relative; }
.profile-nav-menu > summary::-webkit-details-marker { display: none; }
.profile-nav-menu > summary span { margin-left: 8px; color: #aa8e72; font: 16px/1 var(--font-copy); transition: transform .18s ease; }
.profile-nav-menu[open] > summary span { transform: rotate(180deg); }
.profile-nav-menu-list {
  position: absolute;
  z-index: 80;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  width: 330px;
  padding: 8px;
  gap: 4px;
  border: 1px solid rgba(59,43,29,.13);
  border-radius: 16px;
  background: rgba(255,254,250,.98);
  box-shadow: 0 24px 70px rgba(46,31,17,.2);
  backdrop-filter: blur(16px);
}
.profile-nav-menu-list button {
  display: grid;
  min-height: 60px;
  padding: 10px 12px;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: center;
  border: 0;
  border-radius: 11px;
  color: #4a3d32;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.profile-nav-menu-list button:hover,.profile-nav-menu-list button.active { background: #fff2d8; }
.profile-nav-menu-list button > span:first-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #e6f7f5; color: var(--teal-dark); font-size: 17px; }
.profile-nav-menu-list button > span:last-child { display: grid; gap: 3px; }
.profile-nav-menu-list strong { font-size: 13px; }
.profile-nav-menu-list small { color: #8c8176; font-size: 12px !important; }
.profile-nav .security-nav-button::before { content: none; }
.profile-nav .admin-nav-button { margin-left: auto; }

.quick-action-grid { grid-template-columns: 1fr; }
.bonus-code-card {
  display: grid;
  min-height: 164px;
  padding: 20px;
  grid-template-columns: 50px 1fr;
  gap: 7px 14px;
  align-items: center;
  border: 1px solid rgba(16,145,141,.2);
  border-radius: 16px;
  background: radial-gradient(circle at 90% 10%,rgba(255,204,68,.23),transparent 34%),linear-gradient(135deg,#eafaf7,#fffdf6);
  box-shadow: 0 16px 36px rgba(13,123,120,.08);
}
.bonus-code-icon { display: grid; width: 50px; height: 50px; grid-row: 1; place-items: center; border-radius: 14px; background: linear-gradient(135deg,var(--teal),#087a79); color: #fff; font: 24px/1 var(--font-copy); box-shadow: 0 11px 24px rgba(11,132,128,.23); }
.bonus-code-card > div:nth-of-type(1) { align-self: center; }
.bonus-code-card strong { display: block; color: #284846; font-family: var(--font-game); font-size: 14px; }
.bonus-code-card small { display: block; margin-top: 6px; color: #62807d; }
.bonus-code-controls { display: grid; grid-column: 1/-1; grid-template-columns: 1fr auto; gap: 8px; }
.bonus-code-controls input { min-width: 0; min-height: 48px; padding: 0 14px; border: 1px solid rgba(16,125,122,.24); border-radius: 11px; outline: 0; background: rgba(255,255,255,.92); color: #25413f; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bonus-code-controls input:focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgba(25,169,166,.12); }
.quick-action-grid .bonus-code-controls button {
  display: flex !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 11px !important;
  background: #153f3e !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
.bonus-code-card > p { min-height: 20px; margin: 0; grid-column: 1/-1; color: #6f7f7d; font-size: 13px; }
.bonus-code-card > p.success { color: #17805d; }
.bonus-code-card > p.error { color: #b84d42; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }

.security-shield,.security-control-title > span { background: linear-gradient(135deg,var(--teal),var(--teal-dark)); color: #fff; }
.security-score-card { background: radial-gradient(circle at 5% 50%,rgba(25,169,166,.13),transparent 27%),rgba(255,255,255,.9); }
.security-score-card button,.security-control-card form > button[type="submit"],.security-control-card > form > button[type="submit"] { background: linear-gradient(135deg,var(--teal),var(--teal-dark)); }
.security-card-title button,.two-factor-setup > div button { background: #e5f6f4; color: var(--teal-dark); }

.admin-tabs {
  display: grid;
  padding: 10px;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  border: 1px solid rgba(70,51,31,.1);
  border-radius: 17px;
  background: rgba(255,255,255,.8);
}
.admin-tab-group { display: flex; min-width: 0; padding: 8px; flex-wrap: wrap; align-content: flex-start; gap: 5px; border-radius: 12px; background: #faf7f2; }
.admin-tab-group > small { width: 100%; padding: 2px 5px 5px; color: #a28d79; font-size: 10px !important; font-weight: 800; letter-spacing: .08em; }
.admin-tab-group > button { min-height: 40px; padding: 0 11px; flex: 1 1 auto; border: 0; border-radius: 9px; color: #74685c; background: transparent; cursor: pointer; }
.admin-tab-group > button:hover { background: #f0e9df; }
.admin-tab-group > button.active { color: #fff; background: #3b3027; box-shadow: 0 8px 18px rgba(54,40,28,.16); }

.promo-kind-tabs { display: inline-flex; margin: 0 0 15px; padding: 5px; gap: 5px; border: 1px solid rgba(70,51,31,.1); border-radius: 13px; background: rgba(255,255,255,.86); }
.promo-kind-tabs button { min-height: 43px; padding: 0 17px; border: 0; border-radius: 9px; color: #7a6e62; background: transparent; cursor: pointer; }
.promo-kind-tabs button.active { color: #fff; background: linear-gradient(135deg,var(--teal),var(--teal-dark)); box-shadow: 0 8px 20px rgba(12,126,123,.18); }
.bonus-code-editor { border-color: rgba(18,150,146,.17); }
.bonus-code-editor .admin-card-title { align-items: center; }
.bonus-code-editor .admin-card-title > span { background: #dff5f2; color: var(--teal-dark); }
.admin-compact-action { min-height: 36px; margin-left: auto; padding: 0 12px; border: 0; border-radius: 9px; background: #e4f5f3; color: var(--teal-dark); cursor: pointer; }
.bonus-letter-editor { margin: 18px 0; padding: 17px; border: 1px solid rgba(18,142,138,.11); border-radius: 13px; background: #f6fcfb; }
.bonus-letter-editor > strong { display: block; margin-bottom: 12px; color: var(--teal-dark); font-size: 12px; letter-spacing: .07em; }
.bonus-letter-editor > label { display: flex; flex-direction: column; gap: 8px; }
.bonus-letter-editor textarea { min-height: 120px; resize: vertical; }
.bonus-editor-note { margin: 13px 0; padding: 12px 13px; border-radius: 10px; background: #fff5db; color: #825b20; }
.admin-editor-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.admin-editor-actions .primary-action { width: auto; min-width: 220px; }
.admin-editor-actions .danger-action { min-height: 46px; padding: 0 15px; border: 0; border-radius: 10px; background: #fff0ed; color: #a8433a; cursor: pointer; }
.bonus-code-list { display: grid; gap: 7px; }
.bonus-code-row { gap: 7px; }
.bonus-code-row-head { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; }
.bonus-code-row-head strong { color: #293f3d; font-size: 15px !important; letter-spacing: .04em; }
.bonus-code-row-head b { padding: 5px 7px; border-radius: 7px; background: #e7f5f1; color: #197b62; font: 700 11px/1 var(--font-copy); }
.bonus-code-row.state-paused .bonus-code-row-head b,.bonus-code-row.state-draft .bonus-code-row-head b { background: #f1ece6; color: #7b6d60; }
.bonus-code-row.state-expired .bonus-code-row-head b,.bonus-code-row.state-exhausted .bonus-code-row-head b,.bonus-code-row.state-archived .bonus-code-row-head b { background: #fff0ed; color: #a34d44; }
.bonus-code-row > span:not(.bonus-code-row-head) { color: #5d5045; font-size: 13px; }
.bonus-code-row > small { color: #8e8379; }
.bonus-code-progress { display: block !important; height: 5px; overflow: hidden; border-radius: 999px; background: #e8e3db; }
.bonus-code-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--teal),#ffc447); }
.admin-list-empty { display: grid; min-height: 250px; padding: 20px; place-content: center; justify-items: center; color: #91877e; text-align: center; }
.admin-list-empty span { color: var(--teal); font-size: 28px; }
.admin-list-empty strong { margin: 12px 0 5px; color: #4b4036; font-size: 14px; }
.admin-card :is(input,select,textarea)[readonly] { color: #756e67; background: #f2efea; cursor: not-allowed; }

.admin-entity-row strong,.history-row strong,.mail-item strong,.overview-activity-row strong,.notification-row strong { font-size: 13px !important; line-height: 1.4; }
.admin-entity-row span,.admin-entity-row small,.history-row span,.history-row small,.mail-item small,.overview-activity-row p,.notification-row p { font-size: 12px !important; line-height: 1.45; }
.store-heading > p,.overview-card-title p,.security-score-card p,.security-control-card > p { font-size: 14px !important; }

@media(max-width:1000px) {
  .admin-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .shell { width: min(100% - 28px,1260px); }
  .profile-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 6px; }
  .profile-nav > button,.profile-nav-menu > summary { width: 100%; min-width: 0; min-height: 48px; padding: 0 9px; font-size: 10px !important; }
  .profile-nav .store-nav-button > span { display: none; }
  .profile-nav-menu { min-width: 0; }
  .profile-nav-menu > summary { width: 100%; }
  .profile-nav-menu-list { position: absolute; right: 0; width: min(340px,calc(100vw - 28px)); }
  .profile-nav .admin-nav-button { grid-column: auto; margin-left: 0; }
  .profile-nav .admin-nav-button > span { display: none; }
  .bonus-code-card { grid-template-columns: 44px 1fr; padding: 17px; }
  .bonus-code-icon { width: 44px; height: 44px; }
  .bonus-code-controls { grid-template-columns: 1fr; }
  .bonus-code-controls button { width: 100%; }
  .admin-tabs { grid-template-columns: 1fr; }
  .promo-kind-tabs { display: grid; grid-template-columns: 1fr; width: 100%; }
  .admin-fields.two,.admin-fields.three,.admin-fields.four { grid-template-columns: 1fr; }
  .attachment-row { grid-template-columns: 1fr; }
  .attachment-row .attachment-remove { width: 100%; }
  .admin-editor-actions { align-items: stretch; flex-direction: column; }
  .admin-editor-actions .primary-action { width: 100%; min-width: 0; }
}
@media(prefers-reduced-motion:reduce) {
  .profile-nav-menu > summary span,.bonus-code-progress i { transition: none; }
}

/* ALOHA ID 0.29.5 · compact economy, reliable admin controls and visible feedback */
.profile-grid {
  grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);
}
.profile-grid .player-card {
  grid-template-rows:auto auto auto auto;
}
.overview-eco-balance {
  position:relative;
  z-index:1;
  display:flex;
  width:max-content;
  max-width:100%;
  min-height:37px;
  padding:8px 12px;
  grid-row:2;
  grid-column:2/4;
  align-items:center;
  gap:7px;
  border:1px solid rgba(111,237,215,.2);
  border-radius:11px;
  background:linear-gradient(115deg,rgba(28,196,175,.17),rgba(255,217,90,.08));
  color:#d8fff8;
  box-shadow:inset 0 1px rgba(255,255,255,.07);
}
.overview-eco-balance span { color:rgba(226,255,250,.64); font:800 10px/1 var(--font-copy); }
.overview-eco-balance strong { overflow:hidden; color:#fff; font:400 17px/1 var(--font-game); text-overflow:ellipsis; }
.overview-eco-balance b { color:#73ead7; font:900 13px/1 var(--font-copy); }
.overview-identity-signals { grid-row:3; }
.overview-profile-button { grid-row:4; }
.profile-grid .acoin-balance-card { min-width:0; min-height:292px; }

.delivery-filters {
  display:grid;
  margin:4px 0 18px;
  padding:13px;
  grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(150px,.55fr);
  gap:10px;
  align-items:end;
  border:1px solid rgba(84,66,99,.11);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(247,242,253,.9),rgba(238,249,246,.78));
}
.delivery-filters label { display:grid; min-width:0; gap:7px; color:#7f7189; font:800 8px/1 var(--font-copy); letter-spacing:.05em; text-transform:uppercase; }
.delivery-filters select { width:100%; min-height:43px; padding:0 11px; border:1px solid rgba(91,68,110,.14); border-radius:11px; outline:0; background:rgba(255,255,255,.9); color:#4e4059; font:700 11px/1.2 var(--font-copy); }
.delivery-filters select:focus { border-color:rgba(112,66,174,.42); box-shadow:0 0 0 3px rgba(112,66,174,.1); }
.delivery-filter-summary { min-height:43px; padding:9px 11px; border:1px solid rgba(35,155,139,.13); border-radius:11px; background:rgba(255,255,255,.66); }
.delivery-filter-summary :is(small,strong,span) { display:block; }
.delivery-filter-summary small { color:#8f8397; font:800 7px/1 var(--font-copy); letter-spacing:.1em; }
.delivery-filter-summary strong { margin-top:5px; color:#276e64; font:400 13px/1 var(--font-game); }
.delivery-filter-summary span { margin-top:4px; color:#94899b; font:700 8px/1.2 var(--font-copy); }
.delivery-row > div:first-child small { line-height:1.45; }

.player-directory { overflow:hidden; }
#admin-player-directory { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.player-pagination { position:relative; z-index:3; flex:0 0 auto; background:inherit; }
.player-inspector { scroll-margin-top:12px; scroll-margin-bottom:calc(100px + env(safe-area-inset-bottom)); }
.player-inspector-stats { grid-template-columns:repeat(5,minmax(0,1fr)); }
.player-inspector-stats > div { min-width:0; }
.player-inspector-stats strong { white-space:normal; line-height:1.35; overflow-wrap:anywhere; }

.case-reward.guarantee-eligible {
  isolation:isolate;
  padding-top:47px;
  border-color:color-mix(in srgb,#ffc94a 62%,var(--rarity-color));
  background:radial-gradient(circle at 88% 4%,rgba(255,211,75,.24),transparent 36%),color-mix(in srgb,var(--rarity-color) 7%,#fff);
  box-shadow:inset 0 0 0 1px rgba(255,204,67,.13),0 13px 32px rgba(178,122,21,.1);
}
.case-reward.guarantee-eligible::before {
  position:absolute;
  z-index:-1;
  top:-38px;
  right:-38px;
  width:115px;
  height:115px;
  border:17px solid rgba(255,211,75,.12);
  border-radius:50%;
  content:"";
  animation:aloha-guarantee-aura 4.8s ease-in-out infinite;
}
.case-reward-guarantee-badge {
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:inline-flex;
  width:max-content;
  padding:7px 9px;
  align-items:center;
  border:1px solid rgba(255,213,92,.7);
  border-radius:999px;
  background:linear-gradient(120deg,#ffde67,#ffab2e 72%,#ef7f20);
  color:#412713;
  font:900 7px/1 var(--font-copy);
  letter-spacing:.075em;
  box-shadow:0 7px 18px rgba(216,137,23,.25),inset 0 1px rgba(255,255,255,.6);
}
.case-reward-guarantee-note { display:inline-flex; width:max-content; max-width:100%; padding:6px 8px; align-items:center; border:1px solid rgba(231,164,38,.18); border-radius:8px; background:#fff5d5; color:#9a6217; font:900 8px/1.25 var(--font-copy); }
@keyframes aloha-guarantee-aura { 0%,100% { transform:scale(.9); opacity:.55; } 50% { transform:scale(1.08); opacity:1; } }

.toast {
  position:fixed;
  z-index:120000;
  top:clamp(82px,9vh,112px);
  right:auto;
  bottom:auto;
  left:50%;
  display:grid;
  width:min(520px,calc(100vw - 28px));
  min-height:72px;
  padding:11px 14px 11px 11px;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(28,49,51,.97),rgba(22,31,43,.98));
  color:#fff;
  text-align:left;
  box-shadow:0 24px 70px rgba(5,18,23,.32),0 0 0 1px rgba(31,211,188,.12),inset 0 1px rgba(255,255,255,.13);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-22px) scale(.97);
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.85,.2,1);
}
.toast.show { opacity:1; transform:translate(-50%,0) scale(1); }
.toast::after { position:absolute; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,#50e4cf,#ffd45c); content:""; transform-origin:left; animation:aloha-toast-time 4.8s linear both; }
.toast[data-tone="success"] { background:linear-gradient(145deg,rgba(12,73,65,.98),rgba(15,42,49,.98)); }
.toast[data-tone="error"] { background:linear-gradient(145deg,rgba(121,38,46,.98),rgba(57,27,40,.98)); box-shadow:0 24px 70px rgba(68,15,23,.35),0 0 0 1px rgba(255,105,116,.18); }
.toast[data-tone="error"]::after { background:linear-gradient(90deg,#ff6772,#ffbe5c); }
.toast-icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:linear-gradient(135deg,#36d5c0,#169a98); color:#eafffb; font:900 19px/1 var(--font-copy); box-shadow:0 10px 24px rgba(5,30,31,.24),inset 0 1px rgba(255,255,255,.28); }
.toast[data-tone="error"] .toast-icon { background:linear-gradient(135deg,#ff6b70,#c53c54); }
.toast-copy { min-width:0; }
.toast-copy small,.toast-copy strong { display:block; }
.toast-copy small { color:#83e8dc; font:900 7px/1 var(--font-copy); letter-spacing:.14em; }
.toast[data-tone="error"] .toast-copy small { color:#ffc2c4; }
.toast-copy strong { margin-top:7px; color:#fff; font:800 12px/1.45 var(--font-copy); overflow-wrap:anywhere; }
@keyframes aloha-toast-time { from { transform:scaleX(1); } to { transform:scaleX(0); } }

@media(max-width:1100px) {
  .profile-grid { grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr); }
  .profile-grid .player-card { grid-column:auto; }
  .profile-grid .balance-card { min-height:292px; }
  .player-inspector-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .profile-grid { grid-template-columns:1fr; }
  .profile-grid .player-card,.profile-grid .acoin-balance-card { grid-column:1; }
  .profile-grid .acoin-balance-card { min-height:245px; }
}
@media(max-width:760px) {
  .profile-grid { grid-template-columns:minmax(0,1fr)!important; }
  .profile-grid .player-card { grid-template-rows:auto auto auto auto auto; }
  .overview-eco-balance { width:100%; grid-row:3; grid-column:1/-1; justify-content:flex-start; }
  .overview-identity-signals { grid-row:4; grid-column:1/-1; }
  .overview-profile-button { grid-row:5; grid-column:1/-1; }
  .profile-grid .acoin-balance-card { width:100%; min-height:224px; padding:22px; grid-column:1/-1; }
  .profile-grid .acoin-balance-card strong { font-size:clamp(44px,15vw,58px); }
  .delivery-filters { grid-template-columns:1fr; }
  .delivery-filter-summary { min-height:55px; }
  .admin-section { padding-bottom:calc(105px + env(safe-area-inset-bottom)); }
  .player-directory { height:min(64dvh,560px); max-height:none; }
  #admin-player-directory { touch-action:pan-y; }
  .player-pagination { padding:11px 7px 7px; background:rgba(255,255,255,.96); box-shadow:0 -9px 24px rgba(40,28,19,.07); }
  .player-inspector-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toast {
    top:calc(72px + env(safe-area-inset-top));
    right:10px;
    left:10px;
    width:auto;
    min-height:68px;
    grid-template-columns:44px minmax(0,1fr);
    transform:translateY(-18px) scale(.98);
  }
  .toast.show { transform:translateY(0) scale(1); }
  .toast-icon { width:44px; height:44px; }
}
@media(max-width:430px) {
  .profile-grid .player-card { padding:17px 13px; }
  .overview-eco-balance strong { font-size:15px; }
  .player-inspector-stats { grid-template-columns:1fr!important; }
  .toast { right:7px; left:7px; padding:10px; border-radius:16px; }
  .toast-copy strong { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .case-reward.guarantee-eligible::before,.toast::after { animation:none!important; }
  .toast { transition:none; }
}

/* Minecraft item passports: exact server metadata, presented as a familiar in-game tooltip. */
.case-reward:has(.minecraft-tooltip) { overflow: visible; cursor: help; }
.minecraft-tooltip { position: absolute; z-index: 24; top: 54px; left: 18px; width: min(340px,calc(100vw - 46px)); padding: 15px; border: 2px solid #521b83; border-radius: 8px; opacity: 0; pointer-events: none; transform: translateY(7px) scale(.98); background: linear-gradient(145deg,rgba(18,4,29,.98),rgba(8,3,19,.98)); color: #f7f1ff; box-shadow: inset 0 0 0 1px #180027,0 20px 55px rgba(18,3,29,.42); transition: opacity .18s ease,transform .18s ease; }
.case-reward:hover > .minecraft-tooltip,.case-reward:focus-visible > .minecraft-tooltip { opacity: 1; transform: translateY(0) scale(1); }
.minecraft-tooltip-heading { display: grid; margin-bottom: 11px; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; }
.minecraft-tooltip-heading > i { display: grid!important; width: 38px; height: 38px; margin: 0!important; place-items: center; border: 1px solid rgba(203,128,255,.35); border-radius: 7px; background: linear-gradient(145deg,#3e1d58,#151025); color: #f4c7ff!important; font-style: normal; }
.minecraft-tooltip-heading strong,.minecraft-tooltip-heading small { display: block; }
.minecraft-tooltip-heading strong { color: #ff6b65; font: 800 15px/1.3 var(--font-copy); }
.minecraft-tooltip-heading small { margin-top: 3px; color: #84778e; font: 9px/1.3 var(--font-copy); }
.minecraft-lore-line { margin: 2px 0; color: #c9c3cd; font: 12px/1.4 var(--font-copy); }
.minecraft-stat-list,.minecraft-attribute-list { display: grid; margin-top: 10px; gap: 3px; }
.minecraft-stat-list span { color: #aaa4ff; font: 12px/1.35 var(--font-copy); text-transform: capitalize; }
.minecraft-stat-title { display: block; margin-top: 13px; color: #81768b; font: 8px/1 var(--font-copy); letter-spacing: .1em; }
.minecraft-attribute-list span { color: #55ff55; font: 12px/1.35 var(--font-copy); text-transform: capitalize; }
.minecraft-item-admin { position: relative; margin-top: 10px; padding: 12px; border: 1px solid rgba(101,48,148,.18); border-radius: 11px; background: linear-gradient(145deg,#f6effc,#fff); }
.minecraft-item-admin > strong,.minecraft-item-admin > small { display: block; }
.minecraft-item-admin > strong { color: #654081; font-size: 9px; }
.minecraft-item-admin > small { margin-top: 5px; color: #8d8195; font: 10px/1.4 var(--font-copy); }
.minecraft-item-admin .minecraft-tooltip { position: relative; top: auto; left: auto; width: 100%; margin-top: 10px; opacity: 1; transform: none; }
.minecraft-item-action { border-color: rgba(92,49,128,.18); background: rgba(92,49,128,.035); }
.minecraft-item-action [data-action="value"] { color: #735788; background: #f5effa; }
.case-survival-sync-note { display: grid; margin: 12px 0; padding: 14px; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; border: 1px solid rgba(61,160,174,.2); border-radius: 13px; background: linear-gradient(135deg,rgba(64,197,189,.11),rgba(120,84,196,.07)); }
.case-survival-sync-note > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: linear-gradient(145deg,#36b6ac,#6c4caf); color: #fff; font-size: 20px; }
.case-survival-sync-note strong { display: block; color: #315c61; font-size: 10px; }
.case-survival-sync-note p { margin: 6px 0 0; color: #6f7779; font: 11px/1.5 var(--font-copy); }
.case-survival-sync-note code { padding: 2px 5px; border-radius: 5px; background: rgba(47,129,133,.1); color: #297b7e; font: 700 10px/1 var(--font-copy); }
@media(max-width:760px) {
  .minecraft-tooltip { top: 46px; left: 8px; }
  .case-reward:focus-within { z-index: 20; }
  .case-survival-sync-note { grid-template-columns: 1fr; }
}

/* Cases 3.0 — paid openings, gift openings and rich rewards */
.case-card-badge[hidden],.case-free-openings[hidden],.case-paid-option[hidden],.case-single-opening[hidden],.case-batch-opening[hidden],.case-opening-skip[hidden] { display: none!important; }
.case-grid { grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); }
.case-card {
  isolation: isolate;
  min-height: 310px;
  padding: 27px;
  border-radius: 25px;
  background: linear-gradient(155deg,rgba(255,255,255,.96),rgba(255,250,239,.84));
}
.case-card-aura { position: absolute; z-index: -1; top: -65px; right: -50px; width: 210px; height: 210px; border-radius: 50%; background: var(--case-color); opacity: .18; filter: blur(12px); transition: transform .45s ease,opacity .45s ease; }
.case-card:hover .case-card-aura,.case-card.selected .case-card-aura { opacity: .3; transform: scale(1.18); }
.case-card[data-effect="ember"] .case-card-aura { background: radial-gradient(circle,#fff06a 0,#ff6b27 46%,#b32214 75%); }
.case-card[data-effect="frost"] .case-card-aura { background: radial-gradient(circle,#fff 0,#63d9ff 44%,#536bff 78%); }
.case-card[data-effect="void"] .case-card-aura { background: radial-gradient(circle,#f73eff 0,#5533ab 52%,#151127 80%); }
.case-card[data-effect="prism"] .case-card-aura { background: conic-gradient(#ff4d8d,#ffca46,#34d8a2,#4ba6ff,#aa62ed,#ff4d8d); }
.case-card-icon { width: 82px; height: 82px; border-radius: 25px; font-size: 35px; transform: rotate(-3deg); }
.case-card-badge { position: absolute; top: 21px; right: 20px; padding: 7px 9px; border-radius: 999px; background: #272019; color: #fff; font: 800 10px/1 var(--font-copy); letter-spacing: .09em; }
.case-card h3 { margin-top: auto; font-size: 20px; }
.case-card p { min-height: 57px; font-size: 13px; }
.case-card-footer { font-size: 11px; }
.case-card-footer strong { padding: 8px 10px; background: color-mix(in srgb,var(--case-color) 18%,#282019); font-size: 10px; }

.case-details { position: relative; overflow: hidden; }
.case-details::before { position: absolute; top: -190px; right: -140px; width: 430px; height: 430px; border-radius: 50%; background: var(--case-color); content: ""; opacity: .075; filter: blur(25px); pointer-events: none; }
.case-details-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.case-player-balance { display: grid; min-width: 180px; padding: 17px; gap: 7px; border: 1px solid rgba(67,51,34,.11); border-radius: 16px; background: rgba(255,255,255,.78); }
.case-player-balance small { color: #9a8d80; font-size: 9px; }
.case-player-balance strong { color: #33271d; font-size: 21px; }
.case-player-balance button { padding: 0; border: 0; background: transparent; color: #11837e; font-weight: 800; text-align: left; cursor: pointer; }
.case-rewards { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); align-items: stretch; }
.case-reward { overflow: hidden; min-width: 0; padding: 18px; }
.case-reward > i { font-style: normal; }
.case-reward > strong { min-height: 35px; font-size: 12px; line-height: 1.45; }
.case-reward > small { font-size: 11px; }
.case-reward > b { display: block; margin-top: 9px; color: #4e443a; font: 700 11px/1.45 var(--font-copy); }
.case-reward-details p { margin: 11px 0 0; color: #746b63; font: 12px/1.5 var(--font-copy); }
.case-reward-tags { display: flex; margin-top: 10px; flex-wrap: wrap; gap: 5px; }
.case-reward-tags span { margin: 0; padding: 5px 7px; border: 1px solid color-mix(in srgb,var(--rarity-color) 25%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--rarity-color) 8%,#fff); color: color-mix(in srgb,var(--rarity-color) 80%,#342d28); font: 700 9px/1 var(--font-copy); }

.case-open-studio { position: relative; margin-top: 30px; padding: clamp(20px,3vw,30px); border: 1px solid color-mix(in srgb,var(--case-color) 24%,rgba(72,54,32,.1)); border-radius: 22px; background: linear-gradient(145deg,color-mix(in srgb,var(--case-color) 7%,#fff),#fffdf8); }
.case-open-studio-head { display: flex; margin-bottom: 18px; align-items: flex-start; justify-content: space-between; gap: 18px; }
.case-open-studio-head small { color: var(--case-color); font-size: 9px; }
.case-open-studio-head h3 { margin: 6px 0 0; color: #33291f; font-size: 20px; }
#case-open-status { margin: 0; color: #81766c; font: 13px/1.5 var(--font-copy); text-align: right; }
#case-open-status[data-kind="busy"] { color: #8b5a14; }
#case-open-status[data-kind="success"] { color: #187b5b; }
#case-open-status[data-kind="error"] { color: #b3483c; }
.case-free-openings { display: flex; margin-bottom: 12px; padding: 14px; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid rgba(35,159,133,.2); border-radius: 16px; background: linear-gradient(135deg,#e9faf5,#fffdf5); }
.case-free-openings > div:first-child { display: flex; align-items: center; gap: 12px; }
.case-free-openings > div:first-child > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: #168e7a; color: #fff; font-size: 20px; }
.case-free-openings p,.case-free-openings small,.case-free-openings strong { display: block; margin: 0; }
.case-free-openings small { color: #5f8b81; font-size: 9px; }
.case-free-openings strong { margin-top: 4px; color: #264f47; font-size: 14px; }
.case-free-actions { display: flex; gap: 7px; }
.case-free-actions button { min-width: 130px; min-height: 48px; padding: 8px 15px; border: 0; border-radius: 12px; background: #174f48; color: #fff; cursor: pointer; }
.case-free-actions button small,.case-free-actions button strong { display: block; color: inherit; }
.case-free-actions button small { opacity: .7; font-size: 8px; }
.case-free-actions button strong { margin-top: 4px; font-size: 12px; }
.case-paid-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.case-paid-option { position: relative; display: flex; min-height: 84px; padding: 17px; align-items: center; justify-content: space-between; gap: 13px; border: 1px solid rgba(68,51,34,.13); border-radius: 16px; background: rgba(255,255,255,.9); color: #3d3125; text-align: left; cursor: pointer; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.case-paid-option:hover:not(:disabled) { border-color: var(--case-color); transform: translateY(-2px); box-shadow: 0 14px 30px color-mix(in srgb,var(--case-color) 14%,transparent); }
.case-paid-option.featured { border-color: color-mix(in srgb,var(--case-color) 38%,#d7cdbf); background: linear-gradient(135deg,color-mix(in srgb,var(--case-color) 10%,#fff),#fff); }
.case-paid-option mark { position: absolute; top: -8px; right: 14px; padding: 5px 8px; border-radius: 999px; background: var(--case-color); color: #fff; font: 800 9px/1 var(--font-copy); }
.case-paid-option small,.case-paid-option strong { display: block; }
.case-paid-option small { color: #9a8e82; font-size: 9px; }
.case-paid-option strong { margin-top: 6px; font-size: 14px; }
.case-paid-option b { color: #2f251c; font-size: 18px; white-space: nowrap; }
.case-bundle-price { display: grid; justify-items: end; gap: 5px; }
.case-bundle-price del { color: #ac9e90; font-size: 11px; }
.case-paid-option:disabled { opacity: .52; cursor: not-allowed; }
.case-fairness-note { margin: 14px 0 0; color: #92877b; font: 11px/1.5 var(--font-copy); }

.case-purchase-dialog { position: relative; box-sizing: border-box; width: min(520px,calc(100vw - 28px)); padding: clamp(26px,5vw,40px); }
.case-purchase-dialog h2 { max-width: calc(100% - 38px); margin-top: 13px; font-size: clamp(28px,5vw,39px); line-height: 1.14; overflow-wrap: anywhere; }
.case-purchase-dialog > p { margin: 17px 0 0; font: 12px/1.6 var(--font-copy); }
.case-purchase-name { display: flex; margin: 20px 0; padding: 14px; align-items: center; gap: 12px; border-radius: 14px; background: #faf5eb; }
.case-purchase-name > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: #f1a83c; color: #fff; font-size: 22px; }
.case-purchase-name small,.case-purchase-name strong { display: block; }
.case-purchase-name small { color: #a08f7c; font-size: 9px; }
.case-purchase-name strong { margin-top: 6px; color: #3f3429; font-size: 15px; }
.case-purchase-summary { display: grid; padding: 15px 0; grid-template-columns: 1fr auto; gap: 12px; border-block: 1px solid rgba(62,46,29,.1); }
.case-purchase-summary span { color: #887c70; }
.case-purchase-summary strong { color: #33271c; text-align: right; }
.case-purchase-summary del { margin-left: 5px; color: #b29f8b; }

.case-opening-skip { position: absolute; z-index: 4; top: 16px; right: 55px; padding: 8px 10px; border: 0; border-radius: 9px; background: rgba(48,40,33,.07); color: #6d6258; cursor: pointer; }
.case-reel.spinning { transition-duration: 3.8s; }
.case-batch-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }
.case-batch-reward { min-width: 0; min-height: 145px; padding: 13px 9px; border: 1px solid var(--rarity-color); border-radius: 14px; background: linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 17%,#27231f),#191614); color: #fff; text-align: center; opacity: 0; transform: translateY(15px) scale(.88); transition: opacity .32s ease,transform .32s cubic-bezier(.2,.9,.3,1.2),box-shadow .32s ease; }
.case-batch-reward.revealed { opacity: 1; transform: none; box-shadow: 0 10px 25px color-mix(in srgb,var(--rarity-color) 22%,transparent); }
.case-batch-reward i,.case-batch-reward strong,.case-batch-reward small { display: block; }
.case-batch-reward i { margin: 13px 0; color: var(--rarity-color); font: 27px/1 var(--font-copy); }
.case-batch-reward strong { overflow-wrap: anywhere; font-size: 10px; line-height: 1.4; }
.case-batch-reward small { margin-top: 8px; color: #c7bfb8; font-size: 9px; }
.case-result-list { display: grid; max-height: 350px; margin-top: 18px; overflow-y: auto; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; text-align: left; }
.case-result-item { display: flex; min-width: 0; padding: 11px; align-items: flex-start; gap: 10px; border: 1px solid rgba(62,46,29,.1); border-radius: 12px; background: rgba(255,255,255,.7); }
.case-result-item > i { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: #f3ece2; font-style: normal; }
.case-result-item strong,.case-result-item small { display: block; margin: 0; }
.case-result-item strong { color: #3d3228; font-size: 11px; }
.case-result-item small { margin-top: 5px; color: #82776d; font-size: 10px; }
.case-result-item .case-reward-details p { font-size: 10px; }
.case-result > button { min-height: 44px; margin-top: 17px; padding: 0 18px; border: 0; border-radius: 11px; background: #30261e; color: #fff; cursor: pointer; }

.case-editor-section { margin-top: 18px; padding: 20px; border: 1px solid rgba(79,64,36,.1); border-radius: 17px; background: #fff; }
.case-editor-section-title { display: flex; margin-bottom: 17px; align-items: center; gap: 11px; }
.case-editor-section-title > span,.case-reward-editor-head > div > span { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border-radius: 9px; background: #eee6f8; color: #7044ad; font-size: 9px; }
.case-editor-section-title strong,.case-editor-section-title small { display: block; }
.case-editor-section-title strong { color: #493a58; font-size: 11px; }
.case-editor-section-title small { margin-top: 4px; color: #978c9f; font: 11px/1.4 var(--font-copy); }
.case-pricing-preview { display: flex; padding: 14px; align-items: center; flex-wrap: wrap; gap: 12px; border-radius: 12px; background: #f7f2fc; color: #705c83; }
.case-pricing-preview mark { margin-left: auto; padding: 6px 8px; border-radius: 8px; background: #7650ab; color: #fff; }
.case-reward-row { display: block; padding: 14px; border-color: rgba(94,67,122,.13); background: #fdfbff; }
.case-reward-row-main { display: grid; grid-template-columns: 74px minmax(170px,1.5fr) 135px 95px 80px 40px; gap: 8px; align-items: end; }
.case-reward-row label { display: flex; margin: 0; flex-direction: column; gap: 6px; }
.case-reward-row label > span,.case-reward-action-row label > span { color: #86778e; font: 700 9px/1.2 var(--font-copy); }
.case-reward-row :is(input,select,textarea),.case-reward-action-row :is(input,select) { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid rgba(75,58,39,.14); border-radius: 9px; outline: 0; background: #fff; color: #30271f; font: 12px/1.4 var(--font-copy); }
.case-reward-row textarea { resize: vertical; }
.case-reward-row output { min-height: 40px; }
.case-reward-story { display: grid; margin-top: 10px; grid-template-columns: minmax(200px,1.3fr) minmax(180px,1fr) auto; gap: 9px; align-items: end; }
.case-reward-story .reward-guarantee { min-height: 42px; padding: 9px; flex-direction: row; align-items: center; border: 1px solid rgba(113,69,170,.14); border-radius: 10px; background: #f5effc; }
.case-reward-story .reward-guarantee input { width: 17px; min-height: 17px; }
.case-reward-actions { margin-top: 12px; padding: 12px; border: 1px dashed rgba(107,69,151,.2); border-radius: 12px; background: #fff; }
.case-reward-actions > div:first-child { display: flex; align-items: center; gap: 9px; }
.case-reward-actions strong,.case-reward-actions small { display: block; }
.case-reward-actions strong { color: #544164; font-size: 9px; }
.case-reward-actions small { color: #95899d; font: 10px/1.4 var(--font-copy); }
.case-reward-actions [data-add-action] { min-height: 32px; margin-left: auto; padding: 0 10px; border: 0; border-radius: 8px; background: #e9def5; color: #684096; cursor: pointer; }
.case-reward-action-row { display: grid; margin-top: 8px; padding-top: 8px; grid-template-columns: minmax(130px,.8fr) minmax(150px,1.4fr) 100px minmax(140px,1fr) 40px; gap: 7px; border-top: 1px solid rgba(79,64,36,.07); align-items: end; }
.case-reward-action-row [hidden] { display: none; }
.case-reward-preview-card { min-height: 230px; }

@media(max-width:1000px) {
  .case-reward-row-main { grid-template-columns: 70px minmax(150px,1fr) 130px 90px 75px 40px; }
  .case-reward-story { grid-template-columns: 1fr 1fr; }
  .case-reward-story .reward-guarantee { grid-column: 1/-1; }
  .case-reward-action-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .case-reward-action-row .reward-remove { width: 100%; }
}
@media(max-width:760px) {
  .case-details-hero,.case-free-openings,.case-open-studio-head { align-items: stretch; flex-direction: column; }
  .case-player-balance { min-width: 0; }
  #case-open-status { text-align: left; }
  .case-free-actions { display: grid; grid-template-columns: repeat(2,1fr); }
  .case-free-actions button { min-width: 0; }
  .case-paid-options { grid-template-columns: 1fr; }
  .case-batch-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .case-result-list { grid-template-columns: 1fr; }
  .case-reward-row-main { grid-template-columns: 60px 1fr 40px; }
  .case-reward-row-main > :nth-child(3),.case-reward-row-main > :nth-child(4),.case-reward-row-main > :nth-child(5) { grid-column: auto / span 1; }
  .case-reward-row-main > :nth-child(3) { grid-column: 1/3; }
  .case-reward-story,.case-reward-action-row { grid-template-columns: 1fr; }
  .case-reward-story .reward-guarantee { grid-column: 1; }
  .case-reward-actions > div:first-child { align-items: flex-start; flex-direction: column; }
  .case-reward-actions [data-add-action] { width: 100%; margin-left: 0; }
}
@media(prefers-reduced-motion:reduce) {
  .case-card,.case-card-aura,.case-paid-option,.case-batch-reward,.case-reel.spinning { animation: none!important; transition: none!important; }
  .case-batch-reward { opacity: 1; transform: none; }
}

/* ALOHA 0.26 — brand, reward art and player-first mail */
.aloha-logo-brand { display: grid; min-width: 192px; grid-template-columns: auto; gap: 1px; align-content: center; }
.aloha-logo-image { display: block; width: 190px; height: 58px; object-fit: contain; object-position: left center; }
.aloha-logo-caption { margin-left: 58px; color: #8e7d6e; font: 800 8px/1 var(--font-copy); letter-spacing: .14em; }
.cabinet-brand-logo { width: 178px; height: 51px; }
.cabinet-brand-caption { margin-left: 55px; }

.reward-visual { position: relative; display: grid; width: 54px; height: 54px; flex: 0 0 auto; place-items: center; overflow: hidden; color: currentColor; font: 800 18px/1 var(--font-copy); }
.reward-visual img { display: block; max-width: none; image-rendering: pixelated; user-select: none; }
.reward-visual img:not(.animated) { width: 100%; height: 100%; object-fit: contain; }
.reward-visual img.animated { width: 100%; height: auto; align-self: start; animation: aloha-reward-frames var(--reward-duration) steps(var(--reward-steps),end) infinite; }
.reward-stack-amount { position:absolute; z-index:3; right:1px; bottom:1px; min-width:18px; padding:3px 4px; border:1px solid rgba(255,255,255,.48); border-radius:6px; background:rgba(14,7,23,.9); color:#fff; font:900 9px/1 var(--font-copy); letter-spacing:-.02em; text-align:center; text-shadow:0 1px 2px #000; box-shadow:0 3px 8px rgba(0,0,0,.32); }
.reward-visual-card { width: 52px; height: 52px; }
.reward-visual-tooltip { width: 36px; height: 36px; }
.reward-visual-reel { width: 58px; height: 58px; margin-inline: auto; }
.reward-visual-batch { width: 50px; height: 50px; margin-inline: auto; }
.reward-visual-result { width: 36px; height: 36px; }
.reward-visual-mail { width: 58px; height: 58px; }
.reward-visual-admin { width: 58px; height: 58px; }
.reward-visual-container { width:40px; height:40px; }
@keyframes aloha-reward-frames { to { transform: translateY(-100%); } }

.case-reward > i { display: grid; width: 58px; min-height: 58px; margin-bottom: 11px; place-items: center; }
.reel-item i { display: grid; min-height: 62px; margin-bottom: 8px; place-items: center; }
.case-batch-reward i { display: grid; min-height: 54px; margin: 10px 0 6px; place-items: center; }
.case-result-item > i { overflow: hidden; }
.minecraft-tooltip-heading > i { display: grid; width: 42px; height: 42px; place-items: center; overflow: hidden; }

.reward-image-editor { display: grid; margin-top: 11px; padding: 11px; grid-template-columns: 66px minmax(180px,1fr) auto minmax(125px,160px) auto; gap: 12px; align-items: center; border: 1px solid rgba(111,72,154,.14); border-radius: 13px; background: linear-gradient(135deg,rgba(119,74,168,.055),rgba(44,181,169,.045)); }
.reward-image-preview { display: grid; width: 66px; height: 66px; place-items: center; overflow: hidden; border: 1px solid rgba(80,59,99,.12); border-radius: 13px; background: #fff; }
.reward-image-copy strong,.reward-image-copy small { display: block; }
.reward-image-copy strong { color: #574467; font-size: 9px; }
.reward-image-copy small { margin-top: 6px; color: #92869b; font: 10px/1.45 var(--font-copy); }
.reward-image-upload { display: block!important; margin: 0!important; cursor: pointer; }
.reward-image-upload > span,.reward-image-remove { display: grid; min-height: 38px; padding: 0 12px; place-items: center; border: 0; border-radius: 9px; background: #5f3d80; color: #fff!important; font: 800 9px/1 var(--font-copy)!important; }
.reward-image-speed { margin: 0!important; }
.reward-image-speed input { min-height: 38px!important; }
.reward-image-remove { background: #fff0ed; color: #bd5147!important; cursor: pointer; }

.mail-layout { grid-template-columns: minmax(300px,.72fr) minmax(0,1.45fr); min-height: 660px; border-radius: 28px; box-shadow: 0 32px 90px rgba(76,51,19,.13); }
.mail-list { padding: 13px; }
.mail-item { padding: 20px 18px; border-radius: 18px; }
.mail-reader { position: relative; min-height: 660px; padding: clamp(30px,4.5vw,64px); overflow: hidden; isolation: isolate; background: radial-gradient(circle at 92% 8%,rgba(255,184,64,.13),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,250,237,.68)); }
.mail-reader::before { position: absolute; inset: 20px; z-index: -2; border: 1px solid rgba(238,154,42,.12); border-radius: 22px; content: ""; pointer-events: none; }
.mail-reader-mascot { position: absolute; z-index: -1; right: -55px; bottom: -90px; width: min(38%,285px); opacity: .075; filter: saturate(.85); pointer-events: none; }
.mail-reader > #mail-content:not([hidden]) { position: relative; display: flex; width: 100%; min-height: 100%; flex-direction: column; }
.mail-letter-stamp { display: flex; margin-bottom: 25px; align-items: center; gap: 12px; }
.mail-letter-stamp img { width: 106px; height: 34px; object-fit: contain; object-position: left center; }
.mail-letter-stamp span { padding-left: 12px; border-left: 1px solid rgba(102,74,40,.14); color: #c26c1c; font-size: 8px; letter-spacing: .12em; }
.mail-reader-meta { padding-bottom: 16px; border-bottom: 1px solid rgba(82,59,33,.1); font-size: 10px; }
.mail-letter-copy { max-width: 860px; padding: 6px 4px 4px 0; }
.mail-reader .mail-letter-copy h3 { max-width: 850px; margin: 26px 0 18px; font-size: clamp(24px,3.2vw,42px); line-height: 1.24; word-break: normal; overflow-wrap: normal; hyphens: none; }
.mail-reader .mail-letter-copy #mail-body { min-height: 76px; max-width: 820px; margin: 0; color: #655d55; font: 15px/1.82 var(--font-copy); white-space: pre-wrap; word-break: normal; overflow-wrap: normal; hyphens: none; }
.mail-attachments { margin-top: auto; padding-top: 34px; }
.mail-attachments[hidden] { display: none; }
.mail-attachments-heading { display: flex; margin-bottom: 11px; align-items: end; justify-content: space-between; gap: 16px; }
.mail-attachments-heading small,.mail-attachments-heading strong { display: block; }
.mail-attachments-heading small { color: #c37524; font-size: 8px; letter-spacing: .12em; }
.mail-attachments-heading strong { margin-top: 6px; color: #403226; font-size: 13px; }
.mail-attachments-heading > span { color: #998d81; font: 11px/1.4 var(--font-copy); }
.mail-attachment-list { display: grid; gap: 9px; }
.mail-attachment { display: grid; min-width: 0; padding: 13px 14px; grid-template-columns: 64px minmax(0,1fr) auto; gap: 14px; align-items: center; border: 1px solid rgba(221,145,39,.18); border-radius: 17px; background: linear-gradient(135deg,rgba(255,247,218,.9),rgba(255,255,255,.82)); box-shadow: 0 10px 30px rgba(86,57,20,.055); }
.mail-attachment[data-status="delivered"] { border-color: rgba(46,159,114,.18); background: linear-gradient(135deg,rgba(224,249,239,.76),rgba(255,255,255,.76)); }
.mail-attachment-copy { min-width: 0; }
.mail-attachment-copy small,.mail-attachment-copy strong,.mail-attachment-copy span { display: block; }
.mail-attachment-copy small { color: #b17b44; font-size: 7px; letter-spacing: .08em; }
.mail-attachment-copy strong { margin-top: 6px; color: #3c3025; font-size: 13px; line-height: 1.35; word-break: normal; overflow-wrap: normal; }
.mail-attachment-copy span { margin-top: 6px; color: #968a7f; font: 10px/1.4 var(--font-copy); }
.mail-attachment > button { min-width: 145px; min-height: 44px; padding: 0 15px; border: 0; border-radius: 11px; background: linear-gradient(135deg,#392d23,#201a15); color: #fff; font: 800 9px/1.2 var(--font-copy); cursor: pointer; transition: transform .2s ease,box-shadow .2s ease,opacity .2s ease; }
.mail-attachment > button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(48,35,23,.18); }
.mail-attachment > button:disabled { opacity: .54; cursor: default; }
.mail-attachment[data-status="delivered"] > button { color: #226f58; background: rgba(39,151,108,.1); }
.mail-state { min-height: 20px; margin: 15px 0 0; color: #6d4b8f; }

@media(max-width:860px) {
  .mail-layout { grid-template-columns: 1fr; }
  .mail-reader { min-height: 610px; }
  .reward-image-editor { grid-template-columns: 66px minmax(0,1fr) auto; }
  .reward-image-speed { grid-column: 2; }
}
@media(max-width:600px) {
  .aloha-logo-brand { min-width: 145px; }
  .aloha-logo-image,.cabinet-brand-logo { width: 142px; height: 44px; }
  .aloha-logo-caption,.cabinet-brand-caption { margin-left: 43px; font-size: 7px; }
  .mail-reader { min-height: 560px; padding: 29px 20px; }
  .mail-reader::before { inset: 10px; }
  .mail-letter-stamp img { width: 88px; }
  .mail-attachments-heading { align-items: flex-start; flex-direction: column; }
  .mail-attachment { grid-template-columns: 52px minmax(0,1fr); }
  .mail-attachment > button { width: 100%; min-width: 0; grid-column: 1/-1; }
  .reward-visual-mail { width: 48px; height: 48px; }
  .reward-image-editor { grid-template-columns: 58px 1fr; }
  .reward-image-preview { width: 58px; height: 58px; }
  .reward-image-upload,.reward-image-speed,.reward-image-remove { grid-column: 1/-1; width: 100%; }
}
@media(max-width:430px) {
  .aloha-logo-brand { min-width: 120px; }
  .aloha-logo-image,.cabinet-brand-logo { width: 120px; height: 38px; }
  .aloha-logo-caption,.cabinet-brand-caption { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .reward-visual img.animated { animation: none; }
}

/* ALOHA 0.27 — compact case studio, promoted navigation and chest collection */
@keyframes aloha-commerce-glow {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes aloha-commerce-spark {
  0%,58% { transform: translateX(-160%) skewX(-18deg); opacity: 0; }
  68% { opacity: .7; }
  86%,100% { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}
.cabinet-page .profile-nav .commerce-nav-button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--commerce-accent) 38%,transparent);
  background: linear-gradient(112deg,color-mix(in srgb,var(--commerce-accent) 14%,#fff),#fff 43%,color-mix(in srgb,var(--commerce-accent-2) 12%,#fff));
  background-size: 210% 210%;
  color: color-mix(in srgb,var(--commerce-accent) 72%,#272019);
  box-shadow: inset 0 1px rgba(255,255,255,.75),0 8px 22px color-mix(in srgb,var(--commerce-accent) 12%,transparent);
  animation: aloha-commerce-glow 8s ease-in-out infinite;
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.cabinet-page .profile-nav .commerce-nav-button::after {
  position: absolute;
  inset: -35% auto -35% -28%;
  z-index: -1;
  width: 22%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  content: "";
  transform: translateX(-160%) skewX(-18deg);
  animation: aloha-commerce-spark 7s ease-in-out infinite;
}
.cabinet-page .profile-nav .commerce-nav-button:hover {
  border-color: color-mix(in srgb,var(--commerce-accent) 66%,transparent);
  transform: translateY(-2px);
  box-shadow: inset 0 1px rgba(255,255,255,.85),0 13px 29px color-mix(in srgb,var(--commerce-accent) 20%,transparent);
}
.cabinet-page .profile-nav .commerce-nav-button.active {
  border-color: color-mix(in srgb,var(--commerce-accent) 78%,transparent);
  background: linear-gradient(120deg,var(--commerce-accent),var(--commerce-accent-2));
  color: #fff;
  box-shadow: 0 12px 30px color-mix(in srgb,var(--commerce-accent) 28%,transparent);
}
.cabinet-page .store-nav-button { --commerce-accent:#ed8c24; --commerce-accent-2:#ffd059; }
.cabinet-page .cases-nav-button { --commerce-accent:#8854d8; --commerce-accent-2:#25bcae; }
.cabinet-page .commerce-nav-button > span { font-size: 13px; filter: drop-shadow(0 2px 5px currentColor); }

.case-card { min-height: 370px; padding-top: 22px; }
.case-card-icon {
  display: grid;
  width: 100%;
  height: 172px;
  margin: 0 0 14px;
  place-items: center;
  overflow: visible;
  border-radius: 22px;
  background: radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--case-color) 22%,transparent),transparent 65%);
  font-size: 56px;
}
.case-card-icon.has-case-art { color: transparent; }
.case-card-chest-image { display: block; width: min(215px,92%); height: 168px; object-fit: contain; filter: drop-shadow(0 20px 17px rgba(45,28,19,.24)); transform: translateY(3px) scale(1); transition: transform .45s cubic-bezier(.2,.85,.25,1.2),filter .45s ease; }
.case-card:hover .case-card-chest-image,.case-card.selected .case-card-chest-image { transform: translateY(-5px) scale(1.07) rotate(-1deg); filter: drop-shadow(0 25px 21px color-mix(in srgb,var(--case-color) 34%,rgba(45,28,19,.24))); }
.case-details-copy > #case-details-icon { display:grid; width:150px; height:130px; flex:0 0 auto; place-items:center; border-radius:25px; background:radial-gradient(circle,color-mix(in srgb,var(--case-color) 18%,transparent),transparent 68%); }
.case-details-chest-image { width: 148px; height: 126px; object-fit: contain; filter: drop-shadow(0 16px 14px rgba(41,25,14,.2)); }
.case-purchase-name > span.has-case-art { width:78px; height:68px; background:radial-gradient(circle,rgba(255,185,76,.18),transparent 72%); }
.case-purchase-chest-image { width:78px; height:68px; object-fit:contain; filter:drop-shadow(0 9px 8px rgba(36,22,13,.2)); }

.case-art-heading { display:flex; margin-top:18px; align-items:center; justify-content:space-between; gap:14px; }
.case-art-heading strong,.case-art-heading small { display:block; }
.case-art-heading strong { color:#493a58; font-size:10px; }
.case-art-heading small { margin-top:5px; color:#978c9f; font:10px/1.45 var(--font-copy); }
.case-art-picker { display:grid; margin-top:10px; padding:3px 2px 12px; grid-auto-flow:column; grid-auto-columns:170px; gap:9px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline proximity; scrollbar-width:thin; }
.case-art-option { position:relative; display:grid; min-height:182px; padding:9px; grid-template-rows:112px auto; gap:7px; overflow:hidden; border:1px solid rgba(88,60,116,.12); border-radius:16px; outline:0; background:linear-gradient(145deg,#fff,#f8f3fc); color:#4a3a57; text-align:left; cursor:pointer; scroll-snap-align:start; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.case-art-option:hover,.case-art-option:focus-visible { border-color:rgba(112,68,171,.42); transform:translateY(-2px); box-shadow:0 12px 25px rgba(74,45,103,.12); }
.case-art-option.selected { border-color:#7650ab; box-shadow:inset 0 0 0 2px rgba(118,80,171,.15),0 12px 28px rgba(74,45,103,.13); }
.case-art-option-image { display:grid; place-items:center; border-radius:12px; background:radial-gradient(circle at 50% 68%,rgba(118,80,171,.16),transparent 65%); }
.case-art-option img { width:145px; height:110px; object-fit:contain; filter:drop-shadow(0 11px 9px rgba(43,27,18,.2)); }
.case-art-option strong,.case-art-option small { display:block; }
.case-art-option strong { overflow:hidden; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.case-art-option small { display:-webkit-box; margin-top:4px; overflow:hidden; color:#94879d; font:8px/1.35 var(--font-copy); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.case-art-option > i { position:absolute; top:8px; right:8px; display:grid; width:23px; height:23px; place-items:center; border-radius:50%; opacity:0; background:#7650ab; color:#fff; font-style:normal; font-size:10px; }
.case-art-option.selected > i { opacity:1; }
.admin-case-item { display:grid!important; grid-template-columns:46px minmax(0,1fr); gap:9px; align-items:center; }
.admin-case-item > span:last-child { min-width:0; }
.admin-case-art { display:grid; width:46px; height:42px; place-items:center; border-radius:10px; background:rgba(113,75,153,.08); }
.admin-case-chest-image { width:48px; height:42px; object-fit:contain; filter:drop-shadow(0 5px 4px rgba(35,22,15,.17)); }
@media(min-width:1001px) {
  .case-editor-layout > .admin-case-list { position:sticky; top:94px; max-height:calc(100dvh - 112px); overflow-y:auto; align-self:start; }
}
.case-editor .case-editor-actions { position:sticky; z-index:18; bottom:10px; margin:22px -10px -10px; padding:13px 15px; border:1px solid rgba(92,63,118,.13); border-radius:15px; background:rgba(255,255,255,.9); box-shadow:0 17px 40px rgba(54,34,71,.13); backdrop-filter:blur(12px); }

.case-reward-editor { display:grid; grid-template-columns:repeat(auto-fill,minmax(245px,1fr)); gap:10px; }
.case-reward-editor-head .case-sort-note { margin-top:4px; color:#8a7b94; font:9px/1.35 var(--font-copy); }
.case-reward-row { min-width:0; padding:0; border:0; background:transparent; }
.case-reward-compact-card { position:relative; display:grid; width:100%; min-height:126px; padding:14px; grid-template-columns:58px minmax(0,1fr) auto; grid-template-rows:1fr auto; gap:9px 12px; overflow:hidden; border:1px solid color-mix(in srgb,var(--rarity-color) 32%,rgba(79,58,96,.12)); border-radius:17px; background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 6%,#fff),#fff); color:#403448; text-align:left; cursor:pointer; box-shadow:0 8px 22px rgba(65,42,82,.055); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.case-reward-compact-card::before { position:absolute; inset:0 auto 0 0; width:3px; background:var(--rarity-color); content:""; opacity:.75; }
.case-reward-compact-card:hover,.case-reward-compact-card:focus-visible { border-color:var(--rarity-color); outline:0; transform:translateY(-2px); box-shadow:0 14px 30px color-mix(in srgb,var(--rarity-color) 15%,transparent); }
.case-reward-card-visual { display:grid; width:58px; height:58px; grid-row:1/3; place-items:center; align-self:center; overflow:hidden; border-radius:13px; background:color-mix(in srgb,var(--rarity-color) 9%,#f7f2f9); }
.reward-visual-admin-card { width:52px; height:52px; }
.case-reward-card-copy { min-width:0; }
.case-reward-card-copy small,.case-reward-card-copy strong,.case-reward-card-copy > span { display:block; }
.case-reward-card-copy small { color:var(--rarity-color); font-size:8px; text-transform:uppercase; }
.case-reward-card-copy strong { margin-top:5px; overflow:hidden; font-size:11px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.case-reward-card-copy > span { display:-webkit-box; margin-top:5px; overflow:hidden; color:#897d90; font:9px/1.35 var(--font-copy); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.case-reward-card-metrics { display:grid; justify-items:end; gap:5px; }
.case-reward-card-metrics b { color:#6f4d92; font:800 10px/1 var(--font-copy); }
.case-reward-card-metrics small { color:#9a8da1; font:8px/1 var(--font-copy); }
.case-reward-compact-card > i { grid-column:2/4; align-self:end; color:#7650ab; font:800 8px/1 var(--font-copy); font-style:normal; }
.case-reward-compact-card.guaranteed > i::before { margin-right:7px; content:"✦ ГАРАНТИЯ ·"; color:#c56b24; }
.case-reward-dialog { box-sizing:border-box; width:min(980px,calc(100vw - 24px)); max-width:none; max-height:calc(100dvh - 24px); padding:0; overflow:hidden; border:0; border-radius:24px; background:transparent; box-shadow:0 34px 110px rgba(34,18,46,.35); }
.case-reward-dialog::backdrop { background:rgba(25,14,35,.65); backdrop-filter:blur(7px); }
.case-reward-dialog-shell { display:flex; max-height:calc(100dvh - 24px); flex-direction:column; overflow:hidden; border:1px solid rgba(125,84,169,.2); border-radius:24px; background:linear-gradient(145deg,#fff,#fbf8fd); }
.case-reward-dialog header { display:flex; padding:22px 24px 17px; flex:0 0 auto; align-items:flex-start; justify-content:space-between; gap:18px; border-bottom:1px solid rgba(84,61,105,.1); }
.case-reward-dialog header small { color:#8355b1; font-size:8px; letter-spacing:.1em; }
.case-reward-dialog header h3 { margin:6px 0 0; color:#3e304a; font-size:20px; line-height:1.25; }
.case-reward-dialog header p { max-width:690px; margin:6px 0 0; color:#93869b; font:10px/1.5 var(--font-copy); }
.case-reward-dialog .dialog-close { position:static; flex:0 0 auto; }
.case-reward-dialog-body { padding:18px 24px 24px; overflow:auto; overscroll-behavior:contain; }
.case-reward-dialog .case-reward-row-main { grid-template-columns:74px minmax(190px,1.5fr) 150px 110px 90px; }
.case-reward-dialog .case-reward-action-row { grid-template-columns:minmax(145px,.8fr) minmax(180px,1.5fr) minmax(130px,.8fr) 40px; }
.case-reward-dialog footer { display:flex; padding:14px 24px; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid rgba(84,61,105,.1); background:rgba(249,245,252,.96); }
.case-reward-dialog footer .primary-action { min-width:150px; }
.case-reward-preview { margin-top:14px; padding:0; border:1px solid rgba(92,65,116,.12); border-radius:17px; background:#fff; }
.case-reward-preview > summary { display:flex; padding:16px 18px; align-items:center; justify-content:space-between; gap:15px; list-style:none; cursor:pointer; }
.case-reward-preview > summary::-webkit-details-marker { display:none; }
.case-reward-preview > summary strong,.case-reward-preview > summary small { display:block; }
.case-reward-preview > summary strong { color:#544164; font-size:10px; }
.case-reward-preview > summary small { margin-top:5px; color:#978b9e; font:10px/1.4 var(--font-copy); }
.case-reward-preview > summary > b { color:#7650ab; font:800 9px/1 var(--font-copy); }
.case-reward-preview[open] > summary > b { font-size:0; }
.case-reward-preview[open] > summary > b::after { content:"Свернуть"; font-size:9px; }
.case-reward-preview-grid { padding:0 18px 18px; }
.case-reward-preview-card { min-height:205px; }

.minecraft-tooltip-layer { position:fixed; inset:0; z-index:10000; pointer-events:none; }
.minecraft-tooltip.minecraft-tooltip-portal { position:fixed; z-index:10001; top:auto; left:auto; width:min(340px,calc(100vw - 24px)); opacity:1; transform:none; transition:opacity .14s ease; }
.minecraft-tooltip:has(.minecraft-container-grid),.minecraft-tooltip.minecraft-tooltip-portal:has(.minecraft-container-grid) { width:min(720px,calc(100vw - 24px)); }
.minecraft-container-title { margin-top:16px; color:#bb87e6; }
.minecraft-container-grid { display:grid; margin-top:9px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.minecraft-container-grid > article { display:grid; min-width:0; padding:9px; grid-template-columns:42px minmax(0,1fr); gap:9px; border:1px solid rgba(179,112,225,.22); border-radius:9px; background:rgba(83,34,112,.2); }
.minecraft-container-grid article > div { min-width:0; }
.minecraft-container-grid strong,.minecraft-container-grid small { display:block; overflow:hidden; text-overflow:ellipsis; }
.minecraft-container-grid strong { color:#f8efff; font:800 11px/1.3 var(--font-copy); white-space:nowrap; }
.minecraft-container-grid small { margin-top:3px; color:#94859e; font:8px/1.35 var(--font-copy); white-space:nowrap; }
.minecraft-container-grid p { margin:4px 0 0; overflow:hidden; color:#bbb1c1; font:9px/1.35 var(--font-copy); text-overflow:ellipsis; white-space:nowrap; }
.minecraft-container-enchants { display:flex; margin-top:5px; flex-wrap:wrap; gap:3px; }
.minecraft-container-enchants span { padding:3px 5px; border-radius:5px; background:rgba(128,105,235,.17); color:#bdb4ff; font:8px/1.2 var(--font-copy); }
.minecraft-container-grid .minecraft-container-attributes { margin-top:5px; color:#70c9a9; white-space:normal; }
@media(max-width:620px) { .minecraft-container-grid { grid-template-columns:1fr; } }
.case-reward.has-open-tooltip { outline:2px solid color-mix(in srgb,var(--rarity-color) 35%,transparent); outline-offset:2px; }

.mail-reader .mail-letter-copy #mail-body { min-height:0; }
.mail-reader .mail-letter-copy #mail-body[hidden] { display:none; }
.mail-reader .mail-letter-copy.body-empty h3 { margin-bottom:0; }
.mail-attachments { margin-top:20px; padding-top:0; }
.mail-letter-copy.body-empty + .mail-attachments { margin-top:18px; }

@media(max-width:900px) {
  .case-reward-dialog .case-reward-row-main { grid-template-columns:70px minmax(170px,1fr) 135px 100px; }
  .case-reward-dialog .case-reward-row-main output { grid-column:4; }
  .case-reward-dialog .case-reward-story { grid-template-columns:1fr 1fr; }
  .case-reward-dialog .reward-guarantee { grid-column:1/-1; }
  .case-reward-dialog .case-reward-action-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .case-card { min-height:340px; }
  .case-card-icon { height:150px; }
  .case-card-chest-image { height:145px; }
  .case-details-copy > #case-details-icon { width:110px; height:100px; }
  .case-details-chest-image { width:112px; height:98px; }
  .case-art-heading { align-items:flex-start; flex-direction:column; }
  .case-art-picker { grid-auto-columns:150px; }
  .case-reward-editor { grid-template-columns:1fr; }
  .case-reward-dialog { width:calc(100% - 12px); max-height:calc(100dvh - 12px); border-radius:18px; }
  .case-reward-dialog-shell { max-height:calc(100dvh - 12px); border-radius:18px; }
  .case-reward-dialog header,.case-reward-dialog-body,.case-reward-dialog footer { padding-inline:15px; }
  .case-reward-dialog .case-reward-row-main,.case-reward-dialog .case-reward-story,.case-reward-dialog .case-reward-action-row { grid-template-columns:1fr; }
  .case-reward-dialog .case-reward-row-main output,.case-reward-dialog .reward-guarantee { grid-column:1; }
  .case-reward-dialog footer { align-items:stretch; flex-direction:column-reverse; }
  .case-reward-dialog footer > button { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .cabinet-page .profile-nav .commerce-nav-button,.cabinet-page .profile-nav .commerce-nav-button::after,.case-card-chest-image,.case-reward-compact-card,.case-art-option { animation:none!important; transition:none!important; }
}

/* ALOHA 0.28 — live cabinet, reward history and cinematic case opening */
@keyframes aloha-pulse-shimmer {
  0%,62% { transform:translateX(-145%) skewX(-17deg); opacity:0; }
  72% { opacity:.72; }
  92%,100% { transform:translateX(430%) skewX(-17deg); opacity:0; }
}
@keyframes aloha-chest-awake {
  0%,100% { transform:translateY(2px) scale(.96) rotate(-1deg); }
  50% { transform:translateY(-9px) scale(1.04) rotate(1deg); }
}
@keyframes aloha-rays-turn { to { transform:rotate(360deg); } }
@keyframes aloha-case-particles {
  0%,100% { transform:translate3d(0,7px,0) scale(.88); opacity:.35; }
  50% { transform:translate3d(0,-12px,0) scale(1.05); opacity:1; }
}
@keyframes aloha-case-burst {
  0% { transform:scale(.82); opacity:.35; }
  65% { transform:scale(1.22); opacity:1; }
  100% { transform:scale(1.5); opacity:0; }
}
@keyframes aloha-draft-pulse {
  0%,100% { box-shadow:0 0 0 0 color-mix(in srgb,var(--draft-color) 30%,transparent); }
  50% { box-shadow:0 0 0 7px transparent; }
}

.overview-pulse {
  display:grid;
  margin:22px 0 34px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.overview-pulse-card {
  --pulse-accent:#7b55b4;
  --pulse-accent-2:#34bdb0;
  position:relative;
  display:grid;
  min-width:0;
  min-height:190px;
  padding:22px;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto 1fr auto;
  gap:8px 11px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--pulse-accent) 24%,rgba(66,50,35,.1));
  border-radius:24px;
  background:
    radial-gradient(circle at 96% 5%,color-mix(in srgb,var(--pulse-accent-2) 23%,transparent),transparent 44%),
    linear-gradient(145deg,color-mix(in srgb,var(--pulse-accent) 7%,#fff),rgba(255,253,247,.96));
  color:#382f29;
  text-align:left;
  cursor:pointer;
  box-shadow:0 14px 38px rgba(72,46,20,.075);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;
}
.overview-pulse-card::before {
  position:absolute;
  inset:-25% auto -25% -18%;
  z-index:-1;
  width:18%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  content:"";
  animation:aloha-pulse-shimmer 8.5s ease-in-out infinite;
}
.overview-pulse-card::after {
  position:absolute;
  z-index:-2;
  right:-35px;
  bottom:-55px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--pulse-accent);
  content:"";
  opacity:.08;
  filter:blur(5px);
}
.overview-pulse-card:hover,.overview-pulse-card:focus-visible {
  border-color:color-mix(in srgb,var(--pulse-accent) 58%,transparent);
  outline:0;
  transform:translateY(-5px);
  box-shadow:0 21px 48px color-mix(in srgb,var(--pulse-accent) 16%,rgba(52,36,17,.12));
}
.overview-pulse-card > span {
  display:grid;
  width:39px;
  height:39px;
  grid-row:1/3;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(145deg,var(--pulse-accent),var(--pulse-accent-2));
  color:#fff;
  font:19px/1 var(--font-copy);
  box-shadow:0 9px 22px color-mix(in srgb,var(--pulse-accent) 26%,transparent);
}
.overview-pulse-card small { align-self:end; color:var(--pulse-accent); font-size:8px; letter-spacing:.11em; }
.overview-pulse-card strong { align-self:start; overflow-wrap:anywhere; font-size:16px; line-height:1.25; }
.overview-pulse-card p { min-height:39px; margin:4px 0 0; grid-column:1/-1; color:#80766e; font:11px/1.5 var(--font-copy); }
.overview-pulse-card b { grid-column:1/-1; color:color-mix(in srgb,var(--pulse-accent) 79%,#2f2924); font:800 9px/1 var(--font-copy); letter-spacing:.04em; }
.overview-pulse-card.mail { --pulse-accent:#df7931; --pulse-accent-2:#ffd161; }
.overview-pulse-card.history { --pulse-accent:#168b82; --pulse-accent-2:#57d7cb; }
.overview-pulse-card.security { --pulse-accent:#4b74bb; --pulse-accent-2:#93b8ff; }

.mail-toolbar {
  display:flex;
  margin:0 0 13px;
  padding:9px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(78,58,38,.1);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  box-shadow:0 10px 32px rgba(69,48,23,.055);
  backdrop-filter:blur(10px);
}
.mail-filter-tabs { display:flex; min-width:0; flex-wrap:wrap; gap:5px; }
.mail-filter-tabs button,.notification-filters button {
  min-height:38px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#7f746a;
  font:800 10px/1 var(--font-copy);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.mail-filter-tabs button::after { margin-left:6px; color:#ac9f94; content:attr(data-count); font-size:8px; }
.mail-filter-tabs button:hover,.notification-filters button:hover { background:#f6f0fb; color:#63428e; }
.mail-filter-tabs button.active,.notification-filters button.active { border-color:rgba(111,71,158,.16); background:#eee5f7; color:#654092; }
.mail-claim-all,.mail-claim-message {
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:12px;
  background:linear-gradient(120deg,#6f43a4,#3e988f);
  color:#fff;
  font:800 10px/1 var(--font-copy);
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(92,57,129,.2);
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.mail-claim-all:hover:not(:disabled),.mail-claim-message:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 14px 30px rgba(92,57,129,.28); }
.mail-claim-all:disabled,.mail-claim-message:disabled { opacity:.45; cursor:default; box-shadow:none; }
.mail-claim-all.busy span { display:inline-block; animation:aloha-rays-turn 1.2s linear infinite; }
.mail-actions { display:flex; margin-top:13px; align-items:center; gap:8px; }
.mail-actions #mail-delete { margin-top:0; }

.case-opening-history {
  position:relative;
  margin-top:24px;
  padding:clamp(20px,3vw,29px);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--case-color) 21%,rgba(74,55,34,.1));
  border-radius:23px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--case-color) 11%,transparent),transparent 42%),
    linear-gradient(145deg,#fff,rgba(255,251,243,.88));
}
.case-opening-history-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.case-opening-history-head small,.case-opening-history-head h3 { display:block; }
.case-opening-history-head small { color:var(--case-color); font-size:8px; letter-spacing:.11em; }
.case-opening-history-head h3 { margin:7px 0 0; color:#3c3026; font-size:20px; }
.case-opening-history-head button {
  min-height:39px;
  padding:0 13px;
  border:1px solid color-mix(in srgb,var(--case-color) 25%,rgba(68,50,31,.09));
  border-radius:11px;
  background:rgba(255,255,255,.74);
  color:color-mix(in srgb,var(--case-color) 72%,#41352b);
  font:800 9px/1 var(--font-copy);
  cursor:pointer;
}
.case-history-summary { display:grid; margin:17px 0 12px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.case-history-summary > span { padding:11px 13px; border-radius:13px; background:rgba(74,54,34,.045); }
.case-history-summary strong,.case-history-summary small { display:block; }
.case-history-summary strong { color:#41342a; font-size:15px; }
.case-history-summary small { margin-top:4px; color:#9b8f84; font:9px/1.3 var(--font-copy); }
.case-history-list { display:grid; gap:7px; }
.case-history-row {
  position:relative;
  display:grid;
  width:100%;
  min-width:0;
  padding:11px 13px;
  grid-template-columns:54px 46px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--rarity-color) 21%,rgba(71,54,37,.08));
  border-radius:15px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--rarity-color) 4%,#fff),rgba(255,255,255,.75));
  color:#3c3128;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.case-history-row::before { position:absolute; inset:0 auto 0 0; width:3px; background:var(--rarity-color); content:""; opacity:.75; }
.case-history-row:hover { border-color:color-mix(in srgb,var(--rarity-color) 58%,transparent); transform:translateX(3px); box-shadow:0 10px 25px color-mix(in srgb,var(--rarity-color) 10%,transparent); }
.case-history-case-art { display:grid; width:54px; height:48px; place-items:center; border-radius:11px; background:color-mix(in srgb,var(--case-color) 8%,#f6f0e8); }
.case-history-chest-image { width:56px; height:49px; object-fit:contain; filter:drop-shadow(0 5px 5px rgba(47,31,19,.2)); }
.case-history-row > i { display:grid; width:46px; height:46px; place-items:center; overflow:hidden; border-radius:11px; background:color-mix(in srgb,var(--rarity-color) 8%,#f4efe9); font-style:normal; }
.reward-visual-history { width:42px; height:42px; }
.case-history-row > div { min-width:0; }
.case-history-row > div small,.case-history-row > div strong,.case-history-row > div p { display:block; }
.case-history-row > div small { color:var(--rarity-color); font-size:8px; text-transform:uppercase; }
.case-history-row > div strong { margin-top:5px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.case-history-row > div p { margin:4px 0 0; overflow:hidden; color:#8e8379; font:10px/1.35 var(--font-copy); text-overflow:ellipsis; white-space:nowrap; }
.case-history-meta { display:grid; justify-items:end; gap:7px; }
.case-history-meta em { padding:5px 7px; border-radius:999px; background:color-mix(in srgb,var(--rarity-color) 11%,#f2ece5); color:color-mix(in srgb,var(--rarity-color) 75%,#4d4035); font:800 8px/1 var(--font-copy); font-style:normal; }
.case-history-meta time { color:#a3978c; font:9px/1 var(--font-copy); white-space:nowrap; }
.case-history-empty { display:grid; min-height:125px; padding:18px; place-content:center; justify-items:center; color:#958a80; text-align:center; }
.case-history-empty span { color:var(--case-color); font-size:26px; }
.case-history-empty strong { margin-top:8px; color:#54473c; font-size:11px; }
.case-history-empty small { margin-top:5px; font:10px/1.4 var(--font-copy); }

.case-opening-dialog {
  background:
    radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--case-color) 30%,transparent),transparent 43%),
    radial-gradient(circle at 100% 100%,rgba(74,41,111,.13),transparent 37%),
    linear-gradient(145deg,#fffdf7,#f8f2fb);
}
.case-opening-chest-stage[hidden],.case-result[hidden] { display:none!important; }
.case-opening-chest-stage {
  position:relative;
  display:grid;
  min-height:365px;
  margin:-6px 0 7px;
  place-content:center;
  justify-items:center;
  overflow:hidden;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--case-color) 18%,rgba(58,42,27,.08));
  border-radius:22px;
  background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--case-color) 22%,transparent),transparent 45%);
}
.case-opening-chest-stage::after {
  position:absolute;
  z-index:-2;
  bottom:-38px;
  width:270px;
  height:72px;
  border-radius:50%;
  background:color-mix(in srgb,var(--case-color) 28%,transparent);
  content:"";
  filter:blur(19px);
}
.case-opening-rays {
  position:absolute;
  z-index:-3;
  width:470px;
  height:470px;
  border-radius:50%;
  opacity:.34;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--case-color) 34%,transparent) 0 7deg,transparent 7deg 20deg);
  mask-image:radial-gradient(circle,transparent 0 19%,#000 41%,transparent 70%);
  animation:aloha-rays-turn 18s linear infinite;
}
.case-opening-particles {
  position:absolute;
  z-index:-1;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--case-color);
  box-shadow:-145px -34px 0 -1px var(--case-color),-112px 77px 0 1px color-mix(in srgb,var(--case-color) 65%,#fff),-71px -103px 0 0 var(--case-color),-27px 112px 0 -1px var(--case-color),43px -118px 0 1px color-mix(in srgb,var(--case-color) 60%,#fff),84px 89px 0 0 var(--case-color),129px -57px 0 -1px color-mix(in srgb,var(--case-color) 60%,#fff),151px 43px 0 1px var(--case-color);
  animation:aloha-case-particles 2.1s ease-in-out infinite;
}
#case-opening-chest { display:grid; width:270px; height:238px; place-items:center; }
.case-opening-chest-image { width:270px; height:238px; object-fit:contain; filter:drop-shadow(0 31px 24px rgba(42,27,16,.32)); animation:aloha-chest-awake 2s ease-in-out infinite; }
.case-opening-chest-stage > small { margin-top:-7px; color:color-mix(in srgb,var(--case-color) 78%,#4d4036); font-size:8px; letter-spacing:.16em; }
.case-opening-chest-stage[data-phase="burst"] .case-opening-chest-image { transform:scale(1.16); filter:drop-shadow(0 0 34px color-mix(in srgb,var(--case-color) 72%,transparent)); animation:aloha-case-burst .42s ease-out both; }
.case-opening-chest-stage[data-phase="burst"] .case-opening-rays { animation:aloha-case-burst .42s ease-out both; }
.case-result-actions { display:flex; margin-top:18px; justify-content:center; gap:8px; }
.case-result-actions button {
  min-height:44px;
  padding:0 17px;
  border:1px solid rgba(86,60,111,.14);
  border-radius:12px;
  background:#fff;
  color:#6c4696;
  font:800 9px/1 var(--font-copy);
  cursor:pointer;
}
.case-result-actions #case-opening-again { border:0; background:linear-gradient(120deg,var(--case-color),#7048a2); color:#fff; box-shadow:0 10px 25px color-mix(in srgb,var(--case-color) 20%,transparent); }

.notification-filters { display:flex; padding:9px 14px; overflow-x:auto; gap:4px; border-bottom:1px solid rgba(79,64,36,.09); scrollbar-width:thin; }
.notification-filters button { flex:0 0 auto; }
.notification-group-label { padding:11px 13px 5px; color:#a09287; font:800 8px/1 var(--font-copy); letter-spacing:.11em; }

.case-editor-topline { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.case-editor-duplicate,.case-editor-quiet-action {
  min-height:37px;
  padding:0 12px;
  border:1px solid rgba(106,70,142,.16);
  border-radius:10px;
  background:#f6f0fb;
  color:#68438f;
  font:800 9px/1 var(--font-copy);
  cursor:pointer;
}
.case-draft-state {
  --draft-color:#887792;
  display:grid;
  margin:13px 0 2px;
  padding:10px 12px;
  grid-template-columns:auto auto 1fr auto;
  gap:8px;
  align-items:center;
  border:1px solid color-mix(in srgb,var(--draft-color) 18%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,var(--draft-color) 5%,#fff);
}
.case-draft-state[data-state="pending"],.case-draft-state[data-state="saving"] { --draft-color:#d48a2c; }
.case-draft-state[data-state="saved"],.case-draft-state[data-state="restored"] { --draft-color:#239a79; }
.case-draft-state[data-state="error"] { --draft-color:#c65349; }
.case-draft-state > span { color:var(--draft-color); font-size:8px; animation:aloha-draft-pulse 1.8s ease-in-out infinite; }
.case-draft-state strong { color:color-mix(in srgb,var(--draft-color) 80%,#3e342c); font-size:9px; }
.case-draft-state small { min-width:0; color:#91867d; font:9px/1.4 var(--font-copy); }
.case-draft-state button { padding:5px 0 5px 8px; border:0; background:transparent; color:#a14c45; font:800 8px/1 var(--font-copy); cursor:pointer; }
.case-version-history { margin-top:15px; overflow:hidden; border:1px solid rgba(91,64,116,.12); border-radius:15px; background:#fff; }
.case-version-history > summary { display:flex; padding:15px 17px; align-items:center; justify-content:space-between; gap:12px; list-style:none; cursor:pointer; }
.case-version-history > summary::-webkit-details-marker { display:none; }
.case-version-history > summary strong,.case-version-history > summary small { display:block; }
.case-version-history > summary strong { color:#564267; font-size:9px; }
.case-version-history > summary small { margin-top:4px; color:#968b9d; font:9px/1.35 var(--font-copy); }
.case-version-history > summary b { color:#744ba0; font:800 8px/1 var(--font-copy); }
.case-version-history[open] > summary b { font-size:0; }
.case-version-history[open] > summary b::after { content:"Свернуть"; font-size:8px; }
#case-version-history-list { display:grid; padding:0 16px 16px; gap:6px; }
.case-version-row { display:grid; padding:11px 12px; grid-template-columns:1fr auto; gap:10px; align-items:center; border-radius:11px; background:#f8f4fb; }
.case-version-row strong,.case-version-row small { display:block; }
.case-version-row strong { color:#503d60; font-size:9px; }
.case-version-row small { margin-top:5px; color:#94899b; font:9px/1.35 var(--font-copy); }
.case-version-row time { color:#a196a7; font:9px/1 var(--font-copy); white-space:nowrap; }

@media(max-width:1050px) {
  .overview-pulse { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-pulse-card { min-height:164px; }
}
@media(max-width:760px) {
  .mail-toolbar { align-items:stretch; flex-direction:column; }
  .mail-filter-tabs { flex-wrap:nowrap; overflow-x:auto; }
  .mail-claim-all { width:100%; }
  .case-history-row { grid-template-columns:48px 42px minmax(0,1fr); }
  .case-history-case-art { width:48px; }
  .case-history-meta { grid-column:3; justify-items:start; grid-template-columns:auto auto; }
  .case-opening-chest-stage { min-height:315px; }
  #case-opening-chest,.case-opening-chest-image { width:225px; height:200px; }
  .case-editor-topline { flex-direction:column; }
  .case-editor-duplicate { width:100%; }
  .case-draft-state { grid-template-columns:auto 1fr auto; }
  .case-draft-state small { grid-row:2; grid-column:2/4; }
}
@media(max-width:520px) {
  .overview-pulse { grid-template-columns:1fr; }
  .overview-pulse-card { min-height:150px; }
  .case-opening-history { padding:16px 12px; }
  .case-opening-history-head { align-items:flex-start; }
  .case-history-summary { grid-template-columns:1fr; }
  .case-history-row { grid-template-columns:42px minmax(0,1fr); }
  .case-history-case-art { display:none; }
  .case-history-row > i { width:42px; height:42px; }
  .case-history-meta { grid-column:2; }
  .case-result-actions { align-items:stretch; flex-direction:column; }
  .case-result-actions button { width:100%; }
  .case-opening-chest-stage { min-height:270px; }
  #case-opening-chest,.case-opening-chest-image { width:190px; height:170px; }
  .case-opening-rays { width:350px; height:350px; }
  .case-version-row { grid-template-columns:1fr; }
}

/* 0.31 · Social safety, Ohana pages and conversation controls. */
.conversation-view-tabs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin:.55rem .55rem 0;
  padding:4px;
  border:1px solid rgba(96,222,215,.12);
  border-radius:13px;
  background:rgba(4,19,32,.52);
}

.conversation-view-tabs button {
  min-height:34px;
  border:0;
  border-radius:9px;
  color:#708f9e;
  background:transparent;
  font-size:.68rem;
  font-weight:800;
}

.conversation-view-tabs button.active {
  color:#eafffd;
  background:linear-gradient(135deg,rgba(57,194,187,.25),rgba(135,74,210,.2));
  box-shadow:inset 0 0 0 1px rgba(89,231,220,.18);
}

.conversation-muted {
  display:inline-flex;
  margin-left:.25rem;
  padding:.15rem .34rem;
  border:1px solid rgba(169,131,235,.18);
  border-radius:999px;
  color:#bfa4e9;
  background:rgba(112,69,170,.12);
  font:700 .48rem/1 var(--body-font);
  vertical-align:middle;
}

.chat-person { min-width:0; }
.chat-typing { color:#cbf779!important; animation:typing-pulse 1.1s ease-in-out infinite; }
@keyframes typing-pulse { 50% { opacity:.45; } }

.chat-tools {
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:4px;
}

.chat-tools button {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border:1px solid rgba(97,225,216,.16);
  border-radius:11px;
  color:#91babf;
  background:rgba(255,255,255,.035);
  font-weight:900;
}

.chat-tools button:hover,
.chat-tools button.active {
  color:#eafffd;
  border-color:rgba(96,234,221,.35);
  background:linear-gradient(145deg,rgba(49,189,181,.2),rgba(123,72,191,.17));
}

.chat-tools .chat-block-action { color:#ff9aaa; border-color:rgba(255,112,130,.22); background:rgba(137,35,58,.13); }
.chat-tools .chat-block-action.unblock { color:#6fe5bd; border-color:rgba(91,227,186,.24); background:rgba(39,153,121,.12); }

.chat-bubble { position:relative; }
.chat-message-report {
  position:absolute;
  top:50%;
  right:-31px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  opacity:0;
  transform:translateY(-50%);
  border:1px solid rgba(255,154,113,.2);
  border-radius:8px;
  color:#ffb184;
  background:rgba(105,53,45,.2);
  transition:opacity .16s ease;
  font-weight:900;
}
.chat-bubble:hover .chat-message-report,
.chat-message-report:focus-visible { opacity:1; }

.report-action { color:#ffbd91!important; border-color:rgba(255,158,98,.24)!important; background:rgba(146,75,42,.13)!important; }

.social-report-dialog {
  width:min(560px,calc(100vw - 28px));
  max-height:min(760px,calc(100dvh - 28px));
  overflow:auto;
  padding:1.5rem;
  border:1px solid rgba(96,233,221,.28);
  border-radius:25px;
  color:#efffff;
  background:
    radial-gradient(circle at 90% 0,rgba(154,78,235,.22),transparent 34%),
    linear-gradient(150deg,#0b3141,#091727 64%,#15142f);
  box-shadow:0 34px 90px rgba(0,0,0,.55);
}
.social-report-dialog::backdrop { background:rgba(1,8,17,.75); backdrop-filter:blur(9px); }
.social-report-dialog .dialog-label { color:#5ce4da; font:900 .57rem/1 var(--pixel-font); letter-spacing:.1em; }
.social-report-dialog h2 { margin:.6rem 0 .4rem; font:900 clamp(1.55rem,5vw,2.25rem)/1 var(--display-font); }
.social-report-dialog > p { color:#91acb7; }
.social-report-dialog form { display:grid; gap:.8rem; }
.social-report-dialog label { display:grid; gap:.35rem; color:#9bb2bc; font-size:.72rem; }
.social-report-dialog :is(select,textarea) { width:100%; color:#efffff; border-color:rgba(100,225,216,.18); background:rgba(3,18,31,.67); }
.social-report-preview { padding:.85rem; border-left:3px solid #ff9b65; border-radius:0 12px 12px 0; color:#d9e9eb; background:rgba(89,43,47,.17); white-space:pre-wrap; overflow-wrap:anywhere; }
.social-report-warning { margin:0; color:#b68d83!important; font-size:.67rem; line-height:1.5; }

.social-ohana-directory {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:1rem;
}

.social-ohana-card {
  --ohana-color:#52e4d8;
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  overflow:hidden;
  padding:1rem;
  border:1px solid color-mix(in srgb,var(--ohana-color) 42%,transparent);
  border-radius:20px;
  color:#ecfffd;
  text-decoration:none;
  background:linear-gradient(145deg,color-mix(in srgb,var(--ohana-color) 18%,rgba(5,24,38,.8)),rgba(11,20,39,.86));
  box-shadow:0 18px 36px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.04);
  transition:transform .18s ease,border-color .18s ease;
}
.social-ohana-card::after { content:""; position:absolute; width:140px; height:140px; right:-80px; top:-90px; border-radius:50%; border:22px solid color-mix(in srgb,var(--ohana-color) 14%,transparent); }
.social-ohana-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--ohana-color) 70%,transparent); }
.social-ohana-mark {
  width:76px; height:76px; display:grid; place-items:center; border-radius:20px;
  color:#061a22; background:linear-gradient(135deg,var(--ohana-color),color-mix(in srgb,var(--ohana-color) 45%,#f3f981));
  box-shadow:0 0 28px color-mix(in srgb,var(--ohana-color) 34%,transparent);
  font:900 clamp(.7rem,2vw,1rem)/1 var(--pixel-font);
}
.social-ohana-card small { display:block; color:var(--ohana-color); font:900 .54rem/1 var(--pixel-font); letter-spacing:.09em; }
.social-ohana-card strong { display:block; margin:.42rem 0 .32rem; font:900 1.25rem/1 var(--display-font); }
.social-ohana-card p { margin:0; color:#87a4b1; font-size:.68rem; }
.social-ohana-card > b { position:relative; z-index:1; font-size:1.2rem; }

.identity-ohana-page-link {
  display:block;
  margin-top:1rem;
  padding:.78rem 1rem;
  border:1px solid color-mix(in srgb,var(--identity-accent) 45%,transparent);
  border-radius:14px;
  color:#efffff;
  text-align:center;
  text-decoration:none;
  background:color-mix(in srgb,var(--identity-accent) 15%,transparent);
  font-weight:900;
}

.public-ohana-view { max-width:1240px; margin:0 auto; }
.public-ohana-content { --ohana-color:#52e4d8; }
.ohana-public-hero {
  display:grid;
  grid-template-columns:150px minmax(220px,1fr) minmax(460px,1.4fr);
  align-items:center;
  gap:24px;
  overflow:hidden;
  padding:1.4rem;
  border:1px solid color-mix(in srgb,var(--ohana-color) 46%,transparent);
  border-radius:30px;
  background:
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--ohana-color) 22%,transparent),transparent 34%),
    linear-gradient(145deg,rgba(7,40,53,.95),rgba(17,19,45,.96));
  box-shadow:0 30px 75px rgba(0,0,0,.28);
}
.ohana-public-seal { width:140px; height:140px; display:grid; place-items:center; border-radius:36px; color:#061a21; background:linear-gradient(135deg,var(--ohana-color),color-mix(in srgb,var(--ohana-color) 42%,#f2f77a)); box-shadow:0 0 45px color-mix(in srgb,var(--ohana-color) 31%,transparent); font:900 1.2rem/1 var(--pixel-font); }
.ohana-public-title small { color:var(--ohana-color); font:900 .58rem/1 var(--pixel-font); letter-spacing:.09em; }
.ohana-public-title h2 { margin:.5rem 0; color:#efffff; font:900 clamp(2rem,5vw,4rem)/.95 var(--display-font); }
.ohana-public-title p { margin:0; color:#87a5b1; font-size:.72rem; }
.ohana-public-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.ohana-public-metrics .identity-metric { min-width:0; padding:.9rem; border:1px solid rgba(105,224,217,.13); border-radius:16px; background:rgba(4,21,35,.5); }
.ohana-public-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr); gap:18px; margin-top:18px; }
.ohana-feed-column,.ohana-public-aside > section { border:1px solid rgba(98,225,217,.17); border-radius:24px; background:linear-gradient(145deg,rgba(8,39,52,.91),rgba(10,20,38,.93)); box-shadow:0 20px 48px rgba(0,0,0,.18); }
.ohana-feed-column { padding:1rem; }
.ohana-public-aside { display:grid; align-content:start; gap:18px; }
.ohana-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:.45rem .35rem 1rem; color:#efffff; font:900 .68rem/1 var(--pixel-font); letter-spacing:.07em; }
.ohana-section-head span { color:var(--ohana-color); font-family:var(--body-font); }
.ohana-post-form { margin-bottom:1rem; padding:.8rem; border:1px solid color-mix(in srgb,var(--ohana-color) 25%,transparent); border-radius:17px; background:color-mix(in srgb,var(--ohana-color) 7%,rgba(2,16,29,.6)); }
.ohana-post-form textarea { width:100%; resize:vertical; color:#efffff; border:0; background:transparent; }
.ohana-post-form > div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ohana-post-form span { color:#658691; font-size:.6rem; }
.ohana-post-form button { padding:.65rem .9rem; border:0; border-radius:12px; color:#061c22; background:linear-gradient(135deg,var(--ohana-color),#ccf878); font-weight:900; }
.ohana-feed { display:grid; gap:10px; }
.ohana-post { padding:1rem; border:1px solid rgba(101,222,216,.13); border-radius:18px; background:rgba(3,19,32,.5); }
.ohana-post header { display:flex; align-items:center; gap:.7rem; }
.ohana-post header a { display:block; color:#efffff; font-weight:900; text-decoration:none; }
.ohana-post time { display:block; margin-top:.22rem; color:#6d8e9c; font-size:.6rem; }
.ohana-post > p { margin:.85rem 0; color:#bad0d5; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.ohana-post-actions { display:flex; justify-content:flex-end; }
.ohana-post-actions button { padding:.45rem .65rem; border:1px solid rgba(255,158,98,.2); border-radius:10px; font-size:.62rem; }
.ohana-feed-pager,.social-report-pagination { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:1rem; }
.ohana-feed-pager button,.social-report-pagination button { padding:.6rem .8rem; border:1px solid rgba(96,226,216,.17); border-radius:11px; color:#c8e5e5; background:rgba(49,170,164,.1); }
.ohana-feed-pager span,.social-report-pagination span { color:#7898a3; font-size:.68rem; }
.ohana-members-card,.ohana-events-card { padding:1rem; }
.ohana-member-list,.ohana-event-list { display:grid; gap:7px; max-height:470px; overflow:auto; }
.ohana-member-list > a { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:.65rem; padding:.55rem; border:1px solid rgba(98,222,215,.11); border-radius:13px; color:inherit; text-decoration:none; background:rgba(4,20,33,.38); }
.ohana-member-list .social-avatar { width:42px; height:42px; border-radius:12px; }
.ohana-member-list strong,.ohana-member-list small { display:block; }
.ohana-member-list strong { color:#eafffd; }
.ohana-member-list small { margin-top:.18rem; overflow:hidden; color:#71929f; font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.ohana-event-list article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:.65rem; padding:.65rem; border-radius:13px; background:rgba(4,21,34,.42); }
.ohana-event-list article > span { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#061b21; background:var(--ohana-color); font-weight:900; }
.ohana-event-list strong { color:#eafffd; font-size:.73rem; }
.ohana-event-list p { margin:.22rem 0; color:#82a0aa; font-size:.65rem; line-height:1.45; }

.social-moderation-toolbar { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:1rem 0; }
.social-moderation-toolbar label { display:grid; gap:.35rem; color:#8ba4af; font-size:.66rem; }
.social-moderation-toolbar :is(select,button) { min-height:42px; border:1px solid rgba(98,225,216,.17); border-radius:12px; color:#efffff; background:rgba(4,21,34,.65); }
.social-moderation-toolbar button { padding:0 .9rem; }
.social-moderation-layout { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(390px,1.28fr); gap:14px; min-height:560px; }
.social-report-list,.social-report-inspector { min-width:0; overflow:auto; border:1px solid rgba(96,222,215,.13); border-radius:19px; background:rgba(3,18,31,.47); }
.social-report-list { display:grid; align-content:start; gap:6px; padding:7px; max-height:680px; }
.social-report-row { display:grid; gap:.35rem; padding:.8rem; border:1px solid transparent; border-radius:14px; color:inherit; text-align:left; background:transparent; }
.social-report-row:hover,.social-report-row.active { border-color:rgba(94,230,219,.22); background:linear-gradient(135deg,rgba(48,184,177,.13),rgba(116,67,182,.1)); }
.social-report-row > span { display:flex; align-items:center; justify-content:space-between; }
.social-report-row b { color:#61e2d9; }
.social-report-row i,.report-status { padding:.22rem .42rem; border-radius:999px; color:#d7e9e9; background:rgba(100,118,139,.2); font-size:.56rem; font-style:normal; }
.social-report-row .status-open,.report-status.status-open { color:#ffcf84; background:rgba(183,111,42,.18); }
.social-report-row .status-reviewing,.report-status.status-reviewing { color:#8cd6ff; background:rgba(46,116,173,.2); }
.social-report-row .status-resolved,.report-status.status-resolved { color:#86e8b8; background:rgba(39,145,105,.19); }
.social-report-row strong { color:#efffff; }
.social-report-row small,.social-report-row time { color:#75939f; font-size:.62rem; }
.social-report-inspector { padding:1rem; }
.social-report-inspector > header { display:flex; justify-content:space-between; gap:12px; }
.social-report-inspector header small { color:#63ded6; font:900 .52rem/1 var(--pixel-font); }
.social-report-inspector header h3 { margin:.45rem 0 .25rem; color:#efffff; font:900 1.6rem/1 var(--display-font); }
.social-report-inspector header p { margin:0; color:#7895a1; font-size:.66rem; }
.social-report-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:.9rem 0; }
.social-report-facts span { min-width:0; padding:.65rem; border:1px solid rgba(99,222,215,.11); border-radius:12px; background:rgba(4,21,34,.43); }
.social-report-facts small,.social-report-facts strong { display:block; }
.social-report-facts small { color:#6d8c99; font-size:.55rem; }
.social-report-facts strong { margin-top:.24rem; overflow:hidden; color:#dceff0; font-size:.68rem; text-overflow:ellipsis; }
.social-report-details,.social-report-snapshot { margin:.7rem 0; padding:.8rem; border-radius:14px; background:rgba(5,23,37,.56); }
.social-report-details small,.social-report-snapshot small { color:#7295a0; font:900 .52rem/1 var(--pixel-font); }
.social-report-details p,.social-report-snapshot p { margin:.5rem 0 0; color:#bdd1d5; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.social-report-snapshot { border-left:3px solid #ff9c6b; }
.social-report-decision,.social-report-restriction { display:grid; gap:.55rem; margin-top:.9rem; padding:.8rem; border:1px solid rgba(96,224,216,.13); border-radius:15px; background:rgba(4,20,33,.45); }
.social-report-decision label { color:#7896a2; font-size:.6rem; }
.social-report-decision :is(select,textarea),.social-report-restriction :is(select,input) { width:100%; color:#efffff; border-color:rgba(97,222,215,.14); background:rgba(2,15,27,.6); }
.social-report-decision button,.social-report-restriction button { min-height:40px; border:0; border-radius:11px; color:#061c22; background:linear-gradient(135deg,#5ae5da,#c9f776); font-weight:900; }
.social-report-restriction { grid-template-columns:140px minmax(0,1fr) auto; align-items:center; }
.social-report-restriction h4 { grid-column:1/-1; margin:0; color:#f2ffff; font:900 .65rem/1 var(--pixel-font); }
.social-report-restriction button { padding:0 .8rem; }
.social-restriction-active { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:.8rem; padding:.8rem; border:1px solid rgba(255,171,91,.2); border-radius:14px; background:rgba(133,68,38,.13); }
.social-restriction-active strong,.social-restriction-active small { display:block; }
.social-restriction-active strong { color:#ffd1a1; }
.social-restriction-active small { margin-top:.25rem; color:#a98e7b; font-size:.62rem; }
.social-report-empty { min-height:180px; display:grid; place-items:center; align-content:center; padding:1rem; color:#7895a1; text-align:center; }
.social-report-empty > span { color:#62e2d8; font-size:2rem; }
.social-report-empty h3 { margin:.7rem 0 .25rem; color:#eafffd; font-family:var(--display-font); }
.social-report-empty p { margin:0; }

@media(max-width:900px) {
  .social-ohana-directory { grid-template-columns:1fr; }
  .ohana-public-hero { grid-template-columns:110px minmax(0,1fr); }
  .ohana-public-seal { width:105px; height:105px; border-radius:28px; }
  .ohana-public-metrics { grid-column:1/-1; }
  .ohana-public-layout { grid-template-columns:1fr; }
  .ohana-public-aside { grid-template-columns:1fr 1fr; }
  .social-moderation-layout { grid-template-columns:1fr; min-height:0; }
  .social-report-list { max-height:330px; }
}

@media(max-width:760px) {
  .chat-head { flex-wrap:wrap; }
  #social-chat-column.mobile-chat-open .chat-head { min-height:calc(112px + env(safe-area-inset-top)); }
  #social-chat-column.mobile-chat-open .chat-head > a { margin-left:auto; }
  #social-chat-column.mobile-chat-open .chat-tools { order:10; width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:0; }
  #social-chat-column.mobile-chat-open .chat-tools button { width:100%; height:32px; min-height:32px; border-radius:10px; }
  .chat-message-report { position:static; width:22px; height:22px; margin:.25rem 0 0 auto; opacity:.7; transform:none; }
  .social-ohana-card { grid-template-columns:62px minmax(0,1fr) auto; padding:.75rem; }
  .social-ohana-mark { width:62px; height:62px; border-radius:17px; }
  .public-ohana-head { align-items:flex-start; }
  .ohana-public-hero { grid-template-columns:76px minmax(0,1fr); gap:13px; padding:1rem; border-radius:22px; }
  .ohana-public-seal { width:76px; height:76px; border-radius:21px; font-size:.7rem; }
  .ohana-public-title h2 { font-size:clamp(1.6rem,10vw,2.7rem); overflow-wrap:anywhere; }
  .ohana-public-metrics { grid-template-columns:1fr; }
  .ohana-public-aside { grid-template-columns:1fr; }
  .ohana-feed-column,.ohana-public-aside > section { border-radius:19px; }
  .social-moderation-toolbar { align-items:stretch; flex-direction:column; }
  .social-moderation-toolbar :is(select,button) { width:100%; }
  .social-report-inspector { padding:.75rem; }
  .social-report-facts { grid-template-columns:1fr; }
  .social-report-restriction { grid-template-columns:1fr; }
  .social-report-restriction h4 { grid-column:auto; }
  .social-restriction-active { align-items:stretch; flex-direction:column; }
  .social-report-dialog { padding:1rem; border-radius:20px; }
}

@media(max-width:400px) {
  #social-chat-column.mobile-chat-open .chat-head .social-avatar { display:none; }
  .social-ohana-card { grid-template-columns:52px minmax(0,1fr); }
  .social-ohana-mark { width:52px; height:52px; border-radius:15px; }
  .social-ohana-card > b { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  .chat-typing { animation:none; }
}
@media(prefers-reduced-motion:reduce) {
  .overview-pulse-card::before,.case-opening-rays,.case-opening-particles,.case-opening-chest-image,.case-draft-state > span { animation:none!important; }
  .case-opening-chest-stage[data-phase="burst"] .case-opening-chest-image,.case-opening-chest-stage[data-phase="burst"] .case-opening-rays { animation:none!important; }
}

/* Aloha ID 0.29 · live player passport */
.identity-nav-button { background:linear-gradient(135deg,rgba(25,169,166,.12),rgba(255,200,61,.14))!important; }
.identity-heading { margin-bottom:18px; }
.identity-sync-state,.identity-public-state {
  margin:0 0 18px;
  padding:13px 16px;
  border:1px solid rgba(67,139,130,.2);
  border-radius:14px;
  background:rgba(234,251,246,.72);
  color:#31746d;
  font:700 12px/1.55 var(--font-copy);
}
.identity-sync-state::before { content:"●"; margin-right:9px; color:#2bb697; }
.identity-sync-state.stale { border-color:rgba(211,139,45,.24); background:rgba(255,246,222,.82); color:#986122; }
.identity-sync-state.stale::before { color:#d99637; }
.identity-sync-state.missing,.identity-public-state.error { border-color:rgba(134,111,91,.18); background:rgba(244,239,231,.76); color:#7c6f61; }
.identity-sync-state.missing::before { color:#a69382; }
.identity-content { display:grid; gap:18px; }
.identity-passport {
  position:relative;
  display:grid;
  min-height:350px;
  grid-template-columns:minmax(250px,34%) 1fr;
  overflow:hidden;
  border:1px solid rgba(59,97,91,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,205,65,.24),transparent 31%),
    linear-gradient(135deg,#fffdf6 0%,#f2fbf7 50%,#fff7df 100%);
  box-shadow:0 28px 80px rgba(61,97,82,.12);
}
.identity-passport::before { content:""; position:absolute; z-index:0; right:-85px; top:-115px; width:330px; height:330px; border:52px solid rgba(255,179,44,.1); border-radius:50%; box-shadow:0 0 0 28px rgba(255,210,82,.055); pointer-events:none; }
.identity-passport::after {
  content:"ALOHA ID";
  position:absolute;
  right:28px;
  bottom:18px;
  color:rgba(30,98,88,.055);
  font:400 clamp(40px,7vw,92px)/.8 var(--font-game);
  pointer-events:none;
}
.identity-skin-stage {
  position:relative;
  display:grid;
  place-items:center;
  min-height:350px;
  overflow:hidden;
  border-right:1px solid rgba(49,111,101,.12);
  background:
    linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px),
    linear-gradient(165deg,#55c9bf,#268d8c 58%,#176d74);
  background-size:24px 24px,24px 24px,auto;
}
.identity-skin-stage::before {
  content:"";
  position:absolute;
  width:230px;
  height:54px;
  bottom:24px;
  border-radius:50%;
  background:rgba(7,65,66,.22);
  filter:blur(7px);
}
.identity-skin-stage::after { content:""; position:absolute; inset:auto 0 0; height:38%; background:linear-gradient(180deg,transparent,rgba(4,74,74,.27)); pointer-events:none; }
.identity-skin-ribbon { position:absolute; z-index:3; top:17px; left:17px; padding:7px 9px; border:1px solid rgba(255,255,255,.3); border-radius:8px; background:rgba(7,78,77,.28); color:rgba(255,255,255,.88); font:800 8px/1 var(--font-copy); letter-spacing:.13em; backdrop-filter:blur(5px); }
.identity-skin-canvas { position:relative; z-index:1; width:192px; height:296px; image-rendering:pixelated; filter:drop-shadow(0 16px 13px rgba(9,55,57,.3)); }
.identity-skin-controls {
  position:absolute;
  z-index:2;
  right:14px;
  bottom:14px;
  left:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
}
.identity-skin-controls button { width:34px; height:30px; border:1px solid rgba(255,255,255,.38); border-radius:9px; background:rgba(6,68,68,.34); color:#fff; cursor:pointer; }
.identity-skin-controls span { font:400 9px/1 var(--font-game); letter-spacing:.12em; }
.identity-passport-copy { position:relative; z-index:1; align-self:center; padding:42px clamp(28px,5vw,70px); }
.identity-passport-copy > small { display:block; color:#81776c; font:800 10px/1.2 var(--font-copy); letter-spacing:.16em; }
.identity-passport-copy > small.online { color:#18886f; }
.identity-passport-copy h2 { margin:13px 0 9px; color:#1f302d; font:400 clamp(40px,6vw,72px)/.92 var(--font-game); letter-spacing:-.035em; }
.identity-passport-copy code { color:#81766b; font:600 10px/1.4 ui-monospace,SFMono-Regular,monospace; }
.identity-passport-serial { display:block; width:max-content; margin-top:10px; padding:5px 7px; border:1px dashed rgba(40,113,101,.22); border-radius:6px; color:#4c8a7e; font:800 8px/1 var(--font-copy); letter-spacing:.12em; }
.identity-chip-row { display:flex; margin-top:24px; flex-wrap:wrap; gap:8px; }
.identity-chip-row span { padding:8px 11px; border:1px solid rgba(58,103,94,.12); border-radius:9px; background:rgba(255,255,255,.76); color:#42685f; font:800 10px/1 var(--font-copy); }
.identity-chip-row .privilege { border-color:rgba(255,146,35,.22); background:#fff3da; color:#a85e18; }
.identity-chip-row .balance { background:#e9faf5; color:#147d6d; }
.identity-chip-row .prestige { background:#fff2d7; color:#a45e0b; }
.identity-chip-row .honor { background:#f0eafd; color:#6e50aa; }
.identity-chip-row .honor.wanted { background:#ffe8e2; color:#b04635; }
.identity-since { margin:22px 0 0; color:#81766b; font-size:12px; }
.identity-passport-highlights { display:grid; max-width:650px; margin-top:22px; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(45,119,107,.12); border-radius:14px; background:rgba(255,255,255,.52); backdrop-filter:blur(8px); }
.identity-passport-highlights > span { min-width:0; padding:11px 13px; color:#8d8175; font:800 7px/1.2 var(--font-copy); letter-spacing:.1em; }
.identity-passport-highlights > span + span { border-left:1px solid rgba(45,119,107,.1); }
.identity-passport-highlights strong { display:block; margin-top:6px; overflow:hidden; color:#315d54; font:400 13px/1.1 var(--font-game); letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; }
.identity-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.identity-module,.identity-next-goal {
  position:relative;
  --identity-accent:#1aa7a3;
  min-width:0;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--identity-accent) 18%,transparent);
  border-radius:22px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--identity-accent) 6%,var(--paper)),var(--paper) 62%);
  box-shadow:0 15px 50px rgba(61,68,65,.06);
}
.identity-module { overflow:hidden; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.identity-module::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--identity-accent),color-mix(in srgb,var(--identity-accent) 38%,#ffd04e),transparent); }
.identity-module::after { content:""; position:absolute; right:-42px; top:-50px; width:130px; height:130px; border:24px solid color-mix(in srgb,var(--identity-accent) 7%,transparent); border-radius:50%; pointer-events:none; }
.identity-module:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--identity-accent) 30%,transparent); box-shadow:0 22px 58px color-mix(in srgb,var(--identity-accent) 10%,transparent); }
.identity-module.identity-tone-sun { --identity-accent:#e8962f; }
.identity-module.identity-tone-ohana { --identity-accent:#e7793c; }
.identity-module.identity-tone-ocean { --identity-accent:#148cac; }
.identity-module.identity-tone-violet { --identity-accent:#8064c9; }
.identity-module.identity-tone-coral { --identity-accent:#e9665b; }
.identity-module.identity-tone-mint { --identity-accent:#399c76; }
.identity-module-heading { display:flex; min-height:45px; align-items:flex-start; justify-content:space-between; gap:14px; }
.identity-module-lead { display:flex; min-width:0; align-items:flex-start; gap:12px; }
.identity-module-mark { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border:1px solid color-mix(in srgb,var(--identity-accent) 20%,transparent); border-radius:12px; background:color-mix(in srgb,var(--identity-accent) 10%,rgba(255,255,255,.78)); color:var(--identity-accent); font:800 17px/1 var(--font-copy); box-shadow:inset 0 1px rgba(255,255,255,.5); }
.identity-module-heading small,.identity-card-title > span { display:block; color:var(--identity-accent); font:800 9px/1.2 var(--font-copy); letter-spacing:.14em; }
.identity-module-heading h3,.identity-card-title h3 { margin:6px 0 0; color:var(--ink); font:400 clamp(19px,2.3vw,28px)/1.05 var(--font-game); }
.identity-module-badge { max-width:48%; padding:7px 9px; border-radius:8px; background:color-mix(in srgb,var(--identity-accent) 10%,transparent); color:var(--identity-accent); font:800 9px/1.35 var(--font-copy); text-align:right; }
.identity-metric-grid { display:grid; margin-top:20px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.identity-metric { min-width:0; padding:13px; border:1px solid color-mix(in srgb,var(--identity-accent) 11%,var(--line)); border-radius:13px; background:rgba(255,255,255,.64); }
.identity-metric small,.identity-metric strong,.identity-metric span { display:block; overflow:hidden; text-overflow:ellipsis; }
.identity-metric small { color:#8b7f74; font:700 9px/1.2 var(--font-copy); text-transform:uppercase; }
.identity-metric strong { margin-top:8px; color:#2d3633; font:400 16px/1.1 var(--font-game); white-space:nowrap; }
.identity-metric span { margin-top:5px; color:#9a8e82; font:600 9px/1.2 var(--font-copy); white-space:nowrap; }
.identity-progress { margin-top:17px; }
.identity-progress > div:first-child { display:flex; margin-bottom:7px; align-items:center; justify-content:space-between; gap:12px; color:#80766c; font:700 9px/1.2 var(--font-copy); }
.identity-progress > div:first-child strong { color:var(--identity-accent); }
.identity-progress-track { height:7px; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--identity-accent) 11%,#ece7de); }
.identity-progress-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--identity-accent),color-mix(in srgb,var(--identity-accent) 55%,#ffd24f)); }
.identity-next-goal { --identity-accent:#df8a30; display:grid; grid-template-columns:minmax(180px,.75fr) 1.25fr; align-items:center; gap:25px; background:linear-gradient(110deg,#fff4d8,#fffdf7 58%,#edfaf4); }
.identity-next-goal small { color:#b36c20; font:800 9px/1.2 var(--font-copy); letter-spacing:.14em; }
.identity-next-goal h3 { margin:6px 0 0; font:400 21px/1.15 var(--font-game); }
.identity-next-goal .identity-progress { margin:0; }
.identity-goal-list,.identity-achievement-list,.identity-mode-list { display:grid; margin-top:18px; gap:8px; }
.identity-goal-list > div,.identity-achievement-list > div { display:grid; padding:11px 12px; grid-template-columns:24px 1fr; gap:9px; border-radius:12px; background:color-mix(in srgb,var(--identity-accent) 5%,rgba(255,255,255,.7)); }
.identity-goal-list > div > span,.identity-achievement-list > div > span { color:var(--identity-accent); font-weight:900; }
.identity-goal-list strong,.identity-achievement-list strong { display:block; font-size:11px; }
.identity-goal-list .identity-progress { margin-top:8px; }
.identity-goal-list .identity-progress > div:first-child { display:none; }
.identity-goal-list > div.completed { opacity:.58; }
.identity-achievement-list small { display:block; margin-top:3px; color:#8d8278; font-size:10px; }
.identity-mode-list > div { display:flex; padding:10px 12px; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid color-mix(in srgb,var(--identity-accent) 10%,transparent); }
.identity-mode-list strong { font-size:11px; }
.identity-mode-list span { color:#8d8176; font-size:10px; text-align:right; }
.identity-collection-list { display:flex; margin-top:17px; flex-wrap:wrap; gap:7px; }
.identity-collection-list span { padding:7px 9px; border-radius:8px; background:#eef7f2; color:#3f7460; font:700 9px/1.2 var(--font-copy); }
.identity-collection-list .rarity-legendary { background:#fff1c9; color:#9f6713; }
.identity-collection-list .rarity-mythic { background:#f4e8ff; color:#7847a0; }
.identity-privacy-card { display:grid; margin-top:18px; padding:26px; grid-template-columns:minmax(230px,.72fr) 1.28fr; gap:28px; border:1px solid rgba(74,104,95,.14); border-radius:24px; background:var(--paper); }
.identity-card-title { --identity-accent:#268c80; }
.identity-card-title p { max-width:350px; margin:13px 0 0; color:var(--ink-soft); font-size:12px; }
.identity-privacy-form { display:grid; gap:14px; }
.identity-public-master { display:flex; padding:14px; align-items:center; justify-content:space-between; gap:15px; border-radius:14px; background:#eef9f5; cursor:pointer; }
.identity-public-master strong,.identity-public-master small { display:block; }
.identity-public-master strong { color:#286d63; font-size:12px; }
.identity-public-master small { margin-top:3px; color:#71948d; font-size:9px; }
.identity-public-master input { position:absolute; opacity:0; }
.identity-public-master i { position:relative; width:42px; height:24px; flex:0 0 auto; border-radius:999px; background:#c9d7d3; transition:.2s; }
.identity-public-master i::after { content:""; position:absolute; width:18px; height:18px; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(39,71,64,.18); transition:.2s; }
.identity-public-master input:checked + i { background:#20a58e; }
.identity-public-master input:checked + i::after { transform:translateX(18px); }
.identity-privacy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.identity-privacy-grid label { position:relative; display:flex; min-height:38px; padding:8px 10px; align-items:center; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.58); color:#7a7067; font:700 9px/1.2 var(--font-copy); cursor:pointer; }
.identity-privacy-grid input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.identity-privacy-grid label:has(input:checked) { border-color:rgba(28,161,139,.3); background:#edf9f5; color:#247767; }
.identity-privacy-grid label:has(input:checked)::after { content:"✓"; margin-left:auto; color:#1b9e85; }
.identity-public-link > label { display:block; margin-bottom:6px; color:#8a8077; font:800 9px/1.2 var(--font-copy); text-transform:uppercase; }
.identity-public-link > div { display:grid; grid-template-columns:1fr auto auto; gap:7px; }
.identity-public-link input { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:#f8f5ef; color:#70665d; font:600 10px/1.2 ui-monospace,monospace; }
.identity-public-link button,.identity-public-link a,.identity-privacy-actions button { display:inline-flex; min-height:38px; padding:0 13px; align-items:center; justify-content:center; border:0; border-radius:10px; background:#2d3b37; color:#fff; font:800 9px/1 var(--font-copy); text-decoration:none; cursor:pointer; }
.identity-public-link a { background:#1a9e87; }
.identity-public-link a.disabled { opacity:.42; cursor:not-allowed; }
.identity-privacy-actions { display:flex; align-items:center; gap:13px; }
.identity-privacy-actions button { min-width:165px; background:linear-gradient(135deg,#ff9b28,#f1712c); }
.identity-privacy-actions p { margin:0; color:#7c7268; font-size:10px; }
.identity-privacy-actions p.success { color:#1a8b73; }
.identity-privacy-actions p.error { color:#b24c43; }
.public-profile-view { padding:48px 0 80px; }
.public-profile-head { display:flex; margin-bottom:30px; align-items:flex-end; justify-content:space-between; gap:24px; }
.public-profile-head h1 { margin:12px 0 0; font:400 clamp(42px,7vw,78px)/.9 var(--font-game); }
.public-profile-head h1 em { color:var(--orange); font-style:normal; }
.public-profile-head > a { padding:12px 15px; border:1px solid var(--line); border-radius:11px; background:var(--paper); color:var(--ink); font:800 10px/1 var(--font-copy); text-decoration:none; }

@media(max-width:920px) {
  .identity-passport { grid-template-columns:280px 1fr; }
  .identity-module-grid { grid-template-columns:1fr; }
  .identity-privacy-card { grid-template-columns:1fr; }
}
@media(max-width:680px) {
  .identity-passport { grid-template-columns:1fr; }
  .identity-skin-stage { min-height:330px; border-right:0; border-bottom:1px solid rgba(49,111,101,.12); }
  .identity-passport-copy { padding:28px 22px 42px; }
  .identity-passport-copy h2 { font-size:42px; }
  .identity-passport-highlights { grid-template-columns:1fr; }
  .identity-passport-highlights > span + span { border-top:1px solid rgba(45,119,107,.1); border-left:0; }
  .identity-module,.identity-next-goal { padding:19px; }
  .identity-next-goal { grid-template-columns:1fr; }
  .identity-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .identity-privacy-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .identity-public-link > div { grid-template-columns:1fr 1fr; }
  .identity-public-link input { grid-column:1/-1; }
  .public-profile-head { align-items:flex-start; flex-direction:column; }
}
@media(max-width:420px) {
  .identity-metric-grid,.identity-privacy-grid { grid-template-columns:1fr; }
  .identity-privacy-card { padding:19px; }
  .identity-privacy-actions { align-items:stretch; flex-direction:column; }
  .identity-privacy-actions button { width:100%; }
}

.delivery-health { display:grid; margin:20px 0; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.delivery-health > div { min-width:0; padding:13px 11px; border:1px solid rgba(71,96,89,.11); border-radius:12px; background:#f7faf8; }
.delivery-health small,.delivery-health strong,.delivery-health span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.delivery-health small { color:#8c8177; font:800 8px/1.2 var(--font-copy); text-transform:uppercase; }
.delivery-health strong { margin-top:7px; color:#315a50; font:400 15px/1.1 var(--font-game); }
.delivery-health span { margin-top:5px; color:#9a8f85; font:600 8px/1.2 var(--font-copy); }
.delivery-row { position:relative; }
.delivery-journal { grid-column:1/-1; padding-top:8px; border-top:1px solid rgba(68,83,77,.09); }
.delivery-journal summary { width:max-content; color:#5a7d74; font:800 8px/1 var(--font-copy); cursor:pointer; list-style:none; }
.delivery-journal summary::-webkit-details-marker { display:none; }
.delivery-journal summary::before { content:"＋"; margin-right:5px; }
.delivery-journal[open] summary::before { content:"−"; }
.delivery-journal > div { display:grid; margin-top:7px; padding:8px 10px; grid-template-columns:minmax(160px,1fr) auto auto; gap:8px; border-radius:9px; background:rgba(255,255,255,.72); }
.delivery-journal strong { color:#4d5c57; font:700 9px/1.25 var(--font-copy); }
.delivery-journal span,.delivery-journal time { color:#90857b; font:600 8px/1.25 var(--font-copy); }
.delivery-journal small { grid-column:1/-1; margin:0; color:#9b7168; }
@media(max-width:1000px) { .delivery-health { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .delivery-health { grid-template-columns:repeat(2,minmax(0,1fr)); } .delivery-journal > div { grid-template-columns:1fr auto; } .delivery-journal time { grid-column:1/-1; } }

/* ALOHA ID 0.29.3 · one coherent cabinet, privilege identity and phone-first controls */
.cabinet-page {
  --control-radius:13px;
  --control-shadow:0 10px 24px rgba(43,31,21,.11);
  --control-shadow-hover:0 15px 30px rgba(43,31,21,.16);
}
.cabinet-page button { touch-action:manipulation; }
.cabinet-page button:focus-visible,.cabinet-page a:focus-visible,.cabinet-page summary:focus-visible {
  outline:3px solid rgba(25,169,166,.28);
  outline-offset:3px;
}
.cabinet-page :is(.primary-action,.secondary-action,.danger-action,.danger-quiet,.overview-all-events,
  .case-editor-duplicate,.case-editor-quiet-action,.admin-compact-action) {
  position:relative;
  overflow:hidden;
  border-radius:var(--control-radius)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important;
}
.cabinet-page .primary-action {
  min-height:50px;
  border:1px solid rgba(5,91,89,.18)!important;
  background:linear-gradient(135deg,#22bbb0,#087d7a)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(8,125,122,.23),inset 0 1px rgba(255,255,255,.25)!important;
}
.cabinet-page .primary-action b {
  display:grid;
  min-width:32px;
  min-height:32px;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.17);
}
.cabinet-page .secondary-action {
  min-height:46px;
  border:1px solid rgba(70,51,31,.13)!important;
  background:linear-gradient(145deg,#fff,#f5efe7)!important;
  color:#51443a!important;
  box-shadow:0 7px 18px rgba(60,43,28,.07)!important;
}
.cabinet-page :is(.danger-action,.danger-quiet) {
  border:1px solid rgba(194,71,62,.17)!important;
  background:linear-gradient(145deg,#fff5f2,#ffe7e2)!important;
  color:#a6443c!important;
}
@media(hover:hover) {
  .cabinet-page :is(.primary-action,.secondary-action,.danger-action,.danger-quiet,.overview-all-events,
    .case-editor-duplicate,.case-editor-quiet-action,.admin-compact-action):hover:not(:disabled) {
    transform:translateY(-2px);
    box-shadow:var(--control-shadow-hover)!important;
    filter:saturate(1.06);
  }
}
.cabinet-page button:active:not(:disabled) { transform:translateY(1px)!important; }
.cabinet-page button:disabled { filter:saturate(.55); opacity:.55; }

.profile-grid {
  grid-template-columns:minmax(500px,1.35fr) repeat(2,minmax(210px,.52fr));
  align-items:stretch;
  gap:16px;
}
.profile-grid .player-card,.profile-grid .balance-card {
  min-height:292px;
  border-radius:26px;
}
.profile-grid .player-card {
  position:relative;
  display:grid;
  padding:27px;
  grid-template-columns:84px minmax(0,1fr) auto;
  grid-template-rows:auto auto auto;
  gap:16px 19px;
  overflow:hidden;
  border:1px solid rgba(84,217,201,.2);
  background:
    radial-gradient(circle at 92% 8%,rgba(255,210,77,.24),transparent 28%),
    radial-gradient(circle at 20% 105%,rgba(33,190,177,.22),transparent 34%),
    linear-gradient(135deg,#123b3a,#142a2a 54%,#211f24);
  box-shadow:0 26px 60px rgba(19,43,41,.22),inset 0 1px rgba(255,255,255,.08);
}
.profile-grid .player-card::before {
  position:absolute;
  inset:0;
  opacity:.17;
  background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:24px 24px;
  content:"";
  pointer-events:none;
}
.profile-grid .player-avatar {
  position:relative;
  z-index:1;
  width:82px;
  height:82px;
  grid-row:1/3;
  align-self:start;
  border:2px solid rgba(255,255,255,.6);
  border-radius:18px;
  box-shadow:0 13px 28px rgba(0,0,0,.24);
}
.profile-grid .player-identity,.profile-grid .player-rank,.overview-identity-signals,.overview-profile-button { position:relative; z-index:1; }
.profile-grid .player-identity h2 { margin:9px 0 0; font-size:clamp(25px,2.6vw,36px); }
.profile-grid .player-rank { display:flex; align-items:flex-end; flex-direction:column; gap:7px; }
.profile-grid .player-rank > span { color:rgba(255,255,255,.52); font-size:9px!important; letter-spacing:.1em; text-transform:uppercase; }
.profile-grid .player-rank > small { color:#ffe69b; font:800 10px/1.3 var(--font-copy); }
.privilege-badge {
  --privilege-color:#a9a39c;
  --privilege-color-2:#7b746d;
  display:inline-flex!important;
  width:max-content;
  max-width:100%;
  padding:8px 11px!important;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  border:1px solid color-mix(in srgb,var(--privilege-color) 55%,rgba(255,255,255,.2))!important;
  border-radius:10px!important;
  background:linear-gradient(125deg,var(--privilege-color),var(--privilege-color-2))!important;
  color:#fff!important;
  font-family:var(--font-game)!important;
  font-size:clamp(11px,1.35vw,15px)!important;
  font-weight:400!important;
  line-height:1.2!important;
  text-align:left!important;
  text-shadow:0 2px rgba(40,22,10,.25)!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--privilege-color) 24%,transparent),inset 0 1px rgba(255,255,255,.25)!important;
}
.privilege-badge[data-privilege-tone="owner"] {
  color:#173210!important;
  text-shadow:0 1px rgba(255,255,255,.32)!important;
  box-shadow:0 9px 26px rgba(150,225,46,.26),inset 0 1px rgba(255,255,255,.5)!important;
}
.privilege-badge > small { width:100%; color:inherit!important; opacity:.82; font:800 9px/1.25 var(--font-copy)!important; }
.privilege-inline {
  --privilege-color:#777;
  --privilege-color-2:#555;
  background:linear-gradient(110deg,var(--privilege-color),var(--privilege-color-2));
  color:transparent!important;
  -webkit-background-clip:text;
  background-clip:text;
  font-weight:900!important;
}
.overview-identity-signals {
  display:grid;
  grid-column:2/4;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.overview-identity-signals > div {
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
}
.overview-identity-signals :is(small,strong,span) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.overview-identity-signals small { color:rgba(255,255,255,.48); font-size:8px!important; letter-spacing:.13em; }
.overview-identity-signals strong { margin-top:6px; color:#fff; font:400 14px/1.2 var(--font-game); }
.overview-identity-signals span { margin-top:5px; color:rgba(255,255,255,.66); font:700 10px/1.35 var(--font-copy); }
.overview-honor-signal { box-shadow:inset 3px 0 #a578ed; }
.overview-honor-signal.wanted { box-shadow:inset 3px 0 #f16c58; }
.overview-ohana-signal { --ohana-color:#2db8aa; box-shadow:inset 3px 0 var(--ohana-color); }
.overview-profile-button {
  display:grid;
  min-height:55px;
  grid-column:2/4;
  padding:9px 10px;
  grid-template-columns:38px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:2px 11px;
  align-items:center;
  border:1px solid rgba(255,210,87,.24);
  border-radius:14px;
  background:linear-gradient(110deg,rgba(255,196,61,.17),rgba(32,183,174,.15));
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.overview-profile-button > span { display:grid; width:38px; height:38px; grid-row:1/3; place-items:center; border-radius:11px; background:linear-gradient(135deg,#ffd95e,#f39b2f); color:#3d2a15; font-size:18px; }
.overview-profile-button strong { font-size:12px; }
.overview-profile-button small { color:rgba(255,255,255,.61); font-size:10px!important; }
.overview-profile-button b { grid-row:1/3; grid-column:3; color:#ffe07f; font-size:18px; }
@media(hover:hover) { .overview-profile-button:hover { transform:translateY(-2px); border-color:rgba(255,215,99,.52); background:linear-gradient(110deg,rgba(255,196,61,.25),rgba(32,183,174,.22)); } }

.profile-grid .balance-card {
  display:flex;
  padding:23px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(85,56,20,.14);
  background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.55),transparent 31%),linear-gradient(145deg,#ffe982,#f6b83d 61%,#ed8f2d);
  box-shadow:0 22px 52px rgba(167,104,25,.18);
}
.profile-grid .balance-card strong { font-size:clamp(32px,3.2vw,45px); }
.profile-grid .balance-card button { margin-top:auto; border-radius:12px; }
.profile-grid .eco-balance-card {
  border-color:rgba(12,118,113,.22);
  background:radial-gradient(circle at 90% 6%,rgba(255,236,136,.26),transparent 30%),linear-gradient(145deg,#d9fff4,#5ed5c5 58%,#12978f);
  box-shadow:0 22px 52px rgba(15,132,125,.17);
}
.eco-balance-card .wallet-sync-state { display:block; margin-top:auto; padding:10px 11px; border:1px solid rgba(6,95,91,.13); border-radius:11px; background:rgba(255,255,255,.32); color:#245e59; font:800 10px/1.35 var(--font-copy); }
.eco-balance-card .wallet-sync-state.fresh::before { margin-right:6px; color:#087d68; content:"●"; }

.identity-chip-row .privilege-badge { font-size:10px!important; }
.identity-ohana-seal {
  --ohana-color:#25a99d;
  display:grid;
  max-width:560px;
  margin-top:16px;
  padding:12px;
  grid-template-columns:54px 1fr;
  gap:12px;
  align-items:center;
  border:1px solid color-mix(in srgb,var(--ohana-color) 30%,transparent);
  border-radius:15px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--ohana-color) 12%,#fff),rgba(255,255,255,.64));
  box-shadow:inset 3px 0 var(--ohana-color);
}
.identity-ohana-seal > span { display:grid; min-height:44px; padding:5px; place-items:center; border-radius:11px; background:var(--ohana-color); color:#fff; font:800 10px/1 var(--font-copy); }
.identity-ohana-seal small,.identity-ohana-seal strong,.identity-ohana-seal p { display:block; }
.identity-ohana-seal small { color:var(--ohana-color); font:900 8px/1 var(--font-copy); letter-spacing:.14em; }
.identity-ohana-seal strong { margin-top:5px; color:#263c37; font:400 16px/1.1 var(--font-game); }
.identity-ohana-seal p { margin:5px 0 0; color:#75847f; font:700 10px/1.35 var(--font-copy); }

.owner-acoin-panel { display:grid; gap:16px; }
.owner-acoin-heading { display:flex; padding:22px; align-items:center; justify-content:space-between; gap:20px; border:1px solid rgba(119,75,157,.15); border-radius:20px; background:radial-gradient(circle at 92% 10%,rgba(255,204,68,.2),transparent 30%),linear-gradient(135deg,#f7efff,#fff); }
.owner-acoin-heading span { color:#7a50a3; font:900 9px/1 var(--font-copy); letter-spacing:.13em; }
.owner-acoin-heading h3 { margin:8px 0 5px; color:#3f3150; font-size:25px; }
.owner-acoin-heading p { margin:0; color:#83788d; }
.owner-acoin-heading button { min-height:44px; padding:0 15px; border:1px solid rgba(103,61,141,.16); border-radius:12px; background:#fff; color:#654187; cursor:pointer; box-shadow:0 8px 18px rgba(79,46,109,.08); }
.owner-acoin-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.owner-acoin-metrics article { min-width:0; padding:16px; border:1px solid rgba(80,61,95,.11); border-radius:16px; background:#fff; box-shadow:0 12px 34px rgba(60,40,77,.055); }
.owner-acoin-metrics :is(small,strong,span) { display:block; overflow:hidden; text-overflow:ellipsis; }
.owner-acoin-metrics small { color:#95889e; font-size:9px!important; text-transform:uppercase; }
.owner-acoin-metrics strong { margin-top:9px; color:#463552; font:400 20px/1.2 var(--font-game); white-space:nowrap; }
.owner-acoin-metrics span { margin-top:6px; color:#9b909f; font-size:10px; white-space:nowrap; }
.owner-acoin-list { display:grid; gap:8px; }
.owner-acoin-row { display:grid; min-width:0; padding:14px 16px; grid-template-columns:minmax(230px,1.3fr) minmax(130px,.65fr) minmax(170px,.8fr) auto auto; gap:15px; align-items:center; border:1px solid rgba(69,54,79,.1); border-radius:16px; background:#fff; box-shadow:0 8px 25px rgba(50,35,61,.045); }
.owner-acoin-player { display:grid; min-width:0; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:center; }
.owner-acoin-player > span { display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:linear-gradient(135deg,#ffc94e,#ef8e2c); color:#3d2912; font:900 11px/1 var(--font-copy); }
.owner-acoin-player strong,.owner-acoin-player code,.owner-acoin-amount strong,.owner-acoin-amount small,.owner-acoin-date time,.owner-acoin-date small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.owner-acoin-player strong { color:#403449; font-size:13px; }
.owner-acoin-player code { margin-top:5px; color:#a094a6; font-size:9px; }
.owner-acoin-amount strong { color:#5d3d7b; font:400 14px/1.2 var(--font-game); }
.owner-acoin-amount small,.owner-acoin-date small { margin-top:5px; color:#968a9e; font-size:9px!important; }
.owner-acoin-date time { color:#5e5365; font-size:11px; }
.owner-acoin-row > b { padding:8px 10px; border-radius:9px; background:#e8f7f0; color:#20795d; font:900 9px/1.2 var(--font-copy); white-space:nowrap; }
.owner-acoin-row.tone-error > b { background:#ffebe7; color:#a7473e; }
.owner-acoin-row.tone-warning > b { background:#fff4d7; color:#95631f; }
.owner-acoin-row.tone-work > b { background:#eee8f8; color:#6a4b91; }
.owner-acoin-actions { display:flex; justify-content:flex-end; }
.owner-acoin-actions:empty { display:none; }
.owner-acoin-actions button { min-height:36px; padding:0 11px; border:1px solid rgba(185,61,68,.2); border-radius:10px; color:#a13b42; background:#fff1f1; font-size:10px; font-weight:800; cursor:pointer; }
.owner-acoin-actions button:hover { border-color:rgba(185,61,68,.38); background:#ffe6e6; }
.owner-acoin-actions button:disabled { opacity:.5; cursor:wait; }
.owner-acoin-empty { display:grid; min-height:240px; place-content:center; justify-items:center; color:#91869a; text-align:center; }
.owner-acoin-empty span { display:grid; width:54px; height:54px; place-items:center; border-radius:16px; background:#f1e9f8; color:#765397; font-weight:900; }
.owner-acoin-empty strong { margin-top:13px; color:#55475d; }
.owner-acoin-empty small { margin-top:6px; }
.owner-acoin-pagination { display:flex; align-items:center; justify-content:center; gap:10px; }
.owner-acoin-pagination button { min-height:42px; padding:0 14px; border:1px solid rgba(76,57,90,.12); border-radius:11px; background:#fff; color:#64566d; cursor:pointer; }
.owner-acoin-pagination span { color:#8a7c92; font:800 10px/1 var(--font-copy); }

.mobile-bottom-nav,.mobile-nav-sheet,.mobile-nav-backdrop { display:none; }
.case-reward-dialog[open] { z-index:100000; }

@media(max-width:1100px) {
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-grid .player-card { grid-column:1/-1; }
  .profile-grid .balance-card { min-height:210px; }
  .owner-acoin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-acoin-row { grid-template-columns:minmax(220px,1.2fr) minmax(120px,.7fr) minmax(150px,.8fr); }
  .owner-acoin-row > b { grid-row:2; grid-column:3; justify-self:end; }
  .owner-acoin-actions { grid-row:2; grid-column:2; justify-self:end; }
}

@media(max-width:760px) {
  .cabinet-page { padding-bottom:calc(88px + env(safe-area-inset-bottom)); overflow-x:hidden; }
  .cabinet-page.mobile-nav-open { overflow:hidden; }
  .cabinet-page .shell { width:min(100% - 22px,1260px); }
  .cabinet-page :is(input,select,textarea) { max-width:100%; font-size:16px!important; }
  .cabinet-page button:not(.dialog-close):not(.notification-button):not(.theme-toggle) { min-height:44px; }
  .cabinet-header { min-height:68px; gap:8px; }
  .cabinet-header .cabinet-brand-caption,.cabinet-header .back-home { display:none; }
  .cabinet-header .theme-toggle { margin-left:auto; }
  .dashboard-top { margin:18px 0 16px; align-items:flex-start; }
  .dashboard-top h1 { font-size:clamp(24px,8vw,34px); line-height:1.25; }
  .dashboard-actions { gap:7px; }
  .dashboard-actions .logout-button { min-height:42px!important; padding:0 11px; border:1px solid rgba(80,60,38,.1); border-radius:11px; background:rgba(255,255,255,.72); }
  .profile-nav { display:none!important; }
  .profile-section { min-width:0; padding-bottom:10px; }
  .store-heading { margin-bottom:18px; align-items:flex-start; flex-direction:column; gap:9px; }
  .store-heading > p { max-width:none; text-align:left; }

  .mobile-bottom-nav {
    position:fixed;
    z-index:9000;
    right:8px;
    bottom:calc(7px + env(safe-area-inset-bottom));
    left:8px;
    display:grid;
    min-height:68px;
    padding:6px;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    border:1px solid rgba(45,51,47,.14);
    border-radius:20px;
    background:rgba(255,254,249,.94);
    box-shadow:0 18px 50px rgba(29,29,25,.24),inset 0 1px rgba(255,255,255,.8);
    backdrop-filter:blur(18px) saturate(1.25);
  }
  .mobile-bottom-nav button {
    position:relative;
    display:grid;
    min-width:0;
    min-height:54px!important;
    padding:5px 2px;
    place-content:center;
    justify-items:center;
    gap:4px;
    border:0;
    border-radius:14px;
    background:transparent;
    color:#857a6f;
    cursor:pointer;
  }
  .mobile-bottom-nav button > span { font:700 18px/1 var(--font-copy); }
  .mobile-bottom-nav button > small { font:800 9px/1 var(--font-copy)!important; }
  .mobile-bottom-nav button.active { background:linear-gradient(145deg,#e2f7f2,#fff4d8); color:#087c77; box-shadow:inset 0 0 0 1px rgba(13,136,130,.1); }
  .mobile-bottom-nav button b { position:absolute; top:4px; right:8px; display:grid; min-width:18px; height:18px; padding:0 4px; place-items:center; border-radius:999px; background:#f04f49; color:#fff; font:800 8px/1 var(--font-copy); }
  .mobile-nav-backdrop {
    position:fixed;
    z-index:9010;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    border:0;
    border-radius:0!important;
    background:rgba(20,25,23,.48);
    backdrop-filter:blur(4px);
  }
  .mobile-nav-sheet {
    position:fixed;
    z-index:9020;
    right:8px;
    bottom:calc(84px + env(safe-area-inset-bottom));
    left:8px;
    display:grid;
    max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));
    padding:9px;
    gap:4px;
    overflow:auto;
    border:1px solid rgba(52,61,56,.13);
    border-radius:22px;
    background:rgba(255,254,250,.98);
    box-shadow:0 28px 80px rgba(24,31,28,.3);
  }
  .mobile-nav-sheet > div { display:grid; padding:9px 9px 13px; grid-template-columns:1fr auto; border-bottom:1px solid rgba(64,70,65,.09); }
  .mobile-nav-sheet > div > span { color:#15988d; font:900 8px/1 var(--font-copy); letter-spacing:.14em; }
  .mobile-nav-sheet > div > strong { margin-top:5px; grid-column:1; color:#3c3732; font-size:15px; }
  .mobile-nav-sheet > div > button { width:36px; height:36px; min-height:36px!important; grid-row:1/3; grid-column:2; border:0; border-radius:10px; background:#f1ece5; color:#766b61; font-size:21px!important; }
  .mobile-nav-sheet > button { display:grid; min-height:62px!important; padding:9px 11px; grid-template-columns:38px 1fr; grid-template-rows:auto auto; gap:3px 11px; align-items:center; border:0; border-radius:14px; background:transparent; color:#50483f; text-align:left; }
  .mobile-nav-sheet > button > span { display:grid; width:38px; height:38px; grid-row:1/3; place-items:center; border-radius:11px; background:#e6f6f2; color:#148e84; font-size:17px; }
  .mobile-nav-sheet > button > strong { font-size:12px; }
  .mobile-nav-sheet > button > small { color:#91877d; font-size:10px!important; }
  .mobile-nav-sheet > button.active { background:#f5f0fa; }

  .profile-grid { grid-template-columns:1fr; gap:11px; }
  .profile-grid .player-card,.profile-grid .balance-card { min-height:0; grid-column:auto; border-radius:21px; }
  .profile-grid .player-card { padding:20px 16px; grid-template-columns:68px minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:13px; }
  .profile-grid .player-avatar { width:66px; height:66px; grid-row:1; border-radius:15px; }
  .profile-grid .player-rank { grid-row:2; grid-column:1/-1; align-items:flex-start; }
  .profile-grid .player-rank > span { display:none; }
  .profile-grid .player-rank .privilege-badge { font-size:11px!important; }
  .overview-identity-signals { grid-column:1/-1; grid-template-columns:1fr; }
  .overview-profile-button { grid-column:1/-1; }
  .profile-grid .balance-card { padding:19px; }
  .profile-grid .balance-card > div { margin:8px 0; }
  .profile-grid .balance-card strong { font-size:36px; }
  .profile-grid .balance-card button,.eco-balance-card .wallet-sync-state { margin-top:12px; }

  .overview-pulse,.stats-grid,.overview-hub,.quick-action-grid { grid-template-columns:1fr!important; }
  .overview-pulse-card { min-height:145px; }
  .stats-grid { gap:9px; }
  .stat-card { min-height:115px; }
  .overview-quick-card,.overview-activity-card { padding:18px 15px; border-radius:19px; }
  .bonus-code-card { padding:15px; }

  .products-grid,.case-grid,.identity-module-grid,.skin-actions,.admin-two-column,.admin-mail-layout,
  .mail-campaign-layout,.shop-studio,.player-admin-layout,.case-editor-layout { grid-template-columns:1fr!important; }
  .category-tabs,.mail-filter-tabs,.history-kind-tabs,.notification-filters,.player-inspector-tabs,.promo-kind-tabs {
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .category-tabs button,.mail-filter-tabs button,.history-kind-tabs button,.notification-filters button,
  .player-inspector-tabs button,.promo-kind-tabs button { flex:0 0 auto!important; scroll-snap-align:start; }
  .product-card { min-height:0; }
  .product-expanded,.case-details { padding:18px 14px; border-radius:20px; }
  .product-expanded-head,.case-details-hero,.case-open-studio-head,.case-free-openings { align-items:flex-start; flex-direction:column; }
  .case-details-copy { align-items:flex-start; flex-direction:column; }
  .case-details-copy > #case-details-icon { width:100%; height:118px; }
  .case-paid-options { grid-template-columns:1fr; }

  .admin-section { min-width:0; }
  .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-tabs { display:flex; margin:0 -11px 15px; padding:7px 11px; overflow-x:auto; gap:7px; border-right:0; border-left:0; border-radius:0; scroll-snap-type:x proximity; scrollbar-width:none; }
  .admin-tab-group { min-width:210px; flex:0 0 auto; scroll-snap-align:start; }
  .admin-panel { min-width:0; }
  .player-admin-toolbar,.player-sync-state,.player-admin-filters,.player-inspector-hero,.player-inspector-actions { align-items:stretch; flex-direction:column; }
  .player-admin-filters { display:grid; grid-template-columns:1fr; }
  .player-directory { max-height:380px; }
  .player-inspector { min-height:0; }
  .player-inspector-hero { display:grid; grid-template-columns:58px 1fr; }
  .player-inspector-actions { display:grid; grid-column:1/-1; grid-template-columns:1fr; }
  .player-inspector-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-card { min-width:0; padding:18px 14px; border-radius:18px; }
  .admin-fields.two,.admin-fields.three,.admin-fields.four { grid-template-columns:1fr!important; }
  .attachment-row,.privilege-perk-editor-row,.privilege-limit-editor-row { grid-template-columns:1fr!important; }
  .attachment-row .attachment-remove,.privilege-perk-editor-row > button,.privilege-limit-editor-row > button { width:100%!important; grid-row:auto!important; grid-column:auto!important; }

  .case-editor-layout > .admin-case-list { position:static; display:flex; max-height:none; padding:9px; overflow-x:auto; gap:7px; }
  .case-editor-layout > .admin-case-list > #new-case-button { min-width:145px; flex:0 0 auto; }
  .case-editor-layout > .admin-case-list > #admin-case-list { display:flex; gap:7px; }
  .case-editor-layout .admin-case-item { min-width:200px; flex:0 0 auto; }
  .case-editor { padding:13px 10px; }
  .case-editor-section { margin-top:11px; padding:15px 12px; border-radius:15px; }
  .case-editor-section-title,.case-reward-editor-head,.case-art-heading,.case-simulator,.case-simulator-controls { align-items:stretch; flex-direction:column; }
  .case-reward-editor-head > div:last-child { display:grid; grid-template-columns:1fr; }
  .case-art-picker { margin-right:-12px; margin-left:-12px; padding-inline:12px; grid-auto-columns:min(72vw,240px); }
  .case-pricing-preview { display:grid; grid-template-columns:1fr; gap:8px; }
  .case-survival-sync-note { grid-template-columns:1fr; }
  .case-reward-compact-card { min-height:136px; padding:12px; grid-template-columns:52px minmax(0,1fr); }
  .case-reward-card-visual { width:52px; height:52px; }
  .case-reward-card-metrics { grid-row:2; grid-column:2; justify-items:start; grid-auto-flow:column; }
  .case-reward-compact-card > i { grid-column:2; }
  .case-reward-card-copy strong { white-space:normal; }
  .case-editor .case-editor-actions { bottom:calc(82px + env(safe-area-inset-bottom)); margin:16px -4px -4px; padding:9px; align-items:stretch; flex-direction:column-reverse; border-radius:15px; }
  .case-editor .case-editor-actions > button { width:100%; }
  .case-reward-preview > summary,.case-version-history > summary { align-items:flex-start; }
  .case-simulator-controls label { width:100%; }
  .case-simulator-controls button { width:100%; }

  .case-reward-dialog {
    width:100%;
    max-width:100%;
    height:var(--aloha-visual-height,100dvh);
    max-height:var(--aloha-visual-height,100dvh);
    margin:0;
    border-radius:0;
    z-index:100000;
  }
  .case-reward-dialog-shell { min-height:100dvh; max-height:100dvh; border:0; border-radius:0; }
  .case-reward-dialog header { padding:15px 13px 12px; }
  .case-reward-dialog header p { display:none; }
  .case-reward-dialog header h3 { font-size:17px; }
  .case-reward-dialog-body { padding:13px 13px calc(22px + env(safe-area-inset-bottom)); }
  .case-reward-dialog .case-reward-row-main,.case-reward-dialog .case-reward-story,
  .case-reward-dialog .case-reward-action-row { grid-template-columns:1fr!important; }
  .case-reward-dialog .reward-image-editor { grid-template-columns:70px 1fr; }
  .case-reward-dialog .reward-image-editor > :is(.reward-image-upload,.reward-image-speed,.reward-image-remove) { grid-column:1/-1; width:100%; }
  .case-reward-dialog .case-reward-actions > div:first-child { align-items:stretch; flex-direction:column; }
  .case-reward-dialog .case-reward-actions [data-add-action] { width:100%; }
  .case-reward-dialog .case-reward-action-row .reward-remove { width:100%; }
  .case-reward-dialog footer { padding:9px 13px calc(9px + env(safe-area-inset-bottom)); }
  .case-reward-dialog select { position:relative; z-index:3; }

  .identity-passport { border-radius:21px; }
  .identity-passport-copy { min-width:0; }
  .identity-passport-copy h2 { overflow-wrap:anywhere; }
  .identity-passport-copy code { display:block; overflow:hidden; text-overflow:ellipsis; }
  .identity-ohana-seal { grid-template-columns:48px minmax(0,1fr); }
  .identity-module,.identity-next-goal,.identity-privacy-card { border-radius:18px; }
  .identity-module-heading { align-items:flex-start; flex-direction:column; }
  .identity-module-badge { max-width:100%; text-align:left; }

  .owner-acoin-heading { padding:18px 15px; align-items:stretch; flex-direction:column; }
  .owner-acoin-heading button { width:100%; }
  .owner-acoin-metrics { grid-template-columns:1fr; }
  .owner-acoin-row { padding:13px; grid-template-columns:1fr auto; gap:11px; }
  .owner-acoin-player { grid-column:1/-1; }
  .owner-acoin-amount { grid-row:2; grid-column:1; }
  .owner-acoin-date { grid-row:3; grid-column:1; }
  .owner-acoin-row > b { grid-row:2; grid-column:2; justify-self:end; }
  .owner-acoin-actions { grid-row:3; grid-column:2; justify-self:end; }
  .owner-acoin-pagination { display:grid; grid-template-columns:1fr auto 1fr; }
  .owner-acoin-pagination button { padding:0 8px; }

  .toast { z-index:110000; right:11px; bottom:calc(88px + env(safe-area-inset-bottom)); left:11px; width:auto; text-align:center; }
  .notification-dialog,.purchase-dialog,.topup-dialog,.broadcast-confirm-dialog,.recovery-dialog,.two-factor-recovery-dialog {
    width:calc(100% - 12px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 12px)!important;
    margin:auto;
    border-radius:19px!important;
  }
}

@media(max-width:420px) {
  .cabinet-page .shell { width:min(100% - 16px,1260px); }
  .cabinet-header .theme-toggle-label { display:none; }
  .profile-grid .player-card { padding:17px 13px; }
  .profile-grid .player-identity h2 { font-size:24px; overflow-wrap:anywhere; }
  .overview-profile-button { grid-template-columns:36px minmax(0,1fr) auto; }
  .overview-profile-button small { font-size:9px!important; }
  .admin-metrics,.player-inspector-stats,.identity-metric-grid,.identity-privacy-grid { grid-template-columns:1fr!important; }
  .mail-item,.history-row,.notification-row,.overview-activity-row { min-width:0; }
  .owner-acoin-row { grid-template-columns:1fr; }
  .owner-acoin-amount,.owner-acoin-date,.owner-acoin-row > b,.owner-acoin-actions { grid-row:auto; grid-column:1; justify-self:start; }
  .owner-acoin-player code { font-size:8px; }
  .case-reward-dialog header small { font-size:7px!important; }
}

@media(prefers-reduced-motion:reduce) {
  .cabinet-page button,.mobile-bottom-nav,.mobile-nav-sheet,.overview-profile-button { transition:none!important; }
}

/* ALOHA ID 0.29.4 · rare-case trophies, donation currency and richer controls */
@keyframes aloha-featured-reward-float {
  0%,100% { transform:translate3d(0,2px,0) rotate(-2deg); }
  50% { transform:translate3d(0,-8px,0) rotate(2deg); }
}
@keyframes aloha-featured-reward-halo {
  to { transform:rotate(360deg); }
}
@keyframes aloha-acoin-flow {
  0%,100% { background-position:0% 50%; }
  50% { background-position:100% 50%; }
}
@keyframes aloha-control-shine {
  0%,64% { transform:translateX(-180%) skewX(-18deg); opacity:0; }
  73% { opacity:.72; }
  91%,100% { transform:translateX(520%) skewX(-18deg); opacity:0; }
}

.case-card-featured-reward[hidden] { display:none!important; }
.case-card-featured-reward {
  position:absolute;
  z-index:4;
  top:62px;
  left:25px;
  display:grid;
  width:88px;
  height:103px;
  place-items:center;
  pointer-events:none;
  animation:aloha-featured-reward-float 3.4s ease-in-out infinite;
}
.case-card-featured-halo {
  position:absolute;
  z-index:-2;
  top:3px;
  width:76px;
  height:76px;
  border-radius:50%;
  opacity:.82;
  background:conic-gradient(from 15deg,transparent 0 10%,var(--rarity-color) 23%,#fff 31%,var(--rarity-color) 40%,transparent 55% 72%,var(--rarity-color) 86%,transparent 100%);
  filter:blur(1px) drop-shadow(0 0 12px color-mix(in srgb,var(--rarity-color) 78%,transparent));
  animation:aloha-featured-reward-halo 5.5s linear infinite;
}
.case-card-featured-reward::before {
  position:absolute;
  z-index:-1;
  top:10px;
  width:63px;
  height:63px;
  border:1px solid color-mix(in srgb,var(--rarity-color) 56%,#fff);
  border-radius:21px;
  background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.86),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 24%,#fff),color-mix(in srgb,var(--rarity-color) 13%,rgba(22,23,34,.88)));
  box-shadow:0 0 0 5px color-mix(in srgb,var(--rarity-color) 9%,transparent),0 10px 26px color-mix(in srgb,var(--rarity-color) 35%,rgba(31,20,45,.24)),inset 0 1px rgba(255,255,255,.55);
  content:"";
}
.case-card-featured-visual { display:grid; width:58px; height:58px; margin-top:6px; place-items:center; }
.reward-visual-featured { width:55px; height:55px; filter:drop-shadow(0 6px 7px rgba(17,13,27,.3)); }
.case-card-featured-reward small {
  align-self:end;
  padding:5px 7px;
  border:1px solid color-mix(in srgb,var(--rarity-color) 34%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--rarity-color) 13%,rgba(20,20,29,.9));
  color:#fff;
  font:900 6px/1 var(--font-copy)!important;
  letter-spacing:.08em;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  white-space:nowrap;
  box-shadow:0 5px 14px rgba(19,13,28,.2);
}
.case-card:hover .case-card-featured-reward,.case-card.selected .case-card-featured-reward { filter:saturate(1.18) brightness(1.07); }

.profile-grid {
  grid-template-columns:minmax(500px,1.35fr) minmax(270px,.72fr) minmax(190px,.46fr);
}
.profile-grid .acoin-balance-card {
  position:relative;
  isolation:isolate;
  padding:27px;
  border-color:rgba(255,102,232,.44);
  background:
    radial-gradient(circle at 88% 8%,rgba(255,188,244,.48),transparent 27%),
    radial-gradient(circle at 8% 100%,rgba(90,42,255,.72),transparent 43%),
    linear-gradient(135deg,#ff3fcb 0%,#b718d9 34%,#7927e8 68%,#4813aa 100%);
  background-size:125% 125%;
  color:#fff;
  box-shadow:0 27px 68px rgba(185,25,213,.31),0 0 0 1px rgba(255,151,239,.14),inset 0 1px rgba(255,255,255,.4);
  animation:aloha-acoin-flow 9s ease-in-out infinite;
}
.profile-grid .acoin-balance-card::before {
  position:absolute;
  z-index:-1;
  top:-58px;
  right:-51px;
  width:180px;
  height:180px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:42% 58% 61% 39%;
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.02));
  content:"";
  transform:rotate(22deg);
  box-shadow:-56px 78px 0 -47px rgba(255,255,255,.16);
}
.profile-grid .acoin-balance-card::after {
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.2;
  background:linear-gradient(110deg,transparent 24%,#fff 42%,transparent 59%);
  background-size:220% 100%;
  content:"";
  transform:translateX(-80%);
  animation:aloha-control-shine 7.2s ease-in-out infinite;
}
.profile-grid .acoin-balance-card :is(.balance-label,strong,b,p) { color:#fff; text-shadow:0 2px 12px rgba(64,0,83,.34); }
.profile-grid .acoin-balance-card .balance-label { letter-spacing:.15em; }
.profile-grid .acoin-balance-card strong { font-size:clamp(45px,4.25vw,62px); }
.profile-grid .acoin-balance-card b { padding:4px 6px; border:1px solid rgba(255,255,255,.25); border-radius:7px; background:rgba(255,255,255,.12); }
.profile-grid .acoin-balance-card p { color:rgba(255,255,255,.76); }
.profile-grid .acoin-balance-card #topup-button {
  min-height:48px;
  border:1px solid rgba(255,255,255,.35);
  background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.1));
  color:#fff;
  text-shadow:0 1px 5px rgba(65,0,78,.3);
  box-shadow:0 12px 27px rgba(67,0,91,.22),inset 0 1px rgba(255,255,255,.34);
  backdrop-filter:blur(10px);
}
.profile-grid .eco-balance-card { min-width:0; padding:21px; }
.profile-grid .eco-balance-card strong { font-size:clamp(30px,2.8vw,40px); }

.identity-metric-full { grid-column:1/-1; }
.identity-fishing-record {
  position:relative;
  padding:15px 17px;
  overflow:hidden;
  background:linear-gradient(105deg,color-mix(in srgb,var(--identity-accent) 12%,#fff),rgba(255,255,255,.78));
  box-shadow:inset 3px 0 var(--identity-accent);
}
.identity-fishing-record::after { position:absolute; top:-31px; right:-15px; width:105px; height:105px; border:16px solid color-mix(in srgb,var(--identity-accent) 8%,transparent); border-radius:50%; content:""; }
.identity-fishing-record :is(strong,span) { position:relative; z-index:1; overflow:visible; text-overflow:clip; white-space:normal; }
.identity-fishing-record strong { padding-right:60px; font-size:18px; line-height:1.3; }
.identity-fishing-record span { color:color-mix(in srgb,var(--identity-accent) 72%,#52625f); font-weight:800; }
.identity-minigames .identity-metric-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.identity-minigames .identity-metric { grid-column:span 2; }
.identity-minigames .identity-metric-money {
  grid-column:span 3;
  padding:16px;
  border-color:color-mix(in srgb,var(--metric-color) 26%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--metric-color) 12%,#fff),rgba(255,255,255,.76));
  box-shadow:inset 3px 0 var(--metric-color),0 8px 22px color-mix(in srgb,var(--metric-color) 8%,transparent);
}
.identity-metric-money strong { color:color-mix(in srgb,var(--metric-color) 80%,#24302d); font-size:20px; }
.identity-metric-money-win { --metric-color:#18b79d; }
.identity-metric-money-loss { --metric-color:#e95d76; }

.cabinet-page .profile-nav {
  padding:9px;
  gap:9px;
  border-color:rgba(71,55,45,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,240,233,.82));
  box-shadow:0 18px 45px rgba(48,37,28,.1),inset 0 1px rgba(255,255,255,.9);
}
.cabinet-page .profile-nav > button,.cabinet-page .profile-nav-menu > summary {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(73,59,48,.09);
  background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(241,235,228,.72));
  color:#6e645c;
  box-shadow:0 5px 13px rgba(52,40,31,.055),inset 0 1px rgba(255,255,255,.9);
}
.cabinet-page .profile-nav > button::before,.cabinet-page .profile-nav-menu > summary::before {
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:linear-gradient(135deg,rgba(28,185,172,.16),rgba(255,193,64,.13));
  content:"";
  transition:opacity .2s ease;
}
.cabinet-page .profile-nav > button:hover::before,.cabinet-page .profile-nav > button.active::before,
.cabinet-page .profile-nav-menu:hover > summary::before,.cabinet-page .profile-nav-menu.active > summary::before { opacity:1; }
.cabinet-page .profile-nav > button:hover,.cabinet-page .profile-nav-menu > summary:hover { border-color:rgba(25,163,153,.2); color:#275d59; box-shadow:0 10px 22px rgba(34,96,89,.1),inset 0 1px #fff; }
.cabinet-page .profile-nav > button.active,.cabinet-page .profile-nav-menu.active > summary {
  border-color:rgba(13,143,134,.28);
  background:linear-gradient(135deg,#e3faf6,#fff3d7);
  color:#086f69;
  box-shadow:0 11px 25px rgba(19,132,123,.14),inset 0 1px #fff;
}
.cabinet-page .profile-nav .commerce-nav-button { min-height:50px; font-weight:900; letter-spacing:.025em; }
.cabinet-page .profile-nav .store-nav-button {
  --commerce-accent:#ff992c;
  --commerce-accent-2:#ffd75b;
  border-color:rgba(234,132,24,.42);
  background:linear-gradient(120deg,#fff0c5,#fff 42%,#ffe1a3);
  color:#814409;
  box-shadow:0 11px 26px rgba(221,124,22,.18),inset 0 1px #fff;
}
.cabinet-page .profile-nav .cases-nav-button {
  --commerce-accent:#b62cff;
  --commerce-accent-2:#ff43bb;
  border-color:rgba(180,44,255,.4);
  background:linear-gradient(120deg,#f3deff,#fff 42%,#ffd9f3);
  color:#76209b;
  box-shadow:0 11px 28px rgba(175,39,230,.18),inset 0 1px #fff;
}
.cabinet-page .profile-nav .store-nav-button.active { background:linear-gradient(120deg,#ef8b20,#ffd45d); color:#402308; box-shadow:0 14px 34px rgba(230,135,28,.34),inset 0 1px rgba(255,255,255,.55); }
.cabinet-page .profile-nav .cases-nav-button.active { background:linear-gradient(120deg,#7827e9,#d52ce5 55%,#ff47b7); color:#fff; box-shadow:0 14px 36px rgba(175,36,219,.36),inset 0 1px rgba(255,255,255,.4); }
.cabinet-page :is(.primary-action,.secondary-action,.overview-all-events,.case-editor-duplicate,.case-editor-quiet-action,.admin-compact-action)::after {
  position:absolute;
  inset:0 auto 0 -28%;
  width:18%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
  content:"";
  transform:translateX(-180%) skewX(-18deg);
  animation:aloha-control-shine 8s ease-in-out infinite;
}
.cabinet-page .primary-action { background:linear-gradient(135deg,#2fd0be,#087f83 58%,#5a42c4)!important; box-shadow:0 14px 31px rgba(9,125,126,.28),inset 0 1px rgba(255,255,255,.34)!important; }
.cabinet-page .secondary-action { border-color:rgba(105,75,145,.16)!important; background:linear-gradient(145deg,#fff,#f3ecfa)!important; color:#604c74!important; box-shadow:0 9px 22px rgba(72,48,96,.09),inset 0 1px #fff!important; }

@media(max-width:1100px) {
  .profile-grid { grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr); }
  .profile-grid .acoin-balance-card { min-height:235px; }
  .profile-grid .eco-balance-card { min-height:205px; }
}
@media(max-width:760px) {
  .profile-grid .acoin-balance-card { min-height:238px; padding:22px; }
  .profile-grid .eco-balance-card { min-height:178px; }
  .profile-grid .acoin-balance-card strong { font-size:48px; }
  .mobile-bottom-nav .commerce-mobile-button {
    border:1px solid transparent;
    background:linear-gradient(145deg,var(--mobile-commerce-bg),rgba(255,255,255,.72));
    color:var(--mobile-commerce-color);
    box-shadow:inset 0 1px rgba(255,255,255,.8),0 6px 14px var(--mobile-commerce-shadow);
  }
  .mobile-bottom-nav .commerce-mobile-button > span { display:grid; width:29px; height:25px; place-items:center; border-radius:9px; background:rgba(255,255,255,.52); filter:drop-shadow(0 3px 5px var(--mobile-commerce-shadow)); }
  .mobile-bottom-nav .store-mobile-button { --mobile-commerce-bg:#ffe7b4; --mobile-commerce-color:#97560d; --mobile-commerce-shadow:rgba(220,127,22,.18); border-color:rgba(225,133,31,.22); }
  .mobile-bottom-nav .cases-mobile-button { --mobile-commerce-bg:#efd7ff; --mobile-commerce-color:#8126a8; --mobile-commerce-shadow:rgba(160,43,214,.2); border-color:rgba(165,55,218,.23); }
  .mobile-bottom-nav .store-mobile-button.active { background:linear-gradient(145deg,#ff9d2f,#ffda63); color:#4b2b08; }
  .mobile-bottom-nav .cases-mobile-button.active { background:linear-gradient(145deg,#812ce8,#f13ac0); color:#fff; }
  .identity-minigames .identity-metric-grid { grid-template-columns:1fr!important; }
  .identity-minigames .identity-metric,.identity-minigames .identity-metric-money { grid-column:auto; }
  .identity-fishing-record strong { padding-right:35px; }
  .case-card-featured-reward { top:55px; left:14px; transform:scale(.88); transform-origin:top left; }
  .products-grid > .product-expanded {
    width:100%;
    min-width:0;
    margin:2px 0 10px;
    grid-column:1/-1;
    scroll-margin-top:12px;
    scroll-margin-bottom:calc(92px + env(safe-area-inset-bottom));
    box-shadow:0 18px 45px color-mix(in srgb,var(--product-color) 18%,rgba(44,27,18,.16));
  }
  .products-grid > .product-expanded:focus { outline:3px solid color-mix(in srgb,var(--product-color) 28%,transparent); outline-offset:3px; }
}
@media(max-width:420px) {
  .mobile-bottom-nav .commerce-mobile-button > span { width:25px; }
  .mobile-bottom-nav .commerce-mobile-button > small { font-size:8px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .case-card-featured-reward,.case-card-featured-halo,.profile-grid .acoin-balance-card,
  .profile-grid .acoin-balance-card::after,.cabinet-page :is(.primary-action,.secondary-action,.overview-all-events,.case-editor-duplicate,.case-editor-quiet-action,.admin-compact-action)::after { animation:none!important; }
}

/* ALOHA ID 0.29.5 · final cascade lock: these rules must stay after 0.29.4 */
.profile-grid { grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr); }
.profile-grid .player-card { grid-column:auto; grid-template-rows:auto auto auto auto; }
.profile-grid .acoin-balance-card { min-width:0; min-height:292px; }

@media(max-width:1100px) {
  .profile-grid { grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr); }
  .profile-grid .player-card { grid-column:auto; }
}
@media(max-width:900px) {
  .profile-grid { grid-template-columns:minmax(0,1fr); }
  .profile-grid .player-card,.profile-grid .acoin-balance-card { grid-column:1/-1; }
  .profile-grid .acoin-balance-card { min-height:245px; }
}
@media(max-width:760px) {
  .profile-grid { grid-template-columns:minmax(0,1fr)!important; }
  .profile-grid .player-card { grid-template-rows:auto auto auto auto auto; }
  .profile-grid .acoin-balance-card { width:100%; min-height:224px; padding:22px; grid-column:1/-1; }
  .player-directory { height:min(64dvh,560px); max-height:none; }
  .toast {
    z-index:120000;
    top:calc(72px + env(safe-area-inset-top));
    right:10px;
    bottom:auto;
    left:10px;
    width:auto;
    min-height:68px;
    grid-template-columns:44px minmax(0,1fr);
    text-align:left;
    transform:translateY(-18px) scale(.98);
  }
  .toast.show { transform:translateY(0) scale(1); }
}
@media(max-width:430px) {
  .toast { right:7px; left:7px; }
}

/* 0.30.1 · ALOHA Social — unified profile and stable messenger */
.social-sidebar-brand {
  display:flex; align-items:center; gap:10px; margin:0 2px 10px; padding:5px 8px 16px;
  border-bottom:1px solid rgba(103,228,219,.13);
}
.social-sidebar-brand > span {
  width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:#071e27;
  background:linear-gradient(135deg,#5aeadf,#c8f66f); box-shadow:0 10px 24px rgba(63,220,207,.2);
  font:900 18px/1 var(--font-copy);
}
.social-sidebar-brand small,.social-sidebar-brand strong { display:block; }
.social-sidebar-brand small { color:#5edfd6; font:900 8px/1 var(--pixel-font); letter-spacing:.12em; }
.social-sidebar-brand strong { margin-top:4px; color:#f2ffff; font:900 13px/1 var(--font-copy); letter-spacing:.08em; }

.social-panel[data-social-panel="messages"] { min-height:0; overflow:hidden; }
.social-messenger { min-height:0; max-height:calc(100svh - 185px); }
.conversation-column {
  height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden;
  contain:layout paint;
}
.conversation-column-head { flex:0 0 80px; }
.conversation-filter {
  flex:0 0 auto; display:grid; grid-template-columns:22px minmax(0,1fr); align-items:center; gap:6px;
  margin:.55rem .55rem 0; padding:0 .7rem; border:1px solid rgba(96,222,215,.13); border-radius:13px;
  color:#64dcd3; background:rgba(4,20,34,.55);
}
.conversation-filter input { min-width:0; min-height:40px; padding:0; border:0; outline:0; color:#eafffd; background:transparent; font-size:.72rem; }
.conversation-filter input::placeholder { color:#617f8f; }
.conversation-list {
  height:auto; min-height:0; flex:1 1 auto; overflow-x:hidden; overflow-y:auto;
  overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:rgba(91,226,215,.35) transparent;
}
.conversation-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar { width:7px; }
.conversation-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb { border-radius:9px; background:rgba(91,226,215,.28); }
.chat-column,.chat-active { min-height:0; overflow:hidden; }
.chat-head,.chat-compose { flex:0 0 auto; }
.chat-messages {
  overflow-anchor:none; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-behavior:auto;
}
.conversation-row { transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.conversation-row:hover { transform:translateX(2px); }
.conversation-row.active { box-shadow:inset 3px 0 #59e8dd; }
.conversation-row.online .social-avatar::after {
  content:""; position:absolute; right:2px; bottom:2px; width:9px; height:9px; border:2px solid #0b2535; border-radius:50%;
  background:#55e5a8; box-shadow:0 0 10px rgba(75,231,166,.7);
}

.social-public-profile-link {
  flex:0 0 auto; padding:.72rem 1rem; border:1px solid rgba(91,232,220,.25); border-radius:13px;
  color:#071e25; background:linear-gradient(135deg,#59e9de,#cbf775); font-size:.72rem; font-weight:900; text-decoration:none;
}
.social-public-profile-link.disabled { opacity:.45; pointer-events:none; }
.social-profile-form { position:relative; overflow:hidden; }
.social-profile-form::before {
  content:""; position:absolute; width:240px; height:240px; top:-155px; right:-110px; border-radius:50%;
  background:rgba(155,94,235,.15); pointer-events:none;
}
.social-form-actions p.dirty { color:#ffd37c; }
.social-game-profile { margin-top:1.35rem; padding-top:1.35rem; border-top:1px solid rgba(99,226,216,.16); }
.social-subheading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 0 14px; }
.social-subheading small { color:#5be3da; font:900 .58rem/1.2 var(--pixel-font); letter-spacing:.09em; }
.social-subheading h3 { margin:.35rem 0 0; color:#f2ffff; font:900 clamp(1.35rem,3vw,2rem)/1 var(--display-font); }
.social-subheading p { max-width:480px; margin:0; color:#83a0af; font-size:.78rem; text-align:right; }
.social-game-profile .identity-sync-state { margin-bottom:12px; }
.social-profile-privacy { margin-top:1.2rem; }

.public-profile-view { max-width:1180px; margin:0 auto; }
.public-profile-head { align-items:center; }
.public-profile-head h1 { color:var(--ink); }
.public-profile-head > div > p { max-width:570px; margin:15px 0 0; color:var(--ink-soft); line-height:1.55; }
html[data-theme="night"] .public-profile-head h1 { color:#edfdfc; }
html[data-theme="night"] .public-profile-head > div > p { color:#89a4b2; }
.public-profile-head > a {
  color:#071e25; border-color:rgba(91,232,220,.28);
  background:linear-gradient(135deg,#5beadd,#cdf875); box-shadow:0 14px 38px rgba(58,220,207,.18);
}
.public-network-hero {
  overflow:hidden; padding:0 0 1.35rem; border-color:rgba(94,230,220,.28);
  background:linear-gradient(150deg,rgba(7,35,51,.96),rgba(19,21,49,.96));
}
.public-network-cover {
  position:relative; min-height:190px; display:flex; align-items:flex-start; justify-content:space-between; padding:28px;
  background:
    radial-gradient(circle at 75% 30%,rgba(199,246,112,.2),transparent 20%),
    radial-gradient(circle at 20% 10%,rgba(255,143,53,.28),transparent 28%),
    linear-gradient(125deg,rgba(38,189,180,.72),rgba(100,58,169,.78) 57%,rgba(232,95,158,.55));
}
.public-network-cover::after {
  content:""; position:absolute; inset:0; opacity:.2; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent);
}
.public-network-cover > span { position:relative; z-index:1; color:#edffff; font:900 10px/1 var(--pixel-font); letter-spacing:.13em; }
.public-network-cover > i { position:relative; z-index:1; color:rgba(238,255,252,.65); font:900 44px/1 var(--font-copy); font-style:normal; }
.public-network-hero .public-social-card-head { position:relative; margin-top:-62px; padding:0 1.5rem; align-items:flex-end; justify-content:flex-start; }
.public-network-avatar.social-avatar {
  width:118px; height:118px; border:6px solid #0c2638; border-radius:31px;
  background:linear-gradient(135deg,#15949b,#764eb1); box-shadow:0 18px 45px rgba(0,0,0,.34);
}
.public-network-hero .public-social-card-head > div:nth-child(2) { min-width:0; padding-bottom:8px; }
.public-network-hero .public-social-card-head > strong {
  margin:0 0 10px auto; padding:9px 12px; border:1px solid rgba(100,229,220,.18); border-radius:12px;
  background:rgba(4,20,34,.48);
}
.public-network-hero .public-social-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 1.5rem; }
.public-network-hero .public-social-facts > span,.public-network-hero .public-social-facts > .identity-metric {
  min-width:0; padding:.85rem; border:1px solid rgba(92,221,214,.12); border-radius:15px; background:rgba(5,24,39,.48);
}
.public-network-hero .public-social-facts .identity-metric span { margin-top:.26rem; color:#6e92a2; font-size:.62rem; }
.public-network-hero .public-social-bio { margin:1rem 1.5rem 0; padding:1rem; border:1px solid rgba(113,220,219,.12); border-radius:17px; background:rgba(5,22,37,.42); }
.public-network-hero .public-social-bio small { color:#5ddfd7; font:900 .56rem/1 var(--pixel-font); letter-spacing:.1em; }
.public-network-hero .public-social-bio p { margin:.55rem 0 0; color:#b1c9d0; line-height:1.65; white-space:pre-wrap; }
.public-network-hero .public-social-actions { padding:0 1.5rem; }
.public-network-hero .public-social-actions a:first-child,.public-network-hero .public-social-actions button:first-child {
  color:#071e25; border:0; background:linear-gradient(135deg,#58e8dc,#cef776);
}
.public-profile-view #public-profile-content > .identity-passport { border-radius:28px; }

@media(max-width:760px) {
  .social-sidebar-brand { display:none; }
  .social-panel[data-social-panel="messages"] { overflow:visible; }
  .social-messenger { height:calc(100svh - 218px); min-height:420px; max-height:720px; }
  .conversation-column { contain:none; }
  .conversation-list { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
  .social-subheading { align-items:flex-start; flex-direction:column; }
  .social-subheading p { text-align:left; }
  .social-public-profile-link { width:100%; text-align:center; }
  .public-profile-head > a { width:100%; text-align:center; }
  .public-network-cover { min-height:145px; padding:20px; }
  .public-network-hero .public-social-card-head { margin-top:-48px; padding:0 1rem; align-items:flex-start; flex-direction:column; }
  .public-network-avatar.social-avatar { width:96px; height:96px; border-width:5px; border-radius:25px; }
  .public-network-hero .public-social-card-head > div:nth-child(2) { padding:0; }
  .public-network-hero .public-social-card-head > strong { margin:0; }
  .public-network-hero .public-social-facts { grid-template-columns:1fr 1fr; padding:0 1rem; }
  .public-network-hero .public-social-bio { margin:1rem 1rem 0; }
  .public-network-hero .public-social-actions { padding:0 1rem; }
}

@media(max-width:430px) {
  .social-messenger { height:calc(100svh - 205px); min-height:390px; }
  .public-network-hero .public-social-facts { grid-template-columns:1fr; }
  .public-network-hero .public-social-actions > * { width:100%; text-align:center; }
}

/* 0.30 · ALOHA Social Network */
.social-nav-button {
  position: relative;
  color: #bff8f2 !important;
  border-color: rgba(66, 226, 218, .24) !important;
  background: linear-gradient(135deg, rgba(25, 117, 124, .2), rgba(93, 38, 141, .14)) !important;
}

.social-nav-button > b,
.mobile-nav-sheet [data-profile-section="social"] > b {
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 .32rem;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  color: #061b22;
  background: linear-gradient(135deg, #5df4db, #d2ff72);
  font: 800 .66rem/1 var(--body-font);
  box-shadow: 0 0 18px rgba(62, 238, 213, .45);
}

.social-section {
  --social-cyan: #55eadf;
  --social-violet: #a16bf4;
  --social-ink: rgba(7, 21, 37, .82);
}

.social-heading h2 { color: #efffff; }

.social-shell {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 680px;
  overflow: hidden;
  border: 1px solid rgba(89, 229, 219, .28);
  border-radius: 30px;
  background:
    radial-gradient(circle at 85% 0, rgba(154, 80, 238, .18), transparent 34%),
    linear-gradient(150deg, rgba(10, 43, 59, .92), rgba(7, 20, 37, .96));
  box-shadow: 0 34px 80px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .05);
}

.social-sidebar {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.25rem;
  border-right: 1px solid rgba(122, 219, 221, .14);
  background: rgba(5, 19, 32, .45);
}

.social-sidebar button {
  min-height: 58px;
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: .55rem;
  padding: .7rem .8rem;
  border: 1px solid transparent;
  border-radius: 17px;
  color: #99b3c1;
  text-align: left;
  background: transparent;
}

.social-sidebar button > span { color: #62ddd4; font-size: 1.2rem; text-align: center; }
.social-sidebar button > strong { font-size: .87rem; }
.social-sidebar button > b { padding: .22rem .45rem; border-radius: 999px; color: #071c24; background: #5be9dc; font-size: .65rem; }
.social-sidebar button:hover,
.social-sidebar button.active {
  color: #f1ffff;
  border-color: rgba(88, 232, 220, .28);
  background: linear-gradient(135deg, rgba(54, 207, 195, .17), rgba(132, 78, 210, .11));
  box-shadow: inset 3px 0 #56e9de, 0 12px 30px rgba(0, 0, 0, .16);
}

.social-panel { min-width: 0; padding: 1.4rem; }
.social-panel.active { animation: social-panel-in .24s ease both; }
@keyframes social-panel-in { from { opacity: 0; transform: translateY(5px); } }

.social-messenger {
  display: grid;
  grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
  height: 650px;
  overflow: hidden;
  border: 1px solid rgba(96, 222, 215, .17);
  border-radius: 24px;
  background: rgba(4, 16, 29, .48);
}

.conversation-column { min-width: 0; border-right: 1px solid rgba(105, 219, 216, .14); overflow: hidden; }
.conversation-column-head,
.chat-head,
.social-panel-title {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(106, 220, 217, .14);
}
.conversation-column-head small,
.social-panel-title small { display: block; margin-bottom: .18rem; color: #5adfd5; font: 800 .58rem/1.2 var(--pixel-font); letter-spacing: .08em; }
.conversation-column-head strong { color: #eefefe; font-size: 1.15rem; }
.conversation-column-head button,
.social-panel-title > button {
  border: 1px solid rgba(91, 231, 220, .28);
  border-radius: 13px;
  color: #dffffc;
  background: rgba(62, 203, 194, .12);
}
.conversation-column-head button { width: 40px; height: 40px; font-size: 1.35rem; }
.social-panel-title > button { padding: .7rem 1rem; }
.social-panel-title h3 { margin: .2rem 0 0; color: #f2ffff; font-family: var(--display-font); font-size: clamp(1.45rem, 3vw, 2.25rem); }
.social-panel-title p { max-width: 720px; margin: .35rem 0 0; color: #89a7b6; }

.conversation-list { height: calc(100% - 80px); overflow: auto; padding: .55rem; }
.conversation-row {
  width: 100%;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .72rem;
  border: 1px solid transparent;
  border-radius: 16px;
  color: inherit;
  text-align: left;
  background: transparent;
}
.conversation-row:hover,
.conversation-row.active { border-color: rgba(84, 230, 218, .21); background: rgba(65, 197, 191, .1); }
.conversation-row > span { min-width: 0; }
.conversation-row strong { display: block; color: #efffff; font-size: .9rem; }
.conversation-row small { display: block; overflow: hidden; margin-top: .25rem; color: #7996a6; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row > b { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #072025; background: #5de9dc; font-size: .65rem; }

.social-avatar {
  position: relative;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(103, 238, 226, .35);
  border-radius: 14px;
  color: #e7fffb;
  background: linear-gradient(135deg, #126d76, #5d3c8c);
  box-shadow: inset 0 1px rgba(255,255,255,.11), 0 9px 22px rgba(0,0,0,.22);
  font: 700 1rem/1 var(--pixel-font);
}
.social-avatar > img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
.social-avatar .skin-face { position: absolute; inset: 0; }
.social-avatar .skin-face img { position: absolute; width: 800%; max-width: none; height: auto; image-rendering: pixelated; }
.social-avatar .skin-face-base img { top: -100%; left: -100%; }
.social-avatar .skin-face-overlay img { top: -100%; left: -500%; }

.chat-column { min-width: 0; height: 100%; display: flex; flex-direction: column; }
.chat-empty { margin: auto; max-width: 420px; padding: 2rem; color: #7896a7; text-align: center; }
.chat-empty > span { display: block; color: #56e5da; font-size: 2.8rem; filter: drop-shadow(0 0 18px rgba(72,229,216,.35)); }
.chat-empty h3 { margin: 1rem 0 .45rem; color: #eafffd; font-family: var(--display-font); }
.chat-active { height: 100%; min-height: 0; display: flex; flex-direction: column; }
.chat-head { min-height: 80px; justify-content: flex-start; padding: .85rem 1.05rem; }
.chat-head > button { display: none; width: 38px; height: 38px; border-radius: 12px; color: #dffffc; background: rgba(255,255,255,.04); }
.chat-head > .chat-block-action {
  display:grid;
  width:38px;
  height:38px;
  flex:0 0 38px;
  place-items:center;
  border:1px solid rgba(255,112,130,.22);
  color:#ff9aa8;
  background:rgba(137,35,58,.13);
}
.chat-head > .chat-block-action.unblock { border-color:rgba(91,227,186,.24); color:#6fe5bd; background:rgba(39,153,121,.12); }
.chat-head > div:not(.social-avatar) { min-width: 0; }
.chat-head strong { display: block; color: #f3ffff; }
.chat-head small { display: block; margin-top: .2rem; color: #6dd6ce; font-size: .72rem; }
.chat-head > a { margin-left: auto; color: #9ec2ca; font-size: .75rem; }
.chat-load-earlier { align-self: center; margin: .65rem 0 0; padding: .45rem .8rem; border: 0; color: #80cfc9; background: transparent; }
.chat-messages { min-height: 0; flex: 1; overflow: auto; padding: 1rem 1.3rem; scroll-behavior: smooth; }
.chat-day { display: block; margin: .5rem auto 1rem; color: #607f90; font-size: .65rem; text-align: center; text-transform: uppercase; }
.chat-bubble { width: fit-content; max-width: min(78%, 620px); margin: .42rem 0; padding: .7rem .85rem .42rem; border: 1px solid rgba(255,255,255,.07); border-radius: 17px 17px 17px 5px; background: rgba(27, 55, 70, .72); box-shadow: 0 8px 20px rgba(0,0,0,.13); }
.chat-bubble.mine { margin-left: auto; border-color: rgba(104, 228, 213, .22); border-radius: 17px 17px 5px 17px; background: linear-gradient(135deg, rgba(32, 139, 137, .78), rgba(80, 75, 147, .7)); }
.chat-bubble p { margin: 0; color: #efffff; line-height: 1.48; white-space: pre-wrap; overflow-wrap: anywhere; }
.chat-bubble time { display: block; margin-top: .25rem; color: rgba(218,255,251,.55); font-size: .58rem; text-align: right; }
.chat-compose { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; padding: .85rem; border-top: 1px solid rgba(103,223,217,.14); background: rgba(3,15,27,.72); }
.chat-compose[hidden] { display:none!important; }
.chat-compose textarea { min-height: 46px; max-height: 130px; resize: vertical; border: 1px solid rgba(110,222,216,.2); border-radius: 15px; color: #efffff; background: rgba(7,29,43,.82); }
.chat-compose > span { grid-column: 1; margin: -.45rem .5rem 0 auto; color: #587889; font-size: .58rem; }
.chat-compose > .chat-send-button { grid-row: 1 / 3; grid-column: 2; padding: 0 1rem; border: 0; border-radius: 15px; color: #072126; background: linear-gradient(135deg, #58e9dc, #c9f775); font-weight: 800; }
.chat-locked {
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.85rem 1rem;
  border-top:1px solid rgba(255,120,139,.18);
  color:#ffc1ca;
  background:linear-gradient(135deg,rgba(108,31,52,.2),rgba(27,29,50,.8));
}
.chat-locked[hidden] { display:none; }
.chat-locked > span { width:34px; height:34px; display:grid; flex:0 0 34px; place-items:center; border-radius:11px; color:#201019; background:linear-gradient(135deg,#ff9dab,#ffcc8a); font-weight:900; }
.chat-locked strong,.chat-locked small { display:block; }
.chat-locked small { margin-top:.2rem; color:#a98c97; font-size:.68rem; }

.social-panel-title { margin: -.2rem -.2rem 1rem; padding: .8rem .2rem 1.2rem; }
.friend-groups { display: grid; gap: 1rem; }
.friend-groups > section { padding: 1rem; border: 1px solid rgba(103,222,215,.15); border-radius: 20px; background: rgba(4,17,29,.42); }
.friend-groups h4 { margin: 0 0 .75rem; color: #94b3c0; font-size: .72rem; letter-spacing: .06em; }
.friend-groups h4 b { margin-left: .35rem; color: #59e7dc; }
.social-player-list { display: grid; gap: .55rem; }
.social-player-row { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .7rem; border: 1px solid rgba(107,218,214,.13); border-radius: 16px; background: rgba(8,29,43,.58); }
.social-player-row > div:nth-child(2) { min-width: 0; }
.social-player-row a,.social-player-row > div:nth-child(2) > strong { color: #efffff; font-weight: 800; }
.social-player-row small { display: block; margin-top: .22rem; color: #799bab; font-size: .69rem; }
.social-player-actions { display: flex; align-items: center; gap: .4rem; }
.social-player-actions button { padding: .48rem .68rem; border: 1px solid rgba(88,229,218,.23); border-radius: 11px; color: #dffffc; background: rgba(54,180,174,.12); font-size: .68rem; }
.social-player-actions button.message { color: #071e25; background: linear-gradient(135deg,#55e8db,#c8f672); }
.social-player-actions button.muted { color: #91a6b2; background: transparent; }
.social-player-actions button.danger,.public-social-actions button.danger { color:#ffabb6; border-color:rgba(255,111,130,.22); background:rgba(129,35,55,.12); }
.social-player-actions button.unblock,.public-social-actions button.unblock { color:#75e7c0; border-color:rgba(93,229,188,.24); background:rgba(38,151,119,.12); }
.social-player-actions > span { color: #6ed5ce; font-size: .68rem; }
.social-empty-state { padding: 1.4rem; color: #7693a2; text-align: center; }
.social-empty-state.error { color: #ff8b8b; }
.blocked-list { max-width:900px; margin:1rem auto 0; }
.social-safety-note {
  max-width:900px;
  display:flex;
  gap:.8rem;
  margin:0 auto;
  padding:.9rem 1rem;
  border:1px solid rgba(255,128,146,.17);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(105,34,54,.16),rgba(76,49,114,.12));
}
.social-safety-note > span { width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border-radius:12px; color:#2a121a; background:linear-gradient(135deg,#ff9eae,#ffd087); }
.social-safety-note strong { color:#ffe8ec; }
.social-safety-note p { margin:.3rem 0 0; color:#9e8791; font-size:.72rem; line-height:1.5; }

.social-search-form { max-width: 760px; margin: 1rem auto 1.4rem; }
.social-search-form > label,
.social-profile-form label > span,
.admin-access-editor > label { display: block; margin-bottom: .4rem; color: #89a8b7; font-size: .7rem; }
.social-search-form > div,
.admin-access-search { display: grid; grid-template-columns: 1fr auto; gap: .6rem; }
.social-search-form input,
.social-profile-form input,
.social-profile-form select,
.social-profile-form textarea,
.admin-access-editor input,
.admin-access-editor select { border: 1px solid rgba(99,221,214,.2); color: #efffff; background: rgba(5,24,38,.72); }
.social-search-form input { min-height: 54px; border-radius: 15px; }
.social-search-form button { padding: 0 1.35rem; border: 0; border-radius: 15px; color: #072126; background: linear-gradient(135deg,#55e7dc,#c9f574); font-weight: 800; }
.search-results { max-width: 860px; margin: auto; }

.social-profile-form { max-width: 900px; margin: auto; padding: 1rem; border: 1px solid rgba(103,222,215,.16); border-radius: 22px; background: rgba(5,20,34,.48); }
.social-form-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: .8rem; }
.social-profile-form label > span i { color: #5e7f8e; font-size: .62rem; font-style: normal; }
.social-profile-form input,
.social-profile-form select,
.social-profile-form textarea { width: 100%; min-height: 46px; border-radius: 13px; }
.social-bio-field { display: block; margin-top: .9rem; }
.social-privacy-options { display: grid; gap: .55rem; margin-top: 1rem; }
.social-privacy-options > label { display: flex; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid rgba(104,219,214,.13); border-radius: 15px; background: rgba(7,29,42,.46); }
.social-privacy-options input { width: 20px; min-height: 20px; }
.social-privacy-options label > span { flex: 1; margin: 0; }
.social-privacy-options strong { display: block; color: #eafffd; }
.social-privacy-options small { display: block; margin-top: .2rem; color: #728f9e; }
.social-privacy-options select { width: min(230px, 42%); }
.social-placeholder-note { display: flex; gap: .8rem; margin-top: 1rem; padding: .9rem; border: 1px solid rgba(155,104,238,.22); border-radius: 16px; background: linear-gradient(135deg,rgba(96,54,148,.18),rgba(31,134,137,.13)); }
.social-placeholder-note > span { color: #c99aff; font: 800 1.4rem/1 var(--pixel-font); }
.social-placeholder-note strong { color: #f2eaff; }
.social-placeholder-note p { margin: .35rem 0 0; color: #91a7b7; line-height: 1.5; }
.social-placeholder-note code { color: #73e8df; }
.social-public-rule {
  display:flex; align-items:flex-start; gap:.8rem; margin-top:.75rem; padding:.9rem;
  border:1px solid rgba(97,232,218,.2); border-radius:16px;
  background:linear-gradient(135deg,rgba(26,139,140,.18),rgba(143,201,91,.1));
}
.social-public-rule > span {
  flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:11px;
  color:#08242a; background:linear-gradient(135deg,#5be8dd,#c9f572); box-shadow:0 8px 20px rgba(72,224,211,.18);
}
.social-public-rule strong { color:#eafffc; }
.social-public-rule p { margin:.35rem 0 0; color:#8ca8b4; font-size:.72rem; line-height:1.5; }
.social-form-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }
.social-form-actions button { padding: .8rem 1.2rem; border: 0; border-radius: 14px; color: #072126; background: linear-gradient(135deg,#56e9dd,#c7f475); font-weight: 900; }
.social-form-actions p { margin: 0; color: #83a5b3; }
.social-form-actions p.success { color: #67e4b3; }
.social-form-actions p.error { color: #ff8989; }

.public-social-card { margin-bottom: 1rem; padding: 1.2rem; border: 1px solid rgba(84,224,216,.25); border-radius: 24px; background: linear-gradient(145deg,rgba(9,49,61,.86),rgba(29,25,60,.82)); box-shadow: 0 24px 55px rgba(0,0,0,.25); }
.public-social-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.public-social-card-head small { color: #58e5db; font: 700 .58rem/1 var(--pixel-font); }
.public-social-card-head h2 { margin: .45rem 0 .25rem; color: #efffff; font-family: var(--display-font); font-size: clamp(1.5rem,4vw,2.5rem); }
.public-social-card-head p { margin: 0; color: #78a8ac; }
.public-social-card-head > strong { color: #cffcf6; font-size: .78rem; }
.public-social-facts { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.public-social-facts > span { min-width: 130px; padding: .7rem; border-radius: 14px; background: rgba(5,22,37,.45); }
.public-social-facts small,.public-social-facts strong { display: block; }
.public-social-facts small { color: #6f94a2; font-size: .6rem; }
.public-social-facts strong { margin-top: .25rem; color: #efffff; }
.public-social-bio { margin: 1rem 0 0; color: #a9c4cc; line-height: 1.65; white-space: pre-wrap; }
.public-social-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
.public-social-actions a,.public-social-actions button { padding: .7rem 1rem; border: 1px solid rgba(85,228,217,.25); border-radius: 13px; color: #eafffd; background: rgba(54,181,175,.13); font-weight: 800; }

/* Owner-controlled admin access and recovery */
.admin-recovery-panel { padding: 1rem !important; }
.admin-recovery-warning { display: flex; gap: .8rem; margin-bottom: 1rem; padding: .85rem; border: 1px solid rgba(255,164,91,.25); border-radius: 16px; background: rgba(113,53,31,.16); }
.admin-recovery-warning > span { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 10px; color: #1c1108; background: #ffb46e; font-weight: 900; }
.admin-recovery-warning strong { color: #ffe0c2; }
.admin-recovery-warning p { margin: .25rem 0 0; color: #aa9387; font-size: .75rem; }
.admin-recovery-panel form > label { display: block; margin-top: .7rem; color: #91a5af; font-size: .7rem; }
.admin-recovery-panel input,.admin-recovery-panel textarea { width: 100%; margin-top: .35rem; border-color: rgba(237,159,98,.17); color: #efffff; background: rgba(4,18,30,.72); }
.admin-recovery-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.admin-recovery-actions button { padding: .7rem .85rem; border: 1px solid rgba(90,228,217,.2); border-radius: 12px; color: #dffffc; background: rgba(45,169,164,.12); }
.admin-recovery-actions button.danger { border-color: rgba(255,101,101,.25); color: #ffaaaa; background: rgba(143,36,49,.15); }
#admin-recovery-status { margin: .8rem 0 0; color: #8ca5af; }
#admin-recovery-status.success { color: #5fe2ac; }
#admin-recovery-status.error { color: #ff8585; }

.admin-access-heading { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: 1.1rem; border: 1px solid rgba(187,116,255,.23); border-radius: 22px; background: linear-gradient(135deg,rgba(105,47,151,.2),rgba(33,143,140,.16)); }
.admin-access-heading span { color: #c89aff; font: 700 .57rem/1.2 var(--pixel-font); }
.admin-access-heading h3 { margin: .45rem 0 .25rem; color: #f4ecff; font-family: var(--display-font); }
.admin-access-heading p { margin: 0; color: #91a3b1; }
.admin-access-heading > b { align-self: center; color: #d9b7ff; font: 800 1rem/1 var(--pixel-font); text-shadow: 0 0 20px #b36eff; }
.admin-access-layout { display: grid; grid-template-columns: minmax(320px,.9fr) minmax(360px,1.1fr); gap: 1rem; }
.admin-access-search button { padding: 0 1rem; border: 0; border-radius: 12px; color: #071e24; background: #5fe5d9; font-weight: 800; }
.admin-access-search-results { display: grid; gap: .4rem; margin: .45rem 0; }
.admin-access-search-results > button { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: .55rem; padding: .5rem; border: 1px solid rgba(94,224,216,.15); border-radius: 12px; color: #efffff; text-align: left; background: rgba(6,27,41,.52); }
.admin-access-search-results .social-avatar { width: 36px; height: 36px; border-radius: 10px; }
.admin-access-search-results small { color: #718e9d; }
.admin-access-selected { display: flex; align-items: center; gap: .7rem; margin: .8rem 0; padding: .7rem; border: 1px solid rgba(87,230,218,.23); border-radius: 15px; background: rgba(44,158,155,.1); }
.admin-access-selected > div:nth-child(2) { flex: 1; }
.admin-access-selected small,.admin-access-selected strong { display: block; }
.admin-access-selected small { color: #62dcd4; font-size: .55rem; }
.admin-access-selected strong { margin-top: .25rem; color: #efffff; }
.admin-access-selected > button { border: 0; color: #8da8b4; background: transparent; }
.admin-permission-grid { display: grid; gap: .65rem; margin: 1rem 0; }
.admin-permission-grid fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; padding: .7rem; border: 1px solid rgba(104,219,214,.13); border-radius: 14px; }
.admin-permission-grid legend { padding: 0 .35rem; color: #8db0bb; font-size: .65rem; }
.admin-permission-grid label { display: flex; align-items: center; gap: .45rem; color: #d4e8ec; font-size: .72rem; }
.admin-permission-grid input { width: 18px; height: 18px; }
.admin-access-list { display: grid; gap: .55rem; }
.admin-access-row { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid rgba(99,219,214,.14); border-radius: 16px; background: rgba(5,24,38,.53); }
.admin-access-row.owner { border-color: rgba(192,112,255,.32); background: linear-gradient(135deg,rgba(104,47,146,.22),rgba(26,113,117,.14)); }
.admin-access-row strong,.admin-access-row small { display: block; }
.admin-access-row strong { color: #efffff; }
.admin-access-row small { margin-top: .2rem; color: #6edbd2; }
.admin-access-row p { margin: .25rem 0 0; color: #748f9d; font-size: .67rem; }
.admin-access-row > b { color: #d2a4ff; font: 700 .72rem/1 var(--pixel-font); }
.admin-access-row > div:last-child { display: flex; gap: .4rem; }
.admin-access-row button { padding: .48rem .65rem; border: 1px solid rgba(93,225,216,.2); border-radius: 10px; color: #dffffc; background: rgba(45,166,161,.11); font-size: .67rem; }
.admin-access-row button.muted { color: #ff9e9e; border-color: rgba(255,105,105,.18); background: transparent; }

@media (max-width: 900px) {
  .social-shell { grid-template-columns: 1fr; }
  .social-sidebar { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid rgba(122,219,221,.14); }
  .social-sidebar button { min-width: 150px; }
  .admin-access-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .social-section { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
  .social-shell { min-height: 0; border-radius: 22px; overflow: visible; }
  .social-sidebar { position: sticky; top: 0; z-index: 4; padding: .55rem; background: rgba(4,18,31,.94); backdrop-filter: blur(18px); }
  .social-sidebar button { min-width: 112px; min-height: 48px; grid-template-columns: 22px 1fr auto; padding: .45rem; }
  .social-sidebar button > strong { font-size: .7rem; }
  .social-panel { padding: .65rem; }
  .social-messenger { height: min(690px, calc(100svh - 205px)); min-height: 530px; grid-template-columns: 1fr; border-radius: 18px; }
  .conversation-column { border: 0; }
  .chat-column { display: none; }
  .chat-column.mobile-chat-open { display: flex; }
  .social-messenger:has(.mobile-chat-open) .conversation-column { display: none; }
  .chat-head > button { display: grid; place-items: center; }
  .chat-head > a { font-size: 0; }
  .chat-head > a::after { content: "↗"; font-size: 1rem; }
  .chat-messages { padding: .75rem; }
  .chat-bubble { max-width: 88%; }
  .chat-compose { padding: .6rem; }
  .chat-compose > .chat-send-button { padding: 0 .7rem; font-size: .7rem; }
  .social-player-row { grid-template-columns: 42px minmax(0,1fr); }
  .social-player-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .social-player-actions { flex-wrap:wrap; }
  .social-form-grid { grid-template-columns: 1fr; }
  .social-privacy-options > label { flex-wrap: wrap; }
  .social-privacy-options select { width: 100%; }
  .social-placeholder-note { align-items: flex-start; }
  .social-placeholder-note p { overflow-wrap: anywhere; }
  .public-social-card-head { flex-direction: column; }
  .admin-access-heading { flex-direction: column; }
  .admin-access-layout { grid-template-columns: minmax(0,1fr); }
  .admin-permission-grid fieldset { grid-template-columns: 1fr; }
  .admin-access-row { grid-template-columns: 42px minmax(0,1fr); }
  .admin-access-row > div:last-child,.admin-access-row > b { grid-column: 1 / -1; justify-self: end; }
  .admin-recovery-actions { display: grid; }
  .admin-recovery-actions button { width: 100%; }
}

/* Keep the messenger itself fixed; only its two inner lists may scroll. */
.social-panel[data-social-panel="messages"] { min-height:0; overflow:hidden; }
.social-panel[data-social-panel="messages"] .social-messenger { min-height:0; max-height:calc(100svh - 185px); }
.social-panel[data-social-panel="messages"] .conversation-column { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.social-panel[data-social-panel="messages"] .conversation-list { height:auto; min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.social-panel[data-social-panel="messages"] .chat-column,
.social-panel[data-social-panel="messages"] .chat-active { min-height:0; overflow:hidden; }
.social-panel[data-social-panel="messages"] .chat-messages { overflow-y:auto; overflow-anchor:none; overscroll-behavior:contain; scroll-behavior:auto; scrollbar-gutter:stable; }

@media (max-width: 900px) {
  .social-sidebar-brand { display:none; }
}

@media (max-width: 760px) {
  .social-panel[data-social-panel="messages"] { overflow:visible; }
  .social-panel[data-social-panel="messages"] .social-messenger { height:calc(100svh - 218px); min-height:420px; max-height:720px; }
  .social-panel[data-social-panel="messages"] .conversation-list { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
  .public-network-hero .public-social-card-head { align-items:flex-start; }
}

@media (max-width: 430px) {
  .social-panel[data-social-panel="messages"] .social-messenger { height:calc(100svh - 205px); min-height:390px; }
}

/* 0.30.2 · ALOHA Social signature entrance and localized rank emblems */
@keyframes aloha-rank-sheen {
  0%,55% { transform:translateX(-165%) skewX(-22deg); }
  82%,100% { transform:translateX(230%) skewX(-22deg); }
}

.privilege-badge {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  letter-spacing:.02em;
}
.privilege-badge::after {
  position:absolute;
  z-index:-1;
  top:-80%;
  bottom:-80%;
  left:-40%;
  width:38%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  content:"";
  animation:aloha-rank-sheen 5.2s ease-in-out infinite;
  pointer-events:none;
}
.privilege-badge[data-privilege-tone="admin"] { box-shadow:0 9px 25px rgba(232,45,58,.24),inset 0 1px rgba(255,255,255,.3)!important; }
.privilege-badge[data-privilege-tone="moderator"] { box-shadow:0 9px 25px rgba(49,105,220,.26),inset 0 1px rgba(255,255,255,.3)!important; }
.privilege-badge[data-privilege-tone="helper"] { box-shadow:0 9px 25px rgba(35,157,89,.24),inset 0 1px rgba(255,255,255,.3)!important; }
.privilege-badge[data-privilege-tone="builder"] { box-shadow:0 9px 25px rgba(228,103,37,.24),inset 0 1px rgba(255,255,255,.3)!important; }
.public-privilege-metric .privilege-badge { margin-top:.45rem; }

@media(prefers-reduced-motion:reduce) {
  .privilege-badge::after { animation:none!important; }
}

/* 0.30.2 · Mobile messenger — a real full-screen conversation, not an inset card. */
@media(max-width:760px) {
  html.mobile-chat-active,
  body.mobile-chat-active {
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  body.mobile-chat-active :is(.social-section,.social-panel) {
    animation:none!important;
    transform:none!important;
  }

  body.mobile-chat-active :is(.social-shell,.social-panel[data-social-panel="messages"],.social-messenger) {
    overflow:visible!important;
  }

  #social-chat-column.mobile-chat-open {
    position:fixed;
    z-index:12000;
    inset:0;
    display:flex;
    width:100%;
    max-width:100%;
    height:var(--aloha-visual-height,100dvh);
    min-height:0!important;
    max-height:none!important;
    overflow:hidden;
    flex-direction:column;
    border:0;
    border-radius:0;
    background:
      radial-gradient(circle at 86% 0,rgba(147,78,235,.2),transparent 34%),
      radial-gradient(circle at 2% 100%,rgba(37,204,191,.13),transparent 36%),
      linear-gradient(155deg,#092b3b,#061526 58%,#0d1028);
    box-shadow:none;
    overscroll-behavior:none;
    isolation:isolate;
  }

  #social-chat-column.mobile-chat-open::before {
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.18;
    background-image:
      linear-gradient(rgba(117,235,227,.08) 1px,transparent 1px),
      linear-gradient(90deg,rgba(117,235,227,.08) 1px,transparent 1px);
    background-size:30px 30px;
    mask-image:linear-gradient(to bottom,#000,transparent 78%);
    content:"";
    pointer-events:none;
  }

  #social-chat-column.mobile-chat-open .chat-empty {
    display:none;
  }

  #social-chat-column.mobile-chat-open .chat-active {
    display:flex;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    flex:1 1 auto;
  }

  #social-chat-column.mobile-chat-open .chat-head {
    box-sizing:border-box;
    min-height:calc(70px + env(safe-area-inset-top));
    padding:calc(9px + env(safe-area-inset-top)) 12px 9px;
    flex:0 0 auto;
    gap:10px;
    border-bottom:1px solid rgba(102,224,216,.16);
    background:rgba(4,19,33,.9);
    box-shadow:0 12px 32px rgba(0,0,0,.17);
    backdrop-filter:blur(18px) saturate(1.18);
  }

  #social-chat-column.mobile-chat-open .chat-head > button {
    display:inline-flex;
    width:auto;
    min-width:44px;
    min-height:44px;
    padding:0 11px;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex:0 0 auto;
    border:1px solid rgba(100,226,216,.22);
    border-radius:14px;
    color:#dffffb;
    background:rgba(61,199,191,.1);
  }

  #social-chat-column.mobile-chat-open .chat-head > .chat-block-action {
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
    border-color:rgba(255,116,136,.22);
    color:#ff9eae;
    background:rgba(132,34,57,.13);
  }

  #social-chat-column.mobile-chat-open .chat-head > button > span {
    font:700 18px/1 var(--font-copy);
  }

  #social-chat-column.mobile-chat-open .chat-head > button > b {
    display:block;
    font:800 10px/1 var(--font-copy);
  }

  #social-chat-column.mobile-chat-open .chat-head .social-avatar {
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:13px;
  }

  #social-chat-column.mobile-chat-open .chat-head > div:not(.social-avatar) {
    min-width:0;
    flex:1 1 auto;
  }

  #social-chat-column.mobile-chat-open .chat-head :is(strong,small) {
    overflow:hidden;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #social-chat-column.mobile-chat-open .chat-head > a {
    display:grid;
    width:40px;
    height:40px;
    margin-left:0;
    flex:0 0 40px;
    place-items:center;
    border:1px solid rgba(103,222,216,.14);
    border-radius:13px;
    background:rgba(255,255,255,.035);
  }

  #social-chat-column.mobile-chat-open .chat-load-earlier {
    min-height:36px;
    margin:5px auto 0;
    flex:0 0 auto;
  }

  #social-chat-column.mobile-chat-open .chat-messages {
    min-height:0;
    padding:12px max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left));
    overflow-x:hidden;
    overflow-y:auto;
    flex:1 1 auto;
    scroll-behavior:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:auto;
  }

  #social-chat-column.mobile-chat-open .chat-messages.is-loading {
    display:grid;
    place-items:center;
  }

  #social-chat-column.mobile-chat-open .chat-messages.is-loading::before {
    padding:10px 13px;
    border:1px solid rgba(100,225,217,.16);
    border-radius:13px;
    color:#8bc4c4;
    background:rgba(5,25,39,.62);
    content:"Открываем диалог…";
    font:800 11px/1.3 var(--font-copy);
  }

  #social-chat-column.mobile-chat-open .chat-bubble {
    max-width:min(86%,620px);
  }

  #social-chat-column.mobile-chat-open .chat-compose {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    flex:0 0 auto;
    border-top:1px solid rgba(103,223,217,.16);
    background:rgba(3,15,27,.94);
    box-shadow:0 -14px 35px rgba(0,0,0,.16);
    backdrop-filter:blur(18px) saturate(1.16);
  }

  #social-chat-column.mobile-chat-open .chat-locked {
    box-sizing:border-box;
    width:100%;
    padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    flex:0 0 auto;
  }

  #social-chat-column.mobile-chat-open .chat-compose textarea {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:46px;
    max-height:min(124px,24dvh);
    padding:11px 12px;
    resize:none;
    font-size:16px!important;
    line-height:1.4;
  }

  #social-chat-column.mobile-chat-open .chat-compose > span {
    margin:-3px 5px 0 auto;
  }

  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button {
    min-width:92px;
    min-height:46px;
    padding:0 12px;
    grid-row:1/3;
    grid-column:2;
    align-self:stretch;
    border-radius:14px;
  }
}

@media(max-width:380px) {
  #social-chat-column.mobile-chat-open .chat-head {
    gap:7px;
    padding-right:8px;
    padding-left:8px;
  }

  #social-chat-column.mobile-chat-open .chat-head > button {
    width:44px;
    padding:0;
  }

  #social-chat-column.mobile-chat-open .chat-head > button > b {
    display:none;
  }

  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button {
    min-width:76px;
    padding:0 9px;
    font-size:0!important;
  }

  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button > b {
    font-size:18px;
  }
}

/* 0.30.3 · Player inspector isolation and phone-safe admin geometry. */
[data-admin-panel]:not(.active),
[data-player-detail-panel]:not(.active) {
  display:none!important;
}

.admin-panel.active,
.player-admin-layout,
.player-inspector,
#player-inspector-content,
.player-inspector-hero,
.player-inspector-name,
.player-inspector-actions,
.player-inspector-stats,
.player-inspector-tabs,
.player-detail-panel,
.admin-recovery-panel,
.admin-recovery-panel form {
  min-width:0;
  max-width:100%;
}

.admin-panel.active,
.player-admin-layout,
.player-inspector,
#player-inspector-content,
.player-inspector-tabs,
.player-detail-panel {
  width:100%;
}

.player-inspector {
  overflow:hidden;
}

.player-inspector-hero {
  grid-template-columns:auto minmax(0,1fr) auto;
}

.player-inspector-name h3,
.player-inspector-name code,
.player-history-row :is(strong,small),
.admin-recovery-warning :is(strong,p) {
  overflow-wrap:anywhere;
  word-break:break-word;
}

.player-inspector-name code {
  display:block;
  width:100%;
  max-width:100%;
  white-space:normal;
}

.player-inspector-tabs {
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.player-inspector-tabs::-webkit-scrollbar {
  display:none;
}

.player-history-row,
.player-history-row > div,
.admin-recovery-warning > div,
.admin-recovery-panel .admin-fields,
.admin-recovery-panel label,
.admin-recovery-panel :is(input,textarea) {
  min-width:0;
  max-width:100%;
}

@media(max-width:760px) {
  .player-admin-layout {
    overflow:visible;
  }

  .player-inspector {
    padding:16px 13px calc(20px + env(safe-area-inset-bottom));
    border-radius:18px;
    scroll-margin-bottom:calc(112px + env(safe-area-inset-bottom));
  }

  .player-inspector-hero {
    padding-bottom:16px;
    grid-template-columns:68px minmax(0,1fr);
    gap:12px;
    align-items:center;
    text-align:left;
  }

  .admin-player-avatar {
    width:64px;
    height:64px;
    margin:0;
    border-width:5px;
    border-radius:15px;
  }

  .player-inspector-name h3 {
    margin:7px 0 6px;
    font-size:clamp(20px,7vw,28px);
    line-height:1.08;
  }

  .player-inspector-name code {
    font-size:9px;
    line-height:1.45;
  }

  .player-inspector-actions {
    width:100%;
    grid-column:1/-1;
  }

  .player-inspector-actions button {
    width:100%;
    min-width:0;
    white-space:normal;
  }

  .player-inspector-stats {
    width:100%;
    margin:14px 0;
    gap:7px;
  }

  .player-inspector-stats > div {
    padding:11px;
  }

  .player-inspector-tabs {
    margin:0 0 11px;
    padding:5px;
    scroll-padding-inline:5px;
  }

  .player-detail-panel {
    overflow:hidden;
  }

  .player-history-row {
    padding:12px;
    grid-template-columns:minmax(0,1fr) auto;
  }

  .admin-recovery-panel {
    padding:12px!important;
  }

  .admin-recovery-warning {
    align-items:flex-start;
  }

  .admin-recovery-actions {
    display:grid;
    grid-template-columns:1fr;
  }

  .admin-recovery-actions button {
    width:100%;
    min-width:0;
  }
}

@media(max-width:520px) {
  .player-inspector-stats {
    grid-template-columns:1fr!important;
  }

  .player-history-row {
    grid-template-columns:1fr;
  }

  .player-history-row > span {
    width:max-content;
    max-width:100%;
  }
}

/* 0.31 mobile chat cascade guard: keep the action rail inside the fixed viewport. */
@media(max-width:760px) {
  #social-chat-column.mobile-chat-open .chat-head {
    min-height:calc(112px + env(safe-area-inset-top));
    flex-wrap:wrap;
  }

  #social-chat-column.mobile-chat-open .chat-tools {
    order:10;
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    margin:0;
  }

  #social-chat-column.mobile-chat-open .chat-tools button {
    width:100%;
    min-width:0;
    height:32px;
    min-height:32px;
    padding:0;
    border-radius:10px;
  }
}

/* 0.32.0 · ALOHA Social as one coherent network. */
.social-today-panel { min-height:680px; }
.social-today-hero {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:clamp(1.1rem,3vw,2rem);
  border:1px solid rgba(101,231,221,.23);
  border-radius:24px;
  background:radial-gradient(circle at 88% 12%,rgba(190,112,255,.28),transparent 35%),radial-gradient(circle at 4% 100%,rgba(47,226,209,.19),transparent 38%),linear-gradient(145deg,rgba(7,47,61,.94),rgba(19,19,52,.94));
  box-shadow:0 22px 52px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);
}
.social-today-hero::after { position:absolute; width:210px; height:210px; right:-70px; top:-95px; border:36px solid rgba(111,232,217,.07); border-radius:50%; content:""; }
.social-today-hero small,.social-today-card-head small { color:#62e4da; font:800 .58rem/1.2 var(--pixel-font); letter-spacing:.08em; }
.social-today-hero h3 { margin:.45rem 0 .35rem; color:#f1ffff; font:900 clamp(1.7rem,4vw,3rem)/1 var(--display-font); }
.social-today-hero p { margin:0; color:#92adb8; }
.social-today-hero > button { z-index:1; max-width:330px; padding:.85rem 1rem; border:0; border-radius:15px; color:#082129; background:linear-gradient(135deg,#58eadf,#caf575); font-weight:900; text-align:left; box-shadow:0 12px 30px rgba(75,224,210,.16); }
.social-today-hero > button span { margin-left:.4rem; }
.social-today-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin:1rem 0; }
.social-today-stats .identity-metric { min-width:0; padding:.85rem; border:1px solid rgba(100,224,217,.14); border-radius:16px; background:rgba(4,20,34,.48); }
.social-today-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.social-today-card { min-width:0; padding:1rem; border:1px solid rgba(99,224,216,.15); border-radius:20px; background:linear-gradient(145deg,rgba(7,31,45,.76),rgba(14,20,40,.73)); box-shadow:0 16px 36px rgba(0,0,0,.12); }
.social-today-card.social-today-wide { grid-column:1/-1; }
.social-today-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.7rem; margin-bottom:.75rem; }
.social-today-card-head h4 { margin:.25rem 0 0; color:#efffff; font-size:1rem; }
.social-today-card-head button { padding:.4rem .55rem; border:0; color:#79dcd5; background:transparent; font-size:.68rem; }
.social-today-card > div:last-child { display:grid; gap:.45rem; }
.social-today-person { width:100%; min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:.65rem; padding:.55rem; border:1px solid rgba(104,220,215,.1); border-radius:14px; color:inherit; text-align:left; background:rgba(5,22,35,.4); }
.social-today-person:hover { border-color:rgba(90,232,220,.27); background:rgba(51,178,174,.1); }
.social-today-person .social-avatar { width:42px; height:42px; border-radius:12px; }
.social-today-person strong,.social-today-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.social-today-person strong { color:#efffff; font-size:.78rem; }
.social-today-person small { margin-top:.22rem; color:#7f9da9; font-size:.67rem; }
.social-today-person > b { color:#5be6dc; }
.social-today-empty { min-height:92px; display:grid; align-content:center; justify-items:start; padding:.75rem; border:1px dashed rgba(107,220,215,.16); border-radius:14px; }
.social-today-empty strong { color:#dffcf9; }
.social-today-empty p { margin:.25rem 0 .6rem; color:#7894a2; font-size:.7rem; }
.social-today-empty button { padding:.48rem .65rem; border:1px solid rgba(82,229,217,.2); border-radius:10px; color:#dffffc; background:rgba(53,184,177,.11); }
.social-today-ohana-link { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:.8rem; padding:.85rem; border:1px solid color-mix(in srgb,var(--ohana-color) 30%,transparent); border-radius:16px; color:inherit; background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--ohana-color) 18%,transparent),transparent 42%),rgba(5,23,36,.42); }
.social-today-ohana-link > span { width:62px; height:62px; display:grid; place-items:center; border-radius:17px; color:#072026; background:linear-gradient(135deg,var(--ohana-color),color-mix(in srgb,var(--ohana-color) 45%,#eaf67c)); font:900 .65rem/1 var(--pixel-font); }
.social-today-ohana-link strong { color:#efffff; }
.social-today-ohana-link p,.social-today-ohana-link small { display:block; overflow:hidden; margin:.25rem 0 0; color:#83a0ab; font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.social-today-ohana-link > b { color:var(--ohana-color); }
.social-achievement-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:.65rem; align-items:center; padding:.65rem; border-bottom:1px solid rgba(104,220,214,.1); color:inherit; }
.social-achievement-row > span { color:#d9a0ff; text-align:center; filter:drop-shadow(0 0 8px rgba(203,113,255,.5)); }
.social-achievement-row small,.social-achievement-row strong,.social-achievement-row p { display:block; margin:0; }
.social-achievement-row small { color:#64dcd4; font-size:.58rem; }
.social-achievement-row strong { margin:.15rem 0; color:#efffff; font-size:.76rem; }
.social-achievement-row p,.social-achievement-row time { color:#7896a3; font-size:.65rem; }

.social-friend-tabs { display:flex; gap:.45rem; margin:0 0 1rem; padding:.35rem; border:1px solid rgba(100,221,214,.13); border-radius:14px; background:rgba(4,20,32,.4); }
.social-friend-tabs button { padding:.58rem .85rem; border:0; border-radius:10px; color:#829daa; background:transparent; }
.social-friend-tabs button.active { color:#062128; background:linear-gradient(135deg,#5ae6dc,#bde984); }
.social-friend-tabs b { margin-left:.3rem; }
.social-search-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.social-search-groups > section { min-width:0; padding:1rem; border:1px solid rgba(101,221,215,.14); border-radius:18px; background:rgba(4,20,33,.4); }
.social-search-groups h4 { margin:0 0 .8rem; color:#98b3bd; }
.social-search-groups .search-results { max-width:none; }
.social-ohana-sync { display:block; margin-top:.35rem; color:#668894!important; font-size:.6rem!important; }

.conversation-column { display:flex; min-height:0; flex-direction:column; }
.conversation-view-tabs,.conversation-filter,.conversation-pagination { flex:0 0 auto; }
.conversation-list { min-height:0; height:auto; flex:1 1 auto; }
.conversation-pagination { display:flex; align-items:center; justify-content:center; gap:.6rem; min-height:40px; padding:.35rem .55rem; border-top:1px solid rgba(102,220,215,.1); }
.conversation-pagination button { padding:.45rem .65rem; border:1px solid rgba(87,229,218,.18); border-radius:10px; color:#b8e8e4; background:rgba(48,175,169,.09); }
.conversation-pagination small { color:#688996; font-size:.6rem; }
.chat-tools { position:relative; margin-left:.2rem; }
.chat-tools > summary { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(102,223,215,.16); border-radius:13px; color:#dffffc; background:rgba(255,255,255,.04); cursor:pointer; list-style:none; }
.chat-tools > summary::-webkit-details-marker { display:none; }
.chat-tools > div { position:absolute; z-index:20; top:calc(100% + 8px); right:0; width:205px; display:grid; gap:4px; padding:6px; border:1px solid rgba(102,223,215,.18); border-radius:14px; background:rgba(4,20,33,.98); box-shadow:0 20px 45px rgba(0,0,0,.35); }
.chat-tools:not([open]) > div { display:none; }
.chat-tools button { width:100%; min-height:38px; padding:.55rem .7rem; border:0; border-radius:9px; color:#b9d5d8; text-align:left; background:transparent; }
.chat-tools button:hover,.chat-tools button.active { color:#eaffff; background:rgba(61,194,186,.12); }
.chat-tools .chat-block-action { color:#ff9baa; }
.chat-delivery { display:block; margin-top:.22rem; color:rgba(220,255,251,.6); font-size:.56rem; text-align:right; }
.chat-bubble.delivery-error { border-color:rgba(255,104,125,.38); }
.chat-bubble.delivery-error .chat-delivery { color:#ffb0bb; cursor:pointer; }

.public-ohana-head { min-height:0; margin-bottom:1rem; }
.public-ohana-head h1 { font-size:clamp(2.1rem,6vw,4.5rem); }
.ohana-public-hero { grid-template-columns:86px minmax(220px,.72fr) minmax(0,1.3fr); padding:1rem; border-radius:22px; }
.ohana-public-seal { width:84px; height:84px; border-radius:22px; font-size:.68rem; }
.ohana-public-title h2 { font-size:clamp(1.55rem,3.8vw,2.8rem); }
.ohana-honest-sync,.ohana-viewer-status { display:flex; align-items:center; gap:.8rem; margin-top:.75rem; padding:.8rem 1rem; border:1px solid rgba(100,224,217,.16); border-radius:16px; background:rgba(5,23,36,.5); }
.ohana-honest-sync { justify-content:space-between; }
.ohana-honest-sync strong { color:#eafffd; font-size:.76rem; }
.ohana-honest-sync span { color:#7695a2; font-size:.66rem; }
.ohana-viewer-status > span { width:38px; height:38px; display:grid; flex:0 0 38px; place-items:center; border-radius:12px; color:#09252a; background:linear-gradient(135deg,#59e8dd,#caf477); font-weight:900; }
.ohana-viewer-status strong { color:#efffff; }
.ohana-viewer-status p { margin:.25rem 0 0; color:#809ca7; font-size:.68rem; }
.ohana-page-tabs { position:sticky; z-index:5; top:.5rem; display:flex; gap:.45rem; margin:1rem 0; padding:.4rem; border:1px solid rgba(99,223,216,.15); border-radius:16px; background:rgba(4,19,32,.88); backdrop-filter:blur(16px); }
.ohana-page-tabs button { flex:1; padding:.7rem; border:0; border-radius:11px; color:#819ca8; background:transparent; }
.ohana-page-tabs button.active { color:#082329; background:linear-gradient(135deg,var(--ohana-color),color-mix(in srgb,var(--ohana-color) 42%,#eaf67a)); font-weight:900; }
.ohana-public-layout.ohana-tab-layout { display:block; margin-top:0; }
.ohana-tab-panel { min-width:0; }
.ohana-tab-panel[hidden] { display:none!important; }
.ohana-feed-column,.ohana-members-panel,.ohana-history-panel { padding:1rem; }
.ohana-post.pinned { border-color:color-mix(in srgb,var(--ohana-color) 42%,transparent); background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ohana-color) 15%,transparent),transparent 40%),rgba(8,30,44,.62); box-shadow:0 16px 36px color-mix(in srgb,var(--ohana-color) 10%,transparent); }
.ohana-pinned-label { margin:-.35rem -.35rem .7rem; color:var(--ohana-color); font:900 .54rem/1.2 var(--pixel-font); letter-spacing:.07em; }
.ohana-post-actions { flex-wrap:wrap; }
.ohana-post-actions button.reaction { min-width:52px; }
.ohana-post-actions button.reaction.active { color:#082129; background:var(--ohana-color); }
.ohana-comments { display:grid; gap:.45rem; margin-top:.75rem; padding-top:.7rem; border-top:1px solid rgba(103,219,214,.1); }
.ohana-comments > article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:.55rem; }
.ohana-comments .social-avatar { width:34px; height:34px; border-radius:10px; }
.ohana-comments header { display:flex; align-items:center; gap:.5rem; }
.ohana-comments header a { color:#eafffd; font-size:.7rem; font-weight:800; }
.ohana-comments header time,.ohana-comment-count { color:#668793; font-size:.57rem; }
.ohana-comments p { margin:.2rem 0; color:#9ab1b9; font-size:.7rem; white-space:pre-wrap; }
.ohana-comments button.muted { padding:0; border:0; color:#6f8f9a; background:transparent; font-size:.58rem; }
.ohana-comment-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.5rem; margin-top:.3rem; }
.ohana-comment-form textarea { min-width:0; min-height:40px; max-height:110px; resize:vertical; border:1px solid rgba(101,220,214,.17); border-radius:12px; color:#efffff; background:rgba(4,20,33,.58); }
.ohana-comment-form button { padding:0 .8rem; border:0; border-radius:11px; color:#082229; background:linear-gradient(135deg,#59e8dd,#c7f477); font-weight:800; }
.ohana-members-panel,.ohana-history-panel { border:1px solid rgba(98,225,217,.17); border-radius:24px; background:linear-gradient(145deg,rgba(8,39,52,.91),rgba(10,20,38,.93)); }
.ohana-weekly-card { margin-bottom:1rem; padding:1rem; border:1px solid color-mix(in srgb,var(--ohana-color) 24%,transparent); border-radius:18px; background:color-mix(in srgb,var(--ohana-color) 7%,rgba(4,20,33,.55)); }
.ohana-weekly-card > small { color:var(--ohana-color); font:800 .55rem/1.2 var(--pixel-font); }
.ohana-weekly-card h3 { margin:.35rem 0 .8rem; color:#efffff; }
.ohana-weekly-card > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; }
.ohana-weekly-card .identity-metric { min-width:0; padding:.7rem; border:1px solid rgba(103,220,214,.12); border-radius:13px; background:rgba(4,19,31,.45); }

@media(max-width:980px) {
  .social-today-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ohana-public-hero { grid-template-columns:74px minmax(0,1fr); }
  .ohana-public-seal { width:72px; height:72px; }
  .ohana-public-metrics { grid-column:1/-1; }
  .ohana-weekly-card > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media(max-width:760px) {
  .mobile-bottom-nav .social-mobile-button { --mobile-commerce-bg:#d7fbf5; --mobile-commerce-color:#087d78; border-color:rgba(35,187,177,.23); background:linear-gradient(145deg,rgba(215,251,245,.9),rgba(234,218,255,.9)); }
  .mobile-bottom-nav .social-mobile-button.active { color:#06252a; background:linear-gradient(145deg,#58e8dc,#c9f377 55%,#d2a6ff); }
  .mobile-bottom-nav .social-mobile-button > span { filter:drop-shadow(0 0 7px rgba(42,196,185,.35)); }
  .social-heading { margin-bottom:.65rem; }
  .social-heading p { max-width:100%; }
  .social-shell { min-height:0; border-radius:20px; }
  .social-sidebar { position:sticky; top:0; z-index:8; display:flex; padding:.42rem; gap:.35rem; overflow-x:auto; scroll-snap-type:x proximity; }
  .social-sidebar button { min-width:102px; min-height:46px; grid-template-columns:20px minmax(0,1fr) auto; padding:.4rem .5rem; border-radius:13px; scroll-snap-align:start; }
  .social-sidebar button > strong { font-size:.67rem; }
  .social-panel { padding:.72rem; }
  .social-today-panel { min-height:0; }
  .social-today-hero { align-items:flex-start; flex-direction:column; padding:1rem; border-radius:18px; }
  .social-today-hero h3 { font-size:clamp(1.45rem,8vw,2.1rem); }
  .social-today-hero > button { width:100%; max-width:none; }
  .social-today-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
  .social-today-grid,.social-search-groups { grid-template-columns:1fr; }
  .social-today-card.social-today-wide { grid-column:auto; }
  .social-today-card { padding:.78rem; border-radius:17px; }
  .social-achievement-row { grid-template-columns:28px minmax(0,1fr); }
  .social-achievement-row time { grid-column:2; }
  .social-friend-tabs { position:sticky; top:55px; z-index:4; overflow-x:auto; background:rgba(4,20,33,.93); }
  .social-friend-tabs button { flex:1 0 auto; }
  .social-player-row { grid-template-columns:42px minmax(0,1fr); }
  .social-player-actions { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .social-player-actions button { width:100%; }
  .conversation-pagination { min-height:42px; }
  #social-chat-column.mobile-chat-open .chat-head { min-height:calc(70px + env(safe-area-inset-top))!important; padding:calc(9px + env(safe-area-inset-top)) 10px 9px!important; flex-wrap:nowrap!important; }
  #social-chat-column.mobile-chat-open .chat-head .social-avatar { display:grid!important; width:38px; height:38px; flex-basis:38px; }
  #social-chat-column.mobile-chat-open .chat-head > a { width:36px; height:36px; flex-basis:36px; overflow:hidden; color:transparent; }
  #social-chat-column.mobile-chat-open .chat-head > a::after { color:#8adfd7; content:"↗"; }
  #social-chat-column.mobile-chat-open .chat-tools { position:relative; order:initial!important; width:auto!important; display:block!important; margin:0!important; }
  #social-chat-column.mobile-chat-open .chat-tools > summary { width:38px; height:38px; }
  #social-chat-column.mobile-chat-open .chat-tools > div { position:fixed; top:calc(66px + env(safe-area-inset-top)); right:10px; width:min(240px,calc(100vw - 20px)); }
  #social-chat-column.mobile-chat-open .chat-tools button { width:100%!important; height:auto!important; min-height:42px!important; padding:.65rem .75rem!important; text-align:left; }
  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button { min-width:82px; }
  .public-ohana-head { display:flex; min-height:0; margin:0 0 .6rem; padding:.2rem 0; }
  .public-ohana-head > div > :is(h1,p) { display:none; }
  .public-ohana-head .eyebrow { margin:0; }
  .public-ohana-head > a { padding:.55rem .65rem; font-size:.65rem; }
  .ohana-public-hero { grid-template-columns:62px minmax(0,1fr); gap:.65rem; padding:.75rem; }
  .ohana-public-seal { width:60px; height:60px; border-radius:17px; }
  .ohana-public-title h2 { margin:.25rem 0; font-size:clamp(1.25rem,7vw,1.9rem); }
  .ohana-public-title p { font-size:.62rem; }
  .ohana-public-metrics { grid-template-columns:1fr; gap:.45rem; }
  .ohana-public-metrics .identity-metric { padding:.65rem; }
  .ohana-honest-sync { align-items:flex-start; flex-direction:column; gap:.25rem; }
  .ohana-page-tabs { top:.25rem; overflow-x:auto; }
  .ohana-page-tabs button { flex:1 0 auto; padding:.6rem .7rem; }
  .ohana-feed-column,.ohana-members-panel,.ohana-history-panel { padding:.7rem; border-radius:18px; }
  .ohana-post { padding:.8rem; }
  .ohana-comment-form { grid-template-columns:1fr; }
  .ohana-comment-form button { min-height:40px; }
  .ohana-weekly-card > div { grid-template-columns:1fr 1fr; }
}

@media(max-width:390px) {
  .social-today-stats { grid-template-columns:1fr 1fr; }
  .social-today-stats .identity-metric { padding:.65rem; }
  .social-today-ohana-link { grid-template-columns:50px minmax(0,1fr) auto; }
  .social-today-ohana-link > span { width:48px; height:48px; border-radius:14px; font-size:.5rem; }
  #social-chat-column.mobile-chat-open .chat-head .social-avatar { display:none!important; }
  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button { min-width:70px; padding:0 8px; }
  .ohana-weekly-card > div { grid-template-columns:1fr; }
}

/* ALOHA ID 0.35.0 · compact operations center */
.admin-section {
  --admin-surface:#081b2b;
  --admin-surface-soft:#0d2638;
  --admin-line:rgba(111,226,218,.14);
  --admin-copy:#edfdfb;
  --admin-muted:#7696a6;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  align-items:start;
  gap:18px;
}
.admin-section > .admin-heading { grid-column:1/-1; margin-bottom:0; }
.admin-section > .admin-tabs {
  position:sticky;
  z-index:6;
  top:86px;
  grid-column:1;
  grid-row:2;
  display:flex;
  width:100%;
  max-height:calc(100dvh - 108px);
  margin:0;
  padding:12px;
  flex-direction:column;
  flex-wrap:nowrap;
  gap:10px;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid var(--admin-line);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 0,rgba(87,224,213,.13),transparent 32%),
    linear-gradient(160deg,rgba(8,30,44,.98),rgba(6,20,34,.985));
  box-shadow:0 22px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);
  scrollbar-width:thin;
  scrollbar-color:rgba(91,222,214,.32) transparent;
}
.admin-navigation-head { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:11px; padding:4px 4px 8px; }
.admin-navigation-head > span { display:grid; width:44px; height:44px; place-items:center; border-radius:14px; color:#05262b; background:linear-gradient(135deg,#58e9dc,#c9f273); box-shadow:0 9px 24px rgba(74,222,208,.2); font:900 11px/1 var(--pixel-font); }
.admin-navigation-head :is(small,strong) { display:block; }
.admin-navigation-head small { color:#59dcd4; font:700 7px/1.2 var(--pixel-font); letter-spacing:.06em; }
.admin-navigation-head strong { margin-top:6px; overflow:hidden; color:#f2fffd; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.admin-navigation-search { position:relative; display:block; margin:0; }
.admin-navigation-search > span { position:absolute; z-index:1; top:50%; left:13px; color:#58d8d1; transform:translateY(-50%); pointer-events:none; }
.admin-navigation-search > input {
  width:100%;
  min-height:42px;
  padding:10px 12px 10px 34px;
  border:1px solid rgba(103,222,214,.16);
  border-radius:13px;
  outline:0;
  color:#efffff;
  background:rgba(2,15,26,.65);
  font:12px/1.2 system-ui,sans-serif;
}
.admin-navigation-search > input:focus { border-color:rgba(89,232,221,.5); box-shadow:0 0 0 3px rgba(73,217,207,.1); }
.admin-navigation-search > input::placeholder { color:#587686; }
.admin-mobile-section { display:none; }
.admin-section .admin-tab-group {
  display:grid;
  min-width:0;
  padding:0;
  gap:4px;
  border:0;
  border-radius:0;
  background:transparent;
}
.admin-section .admin-tab-group.search-empty { display:none; }
.admin-section .admin-tab-group > small { width:auto; padding:7px 8px 4px; color:#547685; font:800 7px/1.2 var(--pixel-font)!important; letter-spacing:.06em; }
.admin-section .admin-tab-group > :is(button,a) {
  display:grid;
  width:100%;
  min-height:54px;
  padding:8px 10px;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  border:1px solid transparent;
  border-radius:14px;
  color:#a8c1ca;
  text-align:left;
  text-decoration:none;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.admin-section .admin-tab-group > :is(button,a):hover { border-color:rgba(101,222,215,.13); color:#ecffff; background:rgba(79,190,184,.08); transform:translateX(2px); }
.admin-section .admin-tab-group > :is(button,a).active { border-color:rgba(103,234,222,.28); color:#edfffd; background:linear-gradient(105deg,rgba(44,168,162,.24),rgba(114,74,176,.17)); box-shadow:inset 3px 0 #59e5da,0 9px 22px rgba(0,0,0,.12); }
.admin-section .admin-tab-group > :is(button,a).search-filtered { display:none; }
.admin-tab-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:10px; color:#67e0d8; background:rgba(77,199,192,.1); font:800 10px/1 var(--pixel-font); }
.admin-tab-copy { min-width:0; }
.admin-tab-copy :is(strong,small) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-tab-copy strong { color:inherit; font-size:11px; }
.admin-tab-copy small { margin-top:4px; color:#607f8e; font:9px/1.2 system-ui,sans-serif; }
.admin-tab-link > b { color:#5bded6; font-size:12px; }
.admin-section > .admin-panel:not([hidden]) { display:block; grid-column:2; grid-row:2; width:100%; min-width:0; }
.admin-overview-panel { display:grid!important; gap:14px; }
.admin-overview-hero {
  display:flex;
  min-height:160px;
  padding:clamp(22px,3vw,34px);
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  border:1px solid rgba(100,226,216,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 84% 10%,rgba(159,102,235,.25),transparent 34%),
    radial-gradient(circle at 16% 120%,rgba(67,226,211,.2),transparent 42%),
    linear-gradient(145deg,#0b2b3b,#101c34 60%,#241b3a);
  box-shadow:0 25px 65px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);
}
.admin-overview-hero span { color:#64e1d8; font:800 8px/1.2 var(--pixel-font); letter-spacing:.08em; }
.admin-overview-hero h3 { margin:10px 0 7px; color:#efffff; font-family:var(--display-font); font-size:clamp(23px,3vw,37px); line-height:1; }
.admin-overview-hero p { max-width:630px; margin:0; color:#92adba; font:13px/1.55 system-ui,sans-serif; }
.admin-overview-hero > b { flex:0 0 auto; padding:9px 12px; border:1px solid rgba(102,236,190,.25); border-radius:999px; color:#83ecc3; background:rgba(53,183,137,.1); font:800 7px/1.2 var(--pixel-font); }
.admin-overview-hero > b.warning { border-color:rgba(255,190,95,.27); color:#ffd18b; background:rgba(196,119,35,.12); }
.admin-overview-panel .admin-metrics { display:grid; margin:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.admin-overview-panel .admin-metric {
  display:grid;
  min-height:86px;
  padding:14px;
  grid-template-columns:38px 1fr;
  align-items:center;
  gap:12px;
  border:1px solid var(--admin-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(11,38,54,.9),rgba(7,25,39,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.admin-overview-panel .admin-metric > span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; color:#67e1d8; background:rgba(68,195,188,.12); font:800 11px/1 var(--pixel-font); }
.admin-overview-panel .admin-metric small { margin:0; color:#668695; font:8px/1.2 var(--pixel-font); }
.admin-overview-panel .admin-metric strong { margin:6px 0 0; color:#f0ffff; font:800 22px/1 system-ui,sans-serif; }
.admin-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-overview-grid .admin-card { padding:20px; border-color:var(--admin-line); background:linear-gradient(145deg,rgba(10,35,51,.88),rgba(7,24,38,.9)); box-shadow:0 18px 46px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03); }
.admin-overview-grid .admin-card-title { margin-bottom:14px; }
.admin-overview-grid .admin-card-title h3 { color:#efffff; font-size:13px; }
.admin-overview-grid .admin-card-title p { color:#6f8e9c; font-size:11px; }
.admin-attention-empty,.admin-attention-row,.admin-overview-actions > :is(button,a) {
  display:grid;
  width:100%;
  min-height:62px;
  padding:10px;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(98,218,211,.11);
  border-radius:14px;
  color:#dffffc;
  text-align:left;
  text-decoration:none;
  background:rgba(3,19,31,.45);
}
.admin-attention-empty > span,.admin-attention-row > span,.admin-overview-actions > :is(button,a) > span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#6fe4d7; background:rgba(76,196,187,.1); }
.admin-attention-empty :is(strong,small),.admin-attention-row :is(strong,small),.admin-overview-actions :is(strong,small) { display:block; }
.admin-attention-empty small,.admin-attention-row small,.admin-overview-actions small { margin-top:4px; color:#668493; font:10px/1.3 system-ui,sans-serif; }
.admin-attention-row { margin-top:7px; cursor:pointer; }
.admin-attention-row > b { color:#61ddd5; }
.admin-overview-actions { display:grid; gap:7px; }
.admin-overview-actions > :is(button,a) { grid-template-columns:38px minmax(0,1fr); cursor:pointer; }
.admin-overview-actions > :is(button,a):hover,.admin-attention-row:hover { border-color:rgba(99,230,219,.27); background:rgba(45,151,151,.1); }
.admin-ranking-control { display:grid; margin:14px 0 18px; padding:15px; gap:12px; border:1px solid rgba(145,100,232,.27); border-radius:17px; background:linear-gradient(135deg,rgba(104,60,161,.15),rgba(28,126,128,.1)); }
.admin-ranking-control > div :is(small,strong) { display:block; }
.admin-ranking-control > div small { color:#bc91ef; font:800 7px/1.2 var(--pixel-font); }
.admin-ranking-control > div strong { margin-top:5px; color:#f0edff; font-size:12px; }
.admin-ranking-control > label { display:grid!important; margin:0!important; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:10px; cursor:pointer; }
.admin-ranking-control input { width:20px!important; min-height:20px!important; margin:1px 0 0; accent-color:#69e2d8; }
.admin-ranking-control label :is(strong,small) { display:block; }
.admin-ranking-control label strong { color:#e9fffc; font-size:11px; }
.admin-ranking-control label small { margin-top:4px; color:#7894a2; font:10px/1.45 system-ui,sans-serif; }
.admin-access-top-badge { display:inline-flex; margin-top:5px; padding:4px 7px; border:1px solid rgba(255,179,92,.2); border-radius:999px; color:#ffc780; background:rgba(183,98,25,.11); font-size:8px; font-style:normal; }
.player-directory-row .player-directory-ranking { display:flex; max-width:none; align-items:center; justify-content:flex-end; gap:5px; white-space:nowrap; }
.player-directory-row .player-directory-ranking b { padding:4px 6px; border-radius:7px; color:#b4f2ec; background:rgba(62,184,175,.11); font-size:8px; }
.player-directory-row .player-directory-ranking small { margin:0; color:#839ba6; font-size:8px; }
.player-directory-row.leaderboard-excluded .player-directory-ranking b { color:#ffc985; background:rgba(187,102,30,.12); }
#admin-player-top-toggle { border:1px solid rgba(255,177,91,.2); color:#ffd09a; background:rgba(163,83,24,.15); }
#admin-player-top-toggle.restore { border-color:rgba(91,225,184,.22); color:#83e9bf; background:rgba(39,147,112,.13); }

@media(max-width:980px) {
  .admin-section { grid-template-columns:minmax(0,1fr); }
  .admin-section > .admin-heading { grid-column:1; }
  .admin-section > .admin-tabs {
    position:static;
    grid-column:1;
    grid-row:2;
    max-height:none;
    padding:11px;
    overflow:visible;
  }
  .admin-navigation-head { padding-bottom:2px; }
  .admin-navigation-search,.admin-section .admin-tab-group { display:none!important; }
  .admin-mobile-section { display:grid; gap:6px; margin:0; color:#6e919f; font:8px/1.2 var(--pixel-font); }
  .admin-mobile-section select { width:100%; min-height:45px; padding:0 12px; border:1px solid rgba(104,226,217,.2); border-radius:13px; color:#eafffd; background:#071d2d; font:600 12px/1 system-ui,sans-serif; }
  .admin-section > .admin-panel:not([hidden]) { grid-column:1; grid-row:3; }
}
@media(max-width:720px) {
  .admin-overview-hero { min-height:0; align-items:flex-start; flex-direction:column; }
  .admin-overview-panel .admin-metrics,.admin-overview-grid { grid-template-columns:1fr; }
  .admin-overview-panel .admin-metric { min-height:72px; }
  .admin-access-search { grid-template-columns:1fr; }
  .admin-access-search button { min-height:42px; }
}
@media(prefers-reduced-motion:reduce) {
  .admin-section .admin-tab-group > :is(button,a) { transition:none; }
}

/* ALOHA ID 0.36.0 · homepage status control center. */
.site-warning-admin-panel { --warning-admin-red:#e94b54; }
.site-warning-admin-heading { display:flex; min-height:150px; margin-bottom:14px; padding:clamp(22px,3vw,32px); align-items:flex-end; justify-content:space-between; gap:18px; overflow:hidden; border:1px solid rgba(234,79,87,.22); border-radius:26px; background:radial-gradient(circle at 86% 7%,rgba(230,61,72,.22),transparent 33%),radial-gradient(circle at 12% 120%,rgba(70,213,203,.12),transparent 42%),linear-gradient(145deg,#151a24,#0b1d2c 62%,#26151d); box-shadow:0 25px 65px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055); }
.site-warning-admin-heading span { color:#ed737a; font:800 8px/1.2 var(--pixel-font); letter-spacing:.055em; }
.site-warning-admin-heading h3 { margin:10px 0 7px; color:#fff7f7; font-family:var(--display-font); font-size:clamp(23px,3vw,36px); line-height:1; }
.site-warning-admin-heading p { max-width:680px; margin:0; color:#9ea7b1; font:13px/1.55 system-ui,sans-serif; }
.site-warning-admin-heading > b { flex:0 0 auto; padding:9px 12px; border:1px solid rgba(159,176,187,.2); border-radius:999px; color:#9aa8b2; background:rgba(104,121,132,.09); font:800 7px/1.2 var(--pixel-font); }
.site-warning-admin-heading > b.live { border-color:rgba(255,97,106,.32); color:#ff9298; background:rgba(207,49,61,.14); box-shadow:0 0 24px rgba(218,54,65,.12); }
.site-warning-admin-heading > b.expired { border-color:rgba(255,183,91,.25); color:#ffc681; background:rgba(181,98,27,.12); }
.site-warning-admin-layout { display:grid; grid-template-columns:minmax(350px,.88fr) minmax(390px,1.12fr); gap:14px; }
.site-warning-admin-layout > .admin-card { min-width:0; padding:22px; border-color:rgba(110,211,207,.13); color:#eafffd; background:linear-gradient(145deg,rgba(10,34,49,.94),rgba(7,22,35,.96)); box-shadow:0 20px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035); }
.site-warning-admin-layout .admin-card-title h3 { color:#f3ffff; }
.site-warning-admin-layout .admin-card-title p { color:#718e9c; }
.site-warning-admin-editor > label:not(.site-warning-enable) { display:block; margin:14px 0 0; color:#91aab5; font-size:11px!important; font-weight:700; }
.site-warning-admin-editor :is(input[type="text"],input[type="datetime-local"],textarea) { width:100%; min-height:46px; margin-top:7px; padding:11px 12px; border:1px solid rgba(105,215,208,.17); border-radius:12px; outline:0; color:#f1ffff; background:rgba(2,15,25,.7); font:13px/1.4 system-ui,sans-serif!important; }
.site-warning-admin-editor textarea { min-height:105px; resize:vertical; }
.site-warning-admin-editor :is(input,textarea):focus { border-color:rgba(91,228,218,.5); box-shadow:0 0 0 3px rgba(74,217,207,.09); }
.site-warning-admin-editor input[type="datetime-local"] { color-scheme:light; }
html[data-theme="night"] .site-warning-admin-editor input[type="datetime-local"] { color-scheme:dark; }
.site-warning-field-hint { display:block; margin-top:6px; color:#587786; font:9px/1.4 system-ui,sans-serif!important; }
.site-warning-enable { display:grid!important; margin:0 0 17px!important; padding:14px; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:12px; border:1px solid rgba(235,77,86,.2); border-radius:15px; background:linear-gradient(125deg,rgba(200,49,60,.12),rgba(58,115,122,.08)); cursor:pointer; }
.site-warning-enable input { width:38px!important; height:21px; margin:0; accent-color:#eb4b55; }
.site-warning-enable :is(strong,small) { display:block; }
.site-warning-enable strong { color:#f8ffff; font-size:12px; }
.site-warning-enable small { margin-top:4px; color:#78939f; font:10px/1.35 system-ui,sans-serif!important; }
.site-warning-quick-time { display:flex; margin-top:9px; align-items:center; flex-wrap:wrap; gap:6px; }
.site-warning-quick-time > span { margin-right:3px; color:#5f7e8c; font:700 7px/1.2 var(--pixel-font); }
.site-warning-quick-time button { min-height:32px; padding:0 9px; border:1px solid rgba(105,216,209,.15); border-radius:9px; color:#9bd7d2; background:rgba(51,151,149,.08); font-size:10px!important; cursor:pointer; }
.site-warning-quick-time button:hover { border-color:rgba(105,228,218,.35); color:#e9fffd; background:rgba(50,165,160,.14); }
.site-warning-side-picker { display:grid; margin:16px 0 0; padding:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; border:0; }
.site-warning-side-picker legend { grid-column:1/-1; margin-bottom:7px; padding:0; color:#91aab5; font-size:11px; font-weight:700; }
.site-warning-side-picker label { display:block!important; margin:0!important; }
.site-warning-side-picker input { position:absolute; opacity:0; pointer-events:none; }
.site-warning-side-picker span { display:grid; min-height:42px; place-items:center; border:1px solid rgba(105,216,209,.14); border-radius:11px; color:#7896a2; background:rgba(3,18,29,.5); cursor:pointer; }
.site-warning-side-picker input:checked + span { border-color:rgba(237,78,87,.4); color:#fff3f4; background:linear-gradient(130deg,rgba(202,48,59,.19),rgba(94,54,119,.12)); box-shadow:inset 0 0 0 1px rgba(239,80,89,.07); }
.site-warning-admin-actions { display:grid; margin-top:18px; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.site-warning-admin-actions .primary-action { margin:0; }
#admin-site-warning-disable { min-height:48px; padding:0 14px; border:1px solid rgba(255,117,123,.22); border-radius:13px; color:#f28b90; background:rgba(179,40,51,.08); cursor:pointer; }
#admin-site-warning-disable:hover { background:rgba(190,45,57,.15); }
#admin-site-warning-disable:disabled { opacity:.4; cursor:not-allowed; }
.site-warning-admin-editor .form-error { min-height:18px; margin:10px 0 0; color:#ff9196; }
.site-warning-admin-meta { margin:2px 0 0!important; color:#5d7987!important; font:10px/1.45 system-ui,sans-serif!important; }
.site-warning-preview-card { display:flex; flex-direction:column; }
.site-warning-preview-stage { position:relative; min-height:430px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:19px; background:radial-gradient(circle at 70% 20%,rgba(249,170,56,.14),transparent 30%),linear-gradient(145deg,#e8e1d0,#b7c7c0); isolation:isolate; }
.site-warning-preview-stage::after { position:absolute; inset:0; z-index:-1; opacity:.22; background-image:linear-gradient(rgba(12,44,55,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(12,44,55,.2) 1px,transparent 1px); background-size:28px 28px; content:""; }
.site-warning-preview-page { position:absolute; top:34px; right:11%; left:11%; height:210px; padding:20px; border-radius:18px; background:rgba(255,252,242,.7); box-shadow:0 18px 45px rgba(25,40,43,.12); }
.site-warning-preview-page i { display:block; width:48%; height:12px; margin-bottom:12px; border-radius:99px; background:rgba(42,67,70,.11); }
.site-warning-preview-page i:nth-child(2) { width:76%; }
.site-warning-preview-page i:nth-child(3) { width:61%; }
.site-warning-preview-window { position:absolute; z-index:2; top:92px; right:0; width:min(355px,88%); padding:0 18px 15px; border:1px solid rgba(255,89,98,.32); border-right:0; border-radius:18px 0 0 18px; color:#f5f6f8; background:linear-gradient(140deg,rgba(224,55,65,.13),transparent 40%),linear-gradient(150deg,#14181f,#090c11); box-shadow:0 24px 55px rgba(0,0,0,.3); transition:left .2s ease,right .2s ease,border-radius .2s ease; }
.site-warning-preview-stage[data-side="left"] .site-warning-preview-window { right:auto; left:0; border-right:1px solid rgba(255,89,98,.32); border-left:0; border-radius:0 18px 18px 0; }
.site-warning-preview-window header { display:grid; min-height:68px; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:10px; border-bottom:1px solid rgba(255,255,255,.08); }
.site-warning-preview-window header > span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(145deg,#ec4b53,#a51d2a); font-size:19px; font-weight:900; }
.site-warning-preview-window header :is(small,strong) { display:block; }
.site-warning-preview-window header small { color:#dd757a; font:700 6px/1.2 var(--pixel-font)!important; }
.site-warning-preview-window header strong { margin-top:6px; overflow-wrap:anywhere; color:#fff; font-size:13px; line-height:1.2; letter-spacing:.03em; }
.site-warning-preview-window > p { min-height:42px; margin:13px 0; color:#9ea6ae; font:10px/1.45 system-ui,sans-serif; white-space:pre-line; }
.site-warning-preview-countdown { display:flex; align-items:center; justify-content:center; gap:7px; }
.site-warning-preview-countdown b { min-width:48px; padding:9px 5px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:rgba(255,255,255,.045); color:#fff; font:800 18px/1 ui-monospace,monospace; font-variant-numeric:tabular-nums; text-align:center; }
.site-warning-preview-countdown span { color:#b13b44; font-weight:900; }
.site-warning-preview-window footer { display:flex; margin-top:14px; padding-top:11px; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid rgba(255,255,255,.07); color:#69727a; font-size:7px; font-weight:700; }
.site-warning-preview-window footer time { color:#aeb5bc; text-align:right; }
.site-warning-preview-tab { position:absolute; right:0; bottom:24px; display:flex; height:48px; padding:6px 13px 6px 7px; align-items:center; gap:8px; border:1px solid rgba(255,89,98,.3); border-right:0; border-radius:14px 0 0 14px; color:#fff; background:#11151b; box-shadow:0 15px 36px rgba(0,0,0,.24); }
.site-warning-preview-stage[data-side="left"] .site-warning-preview-tab { right:auto; left:0; padding:6px 7px 6px 13px; border-right:1px solid rgba(255,89,98,.3); border-left:0; border-radius:0 14px 14px 0; }
.site-warning-preview-tab b { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:linear-gradient(145deg,#ec4b53,#a51d2a); font-size:18px; }
.site-warning-preview-tab span { max-width:150px; overflow:hidden; font:800 8px/1 var(--pixel-font); text-overflow:ellipsis; white-space:nowrap; }
.site-warning-preview-note { display:flex; margin-top:auto; padding:15px 0 0; align-items:flex-start; gap:10px; }
.site-warning-preview-note > span { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:9px; color:#84ebc1; background:rgba(49,171,126,.11); }
.site-warning-preview-note p { margin:0; }
.site-warning-preview-note :is(strong,small) { display:block; }
.site-warning-preview-note strong { color:#dffefa; font-size:11px; }
.site-warning-preview-note small { margin-top:4px; color:#698693; font:10px/1.4 system-ui,sans-serif!important; }

@media(max-width:1050px) { .site-warning-admin-layout { grid-template-columns:1fr; } }
@media(max-width:620px) {
  .site-warning-admin-heading { min-height:0; align-items:flex-start; flex-direction:column; }
  .site-warning-admin-layout > .admin-card { padding:16px; }
  .site-warning-admin-actions { grid-template-columns:1fr; }
  #admin-site-warning-disable { min-height:44px; }
  .site-warning-preview-stage { min-height:390px; }
  .site-warning-preview-window { width:94%; }
  .site-warning-preview-countdown b { min-width:42px; font-size:16px; }
}

/* 0.34.1 · a selected Social background owns the whole profile viewport. */
.social-page-atmosphere {
  --social-page-one:#70efe1;
  --social-page-two:#7e75eb;
  --social-page-three:#15364a;
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--social-page-one) 72%,transparent),transparent 34%),
    radial-gradient(circle at 91% 76%,color-mix(in srgb,var(--social-page-two) 65%,transparent),transparent 39%),
    linear-gradient(145deg,color-mix(in srgb,var(--social-page-three) 55%,#fffaf0),color-mix(in srgb,var(--social-page-two) 31%,#fff8e8) 54%,color-mix(in srgb,var(--social-page-one) 34%,#eefbf6));
  filter:saturate(1.16);
}
.social-page-atmosphere::before,
.social-page-atmosphere::after {
  content:"";
  position:absolute;
  inset:-5%;
  pointer-events:none;
}
.social-page-atmosphere::before {
  opacity:.62;
  background:
    radial-gradient(circle at 84% 10%,var(--social-page-one),transparent 27%),
    radial-gradient(circle at 12% 78%,var(--social-page-two),transparent 33%),
    linear-gradient(155deg,transparent 24%,color-mix(in srgb,var(--social-page-three) 74%,transparent));
  transform:scale(1.03);
}
.social-page-atmosphere::after {
  inset:0;
  opacity:.72;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 24%,rgba(18,28,36,.08));
}
body.social-page-theme-active .ambient-one { opacity:.16; }
body.social-page-theme-active .cabinet-header {
  border-bottom-color:color-mix(in srgb,var(--social-page-one,#70efe1) 24%,rgba(83,60,35,.13));
  background:rgba(255,253,247,.5);
  backdrop-filter:blur(18px) saturate(1.14);
}
body.social-page-theme-active :is(.social-shell,.social-guest-shell) {
  border-color:color-mix(in srgb,var(--social-page-one) 34%,rgba(89,229,219,.2));
  background:
    radial-gradient(circle at 86% 0,color-mix(in srgb,var(--social-page-two) 21%,transparent),transparent 38%),
    linear-gradient(150deg,rgba(7,35,49,.7),rgba(5,16,31,.78));
  box-shadow:0 34px 80px rgba(0,0,0,.3),0 0 62px color-mix(in srgb,var(--social-page-one) 12%,transparent),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(13px) saturate(1.14);
}
body.social-page-theme-active .social-panel[data-social-panel="profile"],
body.social-page-theme-active .social-guest-stage { background:color-mix(in srgb,var(--social-page-three) 11%,transparent); }
html[data-theme="night"] .social-page-atmosphere {
  background:
    radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--social-page-one) 55%,transparent),transparent 36%),
    radial-gradient(circle at 91% 76%,color-mix(in srgb,var(--social-page-two) 58%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--social-page-three) 78%,#030b15),color-mix(in srgb,var(--social-page-two) 33%,#081424) 54%,color-mix(in srgb,var(--social-page-one) 24%,#06111d));
  filter:saturate(1.2) contrast(1.04);
}
html[data-theme="night"] body.social-page-theme-active .cabinet-header {
  border-bottom-color:color-mix(in srgb,var(--social-page-one,#70efe1) 24%,rgba(102,221,215,.14));
  background:rgba(5,17,30,.54);
}

/* ALOHA Social appearance studio — optimized, responsive and CSS-native. */
.social-panel[data-social-panel="profile"] {
  --social-page-one:#70efe1;
  --social-page-two:#7e75eb;
  --social-page-three:#15364a;
  isolation:isolate;
}

.social-panel[data-social-panel="profile"]::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.08;
  background:
    radial-gradient(circle at 88% 8%,var(--social-page-one),transparent 30%),
    radial-gradient(circle at 8% 72%,var(--social-page-two),transparent 36%),
    linear-gradient(145deg,transparent,var(--social-page-three));
}

.social-appearance-studio {
  --social-header-one:#70efe1;
  --social-header-two:#7e75eb;
  --social-header-three:#15364a;
  position:relative;
  width:min(100%,1100px);
  max-width:100%;
  margin:1.3rem auto 1.8rem;
  padding:clamp(1rem,2.4vw,1.65rem);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--social-header-one) 25%,rgba(93,212,211,.14));
  border-radius:28px;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--social-header-three) 42%,rgba(5,22,37,.96)),rgba(12,25,49,.94)),
    rgba(5,20,34,.92);
  box-shadow:0 26px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055);
}

.social-appearance-studio::before,
.social-appearance-studio::after {
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  opacity:.13;
}

.social-appearance-studio::before {
  width:320px;
  aspect-ratio:1;
  top:-190px;
  right:-80px;
  border:42px solid var(--social-header-one);
}

.social-appearance-studio::after {
  width:230px;
  aspect-ratio:1;
  bottom:-170px;
  left:-110px;
  border:30px solid var(--social-header-two);
}

.social-appearance-studio > * { position:relative; z-index:1; min-width:0; }
.social-appearance-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:start; }
.social-appearance-heading small { color:var(--social-header-one); font:900 .6rem/1 var(--pixel-font); letter-spacing:.11em; }
.social-appearance-heading h3 { margin:.55rem 0 .35rem; color:#efffff; font-family:var(--display-font); font-size:clamp(1.75rem,4vw,3.25rem); line-height:.92; }
.social-appearance-heading p { max-width:660px; margin:0; color:#9bb8c3; line-height:1.55; }
.social-appearance-balance { min-width:152px; padding:.85rem 1rem; border:1px solid rgba(255,255,255,.11); border-radius:18px; background:rgba(3,18,32,.48); text-align:right; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.social-appearance-balance span,.social-appearance-balance small { display:block; color:#7897a5; font-size:.6rem; }
.social-appearance-balance strong { display:block; margin:.34rem 0; color:#f3ffff; font:900 1.15rem/1 var(--pixel-font); }

.social-avatar-workbench {
  display:grid;
  grid-template-columns:minmax(180px,250px) minmax(0,1fr);
  gap:clamp(1rem,3vw,2rem);
  align-items:center;
  margin-top:1.35rem;
  padding:clamp(1rem,2vw,1.4rem);
  border:1px solid rgba(255,255,255,.09);
  border-radius:23px;
  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-three) 75%,rgba(5,22,37,.72)),color-mix(in srgb,var(--social-header-two) 18%,rgba(9,27,45,.82)));
}

.social-avatar-live { display:grid; place-items:center; min-width:0; padding:1rem; }
.social-avatar-live-halo { display:grid; place-items:center; width:min(150px,52vw); aspect-ratio:1; border-radius:38%; }
.social-avatar-live-picture.social-avatar {
  width:100%;
  height:100%;
  border-radius:34%;
  box-shadow:0 18px 45px rgba(0,0,0,.32);
}
.social-avatar-live > small { margin-top:.8rem; color:#95b2bd; font:850 .56rem/1 var(--pixel-font); letter-spacing:.1em; }
.social-avatar-workbench-copy > small { color:var(--social-header-one); font:900 .56rem/1 var(--pixel-font); letter-spacing:.1em; }
.social-avatar-workbench-copy h4 { margin:.55rem 0 .45rem; color:#efffff; font:900 clamp(1.25rem,3vw,1.85rem)/1 var(--pixel-font); }
.social-avatar-workbench-copy > p { max-width:670px; margin:0; color:#9ab3be; line-height:1.55; }
.social-avatar-workbench-copy > div { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.social-avatar-upload,.social-avatar-reset {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.7rem 1rem;
  border:1px solid rgba(94,232,218,.25);
  border-radius:13px;
  color:#eafffc;
  background:rgba(54,181,175,.13);
  font-weight:850;
  cursor:pointer;
}
.social-avatar-upload { color:#07272a; border:0; background:linear-gradient(135deg,#5fe7dc,#c7f570); }
.social-avatar-reset { color:#ffb0a9; border-color:rgba(255,112,96,.22); background:rgba(255,94,82,.08); }

.social-appearance-status { min-height:1.15rem; margin:.7rem 0 0; color:#8aaab6; font-size:.72rem; }
.social-appearance-status.success { color:#79e8ba; }
.social-appearance-status.error { color:#ff9691; }

.social-cosmetic-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.35rem; }
.social-cosmetic-toolbar > p { max-width:340px; margin:0; color:#7897a5; font-size:.7rem; text-align:right; }
.social-cosmetic-toolbar > p b { color:#c8fff7; }
.social-cosmetic-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:min(100%,570px); padding:5px; border:1px solid rgba(93,223,214,.13); border-radius:17px; background:rgba(4,19,33,.56); }
.social-cosmetic-tabs button { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.42rem; align-items:center; min-height:46px; padding:.6rem .8rem; border:0; border-radius:12px; color:#7998a7; background:transparent; text-align:left; }
.social-cosmetic-tabs button span { color:#57ddd5; font-size:1rem; }
.social-cosmetic-tabs button strong { overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.social-cosmetic-tabs button.active { color:#f4ffff; background:linear-gradient(135deg,rgba(66,209,198,.2),rgba(116,89,208,.2)); box-shadow:inset 0 0 0 1px rgba(104,229,219,.16); }

.social-cosmetic-showcase { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1rem; }
.social-cosmetic-loading { grid-column:1/-1; min-height:130px; display:grid; place-items:center; color:#8aa4b1; border:1px dashed rgba(99,221,213,.14); border-radius:18px; }
.social-cosmetic-card { position:relative; min-width:0; overflow:hidden; border:1px solid rgba(110,224,217,.13); border-radius:19px; background:rgba(4,18,31,.66); box-shadow:inset 0 1px rgba(255,255,255,.03); }
.social-cosmetic-card.tier-rare { border-color:rgba(80,224,205,.25); }
.social-cosmetic-card.tier-epic { border-color:rgba(200,93,235,.3); }
.social-cosmetic-card.tier-mythic { border-color:rgba(87,135,255,.38); box-shadow:0 10px 32px rgba(77,92,230,.1),inset 0 1px rgba(255,255,255,.04); }
.social-cosmetic-card.tier-legendary { border-color:rgba(221,245,90,.43); box-shadow:0 12px 38px rgba(169,239,82,.11),inset 0 1px rgba(255,255,255,.06); }
.social-cosmetic-card.equipped { border-color:color-mix(in srgb,var(--social-header-one) 68%,white); box-shadow:0 0 0 2px color-mix(in srgb,var(--social-header-one) 17%,transparent),0 18px 42px rgba(0,0,0,.2); }
.social-cosmetic-card-copy { padding:.85rem; }
.social-cosmetic-tier { display:inline-flex; padding:.28rem .45rem; border-radius:999px; color:#b3c8d1; background:rgba(255,255,255,.055); font:900 .5rem/1 var(--pixel-font); letter-spacing:.07em; }
.tier-rare .social-cosmetic-tier { color:#91ffec; background:rgba(50,220,192,.1); }
.tier-epic .social-cosmetic-tier { color:#efa6ff; background:rgba(205,83,231,.11); }
.tier-mythic .social-cosmetic-tier { color:#a8c6ff; background:rgba(79,123,255,.12); }
.tier-legendary .social-cosmetic-tier { color:#efff88; background:rgba(199,244,74,.11); }
.social-cosmetic-card h4 { min-height:2.1em; margin:.55rem 0 .35rem; color:#efffff; font-size:.88rem; line-height:1.12; overflow-wrap:anywhere; }
.social-cosmetic-card p { min-height:3.2em; margin:0; color:#7898a7; font-size:.66rem; line-height:1.4; }
.social-cosmetic-card button { display:flex; justify-content:space-between; align-items:center; gap:.45rem; width:100%; min-height:40px; margin-top:.75rem; padding:.58rem .7rem; border:1px solid rgba(93,224,216,.16); border-radius:11px; color:#dffffb; background:rgba(57,190,181,.1); font-weight:850; }
.social-cosmetic-card button b { color:#d7fb82; font:800 .62rem/1 var(--pixel-font); white-space:nowrap; }
.social-cosmetic-card button:disabled { color:#a6f6d4; opacity:1; cursor:default; background:rgba(67,210,151,.11); }

.social-cosmetic-visual {
  --social-sample-one:#70efe1;
  --social-sample-two:#7e75eb;
  --social-sample-three:#15364a;
  position:relative;
  display:grid;
  place-items:center;
  min-height:118px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--social-sample-one) 54%,transparent),transparent 42%),
    radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--social-sample-two) 48%,transparent),transparent 40%),
    linear-gradient(145deg,var(--social-sample-three),#071623);
}
.social-cosmetic-visual::before { content:""; position:absolute; width:150%; height:52%; opacity:.23; background:linear-gradient(90deg,transparent,var(--social-sample-one),var(--social-sample-two),transparent); transform:translate3d(-25%,55%,0) rotate(-8deg); }
.social-cosmetic-visual::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.3; }
:is(.social-cosmetic-visual[data-sample-effect="soft-grid"],.public-network-hero[data-header-effect="soft-grid"] .public-network-cover)::after { background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:22px 22px; }
:is(.social-cosmetic-visual[data-sample-effect="waterline"],.social-cosmetic-visual[data-sample-effect="foam"],.public-network-hero[data-header-effect="waterline"] .public-network-cover,.public-network-hero[data-header-effect="foam"] .public-network-cover)::after { background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 14px,rgba(255,255,255,.2) 15px 16px,transparent 17px 27px); }
:is(.social-cosmetic-visual[data-sample-effect="petals"],.public-network-hero[data-header-effect="petals"] .public-network-cover)::after { background:radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.28) 0 4%,transparent 5%),radial-gradient(ellipse at 72% 62%,rgba(255,255,255,.22) 0 5%,transparent 6%),radial-gradient(ellipse at 88% 18%,rgba(255,255,255,.18) 0 3%,transparent 4%); }
:is(.social-cosmetic-visual[data-sample-effect="reef-lines"],.public-network-hero[data-header-effect="reef-lines"] .public-network-cover)::after { background:repeating-linear-gradient(128deg,transparent 0 15px,rgba(255,255,255,.14) 16px 17px,transparent 18px 29px); }
:is(.social-cosmetic-visual[data-sample-effect="sunset"],.public-network-hero[data-header-effect="sunset"] .public-network-cover)::after { background:linear-gradient(170deg,transparent 54%,rgba(255,255,255,.22) 55% 57%,transparent 58%),linear-gradient(8deg,transparent 70%,rgba(255,255,255,.12) 71% 73%,transparent 74%); }
:is(.social-cosmetic-visual[data-sample-effect="ember-lei"],.public-network-hero[data-header-effect="ember-lei"] .public-network-cover)::after { background-image:radial-gradient(circle,rgba(255,255,255,.42) 0 2px,transparent 3px); background-size:27px 27px; }
:is(.social-cosmetic-visual[data-sample-effect="moon-ripple"],.public-network-hero[data-header-effect="moon-ripple"] .public-network-cover)::after { background:repeating-radial-gradient(circle at 76% 24%,transparent 0 17px,rgba(255,255,255,.18) 18px 19px,transparent 20px 31px); }
:is(.social-cosmetic-visual[data-sample-effect="mana-waves"],.public-network-hero[data-header-effect="mana-waves"] .public-network-cover)::after { background:conic-gradient(from 210deg at 70% 40%,transparent,rgba(255,255,255,.24),transparent 30%,rgba(255,255,255,.12),transparent 68%); }
:is(.social-cosmetic-visual[data-sample-effect="lava-cracks"],.public-network-hero[data-header-effect="lava-cracks"] .public-network-cover)::after { background:repeating-linear-gradient(67deg,transparent 0 22px,rgba(255,255,255,.2) 23px 24px,transparent 25px 38px),repeating-linear-gradient(118deg,transparent 0 38px,rgba(255,255,255,.13) 39px 40px,transparent 41px 58px); }
:is(.social-cosmetic-visual[data-sample-effect="tiki-spirit"],.public-network-hero[data-header-effect="tiki-spirit"] .public-network-cover)::after { background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(255,255,255,.2) 19% 20%,transparent 21% 31%,rgba(255,255,255,.12) 32% 33%,transparent 34%); }
:is(.social-cosmetic-visual[data-sample-effect="royal-halo"],.public-network-hero[data-header-effect="royal-halo"] .public-network-cover)::after { background:conic-gradient(from 25deg,transparent,rgba(255,255,255,.27),transparent 24%,rgba(255,255,255,.13),transparent 53%,rgba(255,255,255,.25),transparent 78%); opacity:.48; }
.social-cosmetic-visual[data-sample-motion="drift"]::before { animation:social-cosmetic-drift 7s ease-in-out infinite alternate; }
.social-cosmetic-visual[data-sample-motion="shimmer"]::before { animation:social-cosmetic-shimmer 4.8s ease-in-out infinite; }
.social-cosmetic-visual[data-sample-motion="pulse"]::before { animation:social-cosmetic-pulse 3.2s ease-in-out infinite; }
.social-cosmetic-visual[data-sample-motion="aurora"]::before { animation:social-cosmetic-aurora 6s ease-in-out infinite alternate; }
.social-cosmetic-island { position:relative; z-index:1; color:#efffff; }
.category-avatar_frame .social-cosmetic-island { display:grid; place-items:center; width:68px; aspect-ratio:1; padding:6px; border-radius:34%; background:linear-gradient(135deg,var(--social-sample-one),var(--social-sample-two),var(--social-sample-three)); box-shadow:0 0 25px color-mix(in srgb,var(--social-sample-one) 28%,transparent); }
.social-cosmetic-face { display:grid; place-items:center; width:100%; height:100%; border-radius:30%; color:var(--social-sample-one); background:#0c2638; font:900 1.5rem/1 var(--pixel-font); }
.category-profile_header .social-cosmetic-island { width:78%; padding:.75rem; border:1px solid rgba(255,255,255,.21); border-radius:13px; background:linear-gradient(125deg,color-mix(in srgb,var(--social-sample-one) 55%,transparent),color-mix(in srgb,var(--social-sample-two) 55%,transparent)); }
.category-profile_header .social-cosmetic-island :is(small,strong) { display:block; }
.category-profile_header .social-cosmetic-island small { font-size:.48rem; letter-spacing:.1em; }
.category-profile_header .social-cosmetic-island strong { margin-top:.28rem; font:850 .68rem/1 var(--pixel-font); }
.category-page_background .social-cosmetic-island { display:grid; grid-template-columns:auto 1fr; gap:.55rem; align-items:center; width:72%; padding:.7rem; border-radius:14px; background:rgba(5,19,33,.58); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.category-page_background .social-cosmetic-island i { color:var(--social-sample-one); font-size:1.4rem; font-style:normal; }
.category-page_background .social-cosmetic-island strong { font:850 .6rem/1.2 var(--pixel-font); }
.social-cosmetic-visual.compact { width:132px; min-width:132px; min-height:84px; border-radius:14px; }
.social-cosmetic-visual.compact .social-cosmetic-island { transform:scale(.78); }

.social-avatar-framed.social-avatar {
  --social-frame-one:#70efe1;
  --social-frame-two:#7e75eb;
  --social-frame-three:#15364a;
  border:4px solid transparent!important;
  background:linear-gradient(#0b2435,#0b2435) padding-box,linear-gradient(135deg,var(--social-frame-one),var(--social-frame-two),var(--social-frame-three)) border-box!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--social-frame-one) 15%,transparent),0 0 30px color-mix(in srgb,var(--social-frame-two) 22%,transparent),0 15px 35px rgba(0,0,0,.25)!important;
}
.social-avatar-framed.social-avatar::after {
  content:"";
  position:absolute;
  inset:1px;
  z-index:4;
  pointer-events:none;
  border:1px solid color-mix(in srgb,var(--social-frame-one) 55%,transparent);
  border-radius:inherit;
  opacity:.62;
}
.social-avatar-framed[data-frame-effect="soft-grid"]::after { background:linear-gradient(90deg,transparent 47%,color-mix(in srgb,var(--social-frame-one) 22%,transparent) 50%,transparent 53%),linear-gradient(transparent 47%,color-mix(in srgb,var(--social-frame-two) 18%,transparent) 50%,transparent 53%); background-size:13px 13px; }
.social-avatar-framed[data-frame-effect="waterline"]::after,.social-avatar-framed[data-frame-effect="foam"]::after { border-width:2px; border-style:double; }
.social-avatar-framed[data-frame-effect="petals"] { border-radius:48% 34% 48% 34%!important; }
.social-avatar-framed[data-frame-effect="reef-lines"]::after { border:2px dashed color-mix(in srgb,var(--social-frame-one) 72%,transparent); }
.social-avatar-framed[data-frame-effect="sunset"]::after { background:linear-gradient(160deg,transparent 54%,color-mix(in srgb,var(--social-frame-two) 30%,transparent)); }
.social-avatar-framed[data-frame-effect="ember-lei"]::after { border:3px dotted var(--social-frame-two); opacity:.82; }
.social-avatar-framed[data-frame-effect="moon-ripple"]::after { inset:4px; border:2px solid color-mix(in srgb,var(--social-frame-one) 68%,transparent); box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--social-frame-two) 15%,transparent); }
.social-avatar-framed[data-frame-effect="mana-waves"]::after,.social-avatar-framed[data-frame-effect="tiki-spirit"]::after,.social-avatar-framed[data-frame-effect="royal-halo"]::after { inset:-2px; border:3px solid var(--social-frame-one); opacity:.76; }
.social-avatar-framed[data-frame-effect="lava-cracks"]::after { border:3px double var(--social-frame-two); box-shadow:inset 0 0 18px color-mix(in srgb,var(--social-frame-one) 42%,transparent); }
.social-avatar-framed[data-frame-effect="royal-halo"] { box-shadow:0 0 0 3px color-mix(in srgb,var(--social-frame-one) 38%,transparent),0 0 42px color-mix(in srgb,var(--social-frame-two) 48%,transparent),0 18px 38px rgba(0,0,0,.28)!important; }
.social-avatar-framed[data-frame-motion="drift"]::after { animation:social-frame-drift 6s ease-in-out infinite alternate; }
.social-avatar-framed[data-frame-motion="shimmer"]::after { animation:social-frame-shimmer 4.2s ease-in-out infinite; }
.social-avatar-framed[data-frame-motion="pulse"]::after { animation:social-frame-pulse 3s ease-in-out infinite; }
.social-avatar-framed[data-frame-motion="aurora"]::after { animation:social-frame-aurora 5.5s ease-in-out infinite alternate; }
.social-avatar .social-custom-avatar { width:100%; height:100%; max-width:none; object-fit:cover; image-rendering:auto; }

.public-network-hero.social-profile-appearance {
  --social-page-one:#70efe1;
  --social-page-two:#7e75eb;
  --social-page-three:#15364a;
  --social-header-one:#70efe1;
  --social-header-two:#7e75eb;
  --social-header-three:#15364a;
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--social-page-one) 28%,rgba(84,224,216,.2));
  background:
    radial-gradient(circle at 96% 100%,color-mix(in srgb,var(--social-page-two) 20%,transparent),transparent 36%),
    radial-gradient(circle at 0 58%,color-mix(in srgb,var(--social-page-one) 16%,transparent),transparent 35%),
    linear-gradient(145deg,color-mix(in srgb,var(--social-page-three) 62%,rgba(9,49,61,.9)),rgba(29,25,60,.86));
}
.social-public-profile-appearance {
  --social-page-one:#70efe1;
  --social-page-two:#7e75eb;
  --social-page-three:#15364a;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:28px;
}
.social-public-profile-appearance::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.12;
  background:
    radial-gradient(circle at 96% 8%,var(--social-page-one),transparent 30%),
    radial-gradient(circle at 5% 64%,var(--social-page-two),transparent 34%),
    linear-gradient(155deg,transparent 25%,var(--social-page-three));
}
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="soft-grid"]::before { background-image:linear-gradient(color-mix(in srgb,var(--social-page-one) 24%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--social-page-two) 22%,transparent) 1px,transparent 1px),linear-gradient(145deg,transparent,var(--social-page-three)); background-size:34px 34px,34px 34px,auto; }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="waterline"]::before,
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="foam"]::before { background:repeating-radial-gradient(ellipse at 50% 108%,transparent 0 35px,color-mix(in srgb,var(--social-page-one) 55%,transparent) 36px 38px,transparent 39px 64px),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="petals"]::before { background:radial-gradient(ellipse at 12% 18%,var(--social-page-one) 0 3%,transparent 4%),radial-gradient(ellipse at 82% 64%,var(--social-page-two) 0 4%,transparent 5%),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="reef-lines"]::before { background:repeating-linear-gradient(132deg,transparent 0 34px,color-mix(in srgb,var(--social-page-one) 38%,transparent) 35px 37px,transparent 38px 59px),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="sunset"]::before { background:linear-gradient(172deg,transparent 56%,color-mix(in srgb,var(--social-page-one) 42%,transparent) 57% 59%,transparent 60%),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="ember-lei"]::before { background-image:radial-gradient(circle,color-mix(in srgb,var(--social-page-two) 62%,transparent) 0 2px,transparent 3px),linear-gradient(155deg,transparent,var(--social-page-three)); background-size:38px 38px,auto; }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="moon-ripple"]::before { background:repeating-radial-gradient(circle at 84% 18%,transparent 0 42px,color-mix(in srgb,var(--social-page-one) 44%,transparent) 43px 45px,transparent 46px 70px),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="mana-waves"]::before,
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="tiki-spirit"]::before,
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="royal-halo"]::before { background:conic-gradient(from 200deg at 75% 30%,transparent,var(--social-page-one),transparent 31%,var(--social-page-two),transparent 67%),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"],.social-page-atmosphere)[data-page-effect="lava-cracks"]::before { background:repeating-linear-gradient(68deg,transparent 0 43px,color-mix(in srgb,var(--social-page-two) 50%,transparent) 44px 46px,transparent 47px 72px),linear-gradient(155deg,transparent,var(--social-page-three)); }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"])[data-page-motion="drift"]::before { animation:social-page-drift 9s ease-in-out infinite alternate; }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"])[data-page-motion="shimmer"]::before { animation:social-page-shimmer 6s ease-in-out infinite; }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"])[data-page-motion="pulse"]::before { animation:social-page-pulse 4s ease-in-out infinite; }
:is(.social-public-profile-appearance,.social-panel[data-social-panel="profile"])[data-page-motion="aurora"]::before { animation:social-page-aurora 8s ease-in-out infinite alternate; }
.social-page-atmosphere[data-page-motion="drift"]::before { animation:social-atmosphere-drift 9s ease-in-out infinite alternate; }
.social-page-atmosphere[data-page-motion="shimmer"]::before { animation:social-atmosphere-shimmer 6s ease-in-out infinite; }
.social-page-atmosphere[data-page-motion="pulse"]::before { animation:social-atmosphere-pulse 4s ease-in-out infinite; }
.social-page-atmosphere[data-page-motion="aurora"]::before { animation:social-atmosphere-aurora 8s ease-in-out infinite alternate; }
.public-network-hero.social-profile-appearance .public-network-cover {
  background:
    radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--social-header-one) 56%,transparent),transparent 40%),
    radial-gradient(circle at 86% 88%,color-mix(in srgb,var(--social-header-two) 50%,transparent),transparent 42%),
    linear-gradient(125deg,var(--social-header-three),#17213d);
}
.public-network-hero[data-header-motion="drift"] .public-network-cover::after { animation:social-cover-drift 8s ease-in-out infinite alternate; }
.public-network-hero[data-header-motion="shimmer"] .public-network-cover::after { animation:social-cover-shimmer 5s ease-in-out infinite; }
.public-network-hero[data-header-motion="pulse"] .public-network-cover::after { animation:social-cover-pulse 3.5s ease-in-out infinite; }
.public-network-hero[data-header-motion="aurora"] .public-network-cover::after { animation:social-cover-aurora 7s ease-in-out infinite alternate; }

.social-avatar-crop-dialog,.social-cosmetic-purchase-dialog {
  width:min(94vw,620px);
  max-width:620px;
  max-height:min(94dvh,900px);
  padding:clamp(1rem,3vw,1.55rem);
  overflow:auto;
  color:#deeff4;
  border:1px solid rgba(103,230,218,.25);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(9,38,53,.99),rgba(28,24,57,.99));
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}
.social-avatar-crop-dialog::backdrop,.social-cosmetic-purchase-dialog::backdrop { background:rgba(2,9,17,.78); backdrop-filter:blur(8px); }
.social-avatar-crop-dialog h2,.social-cosmetic-purchase-dialog h2 { margin:.65rem 0 .4rem; color:#f0ffff; font-family:var(--display-font); font-size:clamp(1.6rem,5vw,2.7rem); line-height:.95; }
.social-avatar-crop-dialog > p,.social-cosmetic-purchase-dialog > p { color:#8faab6; line-height:1.55; }
.social-avatar-crop-stage { position:relative; width:min(100%,520px); aspect-ratio:1; margin:1rem auto; overflow:hidden; border:1px solid rgba(102,229,217,.24); border-radius:25px; background:#061523; box-shadow:0 20px 50px rgba(0,0,0,.3); }
.social-avatar-crop-stage canvas { display:block; width:100%; height:100%; touch-action:none; cursor:grab; }
.social-avatar-crop-stage canvas:active { cursor:grabbing; }
.social-avatar-crop-stage > span { position:absolute; inset:0; pointer-events:none; border:clamp(12px,4vw,24px) solid rgba(2,12,21,.38); border-radius:25px; box-shadow:inset 0 0 0 2px rgba(234,255,251,.82); }
.social-avatar-zoom { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:center; color:#a9c0c9; font-size:.72rem; }
.social-avatar-zoom input { width:100%; accent-color:#66e8dd; }
.social-avatar-zoom b { color:#79f2e5; font-size:1.2rem; }
.social-cosmetic-purchase-preview { display:grid; place-items:center; margin:.9rem 0; }
.social-cosmetic-purchase-preview .social-cosmetic-visual { width:100%; min-height:165px; border:1px solid rgba(255,255,255,.1); border-radius:18px; }
.social-cosmetic-purchase-summary { display:grid; grid-template-columns:1fr auto; gap:.6rem 1rem; padding:1rem; border:1px solid rgba(99,224,215,.14); border-radius:16px; background:rgba(4,19,32,.55); }
.social-cosmetic-purchase-summary span { color:#7f9dab; }
.social-cosmetic-purchase-summary strong { color:#f1ffff; text-align:right; }

.admin-social-cosmetics-tools { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin:1rem 0; padding:1rem; border:1px solid var(--admin-border,rgba(100,221,213,.15)); border-radius:18px; background:var(--admin-surface-deep,rgba(5,20,34,.58)); }
.admin-social-cosmetics-tools label { display:grid; gap:.35rem; min-width:230px; color:var(--admin-copy,#8ba5b2); font-size:.7rem; }
.admin-social-cosmetics-tools select { min-height:42px; padding:.6rem .75rem; border:1px solid rgba(104,223,216,.17); border-radius:12px; color:#eafffd; background:#0b2438; }
.admin-social-cosmetics-tools > div :is(span,small) { display:block; text-align:right; }
.admin-social-cosmetics-tools > div span { color:#dffefa; font-weight:850; }
.admin-social-cosmetics-tools > div small { margin-top:.25rem; color:#7896a4; }
.admin-social-cosmetics-list { display:grid; gap:.7rem; }
.admin-social-cosmetic-row { display:grid; grid-template-columns:132px minmax(0,1fr) minmax(265px,auto); gap:1rem; align-items:center; min-width:0; padding:.75rem; border:1px solid rgba(99,221,213,.13); border-radius:17px; background:rgba(6,22,36,.66); }
.admin-social-cosmetic-row.tier-legendary { border-color:rgba(213,242,80,.27); }
.admin-social-cosmetic-copy { min-width:0; }
.admin-social-cosmetic-copy :is(small,strong,span,p) { display:block; overflow-wrap:anywhere; }
.admin-social-cosmetic-copy small { color:#65ddd4; font:850 .5rem/1.2 var(--pixel-font); letter-spacing:.07em; }
.admin-social-cosmetic-copy strong { margin:.4rem 0 .25rem; color:#f0ffff; }
.admin-social-cosmetic-copy span,.admin-social-cosmetic-copy p { margin:0; color:#7898a6; font-size:.68rem; }
.admin-social-cosmetic-copy p { margin-top:.38rem; }
.admin-social-cosmetic-controls { display:grid; grid-template-columns:105px 110px auto; gap:.55rem; align-items:end; }
.admin-social-cosmetic-controls label { display:grid; gap:.28rem; color:#809da9; font-size:.62rem; }
.admin-social-cosmetic-controls input[type="number"] { width:100%; min-height:40px; padding:.55rem; border:1px solid rgba(98,220,213,.17); border-radius:11px; color:#efffff; background:#0b2235; }
.admin-social-cosmetic-toggle { min-height:40px; display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:.4rem!important; padding:.55rem; border:1px solid rgba(98,220,213,.14); border-radius:11px; background:rgba(5,21,34,.55); }
.admin-social-cosmetic-controls button { min-height:40px; padding:.55rem .8rem; border:0; border-radius:11px; color:#082228; background:linear-gradient(135deg,#5de8dc,#c6f374); font-weight:900; }

@keyframes social-cosmetic-drift { to { transform:translate3d(10%,28%,0) rotate(5deg); opacity:.35; } }
@keyframes social-cosmetic-shimmer { 0%,100% { transform:translate3d(-32%,55%,0) rotate(-8deg); opacity:.13; } 50% { transform:translate3d(20%,15%,0) rotate(8deg); opacity:.38; } }
@keyframes social-cosmetic-pulse { 0%,100% { transform:translate3d(-20%,50%,0) scale(.85) rotate(-6deg); opacity:.13; } 50% { transform:translate3d(-8%,25%,0) scale(1.12) rotate(4deg); opacity:.42; } }
@keyframes social-cosmetic-aurora { to { transform:translate3d(12%,5%,0) scale(1.08) rotate(11deg); opacity:.5; } }
@keyframes social-cover-drift { to { transform:translate3d(18px,-9px,0); opacity:.82; } }
@keyframes social-cover-shimmer { 0%,100% { transform:translate3d(-18px,0,0); opacity:.45; } 50% { transform:translate3d(26px,-6px,0); opacity:.9; } }
@keyframes social-cover-pulse { 0%,100% { transform:scale(.94); opacity:.48; } 50% { transform:scale(1.06); opacity:.92; } }
@keyframes social-cover-aurora { to { transform:translate3d(22px,-10px,0) scale(1.08); opacity:.95; } }
@keyframes social-frame-drift { to { transform:translate3d(2px,-2px,0) rotate(3deg); opacity:.88; } }
@keyframes social-frame-shimmer { 0%,100% { transform:rotate(-2deg); opacity:.48; } 50% { transform:rotate(3deg); opacity:1; } }
@keyframes social-frame-pulse { 0%,100% { transform:scale(.96); opacity:.48; } 50% { transform:scale(1.035); opacity:1; } }
@keyframes social-frame-aurora { to { transform:scale(1.03) rotate(4deg); opacity:1; } }
@keyframes social-page-drift { to { transform:translate3d(15px,-9px,0); opacity:.17; } }
@keyframes social-page-shimmer { 0%,100% { transform:translate3d(-8px,0,0); opacity:.08; } 50% { transform:translate3d(12px,-5px,0); opacity:.2; } }
@keyframes social-page-pulse { 0%,100% { transform:scale(.985); opacity:.08; } 50% { transform:scale(1.018); opacity:.2; } }
@keyframes social-page-aurora { to { transform:translate3d(12px,-6px,0) scale(1.025); opacity:.23; } }
@keyframes social-atmosphere-drift { to { transform:translate3d(24px,-14px,0) scale(1.055); opacity:.72; } }
@keyframes social-atmosphere-shimmer { 0%,100% { transform:translate3d(-12px,0,0) scale(1.03); opacity:.48; } 50% { transform:translate3d(18px,-8px,0) scale(1.06); opacity:.76; } }
@keyframes social-atmosphere-pulse { 0%,100% { transform:scale(1.015); opacity:.5; } 50% { transform:scale(1.075); opacity:.78; } }
@keyframes social-atmosphere-aurora { to { transform:translate3d(18px,-10px,0) scale(1.085); opacity:.8; } }

@media(max-width:900px) {
  .social-cosmetic-showcase { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-social-cosmetic-row { grid-template-columns:110px minmax(0,1fr); }
  .admin-social-cosmetic-row .social-cosmetic-visual.compact { width:110px; min-width:110px; }
  .admin-social-cosmetic-controls { grid-column:1/-1; grid-template-columns:minmax(90px,130px) minmax(110px,1fr) auto; }
}

@media(max-width:620px) {
  .social-appearance-studio { margin-inline:0; padding:.8rem; border-radius:21px; }
  .social-appearance-heading { grid-template-columns:minmax(0,1fr); }
  .social-appearance-balance { display:grid; grid-template-columns:1fr auto; align-items:center; gap:.25rem .7rem; width:100%; min-width:0; text-align:left; }
  .social-appearance-balance strong { grid-row:1/3; grid-column:2; text-align:right; }
  .social-avatar-workbench { grid-template-columns:minmax(0,1fr); text-align:center; }
  .social-avatar-workbench-copy > p { margin-inline:auto; }
  .social-avatar-workbench-copy > div { justify-content:center; }
  .social-cosmetic-toolbar { display:block; }
  .social-cosmetic-toolbar > p { margin:.65rem 0 0; text-align:left; }
  .social-cosmetic-tabs { width:100%; }
  .social-cosmetic-tabs button { grid-template-columns:1fr; justify-items:center; gap:.18rem; padding:.45rem .25rem; text-align:center; }
  .social-cosmetic-tabs button strong { width:100%; font-size:.61rem; }
  .social-cosmetic-showcase { grid-template-columns:minmax(0,1fr); }
  .social-cosmetic-card { display:grid; grid-template-columns:116px minmax(0,1fr); align-items:stretch; }
  .social-cosmetic-card .social-cosmetic-visual { min-height:100%; }
  .social-cosmetic-card h4,.social-cosmetic-card p { min-height:0; }
  .social-cosmetic-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .admin-social-cosmetics-tools { align-items:stretch; flex-direction:column; }
  .admin-social-cosmetics-tools label { min-width:0; }
  .admin-social-cosmetics-tools > div :is(span,small) { text-align:left; }
  .admin-social-cosmetic-row { grid-template-columns:86px minmax(0,1fr); gap:.7rem; }
  .admin-social-cosmetic-row .social-cosmetic-visual.compact { width:86px; min-width:86px; }
  .admin-social-cosmetic-controls { grid-template-columns:minmax(82px,1fr) minmax(100px,1.2fr); }
  .admin-social-cosmetic-controls button { grid-column:1/-1; }
  .social-avatar-crop-dialog,.social-cosmetic-purchase-dialog { box-sizing:border-box; width:calc(100% - 12px)!important; max-width:calc(100% - 12px)!important; max-height:calc(var(--aloha-visual-height,100dvh) - 12px)!important; margin:auto; }
  .public-network-hero .public-social-card-head { align-items:center; }
}

@media(max-width:360px) {
  .social-cosmetic-card { grid-template-columns:98px minmax(0,1fr); }
  .social-cosmetic-card-copy { padding:.7rem; }
  .social-cosmetic-card button { display:block; text-align:center; }
  .social-cosmetic-card button b { display:block; margin-top:.25rem; }
}

@media(prefers-reduced-motion:reduce) {
  .social-appearance-studio,.social-appearance-studio::before,.social-appearance-studio::after,
  .social-appearance-studio *, .social-appearance-studio *::before,.social-appearance-studio *::after,
  .public-network-hero.social-profile-appearance,.public-network-hero.social-profile-appearance::before,.public-network-hero.social-profile-appearance::after,
  .public-network-hero.social-profile-appearance *, .public-network-hero.social-profile-appearance *::before,.public-network-hero.social-profile-appearance *::after,
  .social-public-profile-appearance::before,
  .social-page-atmosphere,.social-page-atmosphere::before,.social-page-atmosphere::after,
  .social-panel[data-social-panel="profile"]::before { animation:none!important; transition-duration:.01ms!important; }
}

/* 0.32.1 · one Social monitor, resilient cards and a single desktop entrance. */
.dashboard-top {
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(330px,.78fr) auto;
  align-items:center;
  gap:clamp(14px,2vw,28px);
}
.dashboard-top > div:first-child { min-width:0; }
.dashboard-top .dashboard-actions { justify-self:end; }

.desktop-social-entry {
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:88px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  overflow:hidden;
  padding:13px 15px;
  border:1px solid rgba(104,241,226,.4);
  border-radius:22px;
  color:#efffff;
  text-align:left;
  background:
    radial-gradient(circle at 92% 0,rgba(201,111,255,.42),transparent 41%),
    radial-gradient(circle at 0 100%,rgba(84,238,221,.34),transparent 44%),
    linear-gradient(125deg,rgba(8,88,102,.92),rgba(73,35,126,.93));
  box-shadow:0 18px 45px rgba(26,144,143,.2),inset 0 1px rgba(255,255,255,.14);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.desktop-social-entry::after {
  position:absolute;
  z-index:-1;
  inset:-1px;
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.2) 42%,transparent 62%);
  transform:translateX(-130%);
  content:"";
  animation:social-entry-shine 6s ease-in-out infinite;
}
.desktop-social-entry > span:first-child {
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#65e9dc,#a680f4 58%,#dd70e9);
  box-shadow:0 0 25px rgba(119,223,219,.36),inset 0 1px rgba(255,255,255,.35);
  font-size:1.35rem;
}
.desktop-social-entry > span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.desktop-social-entry small { color:#92f4ea; font:900 .48rem/1 var(--pixel-font); letter-spacing:.1em; }
.desktop-social-entry strong { overflow:hidden; color:#fff; font:900 clamp(1.05rem,1.5vw,1.45rem)/1 var(--display-font); text-overflow:ellipsis; white-space:nowrap; }
.desktop-social-entry strong em { color:#b9fb80; font-style:normal; }
.desktop-social-entry span > i { overflow:hidden; color:#a9c6ce; font-size:.61rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.desktop-social-entry > i { color:#c9fa82; font-size:1.3rem; font-style:normal; }
.desktop-social-entry > b { position:absolute; top:8px; right:8px; min-width:21px; padding:4px 6px; border-radius:999px; color:#fff; background:#f14f77; font-size:.58rem; text-align:center; box-shadow:0 0 18px rgba(241,79,119,.5); }
.desktop-social-entry:is(:hover,.active) { transform:translateY(-2px); border-color:rgba(184,255,239,.7); box-shadow:0 23px 55px rgba(33,163,159,.27),0 0 34px rgba(145,90,232,.16),inset 0 1px rgba(255,255,255,.17); }
@keyframes social-entry-shine { 0%,72%,100% { transform:translateX(-130%); } 86% { transform:translateX(130%); } }

.social-detail-panel { min-width:0; padding:0; }
.social-detail-toolbar {
  position:sticky;
  z-index:12;
  top:0;
  min-width:0;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border-bottom:1px solid rgba(101,226,217,.15);
  background:rgba(5,22,36,.9);
  backdrop-filter:blur(18px);
}
.social-detail-toolbar > div { min-width:0; display:grid; gap:5px; }
.social-detail-toolbar small { color:#5ce3d9; font:900 .48rem/1 var(--pixel-font); letter-spacing:.1em; }
.social-detail-toolbar strong { overflow:hidden; color:#efffff; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }
.social-back-button,.social-back-link {
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(93,230,219,.22);
  border-radius:13px;
  color:#dbfbf8;
  text-decoration:none;
  background:linear-gradient(135deg,rgba(54,190,181,.15),rgba(128,74,194,.12));
}
.social-back-button span { color:#68e8dd; font-size:1.1rem; }
.social-back-button strong,.social-back-link span { font-size:.7rem; }
.social-detail-state { margin:1rem; }
.social-detail-content { min-width:0; display:grid; gap:1rem; padding:1rem; }
.social-detail-content[hidden] { display:none!important; }
.social-detail-content > * { min-width:0; }

.public-social-standalone { width:min(100%,1440px); max-width:none; margin:0 auto; }
.social-guest-shell {
  min-width:0;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(89,229,219,.28);
  border-radius:30px;
  background:radial-gradient(circle at 86% 0,rgba(154,80,238,.17),transparent 34%),linear-gradient(150deg,rgba(10,43,59,.94),rgba(7,20,37,.97));
  box-shadow:0 34px 80px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05);
}
.social-guest-sidebar { min-width:0; display:flex; flex-direction:column; gap:8px; padding:18px; border-right:1px solid rgba(122,219,221,.14); background:rgba(5,19,32,.44); }
.social-sidebar-brand { min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:10px; margin-bottom:12px; padding-bottom:17px; border-bottom:1px solid rgba(106,222,216,.12); color:inherit; text-decoration:none; }
.social-sidebar-brand > span { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; color:#062128; background:linear-gradient(145deg,#58e9dd,#c7f477); }
.social-sidebar-brand small,.social-sidebar-brand strong { display:block; }
.social-sidebar-brand small { color:#829eaa; font-size:.55rem; letter-spacing:.12em; }
.social-sidebar-brand strong { margin-top:3px; color:#efffff; font-size:.75rem; }
.social-guest-sidebar > :is(a,span):not(.social-sidebar-brand) { min-width:0; min-height:48px; display:flex; align-items:center; gap:10px; padding:0 12px; border:1px solid transparent; border-radius:14px; color:#91acb7; text-decoration:none; }
.social-guest-sidebar > :is(a,span):not(.social-sidebar-brand) strong { overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.social-guest-sidebar > a:not(.social-sidebar-brand):hover,.social-guest-current { border-color:rgba(89,231,220,.23)!important; color:#eafffd!important; background:rgba(48,183,176,.11); }
.social-guest-current i { color:#61e4da; font-style:normal; }
.social-guest-stage { min-width:0; }
.social-guest-stage > .social-detail-content { padding:1rem; }

.social-directory-summary { min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:1rem; padding:12px; border:1px solid rgba(94,226,217,.13); border-radius:16px; background:rgba(4,20,33,.4); }
.social-directory-summary > span { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; color:#062129; background:linear-gradient(145deg,#59e8dd,#c8f477); }
.social-directory-summary strong,.social-directory-summary small { display:block; }
.social-directory-summary strong { color:#eafffd; font-size:.75rem; }
.social-directory-summary small { margin-top:4px; color:#7695a1; font-size:.63rem; line-height:1.45; }
.social-directory-summary > b { min-width:34px; padding:7px; border-radius:999px; color:#062129; background:#62e5db; font-size:.65rem; text-align:center; }

.social-search-groups > section { overflow:hidden; }
.social-search-groups .social-ohana-directory { grid-template-columns:1fr; }
.social-ohana-card-copy { min-width:0; }
.social-ohana-card-copy > :is(strong,p,small) { max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.social-ohana-card-copy > strong { overflow-wrap:anywhere; white-space:normal; }
.social-ohana-card-copy > :is(p,small) { white-space:nowrap; }
.social-ohana-mark { min-width:0; padding:5px; overflow:hidden; white-space:nowrap; }
.social-ohana-mark[data-tag-length="5"] { font-size:.6rem; letter-spacing:-.04em; }

.ohana-public-title { min-width:0; }
.ohana-public-title h2 { max-width:100%; overflow-wrap:anywhere; word-break:break-word; }
.ohana-public-title p { overflow-wrap:anywhere; }
.ohana-public-hero { grid-template-columns:84px minmax(0,1fr); align-items:start; }
.ohana-public-metrics { grid-column:1/-1; }
.ohana-public-metrics .identity-metric :is(strong,span) { overflow-wrap:anywhere; }
.ohana-public-seal { max-width:100%; padding:6px; overflow:hidden; white-space:nowrap; }
.ohana-public-seal[data-tag-length="5"] { font-size:.54rem; letter-spacing:-.05em; }

.identity-ohana-seal { grid-template-columns:minmax(76px,max-content) minmax(0,1fr); }
.identity-ohana-seal > span { width:max-content; min-width:76px; max-width:112px; padding:7px 9px; overflow:hidden; font-size:9px; letter-spacing:-.02em; white-space:nowrap; }
.identity-ohana-seal > span[data-tag-length="5"] { font-size:8px; letter-spacing:-.06em; }
.identity-ohana-seal > div { min-width:0; }
.identity-ohana-seal strong { overflow-wrap:anywhere; }

@media(max-width:1180px) and (min-width:761px) {
  .dashboard-top { grid-template-columns:minmax(0,1fr) auto; }
  .desktop-social-entry { grid-column:1/-1; grid-row:2; width:min(680px,100%); }
}

@media(max-width:760px) {
  .dashboard-top { display:flex; }
  .desktop-social-entry { display:none; }
  .social-detail-toolbar { top:55px; min-height:60px; padding:9px 10px; }
  .social-detail-toolbar strong { max-width:48vw; }
  .social-back-button,.social-back-link { min-height:40px; padding:0 11px; }
  .social-detail-content,.social-guest-stage > .social-detail-content { padding:.65rem; }
  .social-detail-state { margin:.65rem; }
  .social-guest-shell { grid-template-columns:1fr; border-radius:21px; }
  .social-guest-sidebar { position:sticky; z-index:13; top:0; flex-direction:row; gap:6px; overflow-x:auto; padding:7px; border-right:0; border-bottom:1px solid rgba(122,219,221,.14); }
  .social-guest-sidebar .social-sidebar-brand { min-width:112px; grid-template-columns:34px minmax(0,1fr); margin:0; padding:0 8px 0 0; border:0; border-right:1px solid rgba(106,222,216,.12); }
  .social-guest-sidebar .social-sidebar-brand > span { width:34px; height:34px; border-radius:10px; }
  .social-guest-sidebar > :is(a,span):not(.social-sidebar-brand) { min-width:max-content; min-height:42px; padding:0 10px; }
  .social-guest-stage .social-detail-toolbar { top:49px; }
  .social-directory-summary { grid-template-columns:38px minmax(0,1fr) auto; padding:9px; }
  .social-directory-summary > span { width:38px; height:38px; }
  .social-directory-summary small { display:none; }
  .social-ohana-card-copy > p { white-space:normal; }
  .ohana-public-hero { grid-template-columns:60px minmax(0,1fr); }
  .ohana-public-title h2 { font-size:clamp(1.15rem,7vw,1.85rem); }
  .identity-ohana-seal { grid-template-columns:minmax(72px,max-content) minmax(0,1fr); }
  .identity-ohana-seal > span { min-width:72px; max-width:96px; padding-inline:7px; font-size:8px; }
}

@media(max-width:390px) {
  .social-detail-toolbar > div { display:none; }
  .social-back-button,.social-back-link { flex:1; justify-content:center; }
  .social-ohana-card { grid-template-columns:56px minmax(0,1fr); }
  .social-ohana-mark { width:56px; height:56px; }
}

@media(prefers-reduced-motion:reduce) {
  .desktop-social-entry::after { animation:none!important; }
}

/* ALOHA ID 0.32.2 · compact messenger, mobile navigation and profile highlights */
.chat-bubble {
  position:relative;
  padding:.58rem .72rem .42rem;
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.chat-bubble:hover,.chat-bubble.menu-open { border-color:rgba(104,232,221,.35); box-shadow:0 12px 28px rgba(0,0,0,.2); }
.chat-bubble:focus-visible { outline:2px solid #64e7dc; outline-offset:2px; }
.chat-bubble p { display:inline; margin:0; line-height:1.42; }
.chat-message-meta { display:inline-flex; align-items:center; gap:4px; margin-left:8px; color:rgba(218,255,251,.56); font-size:.56rem; line-height:1; white-space:nowrap; vertical-align:baseline; }
.chat-message-meta time { display:inline; margin:0; color:inherit; font-size:inherit; line-height:inherit; text-align:initial; }
.chat-message-meta i { color:rgba(218,255,251,.48); font-size:.54rem; font-style:normal; }
.chat-message-ticks { min-width:12px; color:#9bd8d4; font:900 .68rem/1 system-ui,sans-serif; letter-spacing:-.22em; }
.chat-message-ticks.read { color:#78efff; text-shadow:0 0 8px rgba(77,218,255,.3); }
.chat-message-ticks.error { display:inline-grid; width:15px; height:15px; place-items:center; border-radius:50%; color:#fff; background:#f45f70; letter-spacing:0; cursor:pointer; }
.chat-delivery,.chat-message-report { display:none!important; }
.chat-bubble.has-reactions { margin-bottom:1.15rem; }
.chat-message-reactions { position:absolute; z-index:2; bottom:-.95rem; left:8px; display:flex; gap:4px; }
.chat-bubble.mine .chat-message-reactions { right:8px; left:auto; }
.chat-message-reactions button { min-width:34px!important; min-height:25px!important; display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:2px 7px; border:1px solid rgba(112,221,215,.18); border-radius:999px; color:#bed6dc; background:rgba(5,25,39,.96); box-shadow:0 5px 14px rgba(0,0,0,.22); }
.chat-message-reactions button.mine { border-color:rgba(87,234,221,.48); color:#eafffd; background:linear-gradient(135deg,rgba(40,169,159,.94),rgba(79,77,146,.94)); }
.chat-message-reactions button span { font-size:.82rem; }
.chat-message-reactions button b { font-size:.56rem; }

.chat-message-menu-backdrop { position:fixed; z-index:13000; inset:0; width:100%; height:100%; min-height:0!important; padding:0; border:0; border-radius:0; background:transparent; cursor:default; touch-action:manipulation; }
.chat-message-menu-backdrop[hidden] { display:none!important; }
.chat-message-menu { position:fixed; z-index:13010; width:min(330px,calc(100vw - 20px)); max-height:calc(100dvh - 20px); overflow-x:hidden; overflow-y:auto; padding:8px; border:1px solid rgba(99,231,221,.25); border-radius:18px; background:linear-gradient(150deg,rgba(9,35,49,.98),rgba(14,24,44,.99)); box-shadow:0 22px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(22px) saturate(1.3); pointer-events:auto; overscroll-behavior:contain; }
.chat-message-menu[hidden] { display:none!important; }
.chat-message-menu-reactions { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; padding-bottom:8px; border-bottom:1px solid rgba(111,224,217,.12); }
.chat-message-menu-reactions button { min-width:0!important; min-height:40px!important; padding:0; border:1px solid transparent; border-radius:12px; background:transparent; font-size:1.18rem; }
.chat-message-menu-reactions button:hover,.chat-message-menu-reactions button.active { border-color:rgba(96,232,221,.25); background:rgba(69,188,180,.13); transform:translateY(-2px); }
.chat-message-menu-actions { display:grid; gap:3px; padding-top:7px; }
.chat-message-menu-actions button { min-height:39px!important; display:grid; grid-template-columns:26px minmax(0,1fr); align-items:center; padding:0 9px; border:0; border-radius:11px; color:#dff8f7; text-align:left; background:transparent; }
.chat-message-menu-actions button:hover { background:rgba(84,206,198,.11); }
.chat-message-menu-actions button > span { color:#65e6dc; text-align:center; }
.chat-message-menu-actions button > strong { font-size:.7rem; }
.chat-message-menu-actions button.danger { color:#ffafb9; }
.chat-message-menu-actions button.danger > span { color:#ff8191; }

.chat-compose { position:relative; grid-template-columns:44px minmax(0,1fr) auto; align-items:end; gap:.5rem; padding:.65rem .72rem; }
.chat-edit-state { grid-row:1; grid-column:1/-1; min-width:0; display:grid; grid-template-columns:32px minmax(0,1fr) 32px; align-items:center; gap:8px; padding:7px 9px; border-left:3px solid #61e6db; border-radius:10px; color:#dbf9f7; background:rgba(50,168,161,.1); }
.chat-edit-state[hidden] { display:none!important; }
.chat-edit-state > span { color:#63e8de; text-align:center; }
.chat-edit-state small,.chat-edit-state strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-edit-state small { color:#64ddd5; font-size:.5rem; letter-spacing:.08em; }
.chat-edit-state strong { margin-top:3px; font-size:.65rem; }
.chat-edit-state > button { min-width:30px!important; min-height:30px!important; padding:0; border:0; border-radius:9px; color:#a4c0c7; background:rgba(255,255,255,.05); }
.chat-input-shell { position:relative; min-width:0; grid-row:1; grid-column:2; }
.chat-compose .chat-input-shell textarea { width:100%; min-height:46px; padding:12px 15px; resize:none; }
.chat-input-shell > span { position:absolute; right:12px; bottom:5px; color:#ffbd76; font-size:.52rem; pointer-events:none; }
.chat-emoji-toggle { width:44px; min-width:44px!important; min-height:44px!important; grid-row:1!important; grid-column:1!important; align-self:end!important; padding:0!important; border:1px solid rgba(103,225,216,.2)!important; border-radius:14px!important; color:#82dcd6!important; background:rgba(8,31,45,.82)!important; font-size:1.2rem; }
.chat-emoji-toggle:hover,.chat-emoji-toggle.active { color:#09252a!important; background:linear-gradient(145deg,#5ce8dc,#c7f47a)!important; }
.chat-compose .chat-send-button { grid-row:1; grid-column:3; min-height:46px!important; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 16px; }
.chat-compose.is-editing > :is(.chat-emoji-toggle,.chat-input-shell,.chat-send-button) { grid-row:2!important; }
.chat-compose .chat-send-button b { font-size:1rem; }
.chat-emoji-picker { position:absolute; z-index:35; bottom:calc(100% + 7px); left:10px; width:min(340px,calc(100% - 20px)); padding:9px; border:1px solid rgba(98,230,220,.24); border-radius:18px; background:linear-gradient(150deg,rgba(8,34,48,.99),rgba(15,25,45,.99)); box-shadow:0 22px 55px rgba(0,0,0,.42); backdrop-filter:blur(20px); }
.chat-emoji-picker[hidden] { display:none!important; }
.chat-emoji-categories { display:flex; gap:5px; margin-bottom:7px; }
.chat-emoji-categories button { min-height:30px!important; flex:1; padding:0 7px; border:1px solid transparent; border-radius:9px; color:#8ca9b3; background:transparent; font-size:.58rem; }
.chat-emoji-categories button.active { border-color:rgba(93,231,220,.22); color:#dffffc; background:rgba(62,183,176,.12); }
.chat-emoji-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:3px; }
.chat-emoji-grid button { min-width:0!important; min-height:35px!important; padding:0; border:0; border-radius:9px; background:transparent; font-size:1.14rem; }
.chat-emoji-grid button:hover { background:rgba(82,207,198,.13); transform:scale(1.1); }
.chat-compose :is(.chat-edit-state,.chat-emoji-picker) button { grid-row:auto!important; grid-column:auto!important; align-self:auto!important; }

.identity-fishing-trophy { position:relative; min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:13px; margin-top:.8rem; padding:1rem; overflow:hidden; border:1px solid color-mix(in srgb,var(--identity-accent) 48%,rgba(255,255,255,.16)); border-radius:18px; background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--identity-accent) 22%,transparent),transparent 45%),linear-gradient(125deg,color-mix(in srgb,var(--identity-accent) 16%,rgba(5,27,41,.85)),rgba(7,22,38,.76)); box-shadow:0 15px 35px color-mix(in srgb,var(--identity-accent) 13%,transparent),inset 0 1px rgba(255,255,255,.06); }
.identity-fishing-trophy::after { position:absolute; right:-28px; width:125px; height:125px; border:18px solid color-mix(in srgb,var(--identity-accent) 8%,transparent); border-radius:50%; content:""; }
.identity-fishing-trophy-mark { position:relative; z-index:1; width:48px; height:48px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--identity-accent) 45%,transparent); border-radius:15px; color:var(--identity-accent); background:color-mix(in srgb,var(--identity-accent) 12%,rgba(5,24,38,.8)); font-size:1.25rem; }
.identity-fishing-trophy-copy { position:relative; z-index:1; min-width:0; }
.identity-fishing-trophy-copy small,.identity-fishing-trophy-copy strong,.identity-fishing-trophy-copy span { display:block; }
.identity-fishing-trophy-copy small { color:var(--identity-accent); font:.52rem/1.2 var(--pixel-font); letter-spacing:.07em; }
.identity-fishing-trophy-copy strong { margin:.35rem 0 .22rem; overflow-wrap:anywhere; color:#efffff; font:clamp(1rem,2.3vw,1.35rem)/1.15 var(--display-font); }
.identity-fishing-trophy-copy span { color:#7898a5; font-size:.62rem; }
.identity-fishing-trophy-weight { position:relative; z-index:1; color:#dcffff; font:clamp(1.05rem,2.5vw,1.55rem)/1 var(--display-font); white-space:nowrap; text-shadow:0 0 18px color-mix(in srgb,var(--identity-accent) 40%,transparent); }
.identity-collection-heading { display:block; margin:.9rem 0 .45rem; color:var(--identity-accent); font:.52rem/1.2 var(--pixel-font); letter-spacing:.08em; }

@media(max-width:760px) {
  .social-shell > .social-sidebar > .social-sidebar-brand { display:none!important; }
  .social-shell > .social-sidebar { max-width:100%; flex-wrap:nowrap; padding:6px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .social-shell > .social-sidebar::-webkit-scrollbar { display:none; }
  .social-shell > .social-sidebar button { min-width:104px; min-height:48px!important; grid-template-columns:23px minmax(0,1fr) auto; gap:5px; padding:5px 7px; scroll-snap-align:start; }
  .social-shell > .social-sidebar button > span { font-size:1rem; }
  .social-shell > .social-sidebar button > strong { overflow:hidden; font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }

  .mobile-bottom-nav { min-height:74px; padding:5px; gap:4px; border-radius:22px; }
  .mobile-bottom-nav button { min-height:62px!important; gap:4px; border:1px solid rgba(110,221,214,.13); border-radius:16px; background:linear-gradient(145deg,rgba(11,45,59,.78),rgba(18,31,52,.8)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
  .mobile-bottom-nav button > span { width:31px; height:29px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.07); font-size:17px; }
  .mobile-bottom-nav button > small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .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)); }
  .mobile-bottom-nav .overview-mobile-button > span { color:#a3fff3; background:linear-gradient(145deg,rgba(47,207,192,.28),rgba(68,147,173,.16)); box-shadow:0 0 15px rgba(51,218,201,.15); }
  .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); }
  .mobile-bottom-nav .more-mobile-button { color:#89cdd0; background:linear-gradient(145deg,rgba(18,74,88,.72),rgba(23,39,66,.84)); }
  .mobile-bottom-nav .more-mobile-button > span { color:#7ae5df; }

  .chat-bubble { max-width:88%; padding:.52rem .64rem .4rem; }
  .chat-bubble { touch-action:pan-y; -webkit-touch-callout:none; }
  .chat-message-menu-backdrop { background:rgba(1,8,18,.28); backdrop-filter:blur(2px); }
  .chat-message-menu { right:10px; bottom:calc(82px + env(safe-area-inset-bottom)); left:10px; width:auto; max-height:min(430px,calc(100dvh - 100px)); border-radius:20px; }
  .chat-compose { grid-template-columns:42px minmax(0,1fr) 46px; gap:5px; padding:7px; padding-bottom:calc(7px + env(safe-area-inset-bottom)); }
  .chat-emoji-toggle { width:42px; min-width:42px!important; }
  .chat-compose .chat-send-button { width:46px; min-width:46px!important; padding:0; }
  .chat-compose .chat-send-button > span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .chat-emoji-picker { right:7px; left:7px; width:auto; }
  .chat-emoji-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
  #social-chat-column.mobile-chat-open .chat-compose { grid-template-columns:42px minmax(0,1fr) 46px; }
  #social-chat-column.mobile-chat-open .chat-compose > .chat-emoji-toggle { grid-row:1!important; grid-column:1!important; min-width:42px!important; padding:0!important; align-self:end!important; }
  #social-chat-column.mobile-chat-open .chat-compose > .chat-input-shell { grid-row:1; grid-column:2; min-width:0; }
  #social-chat-column.mobile-chat-open .chat-compose > .chat-send-button { grid-row:1!important; grid-column:3!important; width:46px; min-width:46px!important; padding:0!important; align-self:stretch; }
  #social-chat-column.mobile-chat-open .chat-compose.is-editing > :is(.chat-emoji-toggle,.chat-input-shell,.chat-send-button) { grid-row:2!important; }
  #social-chat-column.mobile-chat-open .chat-compose :is(.chat-edit-state,.chat-emoji-picker) button { grid-row:auto!important; grid-column:auto!important; min-width:0!important; align-self:auto!important; }
  .identity-fishing-trophy { grid-template-columns:42px minmax(0,1fr); padding:.85rem; }
  .identity-fishing-trophy-mark { width:42px; height:42px; }
  .identity-fishing-trophy-weight { grid-column:2; margin-top:-2px; }
}

@media(max-width:390px) {
  .mobile-bottom-nav { right:5px; left:5px; gap:2px; padding:4px; }
  .mobile-bottom-nav button { min-height:59px!important; padding-inline:1px; border-radius:14px; }
  .mobile-bottom-nav button > span { width:27px; height:27px; }
  .mobile-bottom-nav button > small { font-size:8px!important; }
  .chat-message-menu-reactions button { font-size:1rem; }
  .identity-fishing-trophy { grid-template-columns:1fr; }
  .identity-fishing-trophy-weight { grid-column:1; }
}

@media(prefers-reduced-motion:reduce) {
  .chat-bubble,.chat-message-menu button,.chat-emoji-grid button { transition:none!important; transform:none!important; }
}

/* ALOHA ID 0.32.4 · phone-safe Social geometry and local tab scrolling. */
.social-section,
.social-shell,
.social-sidebar,
.social-panel,
.social-panel > *,
.social-panel-title,
.social-panel-title > div,
.social-profile-form,
.social-profile-form > *,
.social-form-grid,
.social-form-grid > label,
.social-privacy-options,
.social-privacy-options > label,
.social-privacy-options > label > span,
.social-search-form,
.social-search-form > div,
.social-search-groups,
.social-directory-summary,
.social-game-profile,
.social-game-profile .identity-content,
.social-game-profile .identity-content > *,
.social-subheading,
.social-subheading > div,
.social-detail-content,
.social-detail-content > * {
  min-width:0;
  max-width:100%;
}

.social-shell,
.social-sidebar,
.social-panel,
.social-profile-form,
.social-search-form,
.social-game-profile {
  width:100%;
}

.social-panel-title > div { flex:1 1 auto; }
.social-panel-title :is(h3,p),
.social-profile-form :is(strong,small,p,code),
.social-directory-summary :is(strong,small),
.social-subheading :is(h3,p) { overflow-wrap:anywhere; }

@media(max-width:760px) {
  .social-section { contain:inline-size; }
  .social-shell {
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    overflow-x:hidden;
    overflow-x:clip;
    overflow-y:visible;
    contain:inline-size;
  }

  .social-shell > .social-sidebar {
    width:100%;
    min-width:0;
    max-width:100%;
    contain:inline-size;
    touch-action:pan-x;
  }

  .social-panel {
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:hidden;
    overflow-x:clip;
  }

  .social-panel[data-social-panel="messages"] { overflow-x:hidden; }

  .social-panel-title {
    width:100%;
    min-height:0;
    align-items:stretch;
    flex-direction:column;
    gap:.75rem;
  }

  .social-panel-title > :is(button,.social-public-profile-link) {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    flex:0 0 auto;
    text-align:center;
  }

  .social-panel-title h3 {
    max-width:100%;
    font-size:clamp(1.3rem,8vw,2rem);
    line-height:1.08;
    word-break:normal;
  }

  .social-search-form > div { grid-template-columns:minmax(0,1fr); }
  .social-search-form :is(input,button) { width:100%; min-width:0; }
  .social-search-form button { min-height:48px; }

  .social-profile-form { box-sizing:border-box; padding:.8rem; }
  .social-profile-form :is(input,select,textarea) { min-width:0; max-width:100%; }
  .social-privacy-options > label { align-items:flex-start; }
  .social-privacy-options select { flex:1 1 100%; }

  .social-form-actions { align-items:stretch; flex-direction:column; }
  .social-form-actions button { width:100%; min-width:0; }
  .social-form-actions p { min-width:0; overflow-wrap:anywhere; }

  .social-placeholder-note,
  .social-public-rule,
  .social-safety-note { min-width:0; max-width:100%; }
  .social-placeholder-note > div,
  .social-public-rule > div,
  .social-safety-note > div { min-width:0; }

  .social-today-card-head { min-width:0; flex-wrap:wrap; }
  .social-today-card-head > div { min-width:0; flex:1 1 180px; }
  .social-today-card-head button { flex:0 1 auto; white-space:normal; }

  .social-directory-summary > div { min-width:0; }
  .social-directory-summary :is(strong,small) { max-width:100%; }
  .social-player-actions button { min-width:0; white-space:normal; }
  .social-subheading { width:100%; }
}

@media(max-width:390px) {
  .social-panel { padding:.52rem; }
  .social-panel-title { margin:0 0 .75rem; padding:.65rem 0 .85rem; }
  .social-profile-form { padding:.68rem; border-radius:18px; }
  .social-placeholder-note,
  .social-public-rule,
  .social-safety-note { padding:.72rem; }
  .social-directory-summary { grid-template-columns:36px minmax(0,1fr) auto; gap:8px; }
  .social-directory-summary > span { width:36px; height:36px; }
  .social-friend-tabs { scroll-padding-inline:.35rem; }
}

/* ALOHA ID 0.32.5 · site-wide phone geometry and WebKit overflow hardening. */
.cabinet-main,
.dashboard,
.dashboard > *,
.login-layout,
.login-layout > *,
.public-social-standalone,
.public-social-standalone > *,
.profile-section,
.profile-section > *,
.store-section,
.admin-section,
.admin-tabs,
.admin-panel,
.admin-panel > *,
.admin-card,
.admin-card > *,
.profile-grid,
.profile-grid > *,
.stats-grid,
.overview-pulse,
.overview-hub,
.mail-layout,
.history-layout,
.appearance-layout,
.security-layout,
.player-admin-layout,
.player-inspector,
.player-detail-panel,
.case-editor-layout,
.case-editor,
.case-editor-section,
.products-grid,
.social-guest-shell,
.social-guest-shell > * {
  min-width:0;
  max-width:100%;
}

.cabinet-page :is(
  .admin-card-title,
  .admin-card-title > div,
  .section-heading,
  .section-heading > div,
  .player-inspector-hero,
  .player-inspector-hero > div,
  .social-report-inspector,
  .social-report-inspector > *,
  .identity-passport-copy,
  .identity-ohana-seal,
  .ohana-public-title,
  .ohana-public-metrics,
  .mail-letter-copy,
  .security-card-title,
  .overview-card-title,
  .overview-card-title > div
) {
  min-width:0;
  max-width:100%;
}

.cabinet-page :is(
  .admin-card-title,
  .player-inspector,
  .player-detail-panel,
  .social-report-inspector,
  .identity-passport-copy,
  .identity-ohana-seal,
  .ohana-public-title,
  .mail-letter-copy,
  .overview-card-title
) :is(h1,h2,h3,h4,p,strong,small,span,code) {
  overflow-wrap:anywhere;
}

@media(max-width:760px) {
  .cabinet-page,
  .cabinet-main,
  .dashboard,
  .dashboard > [data-section-view],
  .public-social-standalone,
  .login-layout {
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:hidden;
    overflow-x:clip;
  }

  .cabinet-header.shell,
  .cabinet-main.shell {
    width:auto;
    max-width:none;
    margin-right:max(11px,env(safe-area-inset-right));
    margin-left:max(11px,env(safe-area-inset-left));
  }

  .cabinet-page :is(input,select,textarea,button) { min-width:0; }
  .cabinet-page :is(form,fieldset,label) { min-width:0; max-width:100%; }

  .mobile-bottom-nav {
    box-sizing:border-box;
    right:max(5px,env(safe-area-inset-right));
    left:max(5px,env(safe-area-inset-left));
    width:auto;
    max-width:calc(100% - 10px);
    margin:0;
    transform:none;
  }

  .mobile-nav-sheet {
    right:max(8px,env(safe-area-inset-right));
    left:max(8px,env(safe-area-inset-left));
    width:auto;
    max-width:calc(100% - 16px);
    max-height:calc(var(--aloha-visual-height,100dvh) - 110px - env(safe-area-inset-bottom));
  }

  .case-reward-dialog {
    inset:0;
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    height:var(--aloha-visual-height,100dvh);
    max-height:var(--aloha-visual-height,100dvh)!important;
    margin:0;
  }

  .case-reward-dialog-shell {
    min-height:0;
    height:100%;
    max-height:100%;
  }

  #social-chat-column.mobile-chat-open {
    right:0;
    left:0;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    height:var(--aloha-visual-height,100dvh);
    max-height:var(--aloha-visual-height,100dvh)!important;
  }

  #social-chat-column.mobile-chat-open .chat-tools > div {
    right:max(10px,env(safe-area-inset-right));
    width:min(240px,calc(100% - 20px));
    max-width:calc(100% - 20px);
  }

  .chat-message-menu {
    max-width:calc(100% - 20px);
  }

  .notification-dialog,
  .purchase-dialog,
  .topup-dialog,
  .broadcast-confirm-dialog,
  .recovery-dialog,
  .two-factor-recovery-dialog,
  .product-preview-dialog,
  .social-report-dialog,
  .case-opening-dialog {
    box-sizing:border-box;
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    max-height:calc(var(--aloha-visual-height,100dvh) - 12px)!important;
    margin:auto;
  }

  .toast {
    right:max(8px,env(safe-area-inset-right));
    left:max(8px,env(safe-area-inset-left));
    width:auto;
    max-width:none;
  }

  .admin-tabs,
  .player-inspector-tabs,
  .ohana-page-tabs,
  .social-friend-tabs,
  .category-tabs {
    max-width:100%;
    overscroll-behavior-x:contain;
    scroll-padding-inline:8px;
  }

  .identity-metric :is(strong,span),
  .overview-identity-signals :is(strong,span),
  .owner-acoin-player :is(strong,code),
  .player-inspector :is(code,strong),
  .social-ohana-card-copy :is(strong,p,small) {
    max-width:100%;
  }
}

/* ALOHA ID 0.37.1 · referral program. */
.overview-referral-button { grid-column:2/4; }
.referral-dialog {
  box-sizing:border-box;
  width:min(980px,calc(100% - 28px));
  max-width:none;
  max-height:calc(var(--aloha-visual-height,100dvh) - 28px);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(100,227,213,.18);
  border-radius:26px;
  background:#07171e;
  color:#efffff;
  box-shadow:0 38px 130px rgba(0,8,14,.62);
}
.referral-dialog::backdrop { background:rgba(1,8,13,.76); backdrop-filter:blur(9px); }
.referral-dialog-shell { display:flex; max-height:calc(var(--aloha-visual-height,100dvh) - 28px); flex-direction:column; overflow:hidden; }
.referral-dialog header { position:relative; display:flex; padding:27px 30px 23px; flex:0 0 auto; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(119,235,221,.12); background:radial-gradient(circle at 75% -20%,rgba(255,190,65,.2),transparent 36%),linear-gradient(120deg,#0b252b,#091a24); }
.referral-dialog header::before { position:absolute; inset:0; opacity:.14; background:linear-gradient(rgba(116,231,219,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,231,219,.12) 1px,transparent 1px); background-size:23px 23px; content:""; pointer-events:none; }
.referral-dialog header > * { position:relative; z-index:1; }
.referral-dialog header > div { min-width:0; }
.referral-dialog header span { color:#65e2d4; font:900 8px/1 var(--font-copy); letter-spacing:.16em; }
.referral-dialog header h2 { max-width:720px; margin:10px 0 7px; overflow-wrap:anywhere; color:#f8ffff; font-size:clamp(22px,4vw,38px); line-height:1.05; }
.referral-dialog header p { max-width:720px; margin:0; color:#91aeb6; font:11px/1.6 var(--font-copy); }
.referral-dialog .dialog-close { position:relative; width:42px; height:42px; flex:0 0 auto; border:1px solid rgba(117,228,215,.18); border-radius:12px; background:rgba(255,255,255,.06); color:#dffdfa; font:24px/1 system-ui; cursor:pointer; }
.referral-dialog-body { padding:24px 30px 30px; overflow:auto; overscroll-behavior:contain; }
.referral-code-panel { display:grid; padding:21px; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; border:1px solid rgba(255,199,75,.23); border-radius:19px; background:radial-gradient(circle at 85% 0,rgba(255,202,73,.18),transparent 38%),linear-gradient(125deg,rgba(30,126,121,.18),rgba(255,179,56,.08)); }
.referral-code-panel small { color:#73ded2; font:900 8px/1 var(--font-copy); letter-spacing:.15em; }
.referral-code-panel output { display:block; max-width:100%; margin:9px 0 5px; overflow-wrap:anywhere; color:#ffd661; font:400 clamp(24px,5vw,43px)/1.05 var(--font-game); letter-spacing:.05em; text-shadow:0 4px 20px rgba(255,183,45,.22); }
.referral-code-panel p { margin:0; color:#809ca5; font:10px/1.45 var(--font-copy); }
.referral-code-panel > div:last-child { display:flex; flex-direction:column; gap:8px; }
.referral-code-panel button { min-width:145px; min-height:43px; padding:0 14px; border:1px solid rgba(100,223,210,.2); border-radius:11px; background:rgba(11,47,54,.9); color:#dffefa; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-code-panel button:first-child { border-color:rgba(255,204,87,.32); background:linear-gradient(135deg,#ffd866,#efa735); color:#2d281d; }
.referral-code-panel button span { margin-right:5px; font-size:15px; }
.referral-how { display:grid; margin:15px 0 25px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.referral-how > div { display:grid; min-width:0; padding:13px; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:center; border:1px solid rgba(102,223,211,.1); border-radius:13px; background:rgba(255,255,255,.03); }
.referral-how b { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:#10373c; color:#6ce1d4; font:400 12px/1 var(--font-game); }
.referral-how strong,.referral-how small { display:block; }
.referral-how strong { color:#efffff; font-size:10px; }
.referral-how small { margin-top:4px; color:#77939c; font:9px/1.35 var(--font-copy)!important; }
.referral-invited-by { display:grid; margin-bottom:18px; padding:14px 16px; grid-template-columns:auto minmax(0,1fr) auto; gap:13px; align-items:center; border:1px solid rgba(105,221,208,.16); border-radius:14px; background:linear-gradient(120deg,rgba(30,164,151,.13),rgba(255,193,64,.06)); }
.referral-invited-by > span { color:#63d9cc; font:900 7px/1 var(--font-copy); letter-spacing:.13em; }
.referral-invited-by strong,.referral-invited-by small { display:block; }
.referral-invited-by strong { color:#f2ffff; font-size:12px; }
.referral-invited-by small { margin-top:4px; color:#86a1aa; font-size:9px!important; }
.referral-invited-by > b { padding:7px 9px; border-radius:8px; background:rgba(255,205,86,.12); color:#ffd568; font-size:7px; letter-spacing:.08em; }
.referral-own-terms { grid-column:1/-1; padding-top:12px; border-top:1px solid rgba(105,221,208,.12); }
.referral-own-terms > summary { display:flex; min-height:34px; align-items:center; justify-content:space-between; gap:12px; color:#8fded6; font:900 7px/1.35 var(--font-copy); letter-spacing:.08em; cursor:pointer; list-style:none; }
.referral-own-terms > summary::-webkit-details-marker { display:none; }
.referral-own-terms > summary::after { content:"+"; display:grid; width:25px; height:25px; flex:0 0 auto; place-items:center; border:1px solid rgba(105,221,208,.18); border-radius:8px; color:#63d9cc; font-size:14px; }
.referral-own-terms[open] > summary::after { content:"−"; }
.referral-own-milestone-list { margin-top:10px; }
.referral-own-milestone-list .referral-milestone { background:rgba(5,31,37,.42); }
.referral-section-title { display:flex; margin:0 0 13px; align-items:flex-end; justify-content:space-between; gap:18px; }
.referral-section-title small { color:#58d6c8; font:900 7px/1 var(--font-copy); letter-spacing:.15em; }
.referral-section-title h3 { margin:7px 0 0; color:#f2ffff; font-size:18px; }
.referral-section-title > p { max-width:330px; margin:0; color:#7e98a1; font:9px/1.45 var(--font-copy); text-align:right; }
.referral-milestone-list { position:relative; display:grid; margin:0; padding:0; gap:8px; list-style:none; }
.referral-milestone { display:grid; padding:16px; grid-template-columns:42px minmax(190px,.8fr) minmax(320px,1.35fr); gap:15px; align-items:center; border:1px solid rgba(105,221,208,.11); border-radius:15px; background:rgba(255,255,255,.035); }
.referral-milestone.completed { border-color:rgba(104,224,176,.24); background:linear-gradient(115deg,rgba(36,151,126,.12),rgba(255,255,255,.025)); }
.referral-milestone-marker { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(103,222,210,.16); border-radius:12px; background:#0d3036; color:#64ded1; font:400 13px/1 var(--font-game); }
.referral-milestone.completed .referral-milestone-marker { background:#47c997; color:#092b24; }
.referral-empty { padding:18px; border:1px dashed rgba(102,220,208,.16); border-radius:14px; color:#7f9ba3; font:9px/1.5 var(--font-copy); text-align:center; }
.referral-requirements { display:flex; margin-bottom:10px; flex-wrap:wrap; gap:6px; align-items:stretch; }
.referral-requirement-chip { display:grid; min-width:112px; padding:8px 10px; gap:5px; border:1px solid rgba(255,205,89,.24); border-radius:10px; background:linear-gradient(135deg,rgba(255,199,65,.14),rgba(255,199,65,.05)); }
.referral-requirement-chip small { color:#d9a941; font:900 6px/1 var(--font-copy); letter-spacing:.13em; }
.referral-requirement-chip strong { color:#ffe094; font:900 11px/1.15 var(--font-copy); }
.referral-requirement-chip.days { border-color:rgba(99,222,209,.22); background:linear-gradient(135deg,rgba(57,188,174,.14),rgba(57,188,174,.04)); }
.referral-requirement-chip.days small { color:#69dacc; }
.referral-requirement-chip.days strong { color:#b9fff5; }
.referral-requirements-rule { display:flex; width:100%; align-items:center; gap:6px; color:#829da5; font:900 6px/1.25 var(--font-copy); letter-spacing:.09em; }
.referral-requirements-rule::before { width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:#f2bd4e; box-shadow:0 0 9px rgba(242,189,78,.42); content:""; }
.referral-requirement-immediate { padding:7px 9px; border:1px solid rgba(103,222,183,.22); border-radius:9px; background:rgba(65,196,150,.1); color:#78e2b8; font:900 7px/1 var(--font-copy); letter-spacing:.09em; }
.referral-milestone-copy h4 { margin:7px 0 5px; color:#f2ffff; font-size:12px; }
.referral-milestone-copy p { margin:0; color:#7d99a2; font:9px/1.45 var(--font-copy); }
.referral-milestone-rewards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.referral-reward-group { min-width:0; padding:10px; border-radius:11px; background:rgba(4,22,29,.64); }
.referral-reward-group > small { color:#78949d; font:900 7px/1 var(--font-copy); letter-spacing:.13em; }
.referral-reward-chips { display:flex; margin-top:7px; flex-wrap:wrap; gap:5px; }
.referral-reward-chips span { max-width:100%; padding:5px 7px; overflow:hidden; border:1px solid rgba(255,205,89,.17); border-radius:7px; background:rgba(255,198,69,.08); color:#ffe097; font:800 8px/1.25 var(--font-copy); text-overflow:ellipsis; }
.referral-reward-chips span.muted { color:#78919a; }
.referral-progress-section { margin-top:26px; }
.referral-dialog-stats { display:flex; gap:6px; }
.referral-dialog-stats span { padding:7px 9px; border-radius:8px; background:rgba(255,255,255,.05); color:#829da5; font:8px/1 var(--font-copy); }
.referral-dialog-stats b { color:#f6d16c; }
.referral-friend-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.referral-friend-row { display:grid; padding:12px; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; align-items:center; border:1px solid rgba(102,220,208,.1); border-radius:13px; background:rgba(255,255,255,.03); }
.referral-friend-avatar { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:linear-gradient(145deg,#58ded0,#1a887f); color:#062722; font:400 15px/1 var(--font-game); }
.referral-friend-row strong,.referral-friend-row small { display:block; }
.referral-friend-row strong { color:#eefefe; font-size:10px; }
.referral-friend-row small { margin-top:4px; color:#78939c; font-size:8px!important; }
.referral-progress-chips { display:flex; margin-top:7px; flex-wrap:wrap; gap:5px; }
.referral-progress-chip { display:grid; min-width:88px; flex:1 1 88px; padding:7px 8px; gap:4px; border:1px solid rgba(255,205,89,.2); border-radius:8px; background:rgba(255,198,69,.07); }
.referral-progress-chip > small { margin:0; color:#d8aa48; font:900 6px/1 var(--font-copy)!important; letter-spacing:.1em; }
.referral-progress-chip > strong { color:#ffe095; font:900 10px/1.15 var(--font-copy); }
.referral-progress-chip.days { border-color:rgba(99,222,209,.25); background:rgba(57,188,174,.11); }
.referral-progress-chip.days > small { color:#69dacc; }
.referral-progress-chip.days > strong { color:#b9fff5; }
.referral-progress-summary { margin-top:6px!important; }
.referral-friend-score { text-align:right; }
.referral-friend-score b { display:block; color:#ffd66c; font-size:13px; }
.referral-friend-score > i,.referral-public-status { display:inline-flex; width:max-content; margin-top:6px; padding:5px 7px; align-items:center; border:1px solid rgba(101,224,183,.2); border-radius:999px; background:rgba(69,202,151,.1); color:#78e5b9; font:900 7px/1 var(--font-copy); letter-spacing:.07em; }
.referral-public-status.review,.referral-friend-score > i.review { border-color:rgba(255,201,79,.24); background:rgba(255,193,58,.1); color:#ffda7b; }
.referral-public-status.rejected,.referral-friend-score > i.rejected { border-color:rgba(255,112,112,.22); background:rgba(221,73,73,.11); color:#ff9c9c; }
.referral-friend-status { display:block; margin-top:5px; color:#77b9ac; font:800 7px/1.35 var(--font-copy); }
.referral-friend-status.review { color:#d4aa5c; }
.referral-friend-status.rejected { color:#d77d7d; }
.referral-friends-empty { padding:25px; grid-column:1/-1; border:1px dashed rgba(102,220,208,.16); border-radius:14px; color:#718e97; text-align:center; }
.referral-friends-empty span,.referral-friends-empty strong,.referral-friends-empty small { display:block; }
.referral-friends-empty span { color:#61d9cc; font-size:24px; }
.referral-friends-empty strong { margin:8px 0 5px; color:#dffaf7; font-size:11px; }

.referral-admin-hero { display:flex; margin-bottom:16px; padding:25px 27px; align-items:center; justify-content:space-between; gap:24px; overflow:hidden; border:1px solid rgba(39,164,151,.17); border-radius:22px; background:radial-gradient(circle at 83% 0,rgba(255,195,62,.28),transparent 28%),linear-gradient(125deg,#123f3e,#17302f 62%,#2a2926); color:#fff; box-shadow:0 22px 55px rgba(32,62,57,.13); }
.referral-admin-hero > div > span { color:#72e3d6; font-size:8px; letter-spacing:.16em; }
.referral-admin-hero h3 { margin:9px 0 7px; color:#fff; font-size:clamp(19px,3vw,31px); }
.referral-admin-hero p { max-width:700px; margin:0; color:rgba(232,255,252,.65); font:10px/1.55 var(--font-copy); }
.referral-master-switch { display:flex; min-width:255px; padding:13px 15px; align-items:center; gap:11px; border:1px solid rgba(255,222,125,.2); border-radius:14px; background:rgba(255,255,255,.07); cursor:pointer; }
.referral-master-switch input { width:19px; height:19px; accent-color:#5edccd; }
.referral-master-switch strong,.referral-master-switch small { display:block; }
.referral-master-switch strong { color:#fff; font-size:10px; }
.referral-master-switch small { margin-top:4px; color:rgba(235,255,252,.58); font-size:8px!important; }
.referral-admin-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr); gap:16px; align-items:start; }
.referral-program-editor { display:grid; gap:17px; }
.referral-antifraud { position:relative; display:grid; padding:18px; gap:15px; overflow:hidden; border:1px solid rgba(95,222,207,.18); border-radius:17px; background:radial-gradient(circle at 95% 0,rgba(255,187,62,.16),transparent 29%),linear-gradient(135deg,#09242c,#0b1a24 70%); box-shadow:inset 0 1px rgba(255,255,255,.035); color:#e9fffc; }
.referral-antifraud::before { position:absolute; inset:0; opacity:.12; background:linear-gradient(rgba(100,218,205,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(100,218,205,.13) 1px,transparent 1px); background-size:25px 25px; content:""; pointer-events:none; }
.referral-antifraud > * { position:relative; z-index:1; }
.referral-antifraud-head { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:12px; align-items:center; }
.referral-antifraud-head > span { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(100,228,213,.2); border-radius:11px; background:rgba(71,205,190,.11); color:#66dfd2; font-size:18px; }
.referral-antifraud-head small,.referral-antifraud-head strong,.referral-antifraud-head p { display:block; }
.referral-antifraud-head small { color:#58cfc3; font:900 7px/1 var(--font-copy)!important; letter-spacing:.14em; }
.referral-antifraud-head strong { margin-top:6px; color:#f1ffff; font-size:13px; letter-spacing:.04em; }
.referral-antifraud-head p { margin:5px 0 0; color:#809da5; font:9px/1.45 var(--font-copy); }
.referral-antifraud-head > b { padding:7px 9px; border:1px solid rgba(104,222,209,.13); border-radius:8px; background:rgba(60,193,178,.08); color:#77dcd1; font-size:7px; white-space:nowrap; }
.referral-manual-review { display:grid; padding:13px; grid-template-columns:20px minmax(0,1fr) auto; gap:11px; align-items:start; border:1px solid rgba(255,199,76,.2); border-radius:12px; background:linear-gradient(120deg,rgba(255,191,52,.11),rgba(63,200,183,.06)); cursor:pointer; }
.referral-manual-review input { width:19px; height:19px; margin:1px 0 0; accent-color:#59d9ca; }
.referral-manual-review strong,.referral-manual-review small { display:block; }
.referral-manual-review strong { color:#fff0c4; font-size:10px; }
.referral-manual-review small { margin-top:5px; color:#9e9274; font:8px/1.45 var(--font-copy)!important; }
.referral-manual-review > b { padding:6px 8px; border-radius:7px; background:rgba(255,196,67,.13); color:#ffd373; font-size:6px; letter-spacing:.06em; white-space:nowrap; }
.referral-manual-review:has(input:not(:checked)) { border-color:rgba(99,214,201,.12); background:rgba(255,255,255,.025); }
.referral-manual-review:has(input:not(:checked)) > b { background:rgba(255,255,255,.05); color:#78979c; }
.referral-antifraud-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.referral-antifraud-grid label { display:grid; min-width:0; padding:10px; gap:6px; border:1px solid rgba(98,213,201,.1); border-radius:11px; background:rgba(255,255,255,.035); color:#c8e5e2; font:800 8px/1.3 var(--font-copy); }
.referral-antifraud-grid label > span { min-height:21px; }
.referral-antifraud-grid label > small { color:#708d95; font:7px/1.35 var(--font-copy)!important; }
.referral-antifraud-grid input { box-sizing:border-box; width:100%; min-height:37px; border:1px solid rgba(99,220,207,.16); border-radius:8px; outline:0; background:rgba(1,14,21,.56); color:#f0fffd; font:800 10px/1 var(--font-copy); }
.referral-antifraud-grid input:focus { border-color:#56d6c8; box-shadow:0 0 0 3px rgba(86,214,200,.1); }
.referral-network-review { display:grid; padding:11px 12px; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start; border:1px solid rgba(255,201,86,.14); border-radius:11px; background:rgba(255,190,53,.055); cursor:pointer; }
.referral-network-review input { width:17px; height:17px; margin:1px 0 0; accent-color:#56d8ca; }
.referral-network-review strong,.referral-network-review small { display:block; }
.referral-network-review strong { color:#f1e2bb; font-size:9px; }
.referral-network-review small { margin-top:4px; color:#968d77; font:8px/1.4 var(--font-copy)!important; }
.referral-antifraud-privacy { display:flex; margin:0; padding-top:2px; align-items:flex-start; gap:8px; color:#708f97; font:8px/1.5 var(--font-copy); }
.referral-antifraud-privacy span { display:grid; width:17px; height:17px; flex:0 0 auto; place-items:center; border-radius:50%; background:rgba(73,207,159,.12); color:#6fdcad; font-size:9px; }
.referral-editor-note { display:grid; padding:13px 14px; grid-template-columns:30px 1fr; gap:11px; align-items:center; border:1px solid rgba(31,159,146,.13); border-radius:12px; background:#f0faf7; }
.referral-editor-note span { display:grid; width:30px; height:30px; place-items:center; border-radius:9px; background:#47cdbd; color:#113b37; font-weight:900; }
.referral-editor-note p { margin:0; color:#55716c; font:9px/1.5 var(--font-copy); }
.referral-stage-editor-head { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; }
.referral-stage-editor-head strong,.referral-stage-editor-head small { display:block; }
.referral-stage-editor-head strong { color:#4c433b; font-size:11px; }
.referral-stage-editor-head small { margin-top:6px; color:#958a80; font-size:9px!important; }
.referral-stage-editor-head > b { padding:7px 9px; border-radius:8px; background:#e9f7f4; color:#218e83; font-size:8px; }
.referral-stage-editor { display:grid; gap:10px; }
.referral-stage-card { overflow:hidden; border:1px solid rgba(65,84,76,.12); border-radius:15px; background:#fffdfa; box-shadow:0 9px 24px rgba(49,57,50,.05); }
.referral-stage-card > summary { display:grid; min-height:64px; padding:10px 13px; grid-template-columns:38px minmax(0,1fr) auto 24px; gap:11px; align-items:center; cursor:pointer; list-style:none; }
.referral-stage-card > summary::-webkit-details-marker { display:none; }
.referral-stage-card > summary > span { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:#e4f6f2; color:#198d82; font:400 12px/1 var(--font-game); }
.referral-stage-card > summary strong,.referral-stage-card > summary small { display:block; }
.referral-stage-card > summary strong { color:#4c433b; font-size:11px; }
.referral-stage-card > summary small { margin-top:4px; color:#d3922f; font-size:8px!important; }
.referral-stage-card > summary > b { padding:6px 8px; border-radius:7px; background:#eff7f5; color:#5a807a; font-size:7px; letter-spacing:.05em; }
.referral-stage-card.locked > summary > b { background:#fff3d8; color:#99691e; }
.referral-stage-card > summary > i { color:#8b8178; font-style:normal; transition:transform .2s ease; }
.referral-stage-card[open] > summary > i { transform:rotate(180deg); }
.referral-stage-body { display:grid; padding:16px; gap:14px; border-top:1px solid rgba(64,82,75,.09); background:#fbfaf7; }
.referral-stage-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.referral-stage-toolbar > div { display:flex; gap:5px; }
.referral-stage-toolbar button { min-width:36px; min-height:36px; padding:0 9px; border:1px solid rgba(68,82,75,.12); border-radius:9px; background:#fff; color:#625a53; cursor:pointer; }
.referral-stage-reward-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.referral-stage-recipient { display:grid; min-width:0; padding:14px; gap:12px; border:1px solid rgba(57,158,147,.12); border-radius:13px; background:#fff; }
.referral-stage-recipient > header { display:grid; grid-template-columns:34px 1fr; gap:9px; align-items:center; }
.referral-stage-recipient > header > span { display:grid; width:34px; height:34px; place-items:center; border-radius:9px; background:#ddf5f1; color:#177f75; font-weight:900; }
.referral-stage-recipient.invitee > header > span { background:#fff0d3; color:#ac741f; }
.referral-stage-recipient header strong,.referral-stage-recipient header small { display:block; }
.referral-stage-recipient header strong { color:#4e453d; font-size:9px; }
.referral-stage-recipient header small { margin-top:4px; color:#998d83; font-size:8px!important; }
.referral-stage-recipient label { display:grid; gap:6px; color:#756b62; font-size:8px; }
.referral-stage-recipient textarea { resize:vertical; }
.referral-stage-recipient .attachment-builder { padding:11px; }
.referral-stage-recipient .attachment-builder-top { align-items:center; }
.referral-stage-recipient .attachment-builder-top small { font-size:7px!important; }
.referral-stage-recipient .attachment-row { grid-template-columns:minmax(85px,.8fr) minmax(90px,1fr) minmax(90px,1fr) 34px; }
.referral-stage-lock-note { margin:0; padding:10px 12px; border-radius:9px; background:#fff3d9; color:#886229; font:9px/1.5 var(--font-copy); }
.referral-save-bar { position:sticky; z-index:5; bottom:10px; display:flex; padding:10px; align-items:center; justify-content:space-between; gap:15px; border:1px solid rgba(50,103,94,.14); border-radius:14px; background:rgba(255,253,249,.94); box-shadow:0 15px 40px rgba(44,57,51,.15); backdrop-filter:blur(14px); }
.referral-save-bar > span { color:#82786f; font:9px/1.4 var(--font-copy); }
.referral-save-bar > span.dirty { color:#b56d16; font-weight:900; }
.referral-save-bar button { min-width:230px; }
.referral-admin-aside { display:grid; gap:16px; }
.referral-admin-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.referral-admin-metrics > div { padding:13px; border-radius:11px; background:#f4f1eb; }
.referral-admin-metrics small,.referral-admin-metrics strong { display:block; }
.referral-admin-metrics small { color:#92877c; font-size:7px!important; }
.referral-admin-metrics strong { margin-top:8px; color:#2b9488; font-size:20px; }
.referral-admin-recent { display:grid; gap:5px; }
.referral-admin-recent > div:not(.admin-list-empty) { display:flex; padding:10px 0; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid rgba(67,76,70,.08); }
.referral-admin-recent strong,.referral-admin-recent small { display:block; }
.referral-admin-recent strong { color:#554c44; font-size:9px; }
.referral-admin-recent small,.referral-admin-recent time { margin-top:4px; color:#968b81; font-size:7px!important; }
.referral-admin-recent .referral-recent-note { max-width:180px; overflow-wrap:anywhere; color:#806f5d; font-size:8px!important; line-height:1.4; }
.referral-recent-meta { display:grid; justify-items:end; gap:3px; text-align:right; }
.referral-state-badge { display:inline-flex; width:max-content; padding:5px 6px; border-radius:999px; background:#e7f7f1; color:#268a72; font-size:6px; letter-spacing:.06em; }
.referral-state-badge.review { background:#fff3d8; color:#9b691d; }
.referral-state-badge.rejected { background:#fbe7e5; color:#a9504b; }
.referral-stop-trigger { max-width:108px; min-height:34px; padding:5px 7px; border:1px solid rgba(182,75,67,.16); border-radius:8px; background:#f9e9e6; color:#9e504a; font:900 7px/1.25 var(--font-copy); cursor:pointer; }
.referral-stop-trigger:hover { border-color:rgba(182,75,67,.3); background:#f7dedb; }
.referral-stop-dialog { box-sizing:border-box; width:min(560px,calc(100% - 24px)); max-width:none; max-height:calc(var(--aloha-visual-height,100dvh) - 24px); padding:0; overflow:hidden; border:1px solid rgba(43,130,122,.18); border-radius:20px; background:#fffdfa; color:#443d37; box-shadow:0 30px 100px rgba(22,38,35,.28); }
.referral-stop-dialog::backdrop { background:rgba(8,19,22,.62); backdrop-filter:blur(7px); }
.referral-stop-dialog form { display:grid; max-height:calc(var(--aloha-visual-height,100dvh) - 24px); overflow:auto; }
.referral-stop-dialog header { display:flex; padding:21px 22px 18px; align-items:flex-start; justify-content:space-between; gap:16px; border-bottom:1px solid rgba(62,112,103,.1); background:linear-gradient(140deg,#effaf7,#fff8eb); }
.referral-stop-dialog header > div { min-width:0; }
.referral-stop-dialog header small { color:#25998d; font:900 7px/1 var(--font-copy); letter-spacing:.13em; }
.referral-stop-dialog header h3 { margin:8px 0 6px; overflow-wrap:anywhere; color:#403830; font-size:18px; }
.referral-stop-dialog header p { margin:0; color:#81776d; font:9px/1.5 var(--font-copy); }
.referral-stop-dialog .dialog-close { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border:1px solid rgba(74,105,96,.13); border-radius:10px; background:rgba(255,255,255,.72); color:#6e6259; font:22px/1 system-ui; cursor:pointer; }
.referral-stop-body { display:grid; padding:20px 22px; gap:14px; }
.referral-stop-pair { padding:12px 13px; border:1px solid rgba(44,165,149,.13); border-radius:11px; background:#eff9f6; }
.referral-stop-pair small,.referral-stop-pair strong { display:block; }
.referral-stop-pair small { color:#379c90; font:900 7px/1 var(--font-copy); letter-spacing:.11em; }
.referral-stop-pair strong { margin-top:7px; overflow-wrap:anywhere; color:#3c514c; font-size:11px; }
.referral-stop-warning { display:grid; padding:12px; grid-template-columns:29px minmax(0,1fr); gap:10px; align-items:start; border:1px solid rgba(201,115,54,.17); border-radius:11px; background:#fff3e6; }
.referral-stop-warning > span { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; background:#f1b36a; color:#4e3217; font-weight:900; }
.referral-stop-warning p { margin:0; color:#826142; font:9px/1.5 var(--font-copy); }
.referral-stop-warning strong { color:#684321; }
.referral-stop-body > label { display:grid; gap:7px; color:#766c62; font-size:8px; }
.referral-stop-body textarea { box-sizing:border-box; width:100%; min-height:83px; padding:10px 11px; resize:vertical; border:1px solid rgba(74,100,91,.15); border-radius:10px; outline:0; background:#fff; color:#403a34; font:10px/1.45 var(--font-copy); }
.referral-stop-body textarea:focus { border-color:#42b9aa; box-shadow:0 0 0 4px rgba(66,185,170,.1); }
.referral-stop-dialog footer { display:grid; padding:14px 22px 20px; grid-template-columns:1fr 1.35fr; gap:8px; border-top:1px solid rgba(62,112,103,.08); }
.referral-stop-dialog footer button { min-height:44px; border-radius:10px; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-stop-dialog footer button:disabled { opacity:.55; cursor:wait; }
.referral-stop-cancel { border:1px solid rgba(69,98,89,.14); background:#f4f1ec; color:#6f655c; }
.referral-stop-confirm { border:1px solid rgba(177,70,64,.14); background:linear-gradient(135deg,#d9665e,#bc4842); color:#fff; }
.referral-review-card .admin-card-title > b { display:grid; min-width:28px; height:28px; padding:0 6px; place-items:center; border-radius:9px; background:#fff0cf; color:#9c6818; font-size:11px; }
.referral-review-queue { display:grid; gap:8px; }
.referral-review-item { display:grid; padding:12px; gap:10px; border:1px solid rgba(205,145,43,.18); border-radius:12px; background:linear-gradient(145deg,#fffaf0,#fffdf9); }
.referral-review-item > header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.referral-review-item header strong,.referral-review-item header small { display:block; }
.referral-review-item header strong { color:#4e453d; font-size:9px; }
.referral-review-item header small { margin-top:4px; color:#95887b; font:7px/1.35 var(--font-copy)!important; }
.referral-risk-score { display:grid; min-width:38px; height:38px; place-content:center; gap:2px; border:1px solid rgba(207,139,33,.22); border-radius:9px; background:#fff1d1; color:#9d6816; font-size:11px; text-align:center; }
.referral-risk-score::before { color:#b58a4b; font:900 5px/1 var(--font-copy); letter-spacing:.08em; content:"РИСК"; }
.referral-risk-reasons { display:flex; margin:0; padding:0; flex-wrap:wrap; gap:5px; list-style:none; }
.referral-risk-reasons li { padding:6px 8px; border-radius:7px; background:#f7eee0; color:#81664c; font:8px/1.35 var(--font-copy); }
.referral-evidence-grid { display:grid; margin:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.referral-evidence-grid > div { min-width:0; padding:8px; border:1px solid rgba(99,85,66,.08); border-radius:8px; background:rgba(255,255,255,.62); }
.referral-evidence-grid dt,.referral-evidence-grid dd { margin:0; overflow-wrap:anywhere; }
.referral-evidence-grid dt { color:#978a7d; font:900 6px/1.25 var(--font-copy); letter-spacing:.045em; text-transform:uppercase; }
.referral-evidence-grid dd { margin-top:5px; color:#5d5044; font:800 8px/1.35 var(--font-copy); }
.referral-review-note { display:grid; gap:5px; color:#81766c; font-size:8px; }
.referral-review-note textarea { box-sizing:border-box; width:100%; min-height:49px; padding:8px; resize:vertical; border:1px solid rgba(95,80,64,.13); border-radius:8px; outline:0; background:#fff; color:#4c433b; font:9px/1.4 var(--font-copy); }
.referral-review-note textarea:focus { border-color:#47bcae; box-shadow:0 0 0 3px rgba(71,188,174,.1); }
.referral-review-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.referral-review-actions button { min-height:44px; border:0; border-radius:9px; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-review-actions button:disabled { opacity:.55; cursor:wait; }
.referral-review-approve { background:linear-gradient(135deg,#43cbb8,#2fa993); color:#082f2a; }
.referral-review-reject { border:1px solid rgba(186,81,74,.16)!important; background:#f9e7e4; color:#9e4a45; }
.referral-review-more { width:100%; min-height:44px; margin-top:9px; border:1px solid rgba(46,154,139,.15); border-radius:9px; background:#edf8f5; color:#287f73; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-review-more:disabled { opacity:.55; cursor:wait; }
.referral-review-warning { margin-top:10px!important; padding:10px 11px; border:1px solid rgba(205,145,43,.2); border-radius:9px; background:#fff3d8; color:#8b5f1b!important; font:8px/1.5 var(--font-copy)!important; }
.referral-review-empty { padding:20px 10px; border:1px dashed rgba(49,156,140,.18); border-radius:11px; text-align:center; }
.referral-review-empty span,.referral-review-empty strong,.referral-review-empty small { display:block; }
.referral-review-empty span { color:#3abe9d; font-size:18px; }
.referral-review-empty strong { margin:7px 0 4px; color:#4b625d; font-size:9px; }
.referral-review-empty small { color:#8a9793; font:7px/1.4 var(--font-copy)!important; }
.referral-relations-card { margin-top:16px; }
.referral-relations-card .admin-card-title > b { display:grid; min-width:31px; height:31px; padding:0 7px; place-items:center; border-radius:9px; background:#e9f7f4; color:#278b7f; font-size:10px; }
.referral-relations-tools { display:grid; margin-bottom:13px; grid-template-columns:minmax(0,1fr) minmax(180px,.3fr); gap:9px; }
.referral-relations-search { display:grid; grid-template-columns:minmax(0,1fr) auto; }
.referral-relations-search input { min-width:0; min-height:44px; border-radius:10px 0 0 10px!important; }
.referral-relations-search button { min-width:90px; min-height:44px; border:0; border-radius:0 10px 10px 0; background:linear-gradient(135deg,#47cbbb,#31aa99); color:#0b3631; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-relations-filter { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px; align-items:center; color:#81766c; font-size:8px; }
.referral-relations-filter select { min-height:44px; }
.referral-relations-list { display:grid; gap:7px; transition:opacity .15s ease; }
.referral-relations-list[aria-busy="true"] { opacity:.55; }
.referral-relation-row { display:grid; padding:12px 13px; grid-template-columns:minmax(180px,1.25fr) minmax(120px,.55fr) minmax(120px,.5fr) minmax(150px,.75fr); gap:12px; align-items:center; border:1px solid rgba(59,91,81,.1); border-left:3px solid #3ec6aa; border-radius:12px; background:#fffdfa; }
.referral-relation-row[data-status="pending_review"] { border-left-color:#e4a83f; }
.referral-relation-row[data-status="rejected"] { border-left-color:#cf6b63; }
.referral-relation-identity strong,.referral-relation-identity small,
.referral-relation-progress strong,.referral-relation-progress small,
.referral-relation-decision small { display:block; }
.referral-relation-identity strong { overflow-wrap:anywhere; color:#4c433b; font-size:10px; }
.referral-relation-identity small,.referral-relation-decision small { margin-top:5px; color:#94897f; font:8px/1.4 var(--font-copy)!important; }
.referral-relation-progress small { color:#8f8479; font:900 7px/1 var(--font-copy)!important; letter-spacing:.07em; }
.referral-relation-progress strong { margin-top:7px; color:#258d81; font-size:11px; }
.referral-relation-progress span { display:block; margin-top:5px; color:#6f817c; font:800 8px/1.35 var(--font-copy); }
.referral-relation-decision { display:grid; justify-items:start; gap:2px; }
.referral-relation-detail { display:grid; min-width:0; justify-items:end; gap:7px; }
.referral-relation-detail p { max-width:230px; margin:0; overflow-wrap:anywhere; color:#806f5d; font:8px/1.4 var(--font-copy); text-align:right; }
.referral-relation-detail .referral-relation-reasons { color:#9a6d2b; }
.referral-relation-detail .referral-stop-trigger { max-width:140px; min-height:44px; }
.referral-relations-more { width:100%; min-height:44px; margin-top:10px; border:1px solid rgba(46,154,139,.15); border-radius:10px; background:#edf8f5; color:#287f73; font:900 9px/1 var(--font-copy); cursor:pointer; }
.referral-relations-more:disabled { opacity:.55; cursor:wait; }
.referral-relations-empty { padding:28px 16px; border:1px dashed rgba(49,156,140,.18); border-radius:12px; text-align:center; }
.referral-relations-empty span,.referral-relations-empty strong,.referral-relations-empty small { display:block; }
.referral-relations-empty span { color:#3abe9d; font-size:22px; }
.referral-relations-empty strong { margin:8px 0 5px; color:#4b625d; font-size:10px; }
.referral-relations-empty small { color:#82928e; font:8px/1.45 var(--font-copy)!important; }

@media(max-width:980px) {
  .referral-admin-layout { grid-template-columns:1fr; }
  .referral-admin-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .referral-relation-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .referral-relation-detail { justify-items:start; }
  .referral-relation-detail p { max-width:none; text-align:left; }
}
@media(max-width:760px) {
  .overview-referral-button { grid-column:1/-1; }
  .referral-dialog { width:calc(100% - 12px); max-height:calc(var(--aloha-visual-height,100dvh) - 12px); border-radius:19px; }
  .referral-dialog-shell { max-height:calc(var(--aloha-visual-height,100dvh) - 12px); }
  .referral-dialog header { padding:19px 16px 16px; }
  .referral-dialog header p { font-size:10px; }
  .referral-dialog-body { padding:14px 13px calc(20px + env(safe-area-inset-bottom)); }
  .referral-code-panel { grid-template-columns:1fr; padding:17px; }
  .referral-code-panel > div:last-child { flex-direction:row; }
  .referral-code-panel button { min-width:0; flex:1; }
  .referral-how { grid-template-columns:1fr; }
  .referral-invited-by { grid-template-columns:1fr; }
  .referral-invited-by > b { width:max-content; }
  .referral-section-title { align-items:flex-start; flex-direction:column; }
  .referral-section-title > p { text-align:left; }
  .referral-milestone { grid-template-columns:38px minmax(0,1fr); padding:13px; }
  .referral-milestone-marker { width:38px; height:38px; }
  .referral-requirement-chip { min-width:min(100%,112px); flex:1 1 112px; }
  .referral-milestone-rewards { grid-column:1/-1; }
  .referral-friend-list { grid-template-columns:1fr; }
  .referral-admin-hero { padding:19px 16px; align-items:stretch; flex-direction:column; }
  .referral-master-switch { min-width:0; }
  .referral-antifraud { padding:14px; }
  .referral-antifraud-head { grid-template-columns:36px minmax(0,1fr); }
  .referral-antifraud-head > b { grid-column:1/-1; width:max-content; }
  .referral-manual-review { grid-template-columns:20px minmax(0,1fr); }
  .referral-manual-review > b { grid-column:2; width:max-content; }
  .referral-antifraud-grid { grid-template-columns:1fr; }
  .referral-evidence-grid { grid-template-columns:1fr; }
  .referral-relations-tools,.referral-relation-row { grid-template-columns:1fr; }
  .referral-relations-filter { grid-template-columns:1fr; }
  .referral-relation-detail .referral-stop-trigger { width:100%; max-width:none; min-height:44px; }
  .referral-stop-dialog { width:calc(100% - 12px); max-height:calc(var(--aloha-visual-height,100dvh) - 12px); border-radius:17px; }
  .referral-stop-dialog form { max-height:calc(var(--aloha-visual-height,100dvh) - 12px); }
  .referral-stop-dialog header,.referral-stop-body { padding-right:16px; padding-left:16px; }
  .referral-stop-dialog footer { padding-right:16px; padding-left:16px; grid-template-columns:1fr; }
  .referral-stage-card > summary { grid-template-columns:36px minmax(0,1fr) 20px; }
  .referral-stage-card > summary > b { grid-column:1/-1; }
  .referral-stage-toolbar { align-items:stretch; flex-direction:column; }
  .referral-stage-toolbar > div { width:100%; }
  .referral-stage-toolbar button { flex:1; }
  .referral-stage-reward-columns,.referral-admin-aside { grid-template-columns:1fr; }
  .referral-stage-recipient .attachment-row { grid-template-columns:1fr 1fr; }
  .referral-save-bar { bottom:calc(79px + env(safe-area-inset-bottom)); align-items:stretch; flex-direction:column; }
  .referral-save-bar button { width:100%; min-width:0; }
}
@media(prefers-reduced-motion:reduce) {
  .referral-stage-card > summary > i,.overview-referral-button,.referral-code-panel button,.referral-relations-list { transition:none!important; }
}

@media(max-width:390px) {
  .cabinet-header.shell,
  .cabinet-main.shell {
    margin-right:max(8px,env(safe-area-inset-right));
    margin-left:max(8px,env(safe-area-inset-left));
  }

  .mobile-bottom-nav {
    right:max(4px,env(safe-area-inset-right));
    left:max(4px,env(safe-area-inset-left));
    max-width:calc(100% - 8px);
  }
}

body.cabinet-page .admin-workspace-v2 .discount-editor-heading > div { min-width:0; flex:1; }
body.cabinet-page .admin-workspace-v2 .discount-editor-heading .admin-compact-action { flex:0 0 auto; margin-left:auto; }
body.cabinet-page .admin-workspace-v2 #discount-scope-hint { color:var(--ops-muted); font:10px/1.4 var(--font-copy),system-ui,sans-serif; }

@media(max-width:560px) {
  body.cabinet-page .admin-workspace-v2 .discount-editor-heading { flex-wrap:wrap; }
  body.cabinet-page .admin-workspace-v2 .discount-editor-heading .admin-compact-action { width:100%; margin-left:0; }
}

/* ALOHA ID 0.37.2 · calm operations workspace and reliable referral editor. */
body.cabinet-page .admin-section.admin-workspace-v2 {
  --ops-bg:#091725;
  --ops-panel:#102235;
  --ops-panel-raised:#13283b;
  --ops-subtle:#0b1d2d;
  --ops-hover:#172f43;
  --ops-border:rgba(153,196,208,.14);
  --ops-border-strong:rgba(111,218,208,.28);
  --ops-text:#edf6f8;
  --ops-copy:#a0b4bd;
  --ops-muted:#718b97;
  --ops-accent:#5ad5c9;
  --ops-accent-soft:rgba(90,213,201,.1);
  --ops-warning:#e7b867;
  --ops-shadow:0 18px 48px rgba(0,0,0,.16);
  grid-template-columns:212px minmax(0,1fr);
  gap:20px;
  color:var(--ops-text);
  font-family:var(--font-copy),Inter,ui-sans-serif,system-ui,sans-serif;
}

html[data-theme="light"] body.cabinet-page .admin-section.admin-workspace-v2 {
  --ops-bg:#eef5f5;
  --ops-panel:#ffffff;
  --ops-panel-raised:#f8fbfb;
  --ops-subtle:#f2f7f7;
  --ops-hover:#edf6f5;
  --ops-border:rgba(48,112,124,.14);
  --ops-border-strong:rgba(42,161,154,.3);
  --ops-text:#173744;
  --ops-copy:#58727d;
  --ops-muted:#7b919a;
  --ops-accent:#238f8a;
  --ops-accent-soft:rgba(35,143,138,.08);
  --ops-warning:#a87629;
  --ops-shadow:0 14px 40px rgba(37,71,82,.09);
}

@media(min-width:981px) {
  body.cabinet-page .admin-section.admin-workspace-v2 {
    position:relative;
    left:50%;
    width:calc(100vw - 48px);
    max-width:1640px;
    translate:-50% 0;
  }
}

body.cabinet-page .admin-section.admin-workspace-v2 > .admin-heading {
  display:flex;
  min-height:68px;
  margin:0;
  padding:0 4px 16px;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid var(--ops-border);
}

body.cabinet-page .admin-workspace-v2 .admin-heading > div {
  min-width:0;
  gap:13px;
}

body.cabinet-page .admin-workspace-v2 .admin-heading .section-number {
  width:38px;
  height:38px;
  flex:0 0 38px;
  border:1px solid var(--ops-border-strong);
  border-radius:10px;
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  box-shadow:none;
  font-size:12px;
}

body.cabinet-page .admin-workspace-v2 .admin-heading h2 {
  margin:0;
  color:var(--ops-text);
  font-family:var(--font-copy),Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(25px,2.1vw,34px);
  font-weight:780;
  line-height:1.1;
  letter-spacing:-.025em;
}

body.cabinet-page .admin-workspace-v2 .admin-heading > p {
  max-width:520px;
  margin:0;
  color:var(--ops-copy);
  font:13px/1.5 var(--font-copy),system-ui,sans-serif!important;
  text-align:right;
}

body.cabinet-page .admin-section.admin-workspace-v2 > #admin-tabs {
  top:18px;
  max-height:calc(100dvh - 36px);
  padding:10px;
  gap:4px;
  border:1px solid var(--ops-border)!important;
  border-radius:18px;
  background:var(--ops-panel)!important;
  box-shadow:var(--ops-shadow)!important;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-head {
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:2px 3px 8px;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-head > span {
  width:38px;
  height:38px;
  border:1px solid var(--ops-border-strong);
  border-radius:11px;
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  box-shadow:none;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-head small {
  color:var(--ops-muted);
  font:700 9px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.08em;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-head strong {
  margin-top:4px;
  color:var(--ops-text);
  font:750 13px/1.25 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-search > input {
  min-height:40px;
  padding:9px 11px 9px 33px;
  border:1px solid var(--ops-border);
  border-radius:11px;
  color:var(--ops-text);
  background:var(--ops-subtle);
  font:12px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-navigation-search > input::placeholder { color:var(--ops-muted); }
body.cabinet-page .admin-workspace-v2 .admin-navigation-search > input:focus { border-color:var(--ops-border-strong); box-shadow:0 0 0 3px var(--ops-accent-soft); }

body.cabinet-page .admin-workspace-v2 .admin-tab-group { gap:2px; }
body.cabinet-page .admin-workspace-v2 .admin-tab-group > small {
  padding:8px 7px 3px;
  color:var(--ops-muted);
  font:750 9px/1.2 var(--font-copy),system-ui,sans-serif!important;
  letter-spacing:.08em;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-group > :is(button,a) {
  min-height:42px;
  padding:5px 7px;
  grid-template-columns:30px minmax(0,1fr) auto;
  gap:8px;
  border-radius:11px;
  color:var(--ops-copy)!important;
  font-family:var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-group > :is(button,a):hover {
  border-color:var(--ops-border);
  color:var(--ops-text)!important;
  background:var(--ops-hover)!important;
  box-shadow:none!important;
  transform:none;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-group > :is(button,a).active {
  border-color:var(--ops-border-strong);
  color:var(--ops-text)!important;
  background:var(--ops-accent-soft)!important;
  box-shadow:inset 2px 0 var(--ops-accent)!important;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-icon {
  width:30px;
  height:30px;
  border-radius:9px;
  color:var(--ops-accent)!important;
  background:var(--ops-accent-soft)!important;
  font:750 10px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-copy strong {
  color:inherit;
  font:700 12px/1.25 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-tab-copy small { display:none; }

body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card {
  border:1px solid var(--ops-border)!important;
  border-radius:18px;
  background:var(--ops-panel)!important;
  box-shadow:var(--ops-shadow)!important;
}

body.cabinet-page .admin-workspace-v2 .admin-card-title {
  display:grid;
  margin-bottom:20px;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
}

body.cabinet-page .admin-workspace-v2 .admin-card-title > span {
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid var(--ops-border);
  border-radius:10px;
  color:var(--ops-accent)!important;
  background:var(--ops-accent-soft)!important;
  box-shadow:none!important;
  font:750 12px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-card-title > div { min-width:0; }
body.cabinet-page .admin-workspace-v2 .admin-card-title h3 {
  margin:0 0 5px;
  color:var(--ops-text);
  font:760 16px/1.25 var(--font-copy),system-ui,sans-serif;
  letter-spacing:-.01em;
}

body.cabinet-page .admin-workspace-v2 .admin-card-title p {
  margin:0;
  color:var(--ops-copy);
  font:12px/1.5 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 :is(.admin-card-title,.admin-overview-hero,.admin-overview-actions,.referral-admin-hero,.referral-antifraud-head,.referral-stage-editor-head) :is(h2,h3,strong,small,p,span) {
  min-width:0;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}

body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card > label,
body.cabinet-page .admin-workspace-v2 .admin-panel .admin-fields > label {
  color:var(--ops-copy);
  font:650 12px/1.4 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--ops-border);
  border-radius:10px;
  color:var(--ops-text);
  background:var(--ops-subtle);
  font:500 14px/1.45 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card :is(input,select,textarea):focus {
  border-color:var(--ops-border-strong);
  box-shadow:0 0 0 3px var(--ops-accent-soft);
}

body.cabinet-page .admin-workspace-v2 :is(button,a,input,select,textarea,summary):focus-visible {
  outline:2px solid var(--ops-accent);
  outline-offset:2px;
}

body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card label > small {
  color:var(--ops-muted);
  font:11px/1.45 var(--font-copy),system-ui,sans-serif!important;
}

/* Overview: compact status row and cards that size to their own content. */
body.cabinet-page .admin-workspace-v2 .admin-overview-panel { gap:12px; }
body.cabinet-page .admin-workspace-v2 .admin-overview-hero {
  min-height:116px;
  padding:22px 24px;
  align-items:center;
  border:1px solid var(--ops-border);
  border-radius:18px;
  background:linear-gradient(115deg,var(--ops-panel-raised),var(--ops-panel));
  box-shadow:var(--ops-shadow);
}

body.cabinet-page .admin-workspace-v2 .admin-overview-hero span {
  color:var(--ops-accent);
  font:750 9px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.1em;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-hero h3 {
  margin:8px 0 5px;
  color:var(--ops-text);
  font:780 clamp(23px,2.2vw,31px)/1.08 var(--font-copy),system-ui,sans-serif;
  letter-spacing:-.025em;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-hero p {
  color:var(--ops-copy);
  font:13px/1.5 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-hero > b {
  padding:8px 11px;
  border:1px solid var(--ops-border-strong);
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  font:750 9px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metrics {
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metric {
  min-height:74px;
  padding:12px;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  border:1px solid var(--ops-border)!important;
  border-radius:14px;
  background:var(--ops-panel)!important;
  box-shadow:none!important;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metric > span {
  width:34px;
  height:34px;
  border-radius:9px;
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  font:750 10px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metric small {
  color:var(--ops-muted);
  font:650 11px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metric strong {
  margin-top:4px;
  color:var(--ops-text);
  font:760 21px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-grid {
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  align-items:start;
  gap:12px;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-grid .admin-card { padding:20px; }
body.cabinet-page .admin-workspace-v2 .admin-overview-actions {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-actions > :is(button,a) {
  min-height:70px;
  padding:10px;
  grid-template-columns:36px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:10px;
  row-gap:3px;
  border:1px solid var(--ops-border);
  border-radius:12px;
  color:var(--ops-text);
  background:var(--ops-subtle);
}

body.cabinet-page .admin-workspace-v2 .admin-overview-actions > :is(button,a) > span {
  width:36px;
  height:36px;
  grid-column:1;
  grid-row:1 / 3;
  border-radius:9px;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-actions > :is(button,a) > :is(strong,small) {
  grid-column:2;
  width:auto;
  min-width:0;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-actions strong {
  color:var(--ops-text);
  font:700 13px/1.25 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .admin-overview-actions small {
  margin:0;
  color:var(--ops-muted);
  font:11px/1.3 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 :is(.admin-attention-empty,.admin-attention-row) {
  min-height:70px;
  border-color:var(--ops-border);
  color:var(--ops-text);
  background:var(--ops-subtle);
}

/* Referral editor: stages are the primary task; protection is an advanced disclosure. */
body.cabinet-page .admin-workspace-v2 .referral-admin-hero {
  min-height:112px;
  margin-bottom:12px;
  padding:22px 24px;
  border:1px solid var(--ops-border);
  border-radius:18px;
  background:linear-gradient(115deg,var(--ops-panel-raised),var(--ops-panel));
  box-shadow:var(--ops-shadow);
}

body.cabinet-page .admin-workspace-v2 .referral-admin-hero > div { min-width:0; }
body.cabinet-page .admin-workspace-v2 .referral-admin-hero > div > span {
  color:var(--ops-accent);
  font:750 9px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.1em;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-hero h3 {
  margin:7px 0 5px;
  color:var(--ops-text);
  font:780 clamp(23px,2.1vw,30px)/1.1 var(--font-copy),system-ui,sans-serif;
  letter-spacing:-.025em;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-hero p {
  max-width:720px;
  color:var(--ops-copy);
  font:13px/1.5 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-master-switch {
  min-width:260px;
  padding:12px 14px;
  border:1px solid var(--ops-border);
  border-radius:12px;
  background:var(--ops-subtle);
}

body.cabinet-page .admin-workspace-v2 .referral-master-switch strong {
  color:var(--ops-text);
  font:700 12px/1.3 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-master-switch small {
  margin-top:3px;
  color:var(--ops-muted);
  font:11px/1.35 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-layout {
  grid-template-columns:minmax(0,1fr) 292px;
  gap:12px;
}

body.cabinet-page .admin-workspace-v2 .referral-program-editor {
  padding:clamp(22px,2.2vw,30px);
  gap:20px;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head {
  padding-top:18px;
  align-items:center;
  border-top:1px solid var(--ops-border);
}

body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head strong {
  color:var(--ops-text);
  font:760 15px/1.3 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head small {
  margin-top:4px;
  color:var(--ops-muted);
  font:12px/1.45 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head > b {
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid var(--ops-border);
  border-radius:999px;
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  font:700 11px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-editor { gap:8px; }
body.cabinet-page .admin-workspace-v2 .referral-stage-card {
  border:1px solid var(--ops-border)!important;
  border-radius:14px;
  background:var(--ops-panel-raised)!important;
  box-shadow:none!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary {
  min-height:62px;
  padding:10px 13px;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary strong {
  color:var(--ops-text);
  font:700 13px/1.3 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary small {
  margin-top:3px;
  color:var(--ops-warning);
  font:700 10px/1.3 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary > b {
  border:1px solid var(--ops-border);
  color:var(--ops-muted);
  background:var(--ops-subtle);
  font:650 9px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-body {
  padding:20px;
  gap:16px;
  border-color:var(--ops-border)!important;
  background:var(--ops-subtle)!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient {
  padding:16px;
  gap:14px;
  border:1px solid var(--ops-border)!important;
  border-radius:12px;
  background:var(--ops-panel)!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient header strong {
  color:var(--ops-text);
  font:720 12px/1.25 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient header small {
  color:var(--ops-muted);
  font:11px/1.4 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-builder {
  border-color:var(--ops-border);
  background:var(--ops-subtle);
}

body.cabinet-page .admin-workspace-v2 .referral-stage-add-row {
  display:flex;
  min-height:62px;
  padding:10px 12px 10px 16px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px dashed var(--ops-border-strong);
  border-radius:13px;
  color:var(--ops-muted);
  background:var(--ops-accent-soft);
  font:12px/1.45 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-add-row .admin-compact-action {
  display:inline-flex;
  min-width:170px;
  min-height:42px;
  padding:0 14px;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--ops-border-strong)!important;
  border-radius:10px;
  color:#062824!important;
  background:var(--ops-accent)!important;
  box-shadow:none!important;
  font:750 12px/1 var(--font-copy),system-ui,sans-serif;
  cursor:pointer;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-add-row .admin-compact-action:hover { filter:brightness(1.06); }
body.cabinet-page .admin-workspace-v2 .referral-stage-add-row .admin-compact-action b { font-size:16px; }

body.cabinet-page .admin-workspace-v2 .referral-editor-note {
  padding:12px 14px;
  border:1px solid var(--ops-border);
  border-radius:12px;
  background:var(--ops-subtle)!important;
}

body.cabinet-page .admin-workspace-v2 .referral-editor-note p {
  color:var(--ops-copy);
  font:12px/1.5 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 details.referral-antifraud {
  display:grid;
  padding:0;
  gap:14px;
  overflow:hidden;
  border:1px solid var(--ops-border);
  border-radius:14px;
  color:var(--ops-text);
  background:var(--ops-panel-raised);
  box-shadow:none;
}

body.cabinet-page .admin-workspace-v2 details.referral-antifraud::before { display:none; }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud:not([open]) > :not(summary) { display:none; }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud > summary {
  display:grid;
  min-height:72px;
  padding:14px 16px;
  grid-template-columns:38px minmax(0,1fr) auto 20px;
  align-items:center;
  gap:12px;
  cursor:pointer;
  list-style:none;
}

body.cabinet-page .admin-workspace-v2 details.referral-antifraud > summary::-webkit-details-marker { display:none; }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud[open] > summary { border-bottom:1px solid var(--ops-border); }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud > summary > span {
  width:38px;
  height:38px;
  border-color:var(--ops-border);
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-head small {
  color:var(--ops-muted);
  font:700 9px/1.2 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-head strong {
  margin-top:4px;
  color:var(--ops-text);
  font:750 13px/1.3 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-head p {
  margin:3px 0 0;
  color:var(--ops-muted);
  font:11px/1.4 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-head > b {
  padding:6px 9px;
  border:1px solid var(--ops-border);
  color:var(--ops-accent);
  background:var(--ops-accent-soft);
  font:700 9px/1.2 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-head > i {
  color:var(--ops-muted);
  font-style:normal;
  transition:transform .18s ease;
}

body.cabinet-page .admin-workspace-v2 details.referral-antifraud[open] .referral-antifraud-head > i { transform:rotate(180deg); }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud > :is(.referral-manual-review,.referral-antifraud-grid,.referral-network-review,.referral-antifraud-privacy) { margin-right:16px; margin-left:16px; }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud > .referral-manual-review { margin-top:2px; }
body.cabinet-page .admin-workspace-v2 details.referral-antifraud > .referral-antifraud-privacy { margin-bottom:16px; }

body.cabinet-page .admin-workspace-v2 .referral-antifraud-grid {
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:8px;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-grid label {
  padding:12px;
  border-color:var(--ops-border);
  color:var(--ops-copy);
  background:var(--ops-subtle);
  font:650 12px/1.35 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-antifraud-grid label > small {
  color:var(--ops-muted);
  font:11px/1.4 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-aside {
  position:sticky;
  top:18px;
  gap:12px;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-aside > .admin-card { padding:18px; }
body.cabinet-page .admin-workspace-v2 .referral-admin-aside .admin-card-title { margin-bottom:14px; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; }
body.cabinet-page .admin-workspace-v2 .referral-admin-aside .admin-card-title > span { width:34px; height:34px; }
body.cabinet-page .admin-workspace-v2 .referral-admin-aside .admin-card-title h3 { font-size:14px; line-height:1.25; }
body.cabinet-page .admin-workspace-v2 .referral-admin-aside .admin-card-title p { margin-top:3px; font-size:11px; line-height:1.4; }
body.cabinet-page .admin-workspace-v2 .referral-admin-metrics { gap:6px; }
body.cabinet-page .admin-workspace-v2 .referral-admin-metrics > div {
  padding:12px;
  border:1px solid var(--ops-border);
  border-radius:10px;
  background:var(--ops-subtle)!important;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-metrics small {
  color:var(--ops-muted);
  font:650 10px/1.35 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .referral-admin-metrics strong {
  margin-top:6px;
  color:var(--ops-accent);
  font:760 19px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-save-bar {
  bottom:12px;
  padding:10px 10px 10px 14px;
  border:1px solid var(--ops-border-strong)!important;
  border-radius:12px;
  background:color-mix(in srgb,var(--ops-panel) 92%,transparent)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.2)!important;
}

body.cabinet-page .admin-workspace-v2 .referral-save-bar > span {
  color:var(--ops-muted);
  font:12px/1.4 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .referral-save-bar button { min-width:220px; }

body.cabinet-page .admin-workspace-v2 .referral-relations-card { margin-top:12px; padding:22px; }

@media(max-width:1240px) {
  body.cabinet-page .admin-workspace-v2 .referral-admin-layout { grid-template-columns:1fr; }
  body.cabinet-page .admin-workspace-v2 .referral-admin-aside {
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1180px) {
  body.cabinet-page .admin-workspace-v2 .referral-stage-reward-columns { grid-template-columns:1fr; }
}

@media(max-width:960px) {
  body.cabinet-page .admin-section.admin-workspace-v2 {
    left:auto;
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    translate:none;
  }

  body.cabinet-page .admin-section.admin-workspace-v2 > .admin-heading { grid-column:1; }
  body.cabinet-page .admin-section.admin-workspace-v2 > #admin-tabs {
    position:static;
    grid-column:1;
    grid-row:2;
    max-height:none;
  }

  body.cabinet-page .admin-workspace-v2 .admin-navigation-search,
  body.cabinet-page .admin-workspace-v2 .admin-tab-group { display:none!important; }
  body.cabinet-page .admin-workspace-v2 .admin-mobile-section { display:grid; gap:6px; margin:0; }
  body.cabinet-page .admin-section.admin-workspace-v2 > .admin-panel:not([hidden]) {
    grid-column:1;
    grid-row:3;
  }

  body.cabinet-page .admin-workspace-v2 .admin-mobile-section span { font:700 10px/1.2 var(--font-copy),system-ui,sans-serif; }
  body.cabinet-page .admin-workspace-v2 .admin-mobile-section select {
    min-height:46px;
    border-color:var(--ops-border);
    color:var(--ops-text);
    background:var(--ops-subtle);
    font:600 13px/1.2 var(--font-copy),system-ui,sans-serif;
  }
}

@media(pointer:coarse) {
  body.cabinet-page .admin-workspace-v2 :is(button,a,[role="button"],summary) { min-height:44px; }
}

@media(max-width:760px) {
  body.cabinet-page .admin-section.admin-workspace-v2 > .admin-heading {
    min-height:0;
    padding:0 0 13px;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  body.cabinet-page .admin-workspace-v2 .admin-heading h2 { font-size:24px; }
  body.cabinet-page .admin-workspace-v2 .admin-heading > p { max-width:none; font-size:12px!important; text-align:left; }
  body.cabinet-page .admin-workspace-v2 .admin-overview-hero,
  body.cabinet-page .admin-workspace-v2 .referral-admin-hero { padding:18px; align-items:flex-start; flex-direction:column; }
  body.cabinet-page .admin-workspace-v2 .referral-master-switch { width:100%; min-width:0; }
  body.cabinet-page .admin-workspace-v2 .admin-overview-grid,
  body.cabinet-page .admin-workspace-v2 .admin-overview-actions,
  body.cabinet-page .admin-workspace-v2 .referral-admin-aside { grid-template-columns:1fr; }
  body.cabinet-page .admin-workspace-v2 .admin-panel .admin-card { padding:16px; }
  body.cabinet-page .admin-workspace-v2 .referral-program-editor { padding:17px; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head { align-items:flex-start; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-add-row { align-items:stretch; flex-direction:column; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-add-row .admin-compact-action { width:100%; min-width:0; }
  body.cabinet-page .admin-workspace-v2 details.referral-antifraud > summary { grid-template-columns:36px minmax(0,1fr) 18px; padding:13px; }
  body.cabinet-page .admin-workspace-v2 details.referral-antifraud > summary > b { display:none; }
  body.cabinet-page .admin-workspace-v2 .referral-antifraud-head > i { grid-column:3; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-body { padding:14px; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary { grid-template-columns:36px minmax(0,1fr) 20px; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-card > summary > b { grid-column:1 / -1; }
  body.cabinet-page .admin-workspace-v2 .referral-save-bar { bottom:calc(78px + env(safe-area-inset-bottom)); }
  body.cabinet-page .admin-workspace-v2 .referral-save-bar button { min-width:0; }
}

@media(max-width:560px) {
  body.cabinet-page .admin-workspace-v2 .admin-overview-panel .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cabinet-page .admin-workspace-v2 .referral-stage-editor-head { flex-direction:column; gap:10px; }
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row { grid-template-columns:1fr; }
}

/* Professional ALOHA Social profile workspace: one hierarchy, compact editors and one public identity. */
body.cabinet-page :is(.social-profile-workspace-v2,.identity-profile-v2,.public-profile-hero-v2) {
  --profile-accent:#63e5db;
  --profile-accent-strong:#2bb8ad;
  --profile-text:#edfafa;
  --profile-muted:#8ea7b1;
  --profile-line:rgba(111,220,214,.16);
  --profile-surface:#0b2335;
  --profile-surface-raised:#102b3d;
  --profile-surface-soft:rgba(7,25,39,.66);
  --profile-danger:#ff9da8;
}

html[data-theme="light"] body.cabinet-page :is(.social-profile-workspace-v2,.identity-profile-v2,.public-profile-hero-v2) {
  --profile-accent:#138f88;
  --profile-accent-strong:#08776f;
  --profile-text:#263c43;
  --profile-muted:#687e85;
  --profile-line:rgba(30,125,121,.15);
  --profile-surface:#f9fcfb;
  --profile-surface-raised:#fff;
  --profile-surface-soft:#eef7f5;
  --profile-danger:#a74352;
}

body.cabinet-page .social-profile-workspace-v2 {
  overflow-x:hidden;
  overflow-x:clip;
}

body.cabinet-page .social-profile-workspace-v2 [hidden] { display:none!important; }
body.cabinet-page .social-profile-commandbar { min-height:0; margin:0 0 12px; padding:4px 0 16px; }
body.cabinet-page .social-profile-commandbar h3 { font-size:clamp(25px,3vw,38px); line-height:1; }
body.cabinet-page .social-profile-commandbar p { max-width:620px; font-size:13px; line-height:1.5; }
body.cabinet-page .social-profile-commandbar .social-public-profile-link {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid var(--profile-line);
  border-radius:11px;
  color:var(--profile-text);
  background:var(--profile-surface-raised);
  box-shadow:none;
  font:750 12px/1 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .social-profile-mode-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  width:100%;
  margin:0 0 14px;
  padding:4px;
  overflow:hidden;
  border:1px solid var(--profile-line);
  border-radius:14px;
  background:var(--profile-surface-soft);
}
body.cabinet-page .social-profile-mode-tabs button {
  min-width:0;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 11px;
  border:0;
  border-radius:10px;
  color:var(--profile-muted);
  background:transparent;
  font:700 12px/1.2 var(--font-copy),system-ui,sans-serif;
  white-space:nowrap;
}
body.cabinet-page .social-profile-mode-tabs button > span { color:var(--profile-accent); font-size:15px; }
body.cabinet-page .social-profile-mode-tabs button.active {
  color:var(--profile-text);
  background:var(--profile-surface-raised);
  box-shadow:0 5px 16px rgba(0,0,0,.1),inset 0 0 0 1px color-mix(in srgb,var(--profile-accent) 14%,transparent);
}
body.cabinet-page .social-profile-mode-tabs button:focus-visible,
body.cabinet-page .social-profile-workspace-v2 :is(input,select,textarea,button,a,summary):focus-visible,
body.cabinet-page .public-profile-hero-v2 :is(a,button,summary):focus-visible {
  outline:2px solid var(--profile-accent);
  outline-offset:2px;
}

html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-profile-editor-form {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.cabinet-page .social-profile-workspace-v2 .social-profile-editor-form::before { display:none; }
body.cabinet-page .social-profile-settings-panel {
  padding:clamp(17px,2.2vw,24px);
  border:1px solid var(--profile-line);
  border-radius:18px;
  background:var(--profile-surface);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
}
body.cabinet-page .social-settings-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:15px;
  border-bottom:1px solid var(--profile-line);
}
body.cabinet-page .social-settings-heading small { color:var(--profile-accent); font:800 10px/1.2 var(--font-copy),system-ui,sans-serif; letter-spacing:.08em; }
body.cabinet-page .social-settings-heading h4 { margin:5px 0 0; color:var(--profile-text); font:750 18px/1.25 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-settings-heading p { max-width:390px; margin:1px 0 0; color:var(--profile-muted); font:500 12px/1.5 var(--font-copy),system-ui,sans-serif; text-align:right; }
body.cabinet-page .social-settings-list { display:grid; }
body.cabinet-page .social-setting-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(155px,190px);
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid var(--profile-line);
}
body.cabinet-page .social-profile-workspace-v2 :is(.social-setting-row,.social-bio-field) label,
body.cabinet-page .social-profile-workspace-v2 :is(.social-setting-value,.social-setting-visibility,.social-bio-field) { min-width:0; }
body.cabinet-page .social-profile-workspace-v2 :is(.social-setting-value,.social-setting-visibility,.social-bio-field) > span {
  display:block;
  margin:0 0 6px;
  color:var(--profile-muted);
  font:650 12px/1.3 var(--font-copy),system-ui,sans-serif;
}
body.cabinet-page .social-profile-workspace-v2 :is(.social-setting-value,.social-setting-visibility,.social-bio-field) > span i { color:color-mix(in srgb,var(--profile-muted) 76%,transparent); font-size:11px; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-profile-form :is(input,select,textarea) {
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--profile-line);
  border-radius:10px;
  color:var(--profile-text);
  background:var(--profile-surface-raised);
  font:500 14px/1.35 var(--font-copy),system-ui,sans-serif;
  box-shadow:none;
}
body.cabinet-page .social-profile-workspace-v2 .social-bio-field { display:block; margin:15px 0 0; }
body.cabinet-page .social-profile-workspace-v2 .social-bio-field textarea { min-height:112px; resize:vertical; }

body.cabinet-page .social-profile-workspace-v2 .social-privacy-options {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin:0;
}
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options > label {
  min-width:0;
  min-height:74px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(175px,220px);
  align-items:center;
  gap:16px;
  margin:0;
  padding:14px 0;
  border:0;
  border-bottom:1px solid var(--profile-line);
  border-radius:0;
  background:transparent;
}
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options > label:last-child { border-bottom:0; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options > .social-privacy-toggle {
  grid-template-columns:24px minmax(0,1fr);
}
body.cabinet-page .social-profile-workspace-v2 .social-privacy-options label > span {
  min-width:0;
  margin:0;
  overflow-wrap:normal;
  word-break:normal;
}
body.cabinet-page .social-profile-workspace-v2 .social-privacy-options strong { color:var(--profile-text); font:700 13px/1.3 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-privacy-options small { color:var(--profile-muted); font:500 11px/1.4 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options select {
  width:100%;
  min-width:0;
  max-width:220px;
  justify-self:end;
}
body.cabinet-page .social-profile-workspace-v2 .social-privacy-options input[type="checkbox"] { width:20px; height:20px; min-height:20px; padding:0; accent-color:var(--profile-accent-strong); }

html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] {
  margin:14px 0 0;
  padding:0;
  border:1px solid var(--profile-line);
  border-radius:12px;
  color:var(--profile-muted);
  background:var(--profile-surface-soft);
}
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary {
  min-height:44px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:0 12px;
  cursor:pointer;
  list-style:none;
}
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary::-webkit-details-marker { display:none; }
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary span { color:var(--profile-accent); font-weight:850; }
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary strong { color:var(--profile-text); font-size:12px; }
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary i { color:var(--profile-muted); font-size:11px; font-style:normal; }
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > p { margin:0; padding:0 12px 12px 44px; color:var(--profile-muted); font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] code { color:var(--profile-accent); }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-public-rule {
  margin:14px 0 0;
  padding:12px 14px;
  border:0;
  border-left:3px solid var(--profile-accent);
  border-radius:0 10px 10px 0;
  background:var(--profile-surface-soft);
}
body.cabinet-page .social-profile-workspace-v2 .social-public-rule > span { display:none; }
body.cabinet-page .social-profile-workspace-v2 .social-public-rule strong { color:var(--profile-text); font-size:12px; }
body.cabinet-page .social-profile-workspace-v2 .social-public-rule p { margin-top:3px; color:var(--profile-muted); font-size:11px; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-form-actions {
  position:sticky;
  z-index:8;
  bottom:12px;
  min-height:60px;
  display:flex;
  align-items:center;
  gap:14px;
  margin:12px 0 0;
  padding:8px;
  border:1px solid var(--profile-line);
  border-radius:14px;
  background:color-mix(in srgb,var(--profile-surface) 92%,transparent);
  box-shadow:0 14px 35px rgba(0,0,0,.18);
  backdrop-filter:blur(15px);
}
body.cabinet-page .social-profile-workspace-v2 .social-form-actions button {
  min-height:44px;
  padding:0 18px;
  border-radius:10px;
  color:#062329;
  background:linear-gradient(135deg,#62e6dc,#c4ef79);
  font:800 13px/1 var(--font-copy),system-ui,sans-serif;
}
body.cabinet-page .social-profile-workspace-v2 .social-form-actions p { min-width:0; margin:0; color:var(--profile-muted); font-size:12px; overflow-wrap:anywhere; }

html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-appearance-studio {
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(17px,2.2vw,24px);
  overflow:visible;
  border:1px solid var(--profile-line);
  border-radius:18px;
  color:var(--profile-text);
  background:var(--profile-surface);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
}
body.cabinet-page .social-profile-workspace-v2 .social-appearance-studio::before,
body.cabinet-page .social-profile-workspace-v2 .social-appearance-studio::after { display:none; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-heading { align-items:center; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-heading h3 { margin:4px 0 3px; color:var(--profile-text); font:750 clamp(22px,2.4vw,30px)/1.1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-heading p { color:var(--profile-muted); font-size:12px; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-heading small { color:var(--profile-accent); font:800 10px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-appearance-balance {
  min-width:142px;
  padding:10px 12px;
  border:1px solid var(--profile-line);
  border-radius:11px;
  background:var(--profile-surface-raised);
  box-shadow:none;
}
body.cabinet-page .social-profile-workspace-v2 .social-appearance-balance span,
body.cabinet-page .social-profile-workspace-v2 .social-appearance-balance small { color:var(--profile-muted); font-size:10px; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-balance strong { margin:3px 0; color:var(--profile-text); font:800 15px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-appearance-layout {
  display:grid;
  grid-template-columns:minmax(220px,250px) minmax(0,1fr);
  gap:14px;
  margin-top:16px;
}
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench {
  position:relative;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:16px;
  border:1px solid var(--profile-line);
  border-radius:14px;
  background:var(--profile-surface-soft);
  text-align:center;
}
body.cabinet-page .social-profile-workspace-v2 .social-avatar-live { width:108px; padding:0; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-live-halo { width:96px; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-live > small { margin-top:8px; color:var(--profile-muted); font:750 9px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy > small { color:var(--profile-accent); font:800 9px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy h4 { margin:5px 0 4px; color:var(--profile-text); font:750 17px/1.2 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy > p { margin:0; color:var(--profile-muted); font-size:11px; line-height:1.45; }
body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy > div { justify-content:center; gap:6px; margin-top:10px; }
body.cabinet-page .social-profile-workspace-v2 :is(.social-avatar-upload,.social-avatar-reset) { min-height:40px; padding:0 11px; border-radius:9px; font-size:11px; }
body.cabinet-page .social-profile-workspace-v2 .social-appearance-status { min-height:0; margin:7px 0 0; font-size:11px; }
body.cabinet-page .social-cosmetic-browser { min-width:0; padding:12px; border:1px solid var(--profile-line); border-radius:14px; background:var(--profile-surface-soft); }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-toolbar { display:grid; gap:8px; margin:0; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-toolbar > p { max-width:none; margin:0; color:var(--profile-muted); font-size:11px; line-height:1.45; text-align:left; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs { width:100%; padding:3px; border-color:var(--profile-line); border-radius:11px; background:var(--profile-surface-raised); }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs button { min-height:40px; padding:0 8px; border-radius:8px; color:var(--profile-muted); }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs button strong { font:700 11px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs button.active { color:var(--profile-text); background:var(--profile-surface-soft); box-shadow:inset 0 0 0 1px var(--profile-line); }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-showcase {
  max-height:min(62vh,660px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  padding:1px 4px 1px 1px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--profile-accent) 42%,transparent) transparent;
}
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card {
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid var(--profile-line);
  border-radius:12px;
  background:var(--profile-surface-raised);
  box-shadow:none;
}
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card.equipped { border-color:color-mix(in srgb,var(--profile-accent) 65%,white); box-shadow:inset 3px 0 var(--profile-accent); }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-visual.compact { width:88px; min-width:0; min-height:100%; border-radius:0; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card-copy { min-width:0; padding:10px; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tier { padding:3px 5px; font:800 8px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card h4 { min-height:0; margin:5px 0 3px; color:var(--profile-text); font:700 13px/1.2 var(--font-copy),system-ui,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card p { min-height:0; display:-webkit-box; margin:0; overflow:hidden; color:var(--profile-muted); font-size:10px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card button { min-height:34px; margin-top:7px; padding:0 8px; border-color:var(--profile-line); border-radius:8px; color:var(--profile-text); background:var(--profile-surface-soft); font-size:10px; }
body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card button b { font:750 9px/1 var(--font-copy),system-ui,sans-serif; }

/* Compact game identity: one summary, then domain sections without cards inside cards. */
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport {
  min-height:278px;
  grid-template-columns:minmax(190px,23%) minmax(0,1fr);
  border-color:var(--profile-line);
  border-radius:20px;
  background:var(--profile-surface);
  box-shadow:0 16px 42px rgba(0,0,0,.1);
}
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport::after { display:none; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport::before { opacity:.42; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-skin-stage {
  min-height:278px;
  border-color:var(--profile-line);
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--profile-accent) 22%,transparent),transparent 48%),linear-gradient(160deg,#124453,#092738);
}
body.cabinet-page .identity-profile-v2 .identity-skin-canvas { width:150px; height:231px; }
body.cabinet-page .identity-profile-v2 .identity-skin-ribbon { top:12px; left:12px; padding:6px 8px; font-size:8px; }
body.cabinet-page .identity-profile-v2 .identity-passport-copy { padding:25px clamp(22px,3vw,38px); }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-copy > small { color:var(--profile-muted); font:750 10px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-copy > small.online { color:var(--profile-accent); }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-copy h2 { margin:9px 0 0; color:var(--profile-text); font-size:clamp(32px,4.6vw,54px); line-height:.98; overflow-wrap:anywhere; }
body.cabinet-page .identity-profile-v2 .identity-technical-id { width:max-content; max-width:100%; margin-top:8px; color:var(--profile-muted); }
body.cabinet-page .identity-profile-v2 .identity-technical-id > summary { width:max-content; max-width:100%; padding:3px 0; color:var(--profile-muted); font:650 10px/1.2 var(--font-copy),system-ui,sans-serif; cursor:pointer; }
body.cabinet-page .identity-profile-v2 .identity-technical-id code { display:block; max-width:100%; margin-top:5px; overflow:hidden; color:var(--profile-muted); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
body.cabinet-page .identity-profile-v2 .identity-passport-serial { margin-top:5px; }
body.cabinet-page .identity-profile-v2 .identity-chip-row { margin-top:13px; gap:6px; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-chip-row span { padding:7px 9px; border-color:var(--profile-line); border-radius:999px; background:var(--profile-surface-raised); font:700 10px/1 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-ohana-seal {
  max-width:520px;
  margin-top:12px;
  padding:9px;
  grid-template-columns:minmax(54px,max-content) minmax(0,1fr);
  gap:10px;
  border-color:color-mix(in srgb,var(--ohana-color) 32%,var(--profile-line));
  border-radius:12px;
  background:var(--profile-surface-soft);
  box-shadow:inset 3px 0 var(--ohana-color);
}
body.cabinet-page .identity-profile-v2 .identity-ohana-seal > span { min-width:54px; min-height:38px; padding:5px 7px; border-radius:8px; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-ohana-seal strong { margin-top:3px; color:var(--profile-text); font:700 13px/1.2 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .identity-profile-v2 .identity-ohana-seal p { margin-top:3px; color:var(--profile-muted); font-size:9px; }
body.cabinet-page .identity-profile-v2 .identity-passport-highlights { max-width:520px; margin-top:12px; grid-template-columns:repeat(2,minmax(0,1fr)); border-color:var(--profile-line); border-radius:10px; background:transparent; backdrop-filter:none; }
body.cabinet-page .identity-profile-v2 .identity-passport-highlights > span { padding:9px 11px; color:var(--profile-muted); font:700 9px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-highlights strong { margin-top:4px; color:var(--profile-text); font-size:12px; }
body.cabinet-page .identity-profile-v2 .identity-since { margin:12px 0 0; color:var(--profile-muted); font-size:10px; }
body.cabinet-page .identity-profile-v2 { gap:12px; }
body.cabinet-page .identity-profile-v2 .identity-module-grid { gap:12px; }
html[data-theme] body.cabinet-page .identity-profile-v2 :is(.identity-module,.identity-next-goal) {
  padding:20px;
  border-color:color-mix(in srgb,var(--identity-accent) 22%,var(--profile-line));
  border-radius:17px;
  background:var(--profile-surface);
  box-shadow:none;
}
body.cabinet-page .identity-profile-v2 .identity-module::after { display:none; }
body.cabinet-page .identity-profile-v2 .identity-module:hover { transform:none; box-shadow:none; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-module-heading h3,
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-next-goal h3 { color:var(--profile-text); font-size:20px; }
body.cabinet-page .identity-profile-v2 .identity-module-heading small { font:750 9px/1.2 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .identity-profile-v2 .identity-metric-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:15px;
  overflow:hidden;
  border:1px solid var(--profile-line);
  border-radius:11px;
}
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-metric {
  padding:11px 12px;
  border:0;
  border-right:1px solid var(--profile-line);
  border-bottom:1px solid var(--profile-line);
  border-radius:0;
  background:transparent;
}
body.cabinet-page .identity-profile-v2 .identity-metric:nth-child(3n) { border-right:0; }
body.cabinet-page .identity-profile-v2 .identity-minigames .identity-metric:not(.identity-metric-full) { grid-column:auto; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-metric small { color:var(--profile-muted); font:700 9px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-metric strong { margin-top:5px; color:var(--profile-text); font:750 15px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .identity-profile-v2 .identity-metric span { margin-top:3px; color:var(--profile-muted); font-size:9px; }

/* One public profile hero. Social identity, actions and the compact 3D game view live together. */
html[data-theme] body.cabinet-page .public-profile-hero-v2.public-network-hero {
  padding:0 0 18px;
  overflow:hidden;
  border-color:var(--profile-line);
  border-radius:22px;
  color:var(--profile-text);
  background:var(--profile-surface);
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}
body.cabinet-page .public-profile-hero-v2 .public-network-cover { min-height:148px; padding:20px; border-radius:21px 21px 0 0; }
body.cabinet-page .public-profile-hero-v2 .public-network-cover > span { font:800 10px/1 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-card-head {
  display:grid;
  grid-template-columns:96px minmax(0,1fr) auto;
  align-items:end;
  gap:14px;
  margin-top:-49px;
  padding:0 20px;
}
body.cabinet-page .public-profile-hero-v2 .public-network-avatar.social-avatar { width:96px; height:96px; border-width:4px; border-radius:26px; }
body.cabinet-page .public-profile-hero-v2 .public-social-identity { min-width:0; padding:0 0 5px; }
body.cabinet-page .public-profile-hero-v2 .public-social-identity > small { color:var(--profile-accent); font:700 11px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-identity h2 { margin:5px 0 3px; color:var(--profile-text); font-size:clamp(30px,4.5vw,48px); line-height:1; overflow-wrap:anywhere; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-identity p { color:var(--profile-muted); font-size:12px; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-friend-count {
  align-self:end;
  margin:0 0 5px;
  padding:7px 10px;
  border:0;
  border-radius:999px;
  color:var(--profile-muted);
  background:var(--profile-surface-soft);
  font:700 11px/1 var(--font-copy),system-ui,sans-serif;
}
body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-facts {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:14px 20px 0;
  padding:0;
  overflow:hidden;
  border-top:1px solid var(--profile-line);
  border-bottom:1px solid var(--profile-line);
}
html[data-theme] body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-facts > :is(span,.identity-metric) {
  min-width:112px;
  flex:1 1 130px;
  padding:10px 12px;
  border:0;
  border-right:1px solid var(--profile-line);
  border-radius:0;
  background:transparent;
}
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-facts small { color:var(--profile-muted); font:650 9px/1.2 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-facts strong { margin-top:4px; color:var(--profile-text); font:750 13px/1.2 var(--font-copy),system-ui,sans-serif; white-space:normal; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-facts .identity-metric span { margin-top:3px; color:var(--profile-muted); font-size:9px; white-space:normal; }
html[data-theme] body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-bio {
  margin:12px 20px 0;
  padding:0 0 0 12px;
  border:0;
  border-left:3px solid var(--profile-accent);
  border-radius:0;
  background:transparent;
}
body.cabinet-page .public-profile-hero-v2 .public-social-bio small { color:var(--profile-accent); font:750 9px/1 var(--font-copy),system-ui,sans-serif; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-bio p { margin-top:5px; color:var(--profile-muted); font-size:12px; line-height:1.5; }
body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-actions {
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:13px;
  padding:0 20px;
}
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-actions > :is(a,button),
body.cabinet-page .public-profile-hero-v2 .public-social-more > summary {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid var(--profile-line);
  border-radius:10px;
  color:var(--profile-text);
  background:var(--profile-surface-raised);
  font:750 12px/1 var(--font-copy),system-ui,sans-serif;
  text-decoration:none;
  cursor:pointer;
}
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-actions > .profile-action-primary {
  border:0;
  color:#062329;
  background:linear-gradient(135deg,#61e6dc,#c7f37b);
}
body.cabinet-page .public-profile-hero-v2 .public-social-more { position:relative; margin-left:auto; }
body.cabinet-page .public-profile-hero-v2 .public-social-more > summary { list-style:none; }
body.cabinet-page .public-profile-hero-v2 .public-social-more > summary::-webkit-details-marker { display:none; }
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-more > div {
  position:absolute;
  z-index:30;
  right:0;
  bottom:calc(100% + 7px);
  width:190px;
  display:grid;
  gap:4px;
  padding:6px;
  border:1px solid var(--profile-line);
  border-radius:11px;
  background:var(--profile-surface-raised);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-more button {
  min-height:40px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  color:var(--profile-text);
  background:transparent;
  font:650 12px/1.2 var(--font-copy),system-ui,sans-serif;
  text-align:left;
}
body.cabinet-page .public-profile-hero-v2 .public-social-more button.danger { color:var(--profile-danger); }
body.cabinet-page .public-game-summary {
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  align-items:stretch;
  gap:16px;
  margin:15px 20px 0;
  padding-top:15px;
  border-top:1px solid var(--profile-line);
}
html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-game-skin {
  min-height:160px;
  overflow:hidden;
  border:0;
  border-radius:13px;
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--profile-accent) 20%,transparent),transparent 50%),linear-gradient(160deg,#124453,#092738);
}
body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-canvas { width:86px; height:133px; }
body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-ribbon { top:7px; left:7px; padding:4px 5px; font-size:6px; }
body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-controls { right:6px; bottom:6px; left:6px; }
body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-controls button { width:30px; height:28px; }
body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-controls span { display:none; }
body.cabinet-page .public-game-summary-copy { min-width:0; align-self:center; }
body.cabinet-page .public-game-summary-copy > small { color:var(--profile-accent); font:750 9px/1.2 var(--font-copy),system-ui,sans-serif; letter-spacing:.08em; }
body.cabinet-page .public-game-summary-copy h3 { margin:5px 0 11px; color:var(--profile-text); font:750 17px/1.2 var(--font-copy),system-ui,sans-serif; }
body.cabinet-page .public-game-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--profile-line);
  border-radius:10px;
}
body.cabinet-page .public-game-stats > span { min-width:0; padding:10px; border-right:1px solid var(--profile-line); }
body.cabinet-page .public-game-stats > span:last-child { border-right:0; }
body.cabinet-page .public-game-stats :is(small,strong) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.cabinet-page .public-game-stats small { color:var(--profile-muted); font-size:9px; }
body.cabinet-page .public-game-stats strong { margin-top:4px; color:var(--profile-text); font-size:12px; }

@media(max-width:1100px) {
  body.cabinet-page .social-appearance-layout { grid-template-columns:minmax(0,1fr); }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench { display:grid; grid-template-columns:118px minmax(0,1fr); text-align:left; }
  body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy > div { justify-content:flex-start; }
}

@media(max-width:760px) {
  body.cabinet-page .social-profile-commandbar { align-items:stretch; }
  body.cabinet-page .social-profile-commandbar .social-public-profile-link { width:100%; }
  body.cabinet-page .social-profile-mode-tabs {
    display:flex;
    gap:4px;
    margin-inline:0;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  body.cabinet-page .social-profile-mode-tabs::-webkit-scrollbar { display:none; }
  body.cabinet-page .social-profile-mode-tabs button { min-width:116px; flex:0 0 auto; scroll-snap-align:start; }
  body.cabinet-page .social-settings-heading { display:block; }
  body.cabinet-page .social-settings-heading p { max-width:none; margin-top:7px; text-align:left; }
  body.cabinet-page .social-profile-workspace-v2 .social-privacy-options { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-form-actions { bottom:calc(78px + env(safe-area-inset-bottom)); align-items:stretch; flex-direction:column; }
  body.cabinet-page .social-profile-workspace-v2 .social-form-actions button { width:100%; }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench { grid-template-columns:104px minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-showcase { max-height:none; grid-template-columns:minmax(0,1fr); overflow:visible; }

  html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport { min-height:238px; grid-template-columns:112px minmax(0,1fr); }
  html[data-theme] body.cabinet-page .identity-profile-v2 .identity-skin-stage { min-height:238px; }
  body.cabinet-page .identity-profile-v2 .identity-skin-canvas { width:92px; height:142px; }
  body.cabinet-page .identity-profile-v2 .identity-skin-ribbon { display:none; }
  body.cabinet-page .identity-profile-v2 .identity-skin-controls { right:5px; bottom:7px; left:5px; }
  body.cabinet-page .identity-profile-v2 .identity-skin-controls span { display:none; }
  body.cabinet-page .identity-profile-v2 .identity-passport-copy { padding:16px; }
  html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-copy h2 { font-size:clamp(24px,7vw,36px); }
  body.cabinet-page .identity-profile-v2 .identity-chip-row { margin-top:10px; }
  body.cabinet-page .identity-profile-v2 .identity-ohana-seal { grid-template-columns:42px minmax(0,1fr); }
  body.cabinet-page .identity-profile-v2 .identity-ohana-seal > span { min-width:42px; min-height:34px; padding:4px; font-size:7px; }
  body.cabinet-page .identity-profile-v2 .identity-passport-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cabinet-page .identity-profile-v2 .identity-module-grid { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .identity-profile-v2 .identity-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.cabinet-page .identity-profile-v2 .identity-metric:nth-child(3n) { border-right:1px solid var(--profile-line); }
  body.cabinet-page .identity-profile-v2 .identity-metric:nth-child(2n) { border-right:0; }

  body.cabinet-page .public-profile-hero-v2 .public-network-cover { min-height:118px; padding:15px; }
  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-card-head { grid-template-columns:78px minmax(0,1fr); gap:11px; margin-top:-39px; padding:0 14px; }
  body.cabinet-page .public-profile-hero-v2 .public-network-avatar.social-avatar { width:78px; height:78px; border-radius:21px; }
  body.cabinet-page .public-profile-hero-v2 .public-social-friend-count { grid-column:2; justify-self:start; margin:0; }
  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-facts { margin:12px 14px 0; }
  html[data-theme] body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-facts > :is(span,.identity-metric) { flex-basis:50%; min-width:50%; }
  html[data-theme] body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-bio { margin:12px 14px 0; }
  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-actions { padding:0 14px; }
  body.cabinet-page .public-game-summary { grid-template-columns:100px minmax(0,1fr); gap:11px; margin:14px 14px 0; }
  body.cabinet-page .public-game-stats { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .public-game-stats > span { border-right:0; border-bottom:1px solid var(--profile-line); }
  body.cabinet-page .public-game-stats > span:last-child { border-bottom:0; }
}

@media(max-width:520px) {
  body.cabinet-page .social-setting-row { grid-template-columns:minmax(0,1fr); gap:9px; }
  body.cabinet-page .social-profile-workspace-v2 .social-setting-visibility { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,45%); align-items:center; gap:9px; }
  body.cabinet-page .social-profile-workspace-v2 .social-setting-visibility > span { margin:0; }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options > .social-privacy-select {
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:9px;
  }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-privacy-options select {
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench { display:flex; text-align:center; }
  body.cabinet-page .social-profile-workspace-v2 .social-avatar-workbench-copy > div { justify-content:center; }
  body.cabinet-page .social-profile-workspace-v2 .social-appearance-heading { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-appearance-balance { width:100%; min-width:0; text-align:left; }
}

@media(max-width:390px) {
  body.cabinet-page .social-profile-workspace-v2 .social-profile-settings-panel,
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-appearance-studio { padding:14px; border-radius:15px; }
  body.cabinet-page .social-profile-workspace-v2 .social-setting-visibility { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary { grid-template-columns:20px minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > summary i { display:none; }
  body.cabinet-page .social-profile-workspace-v2 .social-placeholder-note[data-social-profile-technical-note] > p { padding-left:12px; }
  body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs { display:flex; overflow-x:auto; scrollbar-width:none; }
  body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-tabs button { min-width:104px; flex:1 0 auto; }
  html[data-theme] body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-card { grid-template-columns:76px minmax(0,1fr); }
  body.cabinet-page .social-profile-workspace-v2 .social-cosmetic-visual.compact { width:76px; }

  html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport { grid-template-columns:92px minmax(0,1fr); border-radius:16px; }
  body.cabinet-page .identity-profile-v2 .identity-skin-canvas { width:76px; height:117px; }
  body.cabinet-page .identity-profile-v2 .identity-skin-controls button { width:36px; padding:0; }
  body.cabinet-page .identity-profile-v2 .identity-passport-copy { padding:13px 11px; }
  html[data-theme] body.cabinet-page .identity-profile-v2 .identity-passport-copy h2 { font-size:clamp(20px,6.4vw,26px); }
  body.cabinet-page .identity-profile-v2 .identity-chip-row span { padding:6px 7px; font-size:8px; }
  body.cabinet-page .identity-profile-v2 .identity-ohana-seal { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .identity-profile-v2 .identity-ohana-seal > span { width:max-content; }
  body.cabinet-page .identity-profile-v2 .identity-passport-highlights { grid-template-columns:minmax(0,1fr); }
  body.cabinet-page .identity-profile-v2 .identity-passport-highlights > span + span { border-top:1px solid var(--profile-line); border-left:0; }
  html[data-theme] body.cabinet-page .identity-profile-v2 :is(.identity-module,.identity-next-goal) { padding:15px; }

  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-card-head { grid-template-columns:72px minmax(0,1fr); padding-inline:12px; }
  body.cabinet-page .public-profile-hero-v2 .public-network-avatar.social-avatar { width:72px; height:72px; border-radius:19px; }
  html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-social-identity h2 { font-size:clamp(25px,9vw,34px); }
  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-facts { margin-inline:12px; }
  body.cabinet-page .public-profile-hero-v2.public-network-hero .public-social-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; padding-inline:12px; }
  body.cabinet-page .public-profile-hero-v2 .public-social-actions > .profile-action-primary { grid-column:1/-1; width:100%; }
  body.cabinet-page .public-profile-hero-v2 .public-social-more { grid-column:2; grid-row:2; margin-left:0; }
  body.cabinet-page .public-game-summary { grid-template-columns:82px minmax(0,1fr); margin-inline:12px; }
  html[data-theme] body.cabinet-page .public-profile-hero-v2 .public-game-skin { min-height:150px; }
  body.cabinet-page .public-profile-hero-v2 .public-game-skin .identity-skin-canvas { width:70px; height:108px; }
}

@media(pointer:coarse) {
  body.cabinet-page .social-profile-workspace-v2 :is(button,a,summary,.social-avatar-upload),
  body.cabinet-page .public-profile-hero-v2 :is(button,a,summary) { min-height:44px; }
}

/* Structured reward fields: case selection must stay readable inside narrow referral cards. */
body.cabinet-page .admin-workspace-v2 .attachment-row {
  display:grid;
  min-width:0;
  grid-template-columns:minmax(170px,1fr) minmax(120px,.6fr) minmax(190px,1fr) 40px;
  gap:8px;
  align-items:end;
}

body.cabinet-page .admin-workspace-v2 .attachment-row .attachment-field {
  display:grid;
  min-width:0;
  margin:0!important;
  gap:6px;
}

body.cabinet-page .admin-workspace-v2 .attachment-row .attachment-field[hidden] { display:none!important; }
body.cabinet-page .admin-workspace-v2 .attachment-field-type { grid-column:1; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .attachment-field-amount { grid-column:2; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .attachment-field-command { grid-column:2 / 4; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .attachment-field-case { grid-column:3; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .attachment-field-label { grid-column:1 / 4; grid-row:2; }

body.cabinet-page .admin-workspace-v2 .attachment-row .attachment-field > span {
  color:var(--ops-muted);
  font:650 10px/1.25 var(--font-copy),system-ui,sans-serif;
}

body.cabinet-page .admin-workspace-v2 .attachment-row .attachment-field > :is(input,select) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

body.cabinet-page .admin-workspace-v2 .attachment-field-case > small {
  color:var(--ops-muted);
  font:10px/1.35 var(--font-copy),system-ui,sans-serif!important;
}

body.cabinet-page .admin-workspace-v2 .attachment-field-case > small.warning { color:var(--ops-warning); }
body.cabinet-page .admin-workspace-v2 .attachment-row > .attachment-remove {
  box-sizing:border-box;
  width:40px;
  min-width:40px;
  height:auto;
  min-height:46px;
  grid-column:4;
  grid-row:1 / 3;
  align-self:stretch;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row {
  grid-template-columns:minmax(0,1fr) minmax(108px,.45fr) 38px;
}

body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-type { grid-column:1; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-amount { grid-column:2; grid-row:1; }
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-command,
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-case { grid-column:1 / 3; grid-row:2; }
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-label { grid-column:1 / 3; grid-row:2; }
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row[data-attachment-type="command"] .attachment-field-label,
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row[data-attachment-type="case_key"] .attachment-field-label { grid-row:3; }
body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row > .attachment-remove {
  width:38px;
  min-width:38px;
  grid-column:3;
  grid-row:1;
}

@media(max-width:760px) {
  body.cabinet-page .admin-workspace-v2 .attachment-row,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row {
    grid-template-columns:minmax(0,1fr) 40px!important;
  }

  body.cabinet-page .admin-workspace-v2 .attachment-field-type,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-type { grid-column:1; grid-row:1; }
  body.cabinet-page .admin-workspace-v2 .attachment-field-amount,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-amount,
  body.cabinet-page .admin-workspace-v2 .attachment-field-command,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-command { grid-column:1 / 3; grid-row:2; }
  body.cabinet-page .admin-workspace-v2 .attachment-field-case,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-case { grid-column:1 / 3; grid-row:3; }
  body.cabinet-page .admin-workspace-v2 .attachment-field-label,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-field-label { grid-column:1 / 3; grid-row:3; }
  body.cabinet-page .admin-workspace-v2 .attachment-row[data-attachment-type="case_key"] .attachment-field-label,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row[data-attachment-type="case_key"] .attachment-field-label { grid-row:4; }
  body.cabinet-page .admin-workspace-v2 .attachment-row > .attachment-remove,
  body.cabinet-page .admin-workspace-v2 .referral-stage-recipient .attachment-row > .attachment-remove {
    width:40px!important;
    min-width:40px!important;
    grid-column:2!important;
    grid-row:1!important;
  }
}

/* ALOHA ID 0.38.1 · calm, information-first referral dialog. */
.referral-dialog {
  width:min(900px,calc(100% - 28px));
  border-color:rgba(111,206,198,.16);
  border-radius:20px;
  background:#081a20;
  color:#eef8f7;
  box-shadow:0 28px 90px rgba(0,7,11,.56);
  font-family:var(--font-copy),system-ui,sans-serif;
}
.referral-dialog header {
  padding:22px 24px 19px;
  border-bottom-color:rgba(138,205,199,.1);
  background:linear-gradient(135deg,#0b252a,#0a2027 66%,#13282a);
}
.referral-dialog header::before { display:none; }
.referral-dialog header span {
  color:#6dcfc5;
  font:750 9px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.12em;
}
.referral-dialog header h2 {
  max-width:680px;
  margin:7px 0 5px;
  color:#f3fbfa;
  font:760 clamp(22px,3vw,29px)/1.15 var(--font-copy),system-ui,sans-serif;
  letter-spacing:-.025em;
}
.referral-dialog header p {
  max-width:680px;
  color:#91aaaE;
  font:450 12px/1.5 var(--font-copy),system-ui,sans-serif;
}
.referral-dialog .dialog-close {
  width:38px;
  height:38px;
  border-color:rgba(139,210,202,.14);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:#bed3d0;
}
.referral-dialog-body {
  padding:20px 24px 26px;
  scrollbar-width:thin;
  scrollbar-color:rgba(103,191,183,.32) transparent;
}
.referral-dialog-body::-webkit-scrollbar { width:7px; }
.referral-dialog-body::-webkit-scrollbar-track { background:transparent; }
.referral-dialog-body::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(103,191,183,.28); }
.referral-code-panel {
  padding:17px 18px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  border-color:rgba(236,190,82,.18);
  border-radius:14px;
  background:linear-gradient(110deg,rgba(44,118,111,.11),rgba(230,178,64,.07));
}
.referral-code-panel small {
  color:#91aaa6;
  font:700 9px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.1em;
}
.referral-code-panel output {
  margin:6px 0 3px;
  overflow:hidden;
  color:#f4cb67;
  font:720 clamp(18px,3.2vw,24px)/1.2 ui-monospace,"SFMono-Regular",Consolas,monospace;
  letter-spacing:.025em;
  text-overflow:ellipsis;
  text-shadow:none;
  white-space:nowrap;
}
.referral-code-panel p { color:#78918f; font:450 10px/1.45 var(--font-copy),system-ui,sans-serif; }
.referral-code-panel > div:last-child { flex-direction:row; gap:7px; }
.referral-code-panel button {
  min-width:0;
  min-height:39px;
  padding:0 12px;
  border-color:rgba(111,206,198,.16);
  border-radius:9px;
  background:rgba(16,53,57,.72);
  color:#cce8e4;
  font:700 10px/1 var(--font-copy),system-ui,sans-serif;
}
.referral-code-panel button:first-child {
  border-color:rgba(231,186,80,.23);
  background:#e6b84f;
  color:#2b291f;
}
.referral-how-details {
  margin:10px 0 24px;
  border-bottom:1px solid rgba(121,194,188,.09);
}
.referral-how-details > summary {
  display:flex;
  min-height:44px;
  padding:0 2px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#d8e8e6;
  cursor:pointer;
  list-style:none;
}
.referral-how-details > summary::-webkit-details-marker { display:none; }
.referral-how-details > summary > span { min-width:0; }
.referral-how-details > summary strong,
.referral-how-details > summary small { display:block; }
.referral-how-details > summary strong { font:650 11px/1.3 var(--font-copy),system-ui,sans-serif; }
.referral-how-details > summary small { margin-top:2px; overflow:hidden; color:#708c89; font:450 9px/1.3 var(--font-copy),system-ui,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.referral-how-details > summary > b {
  display:grid;
  width:26px;
  height:26px;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(111,206,198,.14);
  border-radius:8px;
  color:#6fcfc4;
  font:500 16px/1 system-ui,sans-serif;
}
.referral-how-details[open] > summary > b { font-size:0; }
.referral-how-details[open] > summary > b::after { font-size:16px; content:"−"; }
.referral-how {
  margin:0;
  padding:4px 0 14px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.referral-how > div {
  padding:7px 14px;
  grid-template-columns:26px minmax(0,1fr);
  gap:9px;
  border:0;
  border-right:1px solid rgba(121,194,188,.09);
  border-radius:0;
  background:transparent;
}
.referral-how > div:first-child { padding-left:2px; }
.referral-how > div:last-child { padding-right:2px; border-right:0; }
.referral-how b {
  width:26px;
  height:26px;
  border-radius:7px;
  background:rgba(64,161,152,.12);
  color:#69c9bf;
  font-size:9px;
}
.referral-how strong { color:#dfecea; font:650 10px/1.25 var(--font-copy),system-ui,sans-serif; }
.referral-how small { margin-top:3px; color:#708c89; font:450 9px/1.35 var(--font-copy),system-ui,sans-serif!important; }
.referral-milestones-section { margin-top:0; }
.referral-section-title { margin-bottom:11px; align-items:end; }
.referral-dialog .referral-section-title small {
  color:#6bbcb4;
  font:700 8px/1.2 var(--font-copy),system-ui,sans-serif;
  letter-spacing:.1em;
}
.referral-dialog .referral-section-title h3 {
  margin-top:5px;
  color:#eaf4f3;
  font:700 18px/1.25 var(--font-copy),system-ui,sans-serif;
  letter-spacing:-.015em;
}
.referral-dialog .referral-section-title > p { color:#708b89; font:450 10px/1.4 var(--font-copy),system-ui,sans-serif; }
.referral-milestone-list {
  gap:0;
  overflow:hidden;
  border:1px solid rgba(118,194,187,.11);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.referral-milestone {
  padding:15px 16px;
  grid-template-columns:32px minmax(180px,1fr) minmax(250px,.9fr);
  gap:13px;
  border:0;
  border-bottom:1px solid rgba(118,194,187,.09);
  border-radius:0;
  background:transparent;
}
.referral-milestone:last-child { border-bottom:0; }
.referral-milestone.completed { border-color:rgba(118,194,187,.09); background:rgba(62,167,137,.055); }
.referral-milestone-marker {
  width:30px;
  height:30px;
  border-color:rgba(102,199,190,.16);
  border-radius:9px;
  background:rgba(43,129,122,.11);
  color:#6bcac0;
  font-size:9px;
}
.referral-milestone-copy h4 { margin:0; color:#e8f2f1; font:680 13px/1.35 var(--font-copy),system-ui,sans-serif; }
.referral-milestone-copy p { margin-top:3px; color:#78928f; font:450 10px/1.42 var(--font-copy),system-ui,sans-serif; }
.referral-requirements { margin:9px 0 0; gap:5px; align-items:center; }
.referral-requirement-chip {
  display:inline-flex;
  min-width:0;
  padding:5px 7px;
  align-items:baseline;
  gap:5px;
  border-color:rgba(220,179,80,.17);
  border-radius:7px;
  background:rgba(220,179,80,.07);
}
.referral-requirement-chip small { color:#a98a43; font:650 10px/1 var(--font-copy),system-ui,sans-serif; letter-spacing:.04em; }
.referral-requirement-chip strong { color:#edcb77; font:700 10px/1.1 var(--font-copy),system-ui,sans-serif; }
.referral-requirement-chip.days { border-color:rgba(94,192,182,.16); background:rgba(65,157,149,.075); }
.referral-requirement-chip.days small { color:#62aaa3; }
.referral-requirement-chip.days strong { color:#87d8cf; }
.referral-requirements-rule { width:auto; margin-left:2px; color:#657f7d; font:600 10px/1.35 var(--font-copy),system-ui,sans-serif; letter-spacing:.02em; }
.referral-requirements-rule::before { width:4px; height:4px; background:#8ba8a4; box-shadow:none; }
.referral-reward-group {
  padding:4px 0 4px 12px;
  border-left:1px solid rgba(121,194,188,.1);
  border-radius:0;
  background:transparent;
}
.referral-reward-group > small { color:#6f8986; font:700 10px/1 var(--font-copy),system-ui,sans-serif; letter-spacing:.06em; }
.referral-reward-chips { margin-top:6px; gap:4px; }
.referral-reward-chips span {
  padding:5px 7px;
  border-color:rgba(219,179,79,.14);
  border-radius:6px;
  background:rgba(219,179,79,.065);
  color:#e7c879;
  font:650 9px/1.25 var(--font-copy),system-ui,sans-serif;
}
.referral-progress-section { margin-top:24px; padding-top:20px; border-top:1px solid rgba(121,194,188,.09); }
.referral-dialog-stats span { background:rgba(255,255,255,.035); color:#718b88; font:500 9px/1 var(--font-copy),system-ui,sans-serif; }
.referral-dialog-stats b { color:#d9bd70; }

@media(max-width:760px) {
  .referral-dialog { border-radius:16px; }
  .referral-dialog header { padding:18px 16px 15px; }
  .referral-dialog header h2 { font-size:22px; }
  .referral-dialog-body { padding:14px 14px calc(20px + env(safe-area-inset-bottom)); }
  .referral-code-panel { grid-template-columns:minmax(0,1fr); padding:15px; }
  .referral-code-panel > div:last-child { flex-direction:row; }
  .referral-how { grid-template-columns:minmax(0,1fr); }
  .referral-how > div,
  .referral-how > div:first-child,
  .referral-how > div:last-child { padding:8px 2px; border-right:0; }
  .referral-milestone { grid-template-columns:30px minmax(0,1fr); padding:14px 12px; }
  .referral-milestone-rewards { grid-column:2; }
  .referral-section-title { align-items:flex-start; }
}

@media(max-width:520px) {
  .referral-dialog header p { font-size:10px; }
  .referral-code-panel output { font-size:17px; }
  .referral-code-panel button { padding-inline:9px; font-size:9px; }
  .referral-how-details > summary small { white-space:normal; }
  .referral-dialog .referral-section-title > p { max-width:none; }
  .referral-milestone-rewards { grid-template-columns:minmax(0,1fr); }
  .referral-reward-group { padding-left:9px; }
  .referral-dialog-stats { flex-wrap:wrap; }
}

/* Staff-only counts use a quiet text row within the existing profile. */
.staff-warning-counts { display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0;padding:10px 0;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);font-size:13px;line-height:1.5;opacity:.88; }
.public-social-card > .staff-warning-counts { margin-inline:clamp(16px,3vw,28px); }
.ohana-public-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:480px) { .staff-warning-counts { gap:4px 16px; } }
/* Fixed-shortfall checkout: no editable amount, the same card in both themes. */
.purchase-dialog.checkout-dialog { box-sizing: border-box; max-width: 580px; width: min(580px, calc(100vw - 28px)); padding: clamp(22px, 4vw, 34px); }
.checkout-dialog h2 { font-size: clamp(26px, 4vw, 36px); line-height: 1.16; padding-right: 24px; }
.checkout-product { font-size: 18px; font-weight: 700; margin: 16px 0 22px; overflow-wrap: anywhere; }
.checkout-breakdown { display: grid; gap: 14px; margin: 0 0 18px; }
.checkout-breakdown > div { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.checkout-breakdown dt { font-size: 16px; line-height: 1.5; }
.checkout-breakdown dd { margin: 0; font-family: "Minecraft Menu", var(--font-game); font-size: 22px; white-space: nowrap; }
.checkout-breakdown .checkout-shortfall { padding: 22px 20px; border: 1px solid #d462ed70; border-radius: 20px; background: linear-gradient(125deg, #da56dc22, #7b5df322); }
.checkout-shortfall dt { font-weight: 750; }
.checkout-shortfall dt small { display: block; font-weight: 500; font-size: 13px; opacity: .75; }
.checkout-shortfall dd { font-size: clamp(26px, 6vw, 38px); color: #ac238d; }
html[data-theme="night"] .checkout-shortfall dd { color: #ff9aeb; text-shadow: 0 0 22px #ef4adc50; }
.checkout-fixed { font-size: 16px; line-height: 1.6; }
.checkout-progress { min-height: 24px; margin: 16px 0; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.checkout-dialog .primary-action { width: 100%; min-height: 60px; font-size: 18px; }
.checkout-payment-link, .checkout-cancel { width: 100%; margin-top: 12px; text-align: center; justify-content: center; }
#checkout-dialog .secondary-action { box-sizing: border-box; padding: 14px 18px; min-height: 48px; border: 1px solid #8c659d60; border-radius: 14px; background: #f3eafa !important; color: #633b7b !important; box-shadow: none !important; font-size: 16px; text-decoration: none; }
html[data-theme="night"] #checkout-dialog .secondary-action { background: #b589d418 !important; border-color: #c395e64d !important; color: #e6c6ff !important; }
.checkout-resume { position: fixed; z-index: 70; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 14px; max-width: min(440px, calc(100vw - 32px)); padding: 18px; border-radius: 22px; background: #fdf5ff; border: 1px solid #db78e7; color: #321d46; box-shadow: 0 12px 45px #27043130; }
.checkout-resume > span { font-size: 26px; color: #bd309f; }
.checkout-resume div { min-width: 0; }
.checkout-resume strong, .checkout-resume small { display: block; overflow-wrap: anywhere; }
.checkout-resume strong { font-size: 16px; }
.checkout-resume small { font-size: 13px; margin-top: 4px; }
.checkout-resume button { border: 0; border-radius: 12px; background: linear-gradient(120deg, #c831a6, #7446d3); color: #fff; padding: 12px 16px; font-weight: 700; }
.checkout-resume .checkout-resume-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.checkout-resume .checkout-resume-cancel { background: transparent; color: inherit; box-shadow: inset 0 0 0 1px #b579bf70; }
.checkout-resume button:disabled { opacity: .6; cursor: wait; }
.checkout-resume button[hidden] { display: none !important; }
#checkout-cancel-back { width: 100%; margin-top: 10px; justify-content: center; }
@media (max-width: 700px) {
  .checkout-resume { flex-wrap: wrap; }
  .checkout-resume > div:not(.checkout-resume-actions) { flex: 1; }
  .checkout-resume .checkout-resume-actions { width: 100%; }
  .checkout-resume-actions button { flex: 1; }
}
html[data-theme="night"] .checkout-resume { background: #201831; color: #f9eeff; border-color: #ad56bd; }
.checkout-resume[hidden], .checkout-dialog [hidden] { display: none !important; }
@media (max-width: 700px) { .checkout-resume { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); padding: 14px; } .checkout-breakdown dd { font-size: 19px; } .checkout-shortfall dd { font-size: 28px; } }