#s2047-title-v6170{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#01040a url('../images/space-2047-title-stars-v6171.png') center/cover no-repeat;color:#fff;font-family:system-ui,sans-serif;padding:clamp(10px,2.5vw,24px);isolation:isolate;overflow:auto;box-sizing:border-box;min-height:100vh;min-height:100dvh}#s2047-title-v6170:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(5,18,42,.12),rgba(0,2,8,.58) 72%,rgba(0,0,0,.82));z-index:-1}#s2047-title-v6170[hidden]{display:none}.s2047-title-card{box-sizing:border-box;width:min(940px,100%);max-width:940px;max-height:none;min-height:0;overflow:visible;text-align:center;padding:clamp(20px,3vw,36px);margin:auto;border:2px solid #66d9ff;border-radius:24px;background:rgba(3,12,28,.82);backdrop-filter:blur(5px);box-shadow:0 0 60px #168fc866,0 18px 70px #000}.s2047-logo-v6170{width:min(860px,100%);height:auto;aspect-ratio:1.9/1;margin:0 auto 8px;background:url('../images/space-2047-title-logo-v6171.png') center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(56,207,255,.58))}.s2047-title-actions{display:grid;gap:12px;margin:20px auto 0;width:min(100%,420px)}#s2047-title-v6170 button,#s2047-title-v6170 .s2047-menu-link{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;min-height:50px;font:800 17px/1.25 system-ui;padding:13px 18px;border-radius:12px;border:1px solid #7de6ff;background:#102d4d;color:#fff;cursor:pointer;text-decoration:none;white-space:normal;text-align:center}#s2047-title-v6170 button:hover,#s2047-title-v6170 .s2047-menu-link:hover,#s2047-title-v6170 button:focus-visible,#s2047-title-v6170 .s2047-menu-link:focus-visible{background:#1c527d;outline:2px solid #fff;outline-offset:2px}.s2047-key-grid{display:grid;gap:10px;margin:18px 0}.s2047-key-grid label{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,160px);gap:10px;align-items:center;text-align:left}.s2047-key-grid input,[data-panel=name] input{box-sizing:border-box;max-width:100%;font:700 16px system-ui;padding:10px;border-radius:8px;border:1px solid #7de6ff;background:#06101d;color:#fff}.s2047-score-list{list-style-position:inside;padding:0;max-width:420px;margin:18px auto}.s2047-score-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #264c68}.s2047-score-list .empty{justify-content:center}.s2047-title-tag{color:#d8f6ff;text-shadow:0 1px 5px #000;margin:6px auto 0;max-width:600px}@media(max-width:600px){#s2047-title-v6170{align-items:flex-start;padding:10px}.s2047-title-card{width:100%;padding:14px 14px 20px;border-radius:18px;margin:auto 0}.s2047-logo-v6170{width:min(100%,640px);aspect-ratio:1.85/1}.s2047-title-actions{gap:10px;margin-top:14px}#s2047-title-v6170 button,#s2047-title-v6170 .s2047-menu-link{font-size:16px;min-height:48px;padding:12px 14px}.s2047-key-grid label{grid-template-columns:1fr}.s2047-key-grid input{width:100%}}@media(max-height:700px){.s2047-title-card{padding-top:12px;padding-bottom:16px}.s2047-logo-v6170{width:min(620px,92vw);max-height:320px}.s2047-title-actions{margin-top:10px;gap:8px}#s2047-title-v6170 button,#s2047-title-v6170 .s2047-menu-link{min-height:44px;padding:10px 14px}.s2047-title-tag{font-size:14px;margin-top:0}}

/* v6.17.3 animated title-space backdrop */
#s2047-title-v6170{background-color:#01040a;background-image:url('../images/space-2047-title-stars-v6171.png');background-position:center;background-size:cover;background-repeat:no-repeat;overflow:auto}
.s2047-space-animation{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.s2047-star-layer{position:absolute;inset:-20%;opacity:.55;background-repeat:repeat;will-change:transform,opacity}
.s2047-stars-a{background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:58px 58px;animation:s2047-star-drift-a 34s linear infinite,s2047-twinkle 5s ease-in-out infinite alternate}
.s2047-stars-b{background-image:radial-gradient(circle,rgba(117,211,255,.95) 0 1.2px,transparent 1.8px);background-size:91px 91px;transform:rotate(12deg);animation:s2047-star-drift-b 52s linear infinite,s2047-twinkle 7s ease-in-out 1s infinite alternate}
.s2047-planet{position:absolute;border-radius:50%;box-shadow:inset -22px -18px 34px rgba(0,0,0,.48),0 0 26px rgba(84,188,255,.28);will-change:transform}
.s2047-planet:after{content:"";position:absolute;left:-24%;right:-24%;top:43%;height:12%;border:4px solid rgba(180,224,255,.55);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-14deg)}
.s2047-planet-one{width:96px;height:96px;top:13%;left:-130px;background:radial-gradient(circle at 35% 28%,#9df2ff,#2366c7 44%,#35195f 78%);animation:s2047-planet-one 29s linear infinite}
.s2047-planet-two{width:58px;height:58px;top:68%;right:-100px;background:radial-gradient(circle at 35% 28%,#ffe5a6,#d97634 46%,#7e183e 82%);animation:s2047-planet-two 38s linear 5s infinite}
.s2047-planet-three{width:150px;height:150px;bottom:-190px;left:16%;background:radial-gradient(circle at 34% 27%,#d4ffbd,#30957e 46%,#12354f 82%);opacity:.7;animation:s2047-planet-three 46s linear 9s infinite}
.s2047-ship{position:absolute;width:72px;height:22px;filter:drop-shadow(0 0 8px rgba(98,220,255,.75));will-change:transform}
.s2047-ship:before{content:"";position:absolute;inset:3px 0 3px 13px;background:linear-gradient(180deg,#dffaff,#4eb9f3 42%,#17284f 44%,#090f22);clip-path:polygon(0 50%,22% 8%,78% 12%,100% 50%,78% 88%,22% 92%)}
.s2047-ship:after{content:"";position:absolute;left:0;top:7px;width:20px;height:8px;background:linear-gradient(90deg,transparent,#5ee7ff,#fff);clip-path:polygon(100% 0,100% 100%,0 50%)}
.s2047-ship i{position:absolute;left:34px;top:0;width:18px;height:8px;border-radius:50% 50% 25% 25%;background:#bff7ff;box-shadow:0 0 8px #62d8ff}
.s2047-ship-one{top:25%;left:-120px;animation:s2047-ship-one 18s linear 2s infinite}
.s2047-ship-two{top:76%;right:-130px;transform:scaleX(-1) scale(.72);animation:s2047-ship-two 25s linear 8s infinite}
.s2047-ship-three{top:48%;left:-140px;transform:scale(.48);opacity:.65;animation:s2047-ship-three 32s linear 15s infinite}
.s2047-title-card{position:relative;z-index:2}
@keyframes s2047-star-drift-a{from{transform:translate3d(0,0,0)}to{transform:translate3d(7%,9%,0)}}
@keyframes s2047-star-drift-b{from{transform:translate3d(0,0,0) rotate(12deg)}to{transform:translate3d(-8%,6%,0) rotate(12deg)}}
@keyframes s2047-twinkle{0%{opacity:.28}50%{opacity:.68}100%{opacity:.42}}
@keyframes s2047-planet-one{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(calc(100vw + 260px),42vh,0) rotate(180deg)}}
@keyframes s2047-planet-two{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(calc(-100vw - 230px),-42vh,0) rotate(-220deg)}}
@keyframes s2047-planet-three{0%{transform:translate3d(0,0,0) scale(.8)}100%{transform:translate3d(62vw,-120vh,0) scale(1.15)}}
@keyframes s2047-ship-one{0%{transform:translate3d(0,0,0) rotate(4deg)}100%{transform:translate3d(calc(100vw + 260px),28vh,0) rotate(4deg)}}
@keyframes s2047-ship-two{0%{transform:translate3d(0,0,0) scaleX(-1) scale(.72) rotate(-8deg)}100%{transform:translate3d(calc(-100vw - 280px),-26vh,0) scaleX(-1) scale(.72) rotate(-8deg)}}
@keyframes s2047-ship-three{0%{transform:translate3d(0,0,0) scale(.48)}100%{transform:translate3d(calc(100vw + 310px),-18vh,0) scale(.48)}}
@media(prefers-reduced-motion:reduce){.s2047-star-layer,.s2047-planet,.s2047-ship{animation:none!important}.s2047-planet-one{left:6%;top:12%}.s2047-planet-two{right:7%;top:72%}.s2047-planet-three{left:14%;bottom:-80px}.s2047-ship-one{left:8%;top:27%}.s2047-ship-two{right:8%;top:76%}.s2047-ship-three{left:72%;top:48%}}
#s2047-title-v6170:before{z-index:1;pointer-events:none}.s2047-space-animation{z-index:0}

@media(min-width:1200px){.s2047-title-card{max-width:980px}.s2047-logo-v6170{width:min(900px,100%)}}

/* v6.18.0 clearly labelled redefinable controls */
.s2047-key-grid label{border:1px solid rgba(102,217,255,.4);border-radius:12px;padding:10px;background:rgba(4,17,34,.55)}
.s2047-key-grid .s2047-key-name{display:block!important;visibility:visible!important;opacity:1!important;color:#dff8ff!important;font:800 15px/1.25 system-ui,sans-serif!important;letter-spacing:.01em}
.s2047-key-grid input{width:100%;min-width:0}
@media(max-width:600px){.s2047-key-grid label{gap:7px;padding:9px}.s2047-key-grid .s2047-key-name{font-size:14px!important}}


/* v6.22.15 responsive Game Over panel */
#s2047-title-v6170[data-active-panel="name"]{
  align-items:center!important;
  justify-content:center!important;
  padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  overflow:auto!important;
}
#s2047-title-v6170[data-active-panel="name"] .s2047-title-card{
  width:min(92vw,560px)!important;
  max-width:560px!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:auto!important;
  padding:clamp(16px,4vw,34px)!important;
  border-radius:clamp(14px,3vw,24px)!important;
  margin:auto!important;
}
#s2047-title-v6170 [data-panel="name"]{
  width:100%;
  max-width:460px;
  margin:0 auto;
  display:grid;
  gap:clamp(10px,2.5vw,18px);
  align-items:center;
}
#s2047-title-v6170 [data-panel="name"][hidden]{display:none!important}
#s2047-title-v6170 [data-panel="name"] h2{
  margin:0;
  font-size:clamp(30px,9vw,68px);
  line-height:.95;
  overflow-wrap:anywhere;
}
#s2047-title-v6170 [data-panel="name"] p{
  margin:0;
  font-size:clamp(16px,4.5vw,24px);
  line-height:1.25;
}
#s2047-title-v6170 [data-panel="name"] .s2047-final-score{
  display:inline-block;
  max-width:100%;
  overflow-wrap:anywhere;
  font-size:clamp(22px,7vw,42px);
}
#s2047-title-v6170 [data-panel="name"] label{
  display:grid;
  gap:8px;
  width:100%;
  text-align:left;
  font-size:clamp(14px,3.8vw,18px);
}
#s2047-title-v6170 [data-panel="name"] input{
  display:block;
  width:100%!important;
  min-width:0!important;
  font-size:clamp(16px,4vw,20px)!important;
  padding:clamp(10px,2.5vw,14px)!important;
}
#s2047-title-v6170[data-active-panel="name"] button{
  min-height:clamp(44px,11vw,56px)!important;
  padding:clamp(10px,2.5vw,14px) clamp(12px,4vw,20px)!important;
  font-size:clamp(15px,4vw,19px)!important;
}
@media(max-width:480px), (max-height:620px){
  #s2047-title-v6170[data-active-panel="name"] .s2047-logo-v6170,
  #s2047-title-v6170[data-active-panel="name"] .s2047-title-tag{display:none!important}
}
@media(max-height:430px) and (orientation:landscape){
  #s2047-title-v6170[data-active-panel="name"] .s2047-title-card{
    width:min(94vw,720px)!important;
    max-width:720px!important;
    padding:10px 14px!important;
  }
  #s2047-title-v6170 [data-panel="name"]{
    max-width:680px;
    grid-template-columns:1fr 1fr;
    gap:8px 12px;
  }
  #s2047-title-v6170 [data-panel="name"] h2,
  #s2047-title-v6170 [data-panel="name"] p{grid-column:1/-1}
  #s2047-title-v6170 [data-panel="name"] label{grid-column:1/-1}
  #s2047-title-v6170 [data-panel="name"] h2{font-size:clamp(28px,9vh,48px)}
  #s2047-title-v6170 [data-panel="name"] p{font-size:clamp(14px,4vh,18px)}
  #s2047-title-v6170[data-active-panel="name"] button{min-height:40px!important;padding:8px 12px!important}
}
