/* Isolated from the mobile player and spectator layout. */
.hy-page{max-width:1450px;margin:auto}.hy-page .heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.hy-summary,.hy-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hy-summary{margin:0 0 22px;background:#083e31;border:1px solid #2b6554;border-radius:18px;padding:22px;color:#f7efdc}
.hy-metric{display:flex;flex-direction:column;gap:8px;min-width:0}.hy-metric>span{font-size:12px;font-weight:650}.hy-metric strong{font-size:24px;line-height:1.25;overflow-wrap:anywhere}.hy-metric strong small{font-size:12px}.hy-metric>small{font-size:10px;line-height:1.5;opacity:.73}
.hy-policy{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:0 0 15px}.hy-policy .icon{flex:none}.hy-sync-state{font-size:11px;color:#68786d;margin-bottom:20px}
.hy-branch{margin:22px 0;background:#eff4ed;border:1px solid #c9d7cc;border-radius:18px;overflow:hidden}.hy-branch-title{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:#e0eae1;border-bottom:1px solid #c5d5c9;flex-wrap:wrap;color:#154d3c}.hy-branch-title>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hy-branch-title span{font-size:12px}
.hy-account{margin:14px;padding:22px;border:1px solid #dce2d6;border-radius:13px;background:#fffef9}.hy-account-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hy-account-title h3{font:700 20px/1.25 system-ui;margin:7px 0 4px;color:#144938}.hy-account-title p{font-size:12px;margin:0;color:#6c7a6c;overflow-wrap:anywhere}.hy-level{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#947c36;font-weight:800}
.hy-counts{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;margin:16px 0;color:#5d7462}.hy-values{padding:16px 0;border-top:1px solid #e5e8dc}.hy-values .hy-metric strong{font-size:21px}.hy-values .hy-metric:nth-child(3)>strong{color:#9b7427}.hy-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.hy-actions .btn{min-height:36px;padding:8px 11px;font-size:11px}
.hy-children{margin-left:30px;border-left:3px solid #99b6a0;margin-bottom:14px}.hy-more{border-top:1px solid #e5e8dc;padding:12px 0 0}.hy-more summary{cursor:pointer;color:#2a6951;font-size:12px;min-height:24px}.hy-more>p{font-size:11px;color:#627c66}.hy-no-children{padding:0 25px 12px;font-size:12px;color:#6e7e6e}
@media(max-width:950px){.hy-summary,.hy-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hy-account{padding:18px}.hy-branch-title{padding:16px}}
@media(max-width:520px){.hy-summary{padding:17px;gap:20px 12px}.hy-metric strong{font-size:21px}.hy-account{margin:9px;padding:14px}.hy-account-title h3{font-size:17px}.hy-values .hy-metric strong{font-size:19px}.hy-children{margin-left:12px}.hy-branch-title{gap:9px;padding:13px}.hy-counts{gap:8px;font-size:10px}.hy-page .page-heading{gap:12px}.hy-actions .btn{min-height:42px;font-size:11px}.hy-policy{font-size:12px}}

.match-confirm-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#eef4ed;border:1px solid #c8dccc;border-radius:13px;padding:17px;margin:16px 0;color:#174c3b}
.match-confirm-values>div{display:flex;flex-direction:column;gap:7px;min-width:0}.match-confirm-values span{font-size:12px;line-height:1.4}.match-confirm-values strong{font-size:23px;overflow-wrap:anywhere}
.match-confirm-mode{font-size:17px;font-weight:700}#match-confirm-form .form-actions{flex-wrap:wrap}#match-confirm-form .btn{min-height:44px}#match-confirm-form p{line-height:1.6}
@media(max-width:420px){.match-confirm-values{padding:13px;gap:12px}.match-confirm-values strong{font-size:20px}#match-confirm-form .form-actions>.btn{flex:1;justify-content:center}}

/* The lobby is centered in the safe viewport, independent of hidden sidebar offsets. */
body.pool-lobby-mode .app-shell{display:block!important;min-height:100dvh}
body.pool-lobby-mode .main-wrap{margin:0!important;width:100%;box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh}
body.pool-lobby-mode .main-content{flex:0 0 auto;width:100%;max-width:1040px!important;margin:0 auto!important;min-width:0}
body.pool-lobby-mode .fixed-lobby.pool-premium{width:100%;margin:0 auto!important}
body.pool-lobby-mode .pool-lobby-top{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto 34px;gap:9px;align-items:center}
body.pool-lobby-mode .pool-lobby-top .pool-brand{margin:0;min-width:0}
body.pool-lobby-mode .pool-lobby-top .pg-language{padding:2px;border-radius:18px;gap:0}
body.pool-lobby-mode .pool-lobby-top .pg-language button{min-width:36px;min-height:40px;font-size:11px;padding:6px}
body.pool-lobby-mode .pool-lobby-top .pool-menu,body.pool-lobby-mode .pool-lobby-top .pool-settings{min-height:40px;height:40px;width:32px;min-width:32px}
body.pool-lobby-mode .pool-wallet{min-width:0;max-width:100%;min-height:40px}
body.pool-lobby-mode .pool-wallet strong{overflow-wrap:anywhere;min-width:0;white-space:normal}
@media(max-width:700px){
 body.pool-lobby-mode .main-content{max-width:480px!important}
 body.pool-lobby-mode .pool-lobby-top{padding:10px 10px;grid-template-columns:30px minmax(40px,1fr) auto minmax(52px,auto) 30px;gap:5px}
 body.pool-lobby-mode .pool-lobby-top .pool-brand>img{display:none}
 body.pool-lobby-mode .pool-wallet{padding:5px 7px}
 body.pool-lobby-mode .pool-wallet>.icon{display:none}
 body.pool-lobby-mode .pool-lobby-top .pool-brand strong{font-size:25px}
 body.pool-lobby-mode .pool-lobby-top .pool-brand small{font-size:6px;letter-spacing:2px}
 body.pool-lobby-mode .pool-lobby-top .pg-language button{min-width:32px;padding:5px}
}
@media(max-height:500px) and (orientation:landscape){body.pool-lobby-mode .main-content{max-width:1000px!important}}
/* Duel has only north/south players: pull their discard spots inward. */
body.pg-mode.pg-south.pg-duel .pg-discard-0{left:64%;right:auto;top:auto;bottom:24%;transform:none}
body.pg-mode.pg-south.pg-duel .pg-discard-2{left:64%;right:auto;bottom:auto;top:24%;transform:none}
@media(orientation:portrait){
 body.pg-mode.pg-south.pg-duel .pg-discard-0{left:62%;bottom:26%}
 body.pg-mode.pg-south.pg-duel .pg-discard-2{left:62%;top:26%}
}
@media(max-height:360px) and (orientation:landscape){
 body.pg-mode.pg-south.pg-duel .pg-discard-0{left:74%;right:auto;top:42%;bottom:auto}
 body.pg-mode.pg-south.pg-duel .pg-discard-2{left:65%;right:auto;top:42%;bottom:auto}
}