/* PLAK STUDIO / SKY WORLD — non-destructive home-screen refinement.
   This layer intentionally does not modify intro timing, navigation or audio logic. */
.sky-header{padding-top:22px;padding-bottom:22px;isolation:isolate}
.sky-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,42,85,.28),rgba(8,42,85,0))}
.sky-brand{gap:12px;letter-spacing:.12em;text-shadow:0 1px 14px rgba(2,39,81,.35)}
.sky-brand img{filter:drop-shadow(0 2px 10px rgba(0,35,70,.25))}
.sky-header nav{gap:clamp(16px,2vw,36px)}
.sky-header nav a{font-weight:550;letter-spacing:.01em;transition:opacity .2s ease,border-color .2s ease,background .2s ease}
.sky-header nav a:hover{opacity:.88}
.sky-header nav a:last-child{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,.55);padding:11px 19px}
.sky-header nav a:last-child:hover{background:rgba(255,255,255,.22)}
.sky-title h1{text-wrap:balance;text-shadow:0 4px 30px rgba(6,44,91,.22)}
.sky-record-link{filter:drop-shadow(0 22px 28px rgba(9,47,88,.15));transition:filter .25s ease}
.sky-record-link:hover{filter:drop-shadow(0 28px 36px rgba(9,47,88,.27))}
.sky-enter{text-shadow:0 2px 14px rgba(4,48,91,.45)}
.sky-note[href]:focus-visible{outline:3px solid white;outline-offset:10px;border-radius:6px}
.sky-note small{text-shadow:0 1px 8px rgba(4,54,92,.45)}
@media (max-width:700px){
  .sky-header{padding:16px 18px;gap:12px}
  .sky-brand{font-size:12px;gap:9px;letter-spacing:.07em}
  .sky-brand img{width:30px;height:30px}
  .sky-menu{min-height:42px;padding:9px 15px;background:rgba(5,53,103,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .sky-header nav.open{z-index:12;box-shadow:0 22px 65px rgba(4,38,80,.3);border:1px solid rgba(255,255,255,.7);padding:14px;gap:3px 12px}
  .sky-header nav a{min-height:44px;display:flex;align-items:center;padding:10px 12px!important;border-radius:7px}
  .sky-header nav a:hover{background:rgba(23,78,134,.08)}
  .sky-header nav a:last-child{background:rgba(23,78,134,.08);border:1px solid rgba(23,78,134,.18)}
  .sky-title{width:92%;top:14%}
  .sky-title h1{font-size:clamp(46px,10vw,72px)}
  .sky-record-link{width:clamp(190px,57vw,280px)}
  .sky-enter{font-size:clamp(22px,6vw,29px);text-align:center;white-space:normal}
  .sky-note{font-size:clamp(21px,5vw,30px);max-width:35%}
  .n2,.n5,.n9{display:none}
  .n1{top:32%;left:7%}.n3{top:49%;left:6%}.n6{top:68%;right:7%}.n7{top:33%;right:5%}.n8{top:80%;right:6%}
}
@media (max-width:380px){.sky-brand small{font-size:6px}.sky-note{font-size:21px}.n8{display:none}}
@media (max-height:720px) and (min-width:701px){.sky-title{top:12%}.sky-record-position{top:63%}.n5,.n9{display:none}}
@media (prefers-reduced-motion:reduce){
  .sky-record-link,.sky-record-disc{animation:none!important}
  .sky-header nav a,.sky-record-link{transition:none!important}
}