/* One local photograph for the complete Glassy player. The fixed layer avoids
   stretching the image to the height of long catalogues or mobile pages. */
html {scrollbar-gutter:stable;}
body[data-skin='glassy'],
body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
  --glassy-panel:linear-gradient(125deg,#ffffff16,#ffffff04),#142237a6;
  --glassy-menu:#142237e6;
  --player-inset-top:env(safe-area-inset-top,0px);
  --player-inset-left:env(safe-area-inset-left,0px);
  --player-inset-right:env(safe-area-inset-right,0px);
  --room-photo-height:max(128vh,56.25vw);
  background:#060d18;
  min-height:100vh;
  isolation:isolate;
}
@supports(height:1svh) {
  body[data-skin='glassy'],
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {--room-photo-height:max(128svh,56.25vw);}
}
body[data-skin='glassy']::before,
body[data-skin='glassy'][data-presentation][data-variant='glassy']::before {
  content:'';display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#030b175c,#030b1780 55%,#030b17cc),
    url('./design-assets/glassy-room-background.jpg') center / cover no-repeat;
  /* Keep the photograph's baked-in caption below every viewport. The four
     readable HTML hints belong to the page flow, not to the background. */
  /* Browser bars must not zoom the photograph when the mobile viewport changes. */
  background-size:100% 100%,auto var(--room-photo-height);
  background-position:center,65% top;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-view='profiles']::before,
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome']::before {
  background-image:linear-gradient(180deg,#030b172e,#030b174d 55%,#030b1799),
    url('./design-assets/glassy-room-background.jpg');
}
body[data-skin='glassy'] .player-startup {
  background:#030b1766;display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  height:100vh;height:100dvh;min-height:0;
  padding:max(24px,var(--player-inset-top)) max(24px,var(--player-inset-right)) calc(24px + env(safe-area-inset-bottom,0px)) max(24px,var(--player-inset-left));
}
body[data-skin='glassy'] .startup-content {flex:none;margin-block:auto;}
body[data-skin='glassy'] .startup-mark {width:clamp(130px,24vh,200px);height:clamp(130px,24vh,200px);margin-bottom:20px;}
body[data-skin='glassy'] .startup-logo {width:clamp(96px,16vh,136px);height:clamp(96px,16vh,136px);}
body[data-skin='glassy'] .startup-tagline {margin-bottom:20px;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {
  width:100%;max-width:1000px;min-width:0;margin:16px auto;padding:28px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;
  border:1px solid #e5f3ff2e;border-radius:26px;box-sizing:border-box;
  background:linear-gradient(125deg,#ffffff0d,#ffffff03),#101d304d;
  box-shadow:0 20px 60px #0003,inset 0 1px #ffffff12;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
/* Optional welcome/history sections must keep the full row when switching
   profiles. Only the two management controls share a row. */
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > * {grid-column:1 / -1;min-width:0;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .topbar {
  height:72px;min-height:72px;padding:16px 0;margin:0;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > h2 {
  grid-column:1 / -1;font-size:36px;line-height:1.2;margin:0 0 20px;letter-spacing:-.6px;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-row {
  grid-column:1 / -1;justify-content:center;align-items:start;flex-wrap:wrap;gap:16px 24px;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice {
  width:160px;max-width:100%;min-width:0;min-height:0;margin:0;padding:8px 4px;
  gap:8px;justify-content:flex-start;font-size:17px;line-height:1.3;overflow-wrap:anywhere;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice img,
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .add-profile .ui-icon {
  width:104px;height:104px;flex-shrink:0;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .add-profile .ui-icon {padding:26px;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice small {
  max-width:100%;font-size:12px;line-height:1.35;color:#c8d6e5;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-picture-change {grid-column:1 / -1;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel {
  grid-column:1;min-width:0;margin:20px 0 0;padding:0;border:0;background:transparent!important;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;text-align:left;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel details {
  padding:0;border:1px solid #e5f3ff2e;border-radius:14px;background:var(--glassy-panel);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel summary {
  padding:12px 14px;min-height:48px;border-radius:14px;box-sizing:border-box;font-size:14px;line-height:1.5;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel details > :not(summary) {
  margin:0 14px 14px;font-size:14px;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel button {min-height:44px;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > button:last-child {
  grid-column:2;min-height:50px;margin:20px 0 0;padding:12px 18px;font-size:14px;border-radius:14px;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .sidebar {
  background:var(--glassy-panel);
}
/* The welcome uses the room; catalogue heroes retain their title artwork and
   the responsive contrast gradients from glassy-shell.css. A missing title
   image leaves the shared room visible instead of an opaque placeholder. */
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .account-welcome > img {display:none;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .stream-hero-image {display:block;background:transparent;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .stream-hero-image,
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .stream-hero::after {
  -webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);
  mask-image:linear-gradient(180deg,#000 65%,transparent);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .stream-hero-copy {text-shadow:0 2px 18px #0009;}
/* The room belongs to the page; no empty second image column in the welcome. */
.welcome-signoff {display:none;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome {
  display:block;width:100%;max-width:1000px;min-height:0;margin:24px auto 0;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome .hero-copy {
  max-width:none;padding:clamp(28px,4vw,44px);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome h2 {
  max-width:18ch;margin:0 0 20px;font-size:clamp(32px,4vw,52px);line-height:1.12;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome p {max-width:54ch;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome button {
  min-height:44px;margin:8px 8px 0 0;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome .welcome-signoff {
  display:block;max-width:none;margin:28px 0 0;padding-top:18px;border-top:1px solid #d4e9ff26;
  font-size:13px;line-height:1.6;color:#c8d6e5;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'][data-view='home'] main > footer {display:none;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] main > footer {
  width:100%;max-width:1000px;margin:16px auto 0;padding:14px 0;min-width:0;
}
.glassy-feature-info {display:none;}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info,
body[data-skin='glassy'] .player-startup > .glassy-feature-info {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  width:100%;max-width:1000px;min-width:0;flex:none;list-style:none;box-sizing:border-box;
  padding:0;margin:20px auto 0;border:1px solid #b1d9ff47;border-radius:18px;
  background:linear-gradient(125deg,#ffffff0e,#ffffff03),#101d3070;
  box-shadow:inset 0 1px #ffffff14,0 10px 24px #0003;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left;
}
body[data-skin='glassy'] .glassy-feature-info li {display:flex;align-items:flex-start;gap:9px;min-width:0;padding:14px 12px;margin:0;}
body[data-skin='glassy'] .glassy-feature-info li + li {border-left:1px solid #b1d9ff24;}
body[data-skin='glassy'] .glassy-feature-info svg {width:25px;height:25px;flex:0 0 25px;fill:#65c9ff;}
body[data-skin='glassy'] .glassy-feature-info span {min-width:0;overflow-wrap:anywhere;}
body[data-skin='glassy'] .glassy-feature-info strong {display:block;font-size:12px;line-height:1.4;color:#f1f6fc;font-weight:650;}
body[data-skin='glassy'] .glassy-feature-info small {display:block;font-size:11px;line-height:1.5;color:#bdd0e4;margin-top:4px;}
@media(min-width:961px) and (max-height:700px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .topbar {height:64px;min-height:64px;padding:12px 0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {margin:12px auto;padding:24px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > h2 {font-size:32px;margin-bottom:16px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice img,
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .add-profile .ui-icon {width:96px;height:96px;}
  body[data-skin='glassy'] .startup-mark {width:170px;height:170px;margin-bottom:16px;}
  body[data-skin='glassy'] .startup-logo {width:112px;height:128px;}
  body[data-skin='glassy'] .startup-tagline {margin-bottom:20px;}
}
@media(max-width:960px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
    --glassy-panel:linear-gradient(125deg,#ffffff12,#ffffff03),#14223770;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {
    background:linear-gradient(125deg,#ffffff0c,#ffffff02),#101d3038;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-row {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice {width:100%;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main,
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] main {
    padding-top:var(--player-inset-top);
    padding-left:max(16px,var(--player-inset-left));
    padding-right:max(16px,var(--player-inset-right));
  }
  body[data-skin='glassy'] .player-startup {
    display:flex;flex-direction:column;justify-content:space-between;gap:24px;
    height:100vh;height:100dvh;min-height:0;
    padding:max(24px,var(--player-inset-top)) max(16px,var(--player-inset-right)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,var(--player-inset-left));
  }
  body[data-skin='glassy'] .startup-content {flex:none;margin-block:auto;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info,
  body[data-skin='glassy'] .player-startup > .glassy-feature-info {
    grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;
  }
  body[data-skin='glassy'] .glassy-feature-info li:nth-child(odd) {border-left:0;}
  body[data-skin='glassy'] .glassy-feature-info li:nth-child(even) {border-left:1px solid #b1d9ff24;}
  body[data-skin='glassy'] .glassy-feature-info li:nth-child(n+3) {border-top:1px solid #b1d9ff24;}
}
@media(max-width:600px),(max-width:960px) and (max-height:500px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {min-width:0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] main {
    padding-left:max(16px,var(--player-inset-left));
    padding-right:max(16px,var(--player-inset-right));
    padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .topbar {
    height:56px;min-height:56px;padding:6px 0;margin:0;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .topbar .brand {
    min-height:44px;font-size:23px;gap:8px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .topbar .brand img {
    width:30px;height:34px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;
    width:100%;min-width:0;max-height:none;margin:8px auto 12px;padding:18px 14px;
    border-radius:22px;box-sizing:border-box;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > h2 {
    font-size:clamp(23px,6.2vw,27px);line-height:1.2;margin:0 0 2px;letter-spacing:-.6px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-row {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;align-items:start;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice {
    width:100%;max-width:none;min-width:0;min-height:44px;margin:0;padding:6px 2px;
    gap:6px;justify-content:flex-start;border-radius:16px;font-size:15px;line-height:1.3;
    overflow-wrap:anywhere;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice img,
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .add-profile .ui-icon {
    width:clamp(64px,18vw,72px);height:clamp(64px,18vw,72px);flex-shrink:0;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .add-profile .ui-icon {padding:18px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-choice small {
    max-width:100%;font-size:12px;line-height:1.35;color:#c8d6e5;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel {
    grid-column:1;align-self:stretch;margin:0;padding:0;border:0;background:transparent!important;box-shadow:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;text-align:left;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel details {
    padding:0;border:1px solid #e5f3ff2e;border-radius:14px;background:var(--glassy-panel);
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel summary {
    justify-content:center;gap:8px;padding:10px 8px;min-height:48px;border-radius:14px;box-sizing:border-box;
    font-size:13px;line-height:1.4;text-align:center;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel summary::after {
    content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:rotate(45deg);margin-top:-4px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel details[open] > summary::after {
    transform:rotate(225deg);margin-top:4px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel:has(details[open]),
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel:has(details[open]) + button {
    grid-column:1 / -1;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel details > :not(summary) {
    margin:0 14px 14px;font-size:14px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen .management-panel button {
    min-height:44px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen > button:last-child {
    display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:50px;
    margin:0;padding:10px 8px;font-size:13px;line-height:1.4;white-space:normal;
  }
  /* Keep every hint readable without making the phone entry a second dashboard. */
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info {
    margin-top:12px;border-radius:16px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info li {
    padding:10px;gap:7px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info svg {
    width:20px;height:20px;flex-basis:20px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info small {
    margin-top:3px;line-height:1.4;
  }
  body[data-skin='glassy'] .player-startup {
    padding-top:max(24px,var(--player-inset-top));
  }
  body[data-skin='glassy'] .startup-mark {width:170px;height:170px;margin-bottom:18px;}
  body[data-skin='glassy'] .startup-logo {width:112px;height:128px;}
  body[data-skin='glassy'] .startup-tagline {margin:10px 0 24px;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome {
    min-height:0;margin:8px 0 20px;
  }
  body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome .hero-copy {
    padding:28px 22px;
  }
}
@media(max-width:359px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info,
  body[data-skin='glassy'] .player-startup > .glassy-feature-info {grid-template-columns:minmax(0,1fr);}
  body[data-skin='glassy'] .glassy-feature-info li {padding:10px 12px;}
  body[data-skin='glassy'] .glassy-feature-info li:nth-child(even) {border-left:0;}
  body[data-skin='glassy'] .glassy-feature-info li + li {border-top:1px solid #b1d9ff24;}
}
/* iOS standalone can initially report zero insets. Keep the status bar/notch clear. */
@supports(-webkit-touch-callout:none) {
  @media(display-mode:standalone) and (max-width:960px) and (orientation:portrait) {
    body[data-skin='glassy'],body[data-skin='glassy'][data-presentation][data-variant='glassy'] {--player-inset-top:max(44px,env(safe-area-inset-top,0px));}
  }
  @media(display-mode:standalone) and (max-width:960px) and (orientation:landscape) {
    body[data-skin='glassy'],body[data-skin='glassy'][data-presentation][data-variant='glassy'] {--player-inset-left:max(44px,env(safe-area-inset-left,0px));--player-inset-right:max(44px,env(safe-area-inset-right,0px));}
  }
}
@media(min-width:601px) and (max-width:960px) and (max-height:500px) {
  body[data-skin='glassy'] .player-startup {gap:12px;}
  body[data-skin='glassy'] .player-startup > .glassy-feature-info {margin-top:0;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info,
  body[data-skin='glassy'] .player-startup > .glassy-feature-info {grid-template-columns:repeat(4,minmax(0,1fr));}
  body[data-skin='glassy'] .glassy-feature-info li:nth-child(n+3) {border-top:0;}
  body[data-skin='glassy'] .glassy-feature-info li + li {border-left:1px solid #b1d9ff24;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-row {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  body[data-skin='glassy'] .startup-mark {width:110px;height:110px;margin-bottom:10px;}
  body[data-skin='glassy'] .startup-logo {width:78px;height:90px;}
  body[data-skin='glassy'] .startup-tagline {margin:8px 0 14px;}
  body[data-skin='glassy'] .startup-content {width:min(520px,100%);grid-template-columns:110px minmax(0,1fr);}
  body[data-skin='glassy'] .startup-mark {grid-row:1 / span 3;}
  body[data-skin='glassy'] .startup-content > .startup-recovery {grid-column:1 / -1;}
}
/* Keep the user's explicit accessibility setting stronger than the photo theme. */
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-transparency='reduced'] {
  --glassy-panel:#1c2b40;--glassy-menu:#142237;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-transparency='reduced'] .profile-screen {
  background:#1c2b40;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-transparency='reduced'] main > .glassy-feature-info {
  background:#1c2b40;backdrop-filter:none;-webkit-backdrop-filter:none;
}
@media(prefers-reduced-transparency:reduce) {
  body[data-skin='glassy'] .player-startup > .glassy-feature-info,
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] main > .glassy-feature-info {background:#1c2b40;backdrop-filter:none;-webkit-backdrop-filter:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {--glassy-panel:#1c2b40;--glassy-menu:#142237;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {background:#1c2b40;backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media(forced-colors:active) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy']::before {display:none;}
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] .profile-screen {background:Canvas;box-shadow:none;}
}
/* The photograph is 1280 x 720; its TV play circle is centred at (809,206).
   Use the same image height and 65% crop as the fixed photo layer, including
   the scrollbar gutter. Only the light moves; the photograph stays still. */
body[data-skin='glassy'] .player-startup {
  isolation:isolate;
  padding-top:max(var(--player-inset-top),calc(var(--room-photo-height) * .38));
}
body[data-skin='glassy'] .player-startup .startup-content {
  display:block;position:relative;width:min(440px,100%);margin:0 auto auto;
  text-shadow:0 2px 12px #000c;
}
body[data-skin='glassy'] .player-startup .startup-mark {
  position:fixed;left:calc(65% - var(--room-photo-height) * .0319444444);
  top:calc(var(--room-photo-height) * .2861111111);
  width:calc(var(--room-photo-height) * .0805555556);
  height:calc(var(--room-photo-height) * .0805555556);
  margin:0;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;
}
body[data-skin='glassy'] .player-startup .startup-logo {display:none;}
body[data-skin='glassy'] .player-startup .startup-recovery {
  max-height:0;overflow:hidden;margin-top:0;animation:startup-tv-help 0s 12s forwards;
}
body[data-skin='glassy'] .player-startup[data-state='slow'] .startup-recovery,
body[data-skin='glassy'] .player-startup[data-state='failed'] .startup-recovery {
  max-height:none;overflow:visible;margin-top:24px;animation:none;
}
body[data-skin='glassy'] .player-startup .startup-wave {
  inset:0;border-width:1px;box-shadow:0 0 16px #18adff40,inset 0 0 12px #18adff26;
  animation:startup-tv-wave 3200ms ease-out infinite;
}
body[data-skin='glassy'] .player-startup .startup-wave:nth-child(2) {animation-delay:1600ms;}
body[data-skin='glassy'] .player-startup .startup-wave:nth-child(3) {
  inset:-2px;border:2px solid transparent;border-top-color:#9de7ff;border-right-color:#29baff85;
  opacity:.85;box-shadow:none;animation:startup-tv-turn 2400ms linear infinite;
}
body[data-skin='glassy'] .player-startup[data-state='failed'] .startup-wave,
body[data-skin='glassy'][data-motion='reduced'] .player-startup .startup-wave {
  animation:none;opacity:.3;transform:none;
}
body[data-skin='glassy'] .player-startup[hidden] {display:none;}
@keyframes startup-tv-wave {
  from {opacity:.45;transform:scale(1);}
  to {opacity:0;transform:scale(1.55);}
}
@keyframes startup-tv-turn {to {transform:rotate(360deg);}}
@keyframes startup-tv-help {to {visibility:visible;max-height:240px;overflow:visible;margin-top:24px;}}
@media(max-height:540px) and (min-aspect-ratio:4/3) {
  body[data-skin='glassy'] .player-startup {padding-top:max(24px,var(--player-inset-top));}
  body[data-skin='glassy'] .player-startup .startup-content {width:46%;margin:auto 0;align-self:flex-start;text-align:left;}
  body[data-skin='glassy'] .player-startup .startup-actions {justify-content:flex-start;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-skin='glassy'] .player-startup .startup-wave {animation:none;opacity:.3;transform:none;}
}
@media(forced-colors:active) {
  body[data-skin='glassy'] .player-startup .startup-mark {display:none;}
}