.ui-mark{display:none!important}body:has(#hud.hidden) .in-hud,body:has(#trial.hidden) .in-trial,body:has(#live.hidden) .in-live{display:none!important}#ui{--pad: 12px;--gap: 10px;--a: clamp(220px, 21vw, 330px);--e: 170px;--bl: 150px;--br: min(420px, 40vw);--mid: 0px;--b: max(0px, calc(var(--bl) - var(--a) - var(--gap)));--d: max(0px, calc(var(--br) - var(--e) - var(--gap)));position:absolute;inset:0;display:grid;pointer-events:none;padding:max(var(--pad),env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(var(--pad),env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));gap:6px var(--gap);grid-template-columns:var(--a) var(--b) minmax(0,1fr) var(--d) var(--e);grid-template-rows:auto minmax(var(--mid),1fr) auto;grid-template-areas:"tl tc tc tc tr" "ml mc mc mc mr" "bl bl bc br br"}#ui>.z{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}#ui>.z-tl{grid-area:tl;align-items:flex-start}#ui>.z-tc{grid-area:tc;align-items:center}#ui>.z-tr{grid-area:tr;align-items:flex-end}#ui>.z-ml{grid-area:ml;justify-content:flex-end}#ui>.z-mc{grid-area:mc;align-items:center;justify-content:flex-end;overflow:clip;overflow-clip-margin:8px}#ui>.z-mr{grid-area:mr;align-items:flex-end}#ui>.z-bl{grid-area:bl;flex-direction:row;align-items:flex-end;justify-content:flex-start}#ui>.z-bc{grid-area:bc;align-items:center;justify-content:flex-end}#ui>.z-br{grid-area:br;align-items:flex-end;justify-content:flex-end}#ui .z-row{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}#ui>.z>*,#ui .z-row>*{position:relative;inset:auto;flex:none;max-width:100%;z-index:10}#ui #tangBar,#ui #tangKing,#ui #tangRank,#ui .pc-bar,#ui #trialHead,#ui #btnEarlyVote,#ui #voteArea{z-index:11}#ui .live-top,#ui #giftBar,#ui .live-huong,#ui #feed{z-index:12}#ui #quickChat,#ui #chatBox{z-index:13}#ui #btnVoice{z-index:14}#ui #lobby{z-index:15}#ui #banner{z-index:27}#ui #xGear{z-index:31}#ui #subtitle{z-index:35}#ui #toast{z-index:36}#ui #voteArea,#ui #lobby{flex:0 1 auto;min-height:0}#ui #feed{flex:0 1000 auto;min-height:0}#ui #quickChat{flex:0 1 auto;min-height:0;overflow:hidden}#ui #subtitle{margin-top:auto}#ui #tangKing{order:-1}body.touch #ui{--bl: 230px}@media(max-width:900px),(max-height:480px){#ui{grid-template-rows:auto minmax(var(--mid),1fr) auto auto;grid-template-areas:"tl tc tc tc tr" "ml mc mc mc mr" "ml bc bc bc mr" "bl bl br br br"}}@media(max-width:900px){#ui{--a: 210px;--e: 176px}}@media(max-height:480px){#ui{--pad: 6px;--gap: 8px;--a: clamp(164px, 23vw, 200px);--e: 128px;--bl: 84px;gap:4px var(--gap)}#ui>.z{gap:4px}body.touch #ui{--bl: 186px}}body.trial-mode #ui{--bl: 0px;grid-template-rows:auto minmax(var(--mid),1fr) minmax(0,auto);grid-template-areas:"tl tc tc tc tr" "ml mc mc mc mr" "ml bc bc br br"}body.trial-mode #ui>.z-bl{display:none}body.trial-mode:has(#voteArea:not(.hidden)) #ui{--br: min(590px, calc(100vw - 2 * var(--pad) - var(--a) - 3 * var(--gap) - 40px));--mid: 84px}body:has(#lobby:not(.hidden)) #ui{--lobby: min(320px, 40vw);--chat: clamp(200px, 26vw, 330px);grid-template-columns:var(--lobby) minmax(0,1fr) var(--chat);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"tl mc tr" "tl mc ml" "tl mc br"}body:has(#lobby:not(.hidden)) #ui>:is(.z-tc,.z-mr,.z-bl,.z-bc){display:none}@media(max-height:480px){body.trial-mode #ui{--bl: 0px;--mid: 0px}body.trial-mode:has(#voteArea:not(.hidden)) #ui{--ballot: min(590px, calc(100vw - 2 * var(--pad) - var(--gap) - 200px));grid-template-columns:minmax(0,1fr) var(--ballot);grid-template-rows:auto auto auto minmax(0,1fr) minmax(0,auto);grid-template-areas:"tl tr" "tl mc" "tc mc" "ml mc" "ml br"}body.trial-mode:has(#voteArea:not(.hidden)) #ui>:is(.z-mr,.z-bc){display:none}body.trial-mode:has(#voteArea:not(.hidden)) #ui>.z-tc{align-items:flex-start}body:has(#lobby:not(.hidden)) #ui{--lobby: min(460px, 56vw);grid-template-columns:var(--lobby) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"tl tr" "tl mc" "tl ml" "tl br"}}@media(max-height:480px){#toast div:not(:last-child){display:none}#toast div{font-size:15px;padding:3px 12px}}