/* 다시, 작은방 게임 공통 UI — 2026-07-31 */
:root{--dsb-gamebar-h:64px;--dsb-safe-bottom:max(18px,env(safe-area-inset-bottom));}
html{scroll-padding-top:var(--dsb-gamebar-h)}
body.dsb-game-page{padding-top:var(--dsb-gamebar-h)!important;min-height:100dvh;box-sizing:border-box}
.dsb-gamebar{position:fixed;top:0;left:0;right:0;z-index:2147483000;min-height:var(--dsb-gamebar-h);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left));background:rgba(25,22,29,.94);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.22);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#fff}
.dsb-gamebar-main{min-width:0;display:flex;align-items:center;gap:10px}
.dsb-gamebar-title{min-width:0;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsb-gamebar-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.dsb-gamebar a,.dsb-gamebar button{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font:700 12px/1 system-ui,-apple-system,"Noto Sans KR",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;cursor:pointer;white-space:nowrap;box-sizing:border-box}
.dsb-gamebar a:hover,.dsb-gamebar a:focus-visible,.dsb-gamebar button:hover,.dsb-gamebar button:focus-visible{background:rgba(255,255,255,.17);outline:2px solid #D9A783;outline-offset:1px}
.dsb-gamebar .dsb-game-home{background:rgba(145,169,157,.18)}
.dsb-gamebar .dsb-game-list{background:rgba(217,167,131,.18)}
.dsb-gamebar #soundToggle{position:static!important;inset:auto!important;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;background:rgba(255,255,255,.1)!important;font-size:17px!important;z-index:auto!important;opacity:1!important}
body.dsb-game-page>.controls,body.dsb-game-page>.mobile-controls,body.dsb-game-page>[class*="controls"]{scroll-margin-top:calc(var(--dsb-gamebar-h) + 8px)}
@media(max-width:760px){
 :root{--dsb-gamebar-h:116px}
 .dsb-gamebar{grid-template-columns:1fr;align-content:center;gap:6px;padding-top:max(8px,env(safe-area-inset-top))}
 .dsb-gamebar-main{justify-content:space-between}
 .dsb-gamebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 .dsb-gamebar a,.dsb-gamebar button{min-width:0;padding:0 8px;font-size:11px}
 .dsb-gamebar-title{font-size:13px}
}
@media(max-width:380px){.dsb-gamebar a,.dsb-gamebar button{font-size:10px;padding:0 5px}.dsb-gamebar-title{font-size:12px}}
@media(orientation:landscape) and (max-height:520px){:root{--dsb-gamebar-h:56px}.dsb-gamebar{grid-template-columns:minmax(0,1fr) auto;padding-top:6px;padding-bottom:6px}.dsb-gamebar-nav{display:flex;width:auto}.dsb-gamebar a{min-height:40px}.dsb-gamebar-title{max-width:30vw}}