/* Approved phone layout; monitor layout stays unchanged. */
.phone-sections,.phone-holder-pages{display:none}
@media(max-width:700px), (max-width:1000px) and (max-height:500px) and (pointer:coarse){
 html:has(body.dp-open){scrollbar-gutter:auto}
 body.dp-open #app{overflow-x:clip}
 .dp,.dp-open .dp{inset:0;transform:none;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;animation:none}
 .dp-head{display:grid;grid-template-columns:34px minmax(0,1fr) 78px 32px;grid-template-rows:auto auto;gap:4px 8px;padding:8px 12px 6px;padding-top:max(8px,env(safe-area-inset-top));min-width:0}
 .dp-head #dp-logo{grid-area:1/1;align-self:center;order:0}.dp-head #dp-logo .tklogo{width:34px;height:34px}
 .dp-head>.n{display:contents;max-width:none}
 .dp-head h2{grid-area:1/2;font-size:16px;line-height:21px;gap:4px;align-self:start;padding-top:1px}
 .dp-head h2 .q{font-size:11px;line-height:16px}
 .dp-head>.n>.sub{grid-area:2/1/3/3;font-size:10px;line-height:14px;margin:0;gap:4px;white-space:nowrap;flex-wrap:nowrap;overflow:hidden}
 .dp-head .header-launchpad{margin-left:0}
 .dp-head>.n>#dp-soc{grid-area:3/1/4/3;min-width:0;align-self:center;gap:4px}
 .dp-head .soc{gap:2px}.dp-head .soc a{width:34px;height:34px}.dp-head .soc .social-picture{width:19px;height:19px}
 .dp-head .dp-price{grid-area:1/3/3/4;align-self:center;align-items:flex-end;margin:0;gap:0}
 .dp-head .dp-price .mc-label{font-size:10px;line-height:13px}.dp-head .dp-price b{font-size:16px;line-height:21px}
 .dp-head #close-chart{grid-area:1/4/3/5;width:32px;height:40px;margin:0;align-self:center}
 .dp-head .gmgn-token-link{grid-area:3/3/4/5;justify-self:end;width:82px;height:34px;position:static;transform:none;margin:0}.dp-head .gmgn-token-link img{width:82px}
 .phone-sections{display:grid;position:relative;inset:auto;width:auto;height:auto;z-index:1;order:3;margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 12px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);border-radius:0;flex:none;background:var(--bg);box-shadow:none;backdrop-filter:none}
 .phone-sections button{min-width:0;height:44px;padding:0 4px;border-radius:0;font-size:12px;font-weight:500;--bb:transparent;--bbh:var(--raise);color:var(--text-3);border-bottom:2px solid transparent}
 .phone-sections button[aria-pressed=true]{color:var(--accent-ink);border-color:var(--accent);font-weight:700}
 .phone-sections button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
 .dp-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:max(12px,env(safe-area-inset-bottom));scroll-padding-top:8px}
 .dp-body>*{flex:none}.dp-summary{padding:10px 12px 0}.dp-main,.dp-side,.dp-dev{padding:12px;min-width:0;border:0;margin:0;gap:8px}
 .dp[data-phone-tab=chart] .dp-side,.dp[data-phone-tab=chart] .dp-dev,.dp[data-phone-tab=chart] #dp-wallets{display:none}
 .dp[data-phone-tab=wallets] .dp-summary,.dp[data-phone-tab=wallets] .dp-side,.dp[data-phone-tab=wallets] .dp-dev,.dp[data-phone-tab=wallets] .dp-main>:not(#dp-wallets){display:none}
 .dp[data-phone-tab=holders] .dp-summary,.dp[data-phone-tab=holders] .dp-main,.dp[data-phone-tab=holders] .dp-dev{display:none}
 .dp[data-phone-tab=dev] .dp-summary,.dp[data-phone-tab=dev] .dp-main,.dp[data-phone-tab=dev] .dp-side{display:none}
 .dp-summary #token-meta>div{padding:8px 6px;gap:3px}.dp-summary #token-meta .k{font-size:10px;line-height:14px}.dp-summary #token-meta b{font-size:13px;line-height:17px}
 .dp-summary #token-meta .l2,.dp-summary #token-meta .lp,.dp-summary #token-meta .l1>.t3{font-size:10px;line-height:14px}
 .dp-summary .act-summary>div{min-height:40px;padding:5px 2px}.dp-summary .act-summary .k{font-size:10px;line-height:13px}
 .dp-tools{display:flex;flex-wrap:wrap;gap:6px}.dp-tools #intervals{flex:1 1 100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;min-width:0}
 .dp-tools #intervals button{padding:0;min-width:0;height:34px;font-size:11px}.dp-tools #chart-unit button{height:32px;padding:0 10px;font-size:11px}
 .dp-tools .chart-reset{width:32px;height:32px}.dp-tools .chart-compact{height:32px;min-height:32px}.dp-tools .hint{display:none}
 .dp .chartbox{height:clamp(245px,39dvh,370px);border-radius:6px}.dp-credit{margin-top:0;font-size:10px;line-height:14px}
 #dp-wallets .sec{gap:6px}#dp-wallets .sec h4{font-size:11px;letter-spacing:.02em}#dp-wallets .sec h4 span{font-size:10px}
 #dp-wallets .tw{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 8px;padding:10px 0}
 #dp-wallets .tw .av{width:24px;height:24px}#dp-wallets .tw>.nm>b{font-size:13px;line-height:18px}#dp-wallets .tw>.nm>span{font-size:11px;line-height:15px}
 #dp-wallets .wallet-outcome{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-left:0;padding-top:6px;margin-top:2px}
 #dp-wallets .outcome-cell{align-items:flex-start;text-align:left;padding:0 7px;gap:1px}#dp-wallets .outcome-cell:first-child{padding-left:0}#dp-wallets .outcome-cell:last-child{padding-right:0}
 #dp-wallets .outcome-label{display:block;font-size:10px;line-height:14px}#dp-wallets .outcome-cell b{font-size:13px;line-height:18px}#dp-wallets .outcome-cell .outcome-percent{font-size:14px;line-height:18px}#dp-wallets .outcome-cell small{font-size:10px;line-height:14px}
 #dp-wallets .wallet-grid-head{display:none}#dp-wallets .wallet-more{margin:8px auto;height:20px;min-height:20px}#dp-wallets .wallet-more::after{inset:-8px -8px}
 .dp-side .chips{gap:5px}.dp-side .chips .tag{font-size:11px;height:24px}.dp-side .sec{gap:8px}
 .dp .hmore{display:none}.phone-holder-pages{display:flex;gap:4px;align-self:flex-start;max-width:100%;border-radius:5px;background:var(--raise);padding:2px}.phone-holder-pages button{height:34px;padding:0 12px;font-size:11px;border-radius:4px;color:var(--text-3);--bb:transparent;--bbh:var(--raise-2)}.phone-holder-pages button[aria-pressed=true]{background:var(--raise-2);color:var(--text-1);font-weight:700}
 .holder-columns{grid-template-columns:1fr}.holder-columns:not(.second)>.holder-column:nth-child(2),.holder-columns.second>.holder-column:first-child{display:none}.holder-columns.single>.holder-column:first-child{display:block}.holder-column h5{display:none}
 .holder-columns .hrow.h2.hclean{grid-template-columns:52px 18px 18px minmax(0,1fr);column-gap:6px;font-size:12px;padding:5px 0;min-height:48px}
 .holder-columns .hrow.h2.hclean:not(.pool)>.who>.sj-a{min-height:26px}.holder-columns .hrow.h2>.pct{font-size:12px}.holder-columns .hrow.h2>.val{font-size:10px;line-height:14px}
 .dp-dev .dls{grid-template-columns:1fr}.dp-dev .dmeta{font-size:11px;line-height:17px;display:flex;flex-wrap:wrap;gap:2px 5px}
 .dp-dev .dl{min-height:54px}.dp-dev .dl .sub{font-size:11px}
 #motion-lab{margin-top:12px}
 @media(prefers-reduced-motion:no-preference){.phone-sections button{transition:color 150ms,border-color 150ms}.dp-open .dp{animation:phone-enter 150ms ease-out}@keyframes phone-enter{from{opacity:0}to{opacity:1}}}
}
@media(max-width:1000px) and (max-height:500px) and (pointer:coarse){
 .dp-head{grid-template-columns:34px minmax(100px,1fr) 140px 82px 90px 32px;grid-template-rows:30px 16px;gap:0 8px;padding:5px 12px}
 .dp-head h2{grid-area:1/2}.dp-head>.n>.sub{grid-area:2/2}.dp-head>.n>#dp-soc{grid-area:1/3/3/4}.dp-head .gmgn-token-link{grid-area:1/4/3/5}.dp-head .dp-price{grid-area:1/5/3/6}.dp-head #close-chart{grid-area:1/6/3/7}.dp-head #dp-logo{grid-area:1/1/3/2}
 .phone-sections button{height:36px}
 .dp-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:'main act';grid-template-rows:auto;align-content:start;padding-bottom:0}
 .dp .chartbox{height:calc(100dvh - 224px);min-height:140px}
 .dp-summary{padding:12px 12px 0 0}
 .dp-summary #token-meta{display:flex;flex-direction:column}
 .dp-summary #token-meta>div{display:grid;grid-template-columns:48px minmax(0,1fr);border-right:0;border-bottom:1px solid var(--line);padding:7px 6px}
 .dp-summary #token-meta>div:last-child{border-bottom:0}.dp-summary #token-meta .v{align-items:flex-end;text-align:right}.dp-summary #token-meta .l1{justify-content:flex-end}
 .dp-summary .act-summary .v{font-size:10px;line-height:14px}
 .dp[data-phone-tab=wallets] .dp-main,.dp[data-phone-tab=holders] .dp-side,.dp[data-phone-tab=dev] .dp-dev{grid-area:1/1/2/-1}
}
