.ecto-guide { text-align:left; font-family:Arial,Helvetica,sans-serif; }
.ecto-guide h2 { margin:0 0 12px; color:#edf4f6; font-size:20px; letter-spacing:-.5px; }
.ecto-guide ol { list-style:none; margin:0; padding:0; }
.ecto-guide li { display:flex; align-items:center; margin:10px 0; }
.guide-art { display:block; flex:0 0 100px; width:100px; height:100px; margin-right:14px; border-radius:12px; background:#101a2b url('/ectobounce/assets/how-to-play.jpg') no-repeat; background-size:300% 100%; }
.guide-catch { background-position:50% 0; }
.guide-launch { background-position:100% 0; }
.ecto-guide strong { display:block; color:#a6efd0; font-size:16px; margin-bottom:5px; }
.ecto-guide p { margin:0; font:14px/1.45 Arial,Helvetica,sans-serif; color:#bccada; }
.guide-note { margin:12px 0 0 !important; font:12px/1.5 Arial,Helvetica,sans-serif !important; color:#a4b8ca; }
.name-field { margin:14px 0 0; text-align:left; }
.name-field label { display:block; margin-bottom:6px; color:#bccada; font:600 12px Arial,Helvetica,sans-serif; }
.name-field input { box-sizing:border-box; display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #456078; border-radius:10px; background:#0a1523; color:#edf4f6; font:16px Arial,Helvetica,sans-serif; }
.name-field input:focus { outline:2px solid #a6efd0; outline-offset:2px; }
.name-feedback { margin:5px 0 0; min-height:15px; color:#a6efd0; font:11px/1.4 Arial,Helvetica,sans-serif; }
@media (max-width:700px), (max-height:650px) {
 .guide-art { flex-basis:76px; width:76px; height:76px; margin-right:12px; }
 .ecto-guide strong { font-size:14px; margin-bottom:3px; }
 .ecto-guide p { font-size:12px; }
}

.name-feedback:empty { display:none; }