/* Mobile presentation; every button remains owned by its native runtime. */
html[data-mobile-edition-r33]{--r33-controls-height:154px;--r33-bottom:calc(var(--r33-controls-height) + max(8px,var(--r33-safe-bottom,env(safe-area-inset-bottom))));--r33-hud-top:156px}
html[data-mobile-edition-r33],html[data-mobile-edition-r33] body{height:var(--r33-viewport-height,100dvh)}
html[data-mobile-edition-r33] #app{height:100%;min-height:0}
html[data-mobile-edition-r33] #game{top:var(--r33-hud-top)!important;bottom:var(--r33-bottom)!important;left:0!important;right:0!important;min-height:1px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1{left:max(10px,var(--r33-safe-left,env(safe-area-inset-left)));right:max(10px,var(--r33-safe-right,env(safe-area-inset-right)));top:max(8px,var(--r33-safe-top,env(safe-area-inset-top)));gap:4px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .brand{display:none}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .top-actions{display:flex!important;flex-wrap:nowrap!important;width:100%;gap:4px;min-width:0}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .wallet{flex:1 1 auto;min-width:0;min-height:44px;padding:4px 6px;gap:4px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .wallet strong{font-size:16px;line-height:1.15;overflow-wrap:anywhere;white-space:normal}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .wallet svg{width:18px;height:18px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .level-chip{min-width:68px;max-width:88px;min-height:44px;padding:4px 7px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .top-actions>button{flex:0 0 44px;width:44px!important;min-height:44px;padding:0!important;position:static!important}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .shop-button>span{display:none}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .tvdb-hud-meta-r1{gap:4px;flex-wrap:nowrap;align-items:center}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .guide{min-width:0;padding:4px 6px;gap:4px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .guide p{font-size:11px;line-height:1.3;margin:0}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .guide-icon,html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .guide .eyebrow{display:none}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .qa-mode-badge{font-size:9px;min-height:20px;padding:3px 6px;white-space:nowrap}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 #aquaculture-station-hud{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;max-width:100%!important;padding:1px 0 3px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 #aquaculture-station-hud::-webkit-scrollbar{display:none}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .tvdb-hud-robots-r1{display:contents!important}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 #aquaculture-station-hud button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:4px!important;justify-content:center;box-shadow:none;border:1px solid #d8ddc7;border-radius:12px;background:#fff8e6ed;color:#315842}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .robot-hud-r22 span,html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .aq-robot-hud span,html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .lv-robot-hud span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .robot-hud-r22 img,html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .aq-robot-hud img,html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .lv-robot-hud img{width:30px;height:32px}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .mobile-aux-r33{min-width:0}
html[data-mobile-edition-r33] #tvdb-hud-layout-r1 .scene-actions{position:static!important;inset:auto!important;display:grid;grid-template-columns:minmax(0,1fr) repeat(4,44px);grid-template-rows:auto auto;gap:0 4px;margin:0;min-height:44px}
html[data-mobile-edition-r33] .scene-actions #save-status{display:block!important;grid-column:1;grid-row:1;max-width:none;margin:0;font-size:10px;line-height:1.25;min-width:0;overflow-wrap:anywhere;white-space:normal!important;align-self:center}
html[data-mobile-edition-r33] .scene-actions #care-summary:not([hidden]){display:flex!important;grid-column:1;grid-row:2;max-width:none;margin:0;font-size:9px;line-height:1.15}
html[data-mobile-edition-r33] .scene-actions .icon-button{width:44px!important;height:44px!important;grid-row:1/3;margin:0;background:#fff8e6df;border:1px solid #dedfc5}
html[data-mobile-edition-r33] .scene-actions #sound{grid-column:2}html[data-mobile-edition-r33] .scene-actions #recenter{grid-column:3}html[data-mobile-edition-r33] .scene-actions #help-open{grid-column:4}html[data-mobile-edition-r33] .scene-actions #motion-toggle{grid-column:5}
html[data-mobile-edition-r33] .controls-area{left:max(0px,var(--r33-safe-left,env(safe-area-inset-left)));right:max(0px,var(--r33-safe-right,env(safe-area-inset-right)));height:var(--r33-controls-height)!important;bottom:max(8px,var(--r33-safe-bottom,env(safe-area-inset-bottom)))!important;padding:0!important;display:block!important}
html[data-mobile-edition-r33] .toolbelt{left:8px!important;right:8px!important;bottom:0!important;height:66px!important;width:auto!important;min-width:0!important;max-width:none!important;transform:none!important;padding:5px!important;gap:4px!important;box-shadow:none;border-radius:16px}
html[data-mobile-edition-r33] .toolbelt>.tool-utility{width:48px!important;min-width:48px!important;flex:0 0 48px!important;height:54px!important}
html[data-mobile-edition-r33] .seed-strip-wrap{flex:1 1 auto;min-width:0;max-width:none}
html[data-mobile-edition-r33] .seed-strip .tool{height:54px!important;min-width:48px!important;width:48px!important;flex:0 0 48px!important}
html[data-mobile-edition-r33] .tool-name{font-size:10px!important;line-height:1.1}html[data-mobile-edition-r33] .tool-shortcut{display:none!important}
html[data-mobile-edition-r33] .joystick-area{display:block!important;left:12px!important;bottom:76px!important}
html[data-mobile-edition-r33] .joystick{width:74px!important;height:74px!important}
html[data-mobile-edition-r33] .stick-knob{width:32px!important;height:32px!important;left:20px!important;top:20px!important}
html[data-mobile-edition-r33] .action-button{right:12px!important;bottom:76px!important;width:74px!important;height:74px!important;font-size:11px;box-shadow:none}
html[data-mobile-edition-r33] .selected-tile{left:96px!important;right:96px!important;bottom:74px!important;transform:none!important;min-width:0!important;max-width:none!important;max-height:78px;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;padding:5px!important;font-size:10px}
html[data-mobile-edition-r33] .selected-tile #tile-detail,html[data-mobile-edition-r33] .selected-tile #organic-note{font-size:10px;line-height:1.2}
html[data-mobile-edition-r33] .selected-tile strong{font-size:12px;line-height:1.2}
html[data-mobile-edition-r33] .selected-tile .organic-action{min-height:44px;width:100%}
html[data-mobile-edition-r33] #toast{bottom:calc(var(--r33-bottom) + 8px)!important;max-width:calc(100% - 24px);font-size:12px;z-index:1250;pointer-events:none}
html[data-mobile-edition-r33] dialog{max-height:calc(var(--r33-viewport-height,100dvh) - var(--r33-safe-top,env(safe-area-inset-top)) - var(--r33-safe-bottom,env(safe-area-inset-bottom)) - 20px)!important;max-width:calc(100vw - var(--r33-safe-left,env(safe-area-inset-left)) - var(--r33-safe-right,env(safe-area-inset-right)) - 20px)!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 8px 28px #183b3555}
html[data-mobile-edition-r33] dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-mobile-edition-r33] dialog>.dialog-top,html[data-mobile-edition-r33] dialog>header{position:sticky;top:0;z-index:3;background:#fff8e6;padding-bottom:8px;border-bottom:1px solid #e2dfc6}
html[data-mobile-edition-r33] dialog input,html[data-mobile-edition-r33] dialog select,html[data-mobile-edition-r33] dialog textarea{font-size:16px!important}
html[data-mobile-edition-r33] #mobile-health-download-r33{margin-top:14px;min-height:44px}

/* Height, rather than a desktop-width threshold, owns a phone's landscape. */
html[data-mobile-edition-r33=landscape]{--r33-controls-height:72px}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 .topbar{grid-column:1;grid-row:1}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 #aquaculture-station-hud{grid-column:2;grid-row:1;align-self:center}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 .tvdb-hud-meta-r1{grid-column:1;grid-row:2}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 .mobile-aux-r33{grid-column:2;grid-row:2}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 .level-chip{min-width:58px;padding:3px 5px}
html[data-mobile-edition-r33=landscape] #tvdb-hud-layout-r1 .wallet strong{font-size:13px}
html[data-mobile-edition-r33=landscape] .toolbelt{left:100px!important;right:100px!important;height:66px!important}
html[data-mobile-edition-r33=landscape] .joystick-area{bottom:0!important}
html[data-mobile-edition-r33=landscape] .action-button{bottom:0!important}
html[data-mobile-edition-r33=landscape] .selected-tile{left:100px!important;right:100px!important;bottom:76px!important;max-width:320px!important;margin:auto;max-height:44px;background:#fff9e6cf;padding:3px!important}
html[data-mobile-edition-r33=landscape] .seed-strip-empty{min-width:120px;font-size:10px}

html[data-mobile-edition-r33=landscape] .selected-tile .eyebrow{font-size:7px;line-height:8px}
html[data-mobile-edition-r33=landscape] .selected-tile strong{font-size:11px;line-height:13px;margin:0}
html[data-mobile-edition-r33=landscape] .selected-tile #tile-detail{font-size:9px;line-height:11px;margin:0}

/* R34: static scenery stays below the game. Feedback and controls keep their
   native animations; only decorative continuous compositor layers retire. */
html[data-mobile-edition-r33] [data-farm-atmosphere="front"],
html[data-mobile-edition-r33] .atmosphere-cloud-band,
html[data-mobile-edition-r33] .atmosphere-cloud-wisp,
html[data-mobile-edition-r33] .chimney-smoke-plane{display:none!important}
html[data-mobile-edition-r33] #app .atmosphere-background_haze img{transform:none!important;will-change:auto!important}
html[data-mobile-edition-r33] .farm-grounding{will-change:auto}
html[data-mobile-edition-r33] body *,
html[data-mobile-edition-r33] body *::before,
html[data-mobile-edition-r33] body *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}