/* finesse · component: room-tier-names-and-selectors · register=brand
 * states: default · hover · focus-visible · active · selected · disabled · loading · error · success
 * tokens: four user-requested material identities within the existing dark venue theme */
:root{
  --tier-silver-light:#f1f5fa;--tier-silver-face:#d5dfe9;--tier-silver-metal:#a7b4c4;--tier-silver-edge:#5d6c80;--tier-silver-ink:#19212e;
  --tier-gold-light:#fff1c4;--tier-gold-face:#efd078;--tier-gold-metal:#d1a34b;--tier-gold-edge:#84602c;--tier-gold-ink:#2f220b;
  --tier-platinum-light:#e9fdff;--tier-platinum-face:#ace9f0;--tier-platinum-metal:#79bdcf;--tier-platinum-edge:#396d87;--tier-platinum-ink:#142d38;
  --tier-diamond-light:#fbf1ff;--tier-diamond-face:#dfc2ff;--tier-diamond-metal:#b596ef;--tier-diamond-edge:#704e99;--tier-diamond-ink:#2b193f;
  --tier-shadow:color-mix(in srgb,var(--showcase-bg) 88%,transparent);
  --tier-clear:transparent;
}
:is([data-select-package=silver],[data-package=silver],[data-filter=silver],[data-category=silver],[data-tier=silver]){
  --tier-light:var(--tier-silver-light);--tier-face:var(--tier-silver-face);--tier-metal:var(--tier-silver-metal);--tier-edge:var(--tier-silver-edge);--tier-ink:var(--tier-silver-ink);
}
:is([data-select-package=gold],[data-package=gold],[data-filter=gold],[data-category=gold],[data-tier=gold]){
  --tier-light:var(--tier-gold-light);--tier-face:var(--tier-gold-face);--tier-metal:var(--tier-gold-metal);--tier-edge:var(--tier-gold-edge);--tier-ink:var(--tier-gold-ink);
}
:is([data-select-package=platinum],[data-package=platinum],[data-filter=platinum],[data-category=platinum],[data-tier=platinum]){
  --tier-light:var(--tier-platinum-light);--tier-face:var(--tier-platinum-face);--tier-metal:var(--tier-platinum-metal);--tier-edge:var(--tier-platinum-edge);--tier-ink:var(--tier-platinum-ink);
}
:is([data-select-package=diamond],[data-package=diamond],[data-filter=diamond],[data-category=diamond],[data-tier=diamond]){
  --tier-light:var(--tier-diamond-light);--tier-face:var(--tier-diamond-face);--tier-metal:var(--tier-diamond-metal);--tier-edge:var(--tier-diamond-edge);--tier-ink:var(--tier-diamond-ink);
}
/* A static bevel gives names a metallic face while keeping text selectable. */
#top :is(.room-type-copy>strong,.package-panel>h3,.rm-group-title),.tier-name{
  width:fit-content;max-width:100%;color:var(--tier-face,var(--showcase-ink));
  font-weight:800;letter-spacing:.015em;line-height:1.35;text-transform:uppercase;
  text-shadow:0 1px 0 var(--tier-edge),0 2px 0 var(--tier-ink),0 4px 6px var(--tier-shadow);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  #top :is(.room-type-copy>strong,.package-panel>h3,.rm-group-title),.tier-name{
    background:linear-gradient(176deg,var(--tier-light) 0%,var(--tier-face) 35%,var(--tier-metal) 49%,var(--tier-light) 53%,var(--tier-face) 66%,var(--tier-metal) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--tier-clear);color:var(--tier-clear);text-shadow:none;
    filter:drop-shadow(0 1px 0 var(--tier-edge)) drop-shadow(0 2px 0 var(--tier-ink));
  }
}
#top .room-type-card[aria-pressed=true]{
  border-color:var(--tier-face);background:linear-gradient(145deg,color-mix(in srgb,var(--tier-face) 9%,var(--ktv-panel-soft)),var(--ktv-panel-soft));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tier-light) 18%,transparent),0 0 14px color-mix(in srgb,var(--tier-face) 8%,transparent);
}
#top .rm-group[open]{border-color:color-mix(in srgb,var(--tier-face) 44%,var(--showcase-panel))}
#top .ktv-extend-table th[data-tier]{color:var(--tier-face);font-weight:700;text-shadow:0 1px 0 var(--tier-ink)}
#top .package-room-cta.ktv-action{
  --button-dark-top:color-mix(in srgb,var(--showcase-panel) 78%,var(--tier-face));
  --button-dark-edge:color-mix(in srgb,var(--showcase-panel) 58%,var(--tier-face));
  color:var(--tier-face);
}
/* Unselected choices retain their material color; selected ones become raised metal plates. */
#top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])),.tier-control{
  position:relative;min-height:44px;border:1px solid color-mix(in srgb,var(--tier-face) 38%,var(--showcase-panel));
  background:linear-gradient(180deg,color-mix(in srgb,var(--tier-face) 13%,var(--showcase-panel)),var(--showcase-bg));
  color:var(--tier-face);font-weight:650;white-space:nowrap;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tier-light) 16%,transparent),0 2px 0 var(--showcase-bg);
  outline:3px solid var(--tier-clear);outline-offset:3px;
  transition:transform 140ms ease,box-shadow 140ms ease;
}
#top :is(.package-tab[data-package][aria-selected=true],.rm-filter[data-filter]:not([data-filter=all])[aria-pressed=true]),.tier-control.is-selected{
  border-color:var(--tier-light);border-bottom-color:var(--tier-edge);
  background:linear-gradient(160deg,var(--tier-light) 0%,var(--tier-face) 40%,var(--tier-metal) 100%);
  color:var(--tier-ink);font-weight:800;text-shadow:0 1px 0 color-mix(in srgb,var(--tier-light) 45%,transparent);
  box-shadow:inset 0 1px 0 var(--tier-light),inset 0 -1px 0 color-mix(in srgb,var(--tier-light) 30%,transparent),0 3px 0 var(--tier-edge),0 6px 12px var(--tier-shadow);
}
@media(hover:hover){
  #top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])):hover,.tier-control:hover{border-color:var(--tier-light);transform:translateY(-1px)}
}
.tier-control.is-hover{border-color:var(--tier-light);transform:translateY(-1px)}
#top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])):focus-visible,.tier-control:is(:focus-visible,.is-focus){outline-color:var(--tier-light)}
#top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])):active,.tier-control:is(:active,.is-active){transform:translateY(2px);box-shadow:inset 0 1px 0 var(--tier-light),0 1px 0 var(--tier-edge)}
#top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])):disabled,.tier-control:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.tier-control[data-state=loading]{cursor:progress;opacity:.65;pointer-events:none}
.tier-control[data-state=error]{outline:2px dashed var(--tier-face);outline-offset:3px}
.tier-control[data-state=success]{border-color:var(--tier-light);box-shadow:inset 0 1px 0 var(--tier-light),0 2px 0 var(--tier-edge)}
@media(prefers-reduced-motion:reduce){#top :is(.package-tab[data-package],.rm-filter[data-filter]:not([data-filter=all])),.tier-control{transition:none}}
@media(forced-colors:active){
  #top :is(.room-type-copy>strong,.package-panel>h3,.rm-group-title),.tier-name{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;text-shadow:none;filter:none}
}