#beginner-guide[hidden]{display:none!important}
#beginner-guide{position:fixed;inset:0;z-index:210;pointer-events:none;font-family:inherit}
.bg-focus{position:fixed;border:2px solid #f1ce7c;border-radius:8px;box-shadow:0 0 0 100vmax #0005,0 0 16px #f1ce7c88;pointer-events:none;box-sizing:border-box}
.bg-focus[hidden]{display:none}
.bg-card{position:fixed;box-sizing:border-box;padding:15px;background:#15242bf5;border:1px solid #c7ae71;border-radius:12px;box-shadow:0 6px 28px #0009;color:#f7f1dd;pointer-events:auto;max-height:calc(100dvh - 20px);overflow:auto;text-align:left}
.bg-card header{display:flex;justify-content:space-between;align-items:center;color:#e7c781;margin-bottom:8px;font-size:12px}
.bg-card h2{font-size:17px;line-height:1.35;margin:0 0 7px;color:#fff1c8}
.bg-card p{font-size:13px;line-height:1.55;margin:0 0 12px;word-break:keep-all;color:#d8e0dc}
.bg-actions{display:flex;gap:7px;justify-content:space-between;align-items:center}
.bg-actions button{min-height:40px;font:inherit;font-size:12px;border:1px solid #b9a26b;border-radius:6px;padding:6px 9px;color:#16252b;background:#e3c588;cursor:pointer}
.bg-actions [data-bg=skip]{color:#b8c6c5;background:transparent;border-color:transparent;font-size:11px;padding-left:0}
.bg-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.bg-actions button:disabled{opacity:.65;cursor:wait}
.bg-error{display:block;color:#ffd0a5;line-height:1.4;margin-top:7px}.bg-error:empty{display:none}
@media(max-height:450px){.bg-card{padding:10px 12px}.bg-card header{margin-bottom:5px}.bg-card h2{font-size:15px;margin-bottom:5px}.bg-card p{font-size:12px;line-height:1.4;margin-bottom:8px}.bg-actions button{min-height:36px}}
/* Keep the existing recruitment controls usable on narrow portrait screens. */
@media(max-width:600px) and (orientation:portrait){
 #recruit-page{--rp-pad:12px;--rp-foot:145px}
 #recruit-page header{top:max(14px,env(safe-area-inset-top));gap:8px;padding-bottom:12px}
 .rp-brand{gap:10px;min-width:0}.rp-emblem{width:28px;height:28px;flex:none}.rp-emblem svg{width:22px;height:22px}
 #recruit-page header small{font-size:7px;letter-spacing:1.3px}#recruit-page h1{font-size:16px;white-space:nowrap}.rp-steps{display:none}#recruit-page .rp-back{padding:8px;flex:none}.rp-back span{display:none}
 .recruit-classes{left:12px;right:12px;top:88px;bottom:auto;width:auto;height:74px;flex-direction:row;gap:5px}
 .recruit-classes .rp-section,.recruit-classes .rp-left-note{display:none}
 #recruit-page .recruit-classes button{flex:1;min-width:0;min-height:68px;max-height:74px;flex-direction:column;justify-content:center;padding:5px 3px;gap:5px;border-width:1px}
 .rp-class-icon{width:22px;height:22px}.rp-class-copy b{font-size:12px;letter-spacing:0}.rp-class-copy small,.recruit-classes em{display:none}
 .recruit-weapons{left:12px;right:12px;top:auto;bottom:165px;width:auto;flex-direction:row;gap:6px}.rp-dossier{display:none}.recruit-weapons>.rp-section{position:absolute;top:-23px;left:0;right:0}
 #recruit-page .recruit-weapons button{flex:1;min-width:0;min-height:72px;padding:6px;gap:5px}.recruit-weapons img{width:42%;height:48px}.recruit-weapons b{font-size:11px;white-space:normal;overflow-wrap:anywhere}.recruit-weapons button small{font-size:8px;white-space:normal}.recruit-weapons button i{display:none}
 .rp-scene-caption{bottom:257px;left:12px;right:12px;transform:none;width:auto;text-align:center}.rp-scene-caption span{font-size:7px}.rp-scene-caption b{font-size:10px}
 .recruit-form{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding-top:12px;grid-template-columns:minmax(0,1fr) 110px;column-gap:10px}
 .rp-form-intro{display:none}.rp-name-field{min-width:0}.rp-name-field label{font-size:11px}.rp-name-field label small{font-size:9px}.recruit-form input{width:100%;min-width:0;padding:10px}.recruit-form input,#recruit-page .recruit-form button{height:46px}#recruit-page .recruit-form button{padding:8px;font-size:13px;white-space:nowrap}.recruit-form>small{grid-column:1/-1;font-size:10px}
}