/* Shared entry sequence. The underlying room and game stay mounted. */
.salon-brand-splash{--salon-splash-ready:1;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#050604;color:#d8b76d;isolation:isolate;opacity:1;box-shadow:none}
.salon-brand-splash::backdrop{background:#050604}
.salon-brand-splash[open]{display:grid;place-items:center}
.salon-brand-splash *{box-sizing:border-box}
.salon-splash-stage{display:flex;align-items:center;gap:clamp(28px,4.6vw,88px);width:min(790px,calc(100% - 64px));position:relative;z-index:1;transform:translateY(-2vh)}
.salon-splash-portal{width:clamp(90px,13vw,174px);flex-shrink:0;filter:drop-shadow(0 0 28px #c297431d)}
.salon-splash-portal>svg,.salon-splash-portal>img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain}
.salon-splash-portal svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:salon-portal-trace 1.35s cubic-bezier(.22,.61,.36,1) both}
.salon-splash-portal svg path:nth-child(2){animation-delay:.1s}.salon-splash-portal svg path:nth-child(3){animation-delay:.25s}.salon-splash-portal svg path:nth-child(n+4){animation-delay:.48s}
.salon-splash-portal>img{animation:salon-word-reveal 1.2s .1s both}
.salon-splash-wordmark{min-width:0;flex:1;padding-top:9px}
.salon-splash-wordmark>#salon-splash-name{margin:0;color:#f0ddb1;font:400 clamp(32px,5.9vw,82px)/1.08 var(--brand-serif,"Bodoni Moda",Georgia,serif);letter-spacing:.15em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;animation:salon-word-reveal 1.1s .42s both}
.salon-splash-rule{display:block;width:100%;height:1px;background:linear-gradient(90deg,#b28a47,#efd8a0 55%,transparent);margin:24px 0 20px;transform-origin:left;animation:salon-rule-reveal 1.2s .58s both}
.salon-splash-wordmark>#salon-splash-signature{margin:0;color:#bdb09a;font:400 clamp(10px,1.1vw,14px)/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;animation:salon-word-reveal 1.05s .76s both}
.salon-splash-light{position:absolute;pointer-events:none;inset:-40%;opacity:0;background:linear-gradient(108deg,transparent 43%,#e6c47804 48%,#e6c47818 49.9%,#f7e3b23d 50%,#e6c4780c 50.2%,transparent 56%);transform:translateX(-70%);animation:salon-light-pass 2.3s .2s ease-in-out both}
.salon-splash-enter{position:absolute;right:max(32px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;min-width:132px;padding:10px 0;border:0;border-bottom:1px solid #d8b76d80;border-radius:0;background:none;color:#eddbb3;font:400 13px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;z-index:2}
.salon-splash-enter svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s}
.salon-splash-enter:hover svg{transform:translateX(4px)}
.salon-splash-enter:focus-visible{outline:2px solid #efd89e;outline-offset:7px}
.salon-brand-splash.salon-splash-exit{opacity:0;pointer-events:none;transition:opacity .4s ease}
.salon-splash-exit .salon-splash-stage{transform:translateY(-2vh) scale(1.025);transition:transform .4s ease}
/* Restore the full brand on the home header; its original CSS hid the name. */
.site-header .salon-brand-lockup,.home-mode .site-header .salon-brand-lockup{display:inline-flex;align-items:center;gap:13px;min-width:0;flex-shrink:0;text-decoration:none}
.site-header .salon-brand-lockup .brand-mark,.home-mode .site-header .salon-brand-lockup .brand-mark{display:block;width:37px;height:44px;object-fit:contain}
.site-header .salon-brand-lockup .brand-wordmark,.home-mode .site-header .salon-brand-lockup .brand-wordmark{display:flex;flex-direction:column;gap:5px;position:relative;padding-bottom:3px}
.site-header .salon-brand-lockup .brand-wordmark>[data-brand]{font:400 23px/1.15 var(--brand-serif,"Bodoni Moda",Georgia,serif);letter-spacing:.2em;color:#efdbad;white-space:nowrap}
.site-header .salon-brand-lockup .brand-wordmark>small{font-size:6.5px;line-height:1.4;letter-spacing:.16em;color:#bcaa86;white-space:nowrap}
.site-header .salon-brand-lockup .brand-wordmark:after{content:"";position:absolute;left:0;bottom:-3px;width:34px;height:1px;background:linear-gradient(90deg,#d8b76d,transparent)}
.site-header .salon-brand-lockup:focus-visible{outline:2px solid #efd89e;outline-offset:7px}
@keyframes salon-portal-trace{to{stroke-dashoffset:0}}
@keyframes salon-word-reveal{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes salon-rule-reveal{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes salon-light-pass{0%{opacity:0;transform:translateX(-70%)}20%{opacity:1}80%{opacity:.7}100%{opacity:0;transform:translateX(70%)}}
@media(min-width:781px) and (max-width:1100px){.site-header.salon-brand-header{gap:18px}.site-header .salon-brand-lockup,.home-mode .site-header .salon-brand-lockup{gap:9px}.site-header .salon-brand-lockup .brand-mark,.home-mode .site-header .salon-brand-lockup .brand-mark{width:29px;height:36px}.site-header .salon-brand-lockup .brand-wordmark>[data-brand]{font-size:19px;letter-spacing:.15em}.site-header .salon-brand-lockup .brand-wordmark>small{font-size:5.6px;letter-spacing:.12em}}
@media(max-width:780px){.site-header .salon-brand-lockup,.home-mode .site-header .salon-brand-lockup{gap:10px}.site-header .salon-brand-lockup .brand-mark,.home-mode .site-header .salon-brand-lockup .brand-mark{width:29px;height:36px}.site-header .salon-brand-lockup .brand-wordmark>[data-brand]{font-size:20px;letter-spacing:.15em}.site-header .salon-brand-lockup .brand-wordmark>small{font-size:5.6px;letter-spacing:.12em}.salon-splash-stage{flex-direction:column;width:calc(100% - 48px);gap:32px;text-align:center}.salon-splash-portal{width:112px}.salon-splash-wordmark{flex:0;width:min(440px,100%)}.salon-splash-wordmark>#salon-splash-name{font-size:clamp(30px,9vw,56px)}.salon-splash-rule{width:72%;margin:23px auto 18px;background:linear-gradient(90deg,transparent,#e7c989,transparent);transform-origin:center}.salon-splash-wordmark>#salon-splash-signature{font-size:10px;letter-spacing:.12em}.salon-splash-enter{right:25px;bottom:max(22px,env(safe-area-inset-bottom));min-width:120px}}
@media(max-width:360px){.site-header .salon-brand-lockup,.home-mode .site-header .salon-brand-lockup{gap:7px}.site-header .salon-brand-lockup .brand-wordmark>[data-brand]{font-size:17px}.site-header .salon-brand-lockup .brand-wordmark>small{font-size:4.9px}.site-header .salon-brand-lockup .brand-mark,.home-mode .site-header .salon-brand-lockup .brand-mark{width:25px;height:31px}}
@media(max-height:500px){.salon-splash-stage{flex-direction:row;gap:28px;width:min(650px,calc(100% - 80px));text-align:left}.salon-splash-portal{width:90px}.salon-splash-wordmark{width:auto;flex:1}.salon-splash-wordmark>#salon-splash-name{font-size:38px}.salon-splash-rule{margin:16px 0 13px;width:100%}.salon-splash-enter{bottom:15px}}
@media(prefers-reduced-motion:reduce){.salon-brand-splash *{animation:none!important;transition:none!important}.salon-brand-splash .salon-splash-portal svg path{stroke-dashoffset:0}}

/* The same fullscreen signature introduces every page and in-page section. */
.salon-brand-splash [hidden]{display:none!important}
.salon-entry-characters{position:absolute;inset:0;background:#050604}
.salon-entry-poster,.salon-entry-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050604}
.salon-entry-video{opacity:0;transition:opacity .5s ease}
.salon-entry-has-video .salon-entry-video{opacity:1}
.salon-entry-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#000d,transparent 24%,transparent 83%,#0008)}
.salon-entry-topline{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:max(24px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) 24px max(32px,env(safe-area-inset-left));pointer-events:none}
.salon-entry-identity{margin:0;color:#f5e8c9;font:400 clamp(20px,2.6vw,36px)/1.2 var(--brand-serif,"Bodoni Moda",Georgia,serif);letter-spacing:.02em;text-shadow:0 2px 18px #000}
.salon-entry-identity>span{color:#bda16a;font-size:.75em}
.salon-entry-identity>small{display:block;margin-top:8px;color:#d6c7ac;font:400 10px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em}
.salon-entry-actions{display:flex;align-items:center;gap:10px;margin-left:auto;pointer-events:auto}
.salon-entry-control,.salon-entry-actions .salon-splash-enter{position:static;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:46px;padding:10px 16px;border:1px solid #d6bd8659;border-radius:2px;background:#090a08b8;backdrop-filter:blur(10px);color:#f3e1bb;font:400 12px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;touch-action:manipulation;cursor:pointer}
.salon-entry-actions .salon-splash-enter{padding-inline:18px}
.salon-entry-control:hover,.salon-entry-actions .salon-splash-enter:hover{background:#302719dc;border-color:#efd89e}
.salon-entry-control:focus-visible,.salon-entry-actions .salon-splash-enter:focus-visible{outline:2px solid #efd89e;outline-offset:4px}
.salon-entry-actions .salon-splash-enter svg{width:20px;height:20px}
.salon-entry-status{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:4;width:max-content;max-width:calc(100% - 32px);margin:0;padding:10px 16px;background:#080907d9;color:#eadbbf;border:1px solid #d8b76d38;font:400 12px/1.5 ui-sans-serif,system-ui,sans-serif;text-align:center}
.salon-entry-status:empty{display:none}
.salon-entry-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.salon-entry-reduced *{animation:none!important;transition:none!important}
.salon-entry-reduced .salon-splash-portal svg path{stroke-dashoffset:0}
@media(max-width:600px){
  .salon-entry-topline{gap:14px;flex-direction:column;padding: max(16px,env(safe-area-inset-top)) 16px 16px}
  .salon-entry-identity{font-size:25px}
  .salon-entry-identity>small{font-size:9px}
  .salon-entry-actions{width:100%;justify-content:flex-end;gap:7px}
  .salon-entry-control,.salon-entry-actions .salon-splash-enter{min-height:44px;font-size:11px;padding:9px 11px;gap:8px}
  .salon-entry-actions .salon-splash-enter{padding-inline:12px;margin-left:auto}
  .salon-entry-shade{background:linear-gradient(180deg,#000e,transparent 30%,transparent 83%,#0008)}
}
@media(max-height:500px){
  .salon-entry-topline{flex-direction:row;padding:12px 20px}
  .salon-entry-actions{width:auto}
  .salon-entry-identity{font-size:22px}
  .salon-entry-identity>small{margin-top:4px;font-size:9px}
}