/* Shared touch placement sheet, identical Tier Maker component. */
.wrm2-tm-mobile-placement{display:none}
@media(max-width:760px){
 .wrm2-tm-champion{cursor:pointer;touch-action:pan-y}
 .wrm2-tier-maker.has-selection .wrm2-tm-tool{padding-bottom:156px}
 .wrm2-tm-mobile-placement:not([hidden]){position:fixed;z-index:80;inset:auto 0 0;display:grid;gap:9px;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:2px solid var(--wrm2-mint);background:var(--wrm2-canvas2);box-shadow:0 -14px 46px #000c}
 .wrm2-tm-mobile-head{display:flex;align-items:center;gap:9px;min-width:0}
 .wrm2-tm-mobile-head > img{width:36px;height:36px;object-fit:cover;border:1px solid var(--wrm2-line-strong)}
 .wrm2-tm-mobile-head span{display:grid;flex:1;min-width:0;gap:3px}
 .wrm2-tm-mobile-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wrm2-text);font-size:12px}
 .wrm2-tm-mobile-head small{color:var(--wrm2-muted);font-size:10px}
 
 .wrm2-tm-mobile-tiers{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin}
 .wrm2-tm-mobile-tiers button{flex:1 0 48px;min-width:48px;min-height:43px;padding:7px;border:1px solid var(--wrm2-line-strong);border-bottom:3px solid var(--tier-color,var(--wrm2-line-strong));background:var(--wrm2-canvas2);color:var(--wrm2-text);font-size:11px;font-weight:900;white-space:nowrap}
 .wrm2-tm-mobile-tiers button:focus-visible,.wrm2-tm-mobile-tiers button:hover{border-color:var(--wrm2-mint)}
 .wrm2-tm-mobile-tiers button[data-tm-place="pool"]{border-bottom-color:var(--wrm2-red);color:var(--wrm2-red)}
}
