/* A quiet engraved invitation. The original door video is never modified. */
#cinClickPrompt{
  background:transparent!important;
  isolation:isolate;
}
#cinClickPrompt::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 51.7% 43%,rgba(5,6,7,.30) 0%,rgba(5,6,7,.43) 28%,rgba(3,4,5,.77) 63%,rgba(0,0,0,.96) 100%),
    linear-gradient(0deg,rgba(0,0,0,.8),transparent 35%,transparent 75%,rgba(0,0,0,.3));
  transition:opacity 1.1s ease;
}
#cinClickPrompt:has(.dissolve)::before{opacity:0}
.cin-game-title{
  position:absolute;left:53.3%;top:37%;transform:translate(-50%,-50%);
  width:52%;margin:0;text-align:center;font-family:'Cinzel',Georgia,serif;
  pointer-events:none;
  transition:opacity 1.1s ease,filter 1.1s ease,transform 1.1s ease;
}
.cin-title-art{display:block;width:100%;height:auto;visibility:hidden}
.cin-game-title::before{content:"";position:absolute;z-index:-1;inset:0 -20%;background:radial-gradient(ellipse,rgba(0,0,0,.94),rgba(0,0,0,.8) 35%,transparent 72%)}
.cin-title-art[data-ready="true"]{visibility:visible}
.cin-game-name{
  display:block;font-size:clamp(36px,min(7.6vw,13vh),126px);font-weight:700;
  letter-spacing:.055em;line-height:1.15;padding-left:.055em;
  color:#c8c3b6;
  background:linear-gradient(176deg,#f0eadb 8%,#a29d92 35%,#f0e8d7 46%,#77776f 50%,#bab5a6 72%,#6e6b63 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #171817) drop-shadow(0 5px 12px #000);
}
.cin-game-subtitle{
  display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px;
  color:#b8a08a;font-size:clamp(13px,min(2vw,3.4vh),30px);font-weight:400;
  line-height:1.3;letter-spacing:.42em;padding-left:.42em;text-shadow:0 2px 5px #000;
}
.cin-game-subtitle::before,.cin-game-subtitle::after{
  content:"";width:clamp(20px,6vw,92px);height:1px;
  background:linear-gradient(90deg,transparent,#746150);
}
.cin-game-subtitle::after{transform:rotate(180deg)}
.cin-hell-frame.dissolve .cin-game-title{opacity:0;filter:blur(12px);transform:translate(-50%,-54%)}
.cin-hell-frame .cin-enter-btn{
  left:53.3%;top:80%;width:clamp(180px,16vw,240px);max-width:70%;height:auto;aspect-ratio:3/2;
  padding:0;border:0;border-radius:0;
  color:#d5d0c4;background:radial-gradient(ellipse,rgba(6,7,7,.85),rgba(6,7,7,.4) 58%,transparent 74%);
  font-family:'Cinzel',Georgia,serif;font-size:clamp(15px,1.3vw,19px);font-weight:400;
  letter-spacing:.3em;line-height:1;text-shadow:0 2px 3px #000,0 0 16px #000;
  animation:cinEnterBreathe 2.6s ease-in-out infinite;filter:none;box-shadow:none;
  transition:color .25s ease,opacity 1.1s ease,filter 1.1s ease,transform 1.1s ease;
}
.cin-enter-art{display:block;width:100%;height:auto;visibility:hidden;pointer-events:none}
.cin-enter-art[data-ready="true"]{visibility:visible}
.cin-enter-btn span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cin-enter-btn[data-art-ready="true"] span{visibility:hidden}
@keyframes cinEnterBreathe{0%,100%{opacity:.45}50%{opacity:1}}
.cin-hell-frame .cin-enter-btn:focus-visible{animation:none;opacity:1}
.cin-hell-frame .cin-enter-btn:hover{
  animation:none;opacity:1;color:#fff4dc;filter:none;transform:translate(-50%,-50%);
}
.cin-enter-btn:focus-visible{outline:1px solid #d5d0c4;outline-offset:6px}
.cin-hell-frame.dissolve .cin-enter-btn{
  animation:none;opacity:0;filter:blur(12px);transform:translate(-50%,-60%);pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .cin-game-title{transition:none}
  .cin-hell-frame.dissolve .cin-game-title{filter:none;transform:translate(-50%,-50%)}
  #cinClickPrompt::before,.cin-hell-frame .cin-enter-btn{transition:none;animation:none}
  .cin-hell-frame.dissolve .cin-enter-btn{filter:none;transform:translate(-50%,-50%)}
}