/* Only the mobile HUD is decomposed; fixed touch controls remain untouched. */
.mobile-ui .reference-hud.mobile-split { width:100vw;height:100vh;transform:none;overflow:hidden; }
.mobile-split > #referenceOverlay,.mobile-split > .reference-patches { display:none; }
.mobile-hud-art { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0; }
.mobile-piece { position:absolute;overflow:hidden;transform-origin:0 0;z-index:10; }
.mobile-piece > canvas { position:absolute;inset:0;pointer-events:none; }
.mobile-piece-title > canvas { -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent); }
.mobile-piece-note > canvas,.mobile-piece-author > canvas { -webkit-mask-image:radial-gradient(ellipse at center,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 64%,transparent 100%); }
.mobile-piece-content { position:absolute;width:1672px;height:941px; }
.mobile-ui .mobile-split .touch-guide { position:absolute;display:flex;align-items:center;justify-content:space-evenly;gap:6px;margin:0;padding:0;z-index:15;color:#ddc6a3;white-space:nowrap; }
.mobile-split .control-strip,.mobile-split #pauseButton { display:none!important; }
.mobile-split .game-caption { font-size:6px;gap:5px; }
.mobile-split #roomProgress,.mobile-split .room-status { font-size:6px; }
.mobile-split #fpsDisplay { min-width:0;font-size:10px;line-height:15px;padding:3px 5px;right:5px;top:5px; }
.mobile-split .game-frame { z-index:5; }
.mobile-ui .reference-hud.mobile-split #shopPanel { top:6px;bottom:auto;left:15%;right:15%;width:auto;padding:6px 8px;gap:3px 8px;grid-template-columns:minmax(0,1fr) auto;font-size:10px; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-info { gap:6px;min-width:0; }
.mobile-ui .reference-hud.mobile-split #shopPanel #shopItemIcon { width:26px;height:26px; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-info strong { font-size:12px;line-height:1.3; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-info p { margin:2px 0;font-size:10px;line-height:1.35; }
.mobile-ui .reference-hud.mobile-split #shopPanel #shopWallet { font-size:9px;line-height:1.3; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-actions { gap:4px; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-actions button { min-width:65px;min-height:32px;padding:4px 6px;font-size:11px;line-height:1.2; }
.mobile-ui .reference-hud.mobile-split #shopPanel #shopFeedback { margin:0;font-size:9px;line-height:1.3; }
.mobile-ui .reference-hud.mobile-split #toast { min-width:0;width:max-content;max-width:60%;bottom:25px;padding:5px 12px;font-size:12px;line-height:1.35; }
.mobile-ui .reference-hud.mobile-split #toast small { margin-top:2px;font-size:10px;line-height:1.35; }
.mobile-ui .reference-hud.mobile-split #shopPanel { left:50%;right:auto;transform:translateX(-50%);width:min(66%,310px);padding:5px 7px;gap:2px 6px; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-info strong { font-size:11px; }
.mobile-ui .reference-hud.mobile-split #shopPanel .shop-info p { font-size:9px; }
.mobile-ui .reference-hud.mobile-split #shopPanel #shopWallet { font-size:8px; }
.mobile-ui .reference-hud.mobile-split #shopPanel #shopItemIcon { width:22px;height:22px; }
.mobile-ui .reference-hud.mobile-split #shopPanel.shop-refresh-only { top:auto;bottom:65px;width:auto;padding:0;border:0;background:none;box-shadow:none; }