/* =====================================================================
 * wireframe.css — 이미지 없이 레이아웃/인터랙션만 보는 모드 (body.wireframe-on)
 * config.js 의 wireframe:true 또는 ?wf=1 로 켠다.
 * ===================================================================== */
body.wireframe-on { background: #2b2f38; }
body.wireframe-on .section__background-image, body.wireframe-on .section__background-video { display: none; }
body.wireframe-on .section { background: #3a3f4a; }
body.wireframe-on .section[data-theme="light"] { background: #dcdcd6; }
body.wireframe-on .header::before { display: none; }

body.wireframe-on .stage img { opacity: 0; }
body.wireframe-on .main__title, body.wireframe-on .main__play-button, body.wireframe-on .main__pre-register-button, body.wireframe-on .badge,
body.wireframe-on .preregistration__character, body.wireframe-on .preregistration__title, body.wireframe-on .preregistration__submit, body.wireframe-on .preregistration__frog,
body.wireframe-on .reward, body.wireframe-on .reward li,
body.wireframe-on .event__title, body.wireframe-on .event__prizes li,
body.wireframe-on .world__clock-hand, body.wireframe-on .world__chapter-button,
body.wireframe-on .character__panel, body.wireframe-on .character__illustration, body.wireframe-on .character__pet, body.wireframe-on .character__icon, body.wireframe-on .character__arrow, body.wireframe-on .character__gene em, body.wireframe-on .character__quote i,
body.wireframe-on .header__logo, body.wireframe-on .header__button, body.wireframe-on .popup__confirm, body.wireframe-on .popup__character {
  background-image: none !important; background-color: rgba(255,255,255,.10) !important;
  outline: 0.1rem dashed rgba(255,255,255,.75); outline-offset: -0.1rem;
}
body.wireframe-on .section[data-theme="light"] .stage [class] { outline-color: rgba(0,0,0,.45); }
body.wireframe-on .section[data-theme="light"] .character__panel, body.wireframe-on .section[data-theme="light"] .world__chapter-button, body.wireframe-on .section[data-theme="light"] .character__icon,
body.wireframe-on .section[data-theme="light"] .character__illustration, body.wireframe-on .section[data-theme="light"] .character__pet, body.wireframe-on .section[data-theme="light"] .world__clock-hand { background-color: rgba(0,0,0,.08) !important; }
body.wireframe-on .header__menu a::before, body.wireframe-on .header__menu a::after, body.wireframe-on .header__menu li::after, body.wireframe-on .header__menu li::before { display: none; }
body.wireframe-on .header__logo img { opacity: 0; }
body.wireframe-on .header__logo::before { content: 'LOGO'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2rem; }
body.wireframe-on .header__button::before, body.wireframe-on .header__button::after, body.wireframe-on .header__menu a::after, body.wireframe-on .header__menu li::after, body.wireframe-on .header__menu li::before { display: none; }
body.wireframe-on .header__button--bgm:not(.is-on) { opacity: .4; }
body.wireframe-on .character__icon.is-active, body.wireframe-on .world__chapter-button.is-active { background-color: rgba(255,120,80,.35) !important; outline: 0.2rem solid #ff7a50; }
body.wireframe-on .character__navigation li::after { display: none; }
body.wireframe-on .world__clock-hand { width: 110.9rem; height: 53.4rem; }
body.wireframe-on .world__clock-hand::after { content: ''; position: absolute; left: 0; top: 44.8%; width: 43.3%; height: 0.3rem; background: #ff7a50; }
body.wireframe-on .preregistration__form { background: rgba(255,255,255,.85); }

body.wireframe-on .badge, body.wireframe-on .reward li, body.wireframe-on .event__prizes li, body.wireframe-on .world__chapter-button, body.wireframe-on .character__icon { position: relative; }