#jadeStage { --jade-gap:12px;--stage-width:100vw;--stage-height:100dvh;position:relative;width:100%;height:100dvh;overflow:hidden;background:#123e32;isolation:isolate; }
#jadeStage .jade-background { position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none; }
body.layout-viet-green { overflow:hidden; }
#jadeStage>.app-shell { position:relative;display:grid;grid-template-rows:29% minmax(0,1fr) 14%;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:12px 32px 0;background:transparent; }
#jadeStage .hero { position:relative;grid-row:1;height:auto!important;min-height:0!important;max-height:none;margin:0!important;padding:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible; }
#jadeStage .jade-brand { position:absolute;left:0;top:-4%;width:43%;height:106%;object-fit:contain;object-position:left top;pointer-events:none; }
#jadeStage .topbar { position:absolute;z-index:5;top:12px;right:32px;left:auto;display:flex!important;align-items:center;justify-content:flex-end;width:auto;max-width:60%;min-height:52px;height:58px;padding:0;gap:12px;grid-template-columns:none;background:none!important;border:0!important;box-shadow:none!important; }
#jadeStage .topbar .profile { display:flex;width:62px;min-width:62px;height:62px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important; }
#jadeStage .topbar .profile>div:not(.avatar) { display:none!important; }
#jadeStage .topbar .avatar { width:62px;height:62px;margin:0!important;border:2px solid #ebcb81;border-radius:50%;background:radial-gradient(circle,#2a6750,#052c24);box-shadow:0 0 0 3px #886936,0 3px 7px #0007; }
#jadeStage .topbar .avatar img { width:100%;height:100%;object-fit:contain; }
#jadeStage .topbar .wallet { display:flex;position:relative;width:clamp(200px,20vw,320px);height:48px;padding:0 50px 0 45px!important;gap:10px;border:1px solid #cfb76c;border-radius:24px;background:linear-gradient(#1f5a43,#062e24)!important;box-shadow:inset 0 0 0 3px #0c3f2e,0 3px 7px #0007; }
#jadeStage .coin-icon { display:grid;place-items:center;position:absolute;left:5px;width:34px;height:34px;border:2px solid #e8bf69;border-radius:50%;background:linear-gradient(#ffe6a2,#b58225);color:#734907;font:700 26px/1 Georgia,serif; }
#jadeStage .wallet strong { display:block;color:#fff0be;font:700 23px/1.2 Georgia,serif;white-space:nowrap; }
#jadeStage .wallet .plus { position:absolute;right:0;top:-3px;display:grid;place-items:center;min-width:52px;width:52px;height:52px;padding:0!important;border:2px solid #e5c176!important;border-radius:50%!important;background:radial-gradient(circle at 35% 20%,#297052,#042c24)!important;color:#ffe29a!important;font:700 38px/1 Georgia,serif;box-shadow:0 0 0 2px #6b552a!important; }
#jadeStage .jade-actions { position:relative; }
#jadeStage .jade-actions>summary { display:grid;place-items:center;width:52px;height:52px;list-style:none;border:2px solid #e5c176;border-radius:50%;background:radial-gradient(circle at 35% 20%,#297052,#042c24);box-shadow:0 0 0 2px #6b552a;color:#f5dea4;font-size:32px;cursor:pointer; }
#jadeStage .jade-actions>summary::-webkit-details-marker { display:none; }
#jadeStage .jade-actions .actions { position:absolute;top:62px;right:0;z-index:10;display:none;width:320px;max-width:70vw;height:auto;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px!important;border:1px solid #c3a866;border-radius:16px;background:#073628f5!important;box-shadow:0 8px 25px #0008; }
#jadeStage .jade-actions[open] .actions { display:grid; }
#jadeStage .jade-actions .actions button { width:86px;height:64px;min-width:0;padding:0!important;background:none!important; }
#jadeStage .jade-actions .actions img { width:100%;height:100%;object-fit:contain; }
#jadeStage #playerLogout { display:grid;place-items:center;border:1px solid #d3b66b!important;border-radius:12px!important;background:#0d4d35!important;color:#eed6a0; }
#jadeStage #playerLogout img { display:none; }
#jadeStage #playerLogout::after { content:'Thoát';font-size:15px;font-weight:700; }
#jadeStage main { grid-row:2;min-width:0;min-height:0;padding:0;background:none!important;display:flex;align-items:center; }
#jadeStage .jade-rail-viewport { position:relative;width:100%;height:100%;display:flex;align-items:center;min-height:0; }
#jadeStage .game-grid { --jade-tile-width:280px;--jade-cards-height:370px;display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:var(--jade-tile-width);align-content:stretch;align-items:stretch;gap:var(--jade-gap)!important;width:100%;height:var(--jade-cards-height);margin:0!important;padding:0!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;touch-action:none;scroll-snap-type:x proximity;box-shadow:none!important;background:none!important; }
#jadeStage .game-grid::-webkit-scrollbar { display:none; }
#jadeStage .game-grid .game-card { display:block!important;position:relative;min-width:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:0 3px 9px #06281c6b!important;overflow:hidden;scroll-snap-align:start;touch-action:none; }
#jadeStage .game-grid .game-card.jade-tall { grid-row:span 2; }
#jadeStage .game-grid .game-card img { display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;object-fit:contain!important;filter:none!important;border-radius:inherit;pointer-events:none;user-select:none;-webkit-user-drag:none; }
#jadeStage .game-grid .game-card:not(.jade-core-tile) { border:2px solid #d8b96e!important;background:#06392b!important; }
#jadeStage .game-grid .game-card:not(.jade-core-tile) img { object-fit:contain!important; }
#jadeStage .game-grid .disabled { opacity:.65; }
#jadeStage .jade-rail-arrow { position:absolute;z-index:2;top:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #dfc078;border-radius:50%;background:#06362de8;color:#ffe3a1;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 3px 8px #0008; }
#jadeStage #jadePrev { left:-21px; } #jadeStage #jadeNext { right:-21px; }
#jadeStage .jade-rail-arrow:disabled { visibility:hidden; }
#jadeStage .jade-lobby-footer { position:relative;grid-row:3;display:flex!important;justify-content:center;align-items:center;gap:0;width:min(980px,88%);height:88%;min-height:52px;max-height:100px;margin:auto!important;inset:auto!important;padding:0 40px!important;border:1px solid #d2b975!important;border-bottom:0!important;border-radius:50% 50% 0 0/35% 35% 0 0!important;background:linear-gradient(90deg,#052c22dc,#17513ce8,#052c22dc)!important;box-shadow:inset 0 3px 0 #c7aa6155,0 -3px 16px #062b2780!important; }
#jadeStage .jade-lobby-footer button { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;width:auto!important;height:100%!important;margin:0!important;padding:4px 10px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;cursor:pointer;color:#f9e4b6;font:700 clamp(13px,1.4vw,20px)/1.15 Georgia,serif; }
#jadeStage .jade-lobby-footer button img { position:static!important;width:auto!important;height:55%!important;max-height:48px;min-height:25px;object-fit:contain!important; }
#jadeStage .jade-lobby-footer button:first-child { color:#ffe1a3;text-shadow:0 0 7px #c49327; }
#jadeStage .jade-lobby-footer button+button { border-left:1px solid #d2b97522!important; }
#jadeStage .layout-category-bar,#jadeStage .fund-strip,#jadeStage #mobilePlayerLogout { display:none!important; }
#jadeStage :is(button,summary):focus-visible { outline:3px solid #ffe095;outline-offset:2px; }
#jadeStage .chat-fab { position:absolute;bottom:calc(14% + 6px);right:8px; }
#jadeStage .chat-panel { position:absolute;bottom:calc(14% + 56px);right:8px;max-height:calc(var(--stage-height) - 90px); }
#jadeStage .toast { position:absolute;bottom:18%; }
#jadeStage .jade-loading { position:absolute;z-index:2000;inset:0;display:grid;place-content:center;gap:12px;background:#07382ef7;color:#f5dca1;text-align:center; }
#jadeStage .jade-loading[hidden],body.auth-pending #jadeLoading { display:none!important; }
#jadeLoading progress { width:min(280px,65vw);height:12px;accent-color:#d9b55e; }
#jadeLoading output { font:700 20px Georgia,serif; }
body.jade-mobile-stage { margin:0;overflow:hidden!important;overscroll-behavior:none; }
body.jade-mobile-stage #jadeStage { position:fixed;left:var(--stage-left,0px);top:var(--stage-top,0px);width:var(--stage-width);height:var(--stage-height);transform-origin:0 0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
body.jade-stage-rotated #jadeStage { transform:rotate(90deg);padding:env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) env(safe-area-inset-top); }
body.jade-mobile-stage #jadeStage>.app-shell { padding:4px 18px 0; }
body.jade-mobile-stage #jadeStage .topbar { top:6px;right:18px;height:44px;gap:8px; }
body.jade-mobile-stage #jadeStage .topbar .profile,body.jade-mobile-stage #jadeStage .topbar .avatar { width:44px;min-width:44px;height:44px; }
body.jade-mobile-stage #jadeStage .topbar .wallet { width:200px;height:38px;padding-left:36px!important;padding-right:40px!important; }
body.jade-mobile-stage #jadeStage .wallet strong { font-size:18px; }
body.jade-mobile-stage #jadeStage .coin-icon { width:28px;height:28px;font-size:21px; }
body.jade-mobile-stage #jadeStage .wallet .plus,body.jade-mobile-stage #jadeStage .jade-actions>summary { width:44px;min-width:44px;height:44px;top:-3px;font-size:30px; }
body.jade-mobile-stage #jadeStage .jade-actions .actions { top:50px;max-width:400px; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer { min-height:44px;height:100%;max-height:none;padding:0 28px!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer button { font-size:14px;padding:2px 8px!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer button img { max-height:30px;min-height:22px; }
body.jade-mobile-stage #jadeStage .jade-rail-arrow { width:44px;height:44px; }
body.jade-mobile-stage #jadeStage { --jade-gap:8px; }
body.game-mode #jadeStage>.app-shell { display:block!important;padding:0!important; }
body.game-mode #jadeStage .topbar,body.game-mode #jadeStage .hero,body.game-mode #jadeStage .jade-lobby-footer,body.game-mode #jadeStage .jade-rail-viewport { display:none!important; }
body.game-mode #jadeStage main { display:block;width:100%;height:100%; }
body.jade-mobile-stage.game-mode #jadeStage main>section:not([hidden]):not(.game-grid):not(.fund-strip) { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;padding:4px!important;transform:none!important;left:0!important;top:0!important; }
body.jade-mobile-stage.game-mode #jadeStage .classic-lobby { height:100%;overflow:auto; }
body.jade-mobile-stage.game-mode #jadeStage #baiCaoLobby { height:100%;padding:8px 46px 8px 14px;overflow:auto; }
body.jade-mobile-stage.game-mode #jadeStage #baiCaoRoomList { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.jade-mobile-stage.game-mode #jadeStage #baiCaoTable,body.jade-mobile-stage.game-mode #jadeStage #classicTable { height:100%;min-height:0!important; }
body.jade-mobile-stage.game-mode #jadeStage .classic-table-surface,body.jade-mobile-stage.game-mode #jadeStage .bai-cao-table-surface { height:calc(var(--stage-height) - 85px)!important;min-height:0!important; }
body.jade-mobile-stage.game-mode #jadeStage #baiCaoPanel { transform:none!important;transform-origin:0 0!important; }
body.jade-mobile-stage.game-mode #jadeStage .chat-fab { bottom:8px!important; }
body.jade-mobile-stage.game-mode #jadeStage .chat-panel { bottom:58px!important;height:calc(var(--stage-height) - 78px);max-height:330px; }
body.jade-mobile-stage.game-mode #jadeStage .game-chrome-toggle { position:absolute;left:6px;top:6px; }
body.jade-mobile-stage.game-mode #jadeStage #baiCaoPanel .round-result-board { width:min(560px,80%);max-height:calc(var(--stage-height) - 20px)!important; }
body.jade-stage-rotated #jadeStage dialog:not(#playerProfileDialog)[open] { position:fixed!important;inset:auto!important;left:var(--stage-modal-x)!important;top:var(--stage-modal-y)!important;width:min(1080px,calc(var(--stage-width) - 24px))!important;max-width:none!important;max-height:calc(var(--stage-height) - 24px)!important;margin:0!important;transform:translate(-50%,-50%) rotate(90deg)!important; }
body.jade-mobile-stage #jadeStage .player-feature-window:not(.jade-account-window) { max-height:calc(var(--stage-height) - 24px)!important; }
@media(max-width:650px) and (pointer:fine) { #jadeStage>.app-shell { grid-template-rows:34% minmax(0,1fr) 12%;padding:10px 18px 0; } #jadeStage .topbar { max-width:100%;right:18px;top:10px;gap:8px; } #jadeStage .topbar .profile,#jadeStage .topbar .avatar { width:44px;min-width:44px;height:44px; } #jadeStage .topbar .wallet { width:210px;height:42px; } #jadeStage .wallet strong { font-size:17px; } #jadeStage .wallet .plus,#jadeStage .jade-actions>summary { width:44px;min-width:44px;height:44px;font-size:28px; } #jadeStage .jade-brand { top:58px;width:75%;height:calc(100% - 50px); } #jadeStage .jade-lobby-footer { width:100%;padding:0 12px!important; } #jadeStage .jade-lobby-footer button { font-size:12px;padding:3px!important; } }

#jadeStage .auth-view { position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important; }
#jadeStage .auth-picture { position:absolute;inset:0;width:100%;height:100%; }
body.jade-mobile-stage #jadeStage .auth-view { padding:8px!important; }

#jadeStage>.app-shell { grid-template-rows:minmax(76px,18%) minmax(0,1fr) 14%; }
#jadeStage .jade-brand { top:0;left:0;width:min(35%,320px);height:100%;object-fit:contain;object-position:left top; }
#jadeStage .jade-lobby-footer button:disabled { opacity:.6;cursor:default; }
@media(max-width:650px) and (pointer:fine) { #jadeStage>.app-shell { grid-template-rows:26% minmax(0,1fr) 12%; } #jadeStage .jade-brand { top:60px;width:55%;height:calc(100% - 60px); } }

#jadeStage .topbar .avatar,#jadeStage .topbar .avatar img { display:block!important;opacity:1!important;visibility:visible!important; }
#jadeStage .wallet .plus { opacity:1!important;visibility:visible!important; }
#jadeStage .jade-actions[open] .actions { max-width:calc(var(--stage-width) - 36px); }

#jadeStage .game-grid .game-card { border:0!important;background:none!important;box-shadow:none!important; }
#jadeStage .jade-lobby-footer { width:min(1160px,96%);height:100%;max-height:140px;min-height:62px;padding:8px 10% 2px!important;border:0!important;border-radius:0!important;background:url('/assets/images/lobby-jade-v2/nav-panel.webp') center/100% 100% no-repeat!important;box-shadow:none!important; }
#jadeStage .jade-lobby-footer button { border:0!important;padding:6px 4px 2px!important;gap:2px; }
#jadeStage .jade-lobby-footer button img { width:64px!important;height:56%!important;max-height:56px;min-height:30px; }
body.jade-mobile-stage #jadeStage>.app-shell { grid-template-rows:minmax(64px,18%) minmax(0,1fr) minmax(64px,16%); }
body.jade-mobile-stage #jadeStage .jade-lobby-footer { min-height:64px;padding:5px 8% 0!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer button { font-size:16px;padding:4px 3px 0!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer button img { width:42px!important;height:34px!important;max-height:34px;min-height:30px; }

#jadeStage .jade-lobby-footer button span { position:static!important;display:block!important;font:inherit!important;line-height:1.15!important;opacity:1!important; }
#jadeStage .jade-lobby-footer button img { height:44px!important;max-height:44px; }
#jadeStage .game-grid { padding:8px!important;box-sizing:border-box;scroll-padding:8px; }
#jadeStage .game-grid .game-card,#jadeStage .game-grid .game-card:is(:hover,:focus,:active) { transform:none!important;translate:none!important;scale:none!important;transition:box-shadow .18s ease,outline-color .18s ease!important; }
#jadeStage .game-grid .game-card img,#jadeStage .game-grid .game-card:hover img { transform:none!important;scale:none!important;translate:none!important; }
#jadeStage .game-grid .game-card:focus-visible { outline:3px solid #fff0a6!important;outline-offset:2px;box-shadow:0 0 7px 2px #f8cb72!important; }

@media (hover:none), (pointer:coarse) { #jadeStage .game-grid .game-card:hover:not(:focus-visible) { outline:none!important;box-shadow:none!important; } }

#jadeStage .jade-lobby-footer { gap:10px!important;padding:7px 10% 9px!important; }
#jadeStage .jade-lobby-footer button { display:block!important;flex:1;min-width:0;position:relative;padding:0!important;transform:none!important;opacity:1!important; }
#jadeStage .jade-lobby-footer button img { display:block!important;position:static!important;width:100%!important;height:100%!important;max-height:74px!important;min-height:0!important;object-fit:contain!important; }
#jadeStage .jade-lobby-footer button:disabled { opacity:1!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer { gap:6px!important;padding:5px 8% 8px!important; }
body.jade-mobile-stage #jadeStage .jade-lobby-footer button img { width:100%!important;height:100%!important;max-height:58px!important;min-height:0!important; }

#jadeStage .game-grid .game-card:hover { outline:none!important;box-shadow:none!important;filter:none!important;transform:none!important;scale:none!important;translate:none!important; }
#jadeStage .game-grid .game-card::after { content:none!important;display:none!important; }
#jadeStage .game-grid .game-card:focus-visible { outline:3px solid #ffe39b!important;outline-offset:2px;box-shadow:none!important; }