/* Tsukiro 3.6.38 — UI polish: neutral edges, 3D Premium summary, cast-card fixes. */

/* No pink edge/sliver on buttons. Gradient stays inside the button, border is neutral. */
html[data-candy-ui="true"] body .button-primary,
html[data-candy-ui="true"] body .auth-submit,
html[data-candy-ui="true"] body .premium-buy-button,
html[data-candy-ui="true"] body .premium-trial-action,
html[data-candy-ui="true"] body .catalog-roulette-launch,
html[data-candy-ui="true"] body .roulette-spin-button,
html[data-candy-ui="true"] body .roulette-button,
html[data-candy-ui="true"] body .discovery-roulette__spin-button,
html[data-candy-ui="true"] body .room-create-button,
html[data-candy-ui="true"] body .community-chat-form button,
html[data-candy-ui="true"] body .watch-next-toast button,
html[data-candy-ui="true"] body .party-ready-button,
html[data-candy-ui="true"] body #hero .hero-actions .button-primary,
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions .button-primary,
html[data-candy-ui="true"] body[data-page="premium"] .premium-buy-button{
  border-color:rgba(255,255,255,.085)!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 11px 27px rgba(0,0,0,.30)!important;
}
html[data-candy-ui="true"] body .button-primary:hover,
html[data-candy-ui="true"] body .auth-submit:hover,
html[data-candy-ui="true"] body .premium-buy-button:hover,
html[data-candy-ui="true"] body .premium-trial-action:hover,
html[data-candy-ui="true"] body .catalog-roulette-launch:hover,
html[data-candy-ui="true"] body .roulette-spin-button:hover,
html[data-candy-ui="true"] body .roulette-button:hover,
html[data-candy-ui="true"] body .discovery-roulette__spin-button:hover,
html[data-candy-ui="true"] body .room-create-button:hover{
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 32px rgba(0,0,0,.34)!important;
}

/* Remove old colored border accents from common surfaces. */
.fold-card,.characters-section,.character-dialog__card,
.premium-hero-v352,.premium-plan,.premium-benefit,.premium-payment-note,
.v19-notification-panel,.v19-notification-item,
.profile-card,.profile-settings-card,.collection-story-card{
  border-color:rgba(255,255,255,.075)!important;
}
.fold-card,.characters-section{
  background:linear-gradient(145deg,rgba(15,14,20,.985) 0%,rgba(18,14,20,.985) 58%,rgba(31,17,25,.96) 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* Character block: less empty and more intentional while providers load. */
.characters-empty{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  padding:18px!important;
  border:1px dashed rgba(255,255,255,.09)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(231,108,168,.035))!important;
  color:#9d959f!important;
}
.character-card--bio{
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(145deg,#121117,#171119)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.character-card--bio:hover{
  border-color:rgba(255,255,255,.12)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.28)!important;
}

/* Premium hero background uses the same noir-rose family, no violet/cyan tint. */
body[data-page="premium"] .premium-hero-v352{
  background:
    radial-gradient(circle at 84% 18%,rgba(222,91,153,.13),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(124,56,91,.10),transparent 30%),
    linear-gradient(145deg,#111016 0%,#151019 58%,#1f1119 100%)!important;
}
body[data-page="premium"] .premium-hero-v352::before{
  opacity:.14!important;
}

/* Replace flat Premium summary text with tactile 3D cards. */
body[data-page="premium"] .premium-summary-3d{
  position:relative;
  z-index:2;
  display:grid!important;
  gap:14px!important;
  perspective:1100px;
  transform-style:preserve-3d;
}
body[data-page="premium"] .premium-summary-card{
  position:relative;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:17px!important;
  min-height:112px;
  padding:17px 19px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(25,21,28,.98),rgba(13,12,17,.99))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transform:rotateY(-3.2deg) rotateX(1.5deg) translateZ(0);
  transform-origin:center right;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
body[data-page="premium"] .premium-summary-card:nth-child(2){transform:translateX(12px) rotateY(-2deg) rotateX(.8deg)}
body[data-page="premium"] .premium-summary-card:nth-child(3){transform:translateX(2px) rotateY(-3.5deg) rotateX(-1deg)}
body[data-page="premium"] .premium-summary-card:hover{
  transform:translateY(-4px) rotateY(-1deg) translateZ(12px)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
body[data-page="premium"] .premium-summary-token{
  width:82px;height:72px;
  display:grid;place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#271521,#120e14)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 8px 8px 18px rgba(255,255,255,.018),inset -9px -10px 19px rgba(0,0,0,.26),0 12px 24px rgba(0,0,0,.25)!important;
  color:#f2c1d7!important;
  font-size:18px;font-weight:950;letter-spacing:-.04em;
  text-shadow:0 2px 0 rgba(0,0,0,.40);
}
body[data-page="premium"] .premium-summary-card small{
  display:block;margin-bottom:5px;color:#9d768b;font-size:8px;font-weight:900;letter-spacing:.19em;
}
body[data-page="premium"] .premium-summary-card strong{
  display:block!important;margin:0 0 6px!important;color:#f7f1f5!important;font-size:15px!important;line-height:1.2!important;
}
body[data-page="premium"] .premium-summary-card span{
  display:block!important;color:#9c949f!important;font-size:10.5px!important;line-height:1.55!important;
}

/* Notifications: calm neutral card instead of a bright accent strip. */
.v19-notification-item{
  background:linear-gradient(145deg,#17161d,#121117)!important;
  box-shadow:none!important;
}
.v19-notification-item::before,.v19-notification-item::after{
  content:none!important;display:none!important;
}

@media(max-width:820px){
  body[data-page="premium"] .premium-summary-card,
  body[data-page="premium"] .premium-summary-card:nth-child(2),
  body[data-page="premium"] .premium-summary-card:nth-child(3){transform:none!important}
}