#keyhole-welcome{position:fixed;inset:0;z-index:50;overflow:auto;background:radial-gradient(ellipse at 50% 55%,#33213c 0,#100e21 48%,#080914 100%);color:#f4e9d5;text-align:center;isolation:isolate}#keyhole-welcome[hidden]{display:none}.keyhole-content{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;box-sizing:border-box}.keyhole-content h1{font-size:clamp(27px,5vw,50px);line-height:1.2;margin:12px 0 20px;font-weight:400}.keyhole-peek{display:flex;flex-direction:column;align-items:center;gap:12px;color:#f2d7a2;text-decoration:none;font-size:19px}.keyhole-peek svg{width:clamp(110px,18vw,155px);height:auto;filter:drop-shadow(0 0 20px #d7b3e16b);animation:keyhole-breathe 5s ease-in-out infinite}.keyhole-peek:hover svg,.keyhole-peek:focus-visible svg{filter:drop-shadow(0 0 30px #e4c8a8)}.keyhole-hint{font-size:14px;color:#c8bbd0;margin:18px 0}.keyhole-controls{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.keyhole-controls button{background:transparent;color:#e5d4bd;border:1px solid #8b779766;border-radius:30px;padding:10px 18px;cursor:pointer;min-height:44px}.keyhole-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 24%,#ead7b9 90%,transparent),radial-gradient(2px 2px at 80% 18%,#e9d9ef 90%,transparent),radial-gradient(1px 1px at 66% 79%,#e9d9ef 90%,transparent),radial-gradient(1px 1px at 22% 70%,#e9d9ef 90%,transparent);background-size:350px 370px;animation:keyhole-drift 25s linear infinite}.keyhole-sparks{animation:keyhole-breathe 3s ease-in-out infinite}body.keyhole-active{overflow:hidden}#keyhole-welcome.motion-paused *,#keyhole-welcome.motion-paused{animation-play-state:paused!important}@keyframes keyhole-breathe{50%{opacity:.75;transform:translateY(-4px)}}@keyframes keyhole-drift{to{background-position:0 -100px}}@media(prefers-reduced-motion:reduce){#keyhole-welcome *{animation:none!important}}@media(max-height:650px){.keyhole-content{justify-content:flex-start}.keyhole-peek svg{width:95px}.keyhole-content h1{font-size:27px}}