#fmode-toggle,#fmode-play{pointer-events:auto;flex:none;min-height:38px;padding:8px 14px;border:1px solid #c9ded1;border-radius:22px;background:#fff;color:#246446;font:700 12px/1.3 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
#fmode-toggle[hidden],#fmode-play[hidden]{display:none!important}
/* 260924 — 지금 모드 표시 + 창 전체 모드 테두리 · 부모=그린 아이=핑크 · 단색(핑크→그린 그라데이션 금지) */
#fmode-bar{display:flex;align-items:center;gap:6px;flex:none}
#fmode-badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 11px;border-radius:999px;border:1px solid #16B364;background:#ECFDF3;color:#0B7A43;font:800 12px/1.2 'Pretendard Variable','Pretendard',system-ui,sans-serif;white-space:nowrap;pointer-events:none}
#fmode-badge::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#16B364}
body.fmode-child #fmode-badge{border-color:#FF6B9D;background:#FFF2F6;color:#C2185B}
body.fmode-child #fmode-badge::before{background:#FF6B9D}
#fmode-badge[hidden],#fmode-frame[hidden]{display:none!important}
#fmode-frame{position:fixed;inset:0;z-index:2147483000;pointer-events:none;box-shadow:inset 0 0 0 4px #16B364}
body.fmode-child #fmode-frame{box-shadow:inset 0 0 0 4px #FF6B9D}
#fmode-play{position:absolute;z-index:5;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;background:#fffffff0}
body.playing #play:has(#fmode-play:not([hidden])) #play-cx{display:none}
body.fmode-child{--sb-w:0px;--side-w:0px}
body.fmode-child #sb,body.fmode-child #sb-rail,body.fmode-child #sb-back,body.fmode-child #fm-tabs,body.fmode-child #tb-acct,body.fmode-child #tb-help,body.fmode-child #tb-bell,body.fmode-child .fw-footer,body.fmode-child .fw-heading>[data-fw-action],body.fmode-child #fm-kid{display:none!important}
body.fmode-child #stage{margin-left:0!important}
body.fmode-child .topbar{left:0!important;pointer-events:auto}
body.fam-child-phone #fmode-bar{position:fixed;z-index:110;top:calc(10px + env(safe-area-inset-top));right:12px;width:auto;margin:0}
body.fam-child-phone #fmode-toggle{width:auto;margin:0}   /* 아이 기기 화면의 «버튼 가로 100%» 규칙을 막는다(묶음으로 옮기며 빠졌던 것) */
#fmode-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #d7e5dc;border-radius:23px;background:#fff;color:#183e2c;box-shadow:0 24px 80px #102c2838;font:15px/1.7 system-ui,sans-serif}
#fmode-dialog::backdrop{background:#102d286b;backdrop-filter:blur(6px)}
#fmode-dialog small{color:#668673}#fmode-dialog h2{font-size:22px;line-height:1.4;margin:9px 0 12px}#fmode-dialog p{font-size:14px;color:#63806e}
#fmode-dialog button{position:relative;width:100%;margin:9px 0 0;min-height:48px;padding:13px;border-radius:12px;border:1px solid #d7e5dc;font:700 14px system-ui;cursor:pointer;touch-action:none}
#fmode-confirm{background:#087f50;color:white;overflow:hidden}#fmode-confirm:before{content:'';position:absolute;inset:0;right:100%;background:#ffffff44;pointer-events:none}#fmode-confirm.holding:before{right:0;transition:right 2s linear}
#fmode-dialog .fmode-cancel{background:#f5f8f5;color:#4c6e58}.fmode-kids{display:grid;gap:10px;margin:20px 0}.fmode-kids button{display:flex;justify-content:space-between;align-items:center;gap:10px}.fmode-kids span{font-size:12px;color:#73917f}
@media(max-width:600px) and (orientation:portrait){
 body:has(#fmode-toggle:not([hidden])) .tb-logo{display:none!important}
 body:has(#fmode-toggle:not([hidden])) #fm-kid{max-width:145px!important;font-size:12px!important}
 .tb-right:has(#fmode-toggle){gap:5px!important}
 #fmode-toggle{font-size:11px;padding:8px 10px}
 #fmode-badge{font-size:11px;padding:4px 9px;min-height:28px;gap:5px}
 .topbar.has-x:has(#fmode-toggle) #fm-kid{max-width:115px!important}
 .topbar.has-x:has(#fmode-toggle) #tb-x{font-size:11px;padding:8px!important}
 body.fmode-child #stage{padding-bottom:24px!important}
}
/* 260925: mode status joins the window edge; switch stays to its left. */
body{--fmode-color:#0b8c50}body.fmode-child{--fmode-color:#d83272}
body:has(#fmode-badge:not([hidden])) .topbar{padding-right:0!important}
.tb-right:has(#fmode-bar){align-self:stretch}
#fmode-bar{order:100;align-self:stretch;align-items:center;gap:10px;margin-left:4px}
#fmode-badge,body.fmode-child #fmode-badge{align-self:stretch;display:flex;justify-content:center;min-width:112px;padding:10px 18px;border:0;border-radius:0 0 0 18px;background:var(--fmode-color);color:#fff;font-size:14px;font-weight:900;letter-spacing:.01em}
#fmode-badge::before{display:none}
#fmode-frame,body.fmode-child #fmode-frame{box-shadow:inset 0 0 0 4px var(--fmode-color)}
#fmode-toggle{border-color:var(--fmode-color);color:var(--fmode-color);background:#fff}
body.fam-child-phone #fmode-bar{top:0;right:0;height:56px}
@media(max-width:600px){#fmode-bar{gap:7px;margin-left:0}#fmode-badge,body.fmode-child #fmode-badge{min-width:90px;font-size:12px;padding:8px 12px;border-radius:0 0 0 14px}#fmode-toggle{font-size:11px;padding:8px}body:has(#fmode-badge:not([hidden])) .tb-right{align-self:stretch}}
/* 🏠260928 이사님 「마음여행 할 때 하단에 버튼 넣지 말라니까 — 부모 모드로 버튼은 왜」 — 폰 세로 회기(play) 중엔 셸 «부모 모드로 →»·«✕ 나가기» 둘 다 숨김 · 나가기 = 회기 안 톱니(⚙) · 체험(sample)·게임 창은 그대로 */
@media(max-width:600px) and (orientation:portrait){#play[data-kind="play"] #fmode-play,#play[data-kind="play"] #play-cx{display:none!important}}