:root{
  --bg:#000;
  --pac:#ffd200;
  --pacHi:#fff2a6;
  --pacText:#1a1400;
}

html, body {
  margin:0;
  padding:0;
  height:100%;
  background:var(--bg);
  overflow:hidden;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

#app{height:100%;}

.screen{
  position:fixed;
  inset:0;
  display:none;
  background:var(--bg);
}
.screen.active{display:block;}

#game{
  display:block;
  width:100vw;
  height:100vh;
  touch-action:none;
}

.splashWrap{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:18px;
  box-sizing:border-box;
}

.splashImg{
  width:min(92vw, 520px);
  max-height:60vh;
  object-fit:cover;
  border-radius:18px;
  border:none;
  box-shadow:0 10px 30px rgba(0,0,0,0.55);
}

.btnPac{
  appearance:none;
  border:0;
  padding:16px 28px;
  min-width:220px;
  border-radius:0;
  background:linear-gradient(180deg, var(--pacHi), var(--pac));
  color:var(--pacText);
  font:800 20px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  letter-spacing:0.08em;
  box-shadow:0 10px 18px rgba(0,0,0,0.55);
  border:2px solid rgba(0,0,0,0.35);
}

.btnPac:active{
  transform:translateY(1px);
  filter:brightness(0.98);
}

@media (max-height: 650px){
  .btnPac{padding:14px 24px; min-width:200px;}
}