/* ===== Chế độ hiển thị (js/display.js). Nạp sau cùng để thắng các quy tắc #app trước đó (kể cả body.mob). ===== */

/* PC: khung game phủ kín cửa sổ trình duyệt, không co giãn. */
html.dm-pc body #app{width:100vw!important;max-width:none;height:var(--app-h,100dvh)!important;margin:0!important;transform:none!important}

/* Mobile: khung cố định --dm-w × --dm-h (360×800), co theo --dm-s và căn giữa; phần thừa là viền đen. */
html.dm-mobile body{background:#000}
html.dm-mobile body #app{position:fixed;left:50%;top:50%;width:var(--dm-w)!important;max-width:none;height:var(--dm-h)!important;margin:0!important;transform:translate(-50%,-50%) scale(var(--dm-s,1))!important;transform-origin:50% 50%!important}

/* Nút đổi chế độ: biểu tượng vẽ bằng CSS (màn hình PC / điện thoại). */
#jxDisp i{background:none!important;position:relative}
#jxDisp i::before{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;border:2px solid #d8c38a;border-radius:2px;transform:translate(-50%,-50%)}
#jxDisp[data-dm=pc] i::before{width:18px;height:13px;margin-top:-2px;box-shadow:0 6px 0 -4px #d8c38a}
#jxDisp[data-dm=mobile] i::before{width:11px;height:18px;border-radius:3px;border-top-width:3px;border-bottom-width:3px}
#jxDisp:hover i::before{border-color:var(--jx-over,#fff1b8)}