/* echoRec0de · pre-match identity. The emulator and touch layout stay independent. */
.publication-hud{background:#0a1525;border-bottom-color:#2a3c50;color:#d6e1ee}
.publication-hud a{color:#d5f44b}
.publication-hud button{background:#172c42;border-color:#3b516b;color:#e4ecf7}
.publication-gate{background:linear-gradient(90deg,#081321f5,#0a1729e8),url('assets/tennis-arena.svg') right center/cover no-repeat;color:#f3f6fa}
.publication-gate .gate-inner{width:min(650px,100%);padding:30px;border:1px solid #30465e;border-left:3px solid #d5f44b;border-radius:12px;background:#102036f2;box-shadow:0 25px 90px #0004}
.publication-gate .eyebrow{color:#d5f44b;overflow-wrap:anywhere}
.publication-gate h1{font-family:Impact,'Arial Narrow',system-ui,sans-serif;letter-spacing:.005em;text-transform:uppercase;line-height:1.02}
.publication-gate p{color:#a6b8cf}
.publication-gate .primary{background:#d5f44b;border-color:#d5f44b;color:#142000}
.publication-gate .action{background:#183048;border-color:#3f5871;color:#ecf3fc}
.publication-gate progress{accent-color:#d5f44b}
.publication-gate .download-status{color:#d5f44b}
.publication-gate .error{color:#ffb5a4}
@media(max-width:640px){.publication-gate .gate-inner{padding:25px 20px}.publication-gate .row>*{flex:1}.publication-gate .hint{font-size:12px!important}}
@media(max-height:500px){.publication-gate .gate-inner{padding:19px 23px}.publication-gate h1{font-size:34px}.publication-gate p{font-size:13px;line-height:1.45}.publication-gate .hint{font-size:11px!important}.publication-gate .row{margin-top:12px}}
/* Narrow embedded frames may report landscape on a portrait phone. */
@media(max-width:640px){
 .publication-gate .play-guide .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .publication-gate .play-guide .row>button{width:100%;min-width:0;min-height:48px;padding:12px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
 .publication-gate .play-guide #skipPlayGuide{grid-column:1/-1}
}