/* R07 ENTRY SCREEN FIX
   This file styles only the pre-entry PRESS START screen.
   The main page visual base remains untouched.
*/

[hidden]{
  display:none !important;
}

.start-screen{
  min-height:100vh;
  width:100%;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  padding:24px;
  background:
    radial-gradient(circle at 18% 8%, rgba(0,200,255,.18), transparent 32%),
    radial-gradient(circle at 82% 2%, rgba(255,42,18,.16), transparent 34%),
    linear-gradient(180deg,#05060a 0%,#090b11 62%,#030407 100%);
}

.start-screen::before{
  content:"";
  position:absolute;
  inset:-24%;
  background:
    radial-gradient(circle at 50% 38%, rgba(0,200,255,.13), transparent 32%),
    radial-gradient(circle at 50% 58%, rgba(255,42,18,.11), transparent 38%),
    repeating-linear-gradient(90deg, transparent 0 64px, rgba(0,200,255,.035) 64px 66px);
  transform:perspective(540px) rotateX(58deg);
  transform-origin:bottom;
  opacity:.75;
}

.start-screen::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(255,255,255,.03) 92%, transparent 100%);
  opacity:.28;
}

.start-top{
  position:absolute;
  top:20px;
  right:20px;
  z-index:4;
}

.lang-btn{
  border:1px solid rgba(0,200,255,.58);
  color:var(--as-blue, #00c8ff);
  background:rgba(0,200,255,.08);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 0 18px rgba(0,200,255,.10);
}

.lang-btn:hover{
  border-color:var(--as-amber, #ffb020);
  color:var(--as-amber, #ffb020);
}

.start-card{
  width:min(880px,100%);
  position:relative;
  z-index:2;
  text-align:center;
  border:1px solid rgba(255,122,0,.45);
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(255,42,18,.12), transparent 42%),
    linear-gradient(225deg, rgba(0,200,255,.15), transparent 45%),
    rgba(8,10,15,.90);
  box-shadow:
    0 0 70px rgba(0,200,255,.16),
    0 0 54px rgba(255,42,18,.13),
    inset 0 0 90px rgba(0,0,0,.46);
  padding:clamp(30px,6vw,58px) 22px;
}

.start-logo{
  width:min(520px,86%);
  margin:0 auto 12px;
  filter:
    drop-shadow(0 0 18px rgba(255,122,0,.22))
    drop-shadow(0 0 20px rgba(0,200,255,.13));
}

.boot-line{
  color:var(--as-green, #39ff8a);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.78rem;
  letter-spacing:.12em;
  margin:12px 0 22px;
  text-transform:uppercase;
  text-shadow:0 0 10px rgba(57,255,138,.36);
}

.press-start-btn{
  margin-top:6px;
  border:1px solid var(--as-amber, #ffb020);
  background:linear-gradient(180deg,#ffb020,#ff2a12);
  color:#160503;
  border-radius:14px;
  padding:18px 30px;
  min-width:min(380px,100%);
  cursor:pointer;
  font-weight:1000;
  letter-spacing:.14em;
  box-shadow:0 0 30px rgba(255,42,18,.42),0 7px 0 #761407;
  text-transform:uppercase;
  animation:pulse-start-r07 1.2s ease-in-out infinite;
}

@keyframes pulse-start-r07{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.18)}
}

.start-note{
  margin-top:18px;
  color:var(--as-muted, #98a3b7);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.82rem;
}