@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;
  --sand: #f4ddac;
  --paper: #fffefb;
  --surface: #fffaf0;
  --radius: 18px;
  --font-game: "Minecraft Menu", "Aloha Pixel", ui-monospace, monospace;
  --font-copy: "Aloha Pixel", "Minecraft Menu", ui-monospace, monospace;
  --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: 10px;
  letter-spacing: -.015em;
}

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.19 — Telegram 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;
}

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

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

.telegram-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;
}

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

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

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

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

.telegram-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);
}

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

.telegram-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%;
}

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

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

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

.telegram-orbit > span,
.telegram-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);
}

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

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

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

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

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

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

.telegram-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;
}

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

.telegram-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;
}

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

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

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

.telegram-command,
.telegram-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;
}

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

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

.telegram-refresh,
.telegram-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; }

.telegram-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);
}

.telegram-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);
}

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

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

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

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

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

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

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

.telegram-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;
}

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

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

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

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

.telegram-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;
}

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

.telegram-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) {
  .telegram-connect-layout,
  .telegram-settings-grid {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

  .telegram-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);
}

@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-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%}}