/* World entrances use the same local bevelled artwork as the pause menu. */
:is(#interior-entry,.race-ui[data-phase] .race-entry){
  position:fixed;left:50%;bottom:72px;transform:translateX(-50%);
  display:grid;justify-items:stretch;gap:10px;width:min(430px,calc(100vw - 32px));max-width:none;
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;
  color:#fff1b1;text-align:center;pointer-events:none;
}
#interior-entry>div,.race-ui[data-phase] .race-entry-copy{display:grid;gap:5px;min-width:0;justify-items:center;text-shadow:0 2px 3px #000,0 0 10px #000}
#interior-entry strong,.race-ui[data-phase] .race-entry-copy strong{
  color:#ffe4a1;font:400 clamp(21px,4.5vw,28px)/1.2 NeuralPixel,monospace;
  letter-spacing:0;text-transform:uppercase;
}
#interior-entry .eyebrow,.race-ui[data-phase] .race-entry .race-label{color:#ffca75;font:600 9px/1.4 'Segoe UI',sans-serif;letter-spacing:1.5px}
#interior-entry .interior-description,.race-ui[data-phase] .race-entry-copy>span:last-child{font:12px/1.5 'Segoe UI',sans-serif;color:#f4e5ce}
.race-ui[data-phase] .race-entry-mark{display:none}
:is(#interior-entry,.race-ui[data-phase] .race-entry) button{
  position:relative;display:flex;align-items:center;justify-content:center;gap:14px;
  width:100%;min-height:82px;margin:0;padding:19px 10%;border:0;border-radius:0;
  background:url('../assets/ui/pause-button-active.svg') center/100% 100% no-repeat;
  box-shadow:none;color:#fff3a0;font:400 clamp(20px,4.5vw,26px)/1.2 NeuralPixel,monospace;
  text-transform:uppercase;text-shadow:1px 2px #6c2b03,1px 4px #321000;white-space:nowrap;
  pointer-events:auto;transition:transform .1s;
}
:is(#interior-entry,.race-ui[data-phase] .race-entry) button:hover{transform:translateY(-2px)}
:is(#interior-entry,.race-ui[data-phase] .race-entry) button:active{transform:translateY(2px)}
:is(#interior-entry,.race-ui[data-phase] .race-entry) button:focus-visible{outline:2px solid #fff3a0;outline-offset:4px}
:is(#interior-entry,.race-ui[data-phase] .race-entry) button>span{display:none}
:is(#interior-entry,.race-ui[data-phase] .race-entry) kbd{
  display:grid;place-items:center;flex:none;min-width:29px;height:31px;margin:0;padding:2px 5px;
  border:2px solid #ffe884;border-radius:0;background:#8c3b09;color:#fff3a0;
  font:400 21px/1 NeuralPixel,monospace;box-shadow:1px 2px #592408;
}

@media(max-width:550px){
  :is(#interior-entry,.race-ui[data-phase] .race-entry){bottom:64px;gap:9px}
  :is(#interior-entry,.race-ui[data-phase] .race-entry) button{min-height:72px;padding:16px 9%;gap:11px}
  #interior-entry .interior-description,.race-ui[data-phase] .race-entry-copy>span:last-child{font-size:11px}
}
@media(max-height:540px){
  :is(#interior-entry,.race-ui[data-phase] .race-entry){bottom:50px;gap:6px}
  :is(#interior-entry,.race-ui[data-phase] .race-entry) button{min-height:60px}
  #interior-entry .interior-description,.race-ui[data-phase] .race-entry-copy>span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){:is(#interior-entry,.race-ui[data-phase] .race-entry) button{transition:none}}