#overlay{z-index:5;overflow:auto;touch-action:pan-y;padding:12px}
#overlay .card{width:min(800px,94%);max-width:94%;max-height:100%;overflow:auto;padding:24px;touch-action:pan-y}
#overlay h1{font-size:clamp(18px,2.6vw,30px);line-height:1.45;margin:0 0 12px}
#overlay .card>p{font-size:clamp(9px,1.1vw,13px);line-height:1.7;margin:0 0 16px;white-space:pre-line}
.player-profile{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.player-profile label{display:flex;flex-direction:column;gap:9px;font:10px/1.5 'Press Start 2P',monospace;color:#ffe65a;min-width:0}
.player-profile input,.player-profile select{width:100%;min-height:44px;border:2px solid #1bc7e0;border-radius:0;background:#061b30;color:#fff;padding:9px;font:16px/1.3 monospace;touch-action:manipulation}
.player-profile small{font:12px/1.4 monospace;color:#bad5e4;min-height:34px}
.player-profile input:focus,.player-profile select:focus{outline:2px solid #ffe65a;outline-offset:2px}
#profileNotice{grid-column:1/-1;font:12px monospace;color:#ffe65a}
#profileNotice:empty{display:none}
#overlay .pixel-wrap.modal-action{width:190px;height:auto;aspect-ratio:309/112;margin:12px auto 0}
#overlay .pixel-wrap.modal-action button{height:100%;font-size:12px}
@media(max-height:450px){#overlay .card{padding:12px 20px}#overlay h1{font-size:16px;margin-bottom:6px}#overlay .card>p{font-size:9px;margin-bottom:10px}.player-profile{gap:12px}.player-profile label{font-size:9px;gap:5px}.player-profile small{font-size:11px;min-height:28px}#overlay .pixel-wrap.modal-action{width:155px;margin-top:6px}}
/* Pixel chevron; keep the native select menu and keyboard controls. */
.player-profile select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' shape-rendering='crispEdges'%3E%3Cpath fill='%231bc7e0' d='M0 0h3v2h2v2h2V2h2V0h3v3h-2v2H8v2H4V5H2V3H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 12px}

.player-profile label[hidden]{display:none}.player-profile{grid-template-columns:1fr}