/* Desktop HUD uses the same fitted-scene unit as the creatures. Portrait keeps its own layout. */
.world[data-view=prep][data-scaled=desktop] .camp-topbar{padding:calc(22 * var(--scene-unit, 1px)) calc(28 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-topbar .hud{gap:calc(12 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-vitals,.world[data-view=prep][data-scaled=desktop] .camp-topbar .round{gap:calc(24 * var(--scene-unit, 1px));padding:calc(10 * var(--scene-unit, 1px)) calc(22 * var(--scene-unit, 1px));border-width:calc(3 * var(--scene-unit, 1px));border-radius:calc(24 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-topbar .magic{gap:calc(7 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-topbar .heart{width:calc(34 * var(--scene-unit, 1px));height:calc(34 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-topbar .round{gap:calc(10 * var(--scene-unit, 1px));font-size:calc(25 * var(--scene-unit, 1px));line-height:calc(36 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-topbar .round small{font-size:calc(23 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .slot-row{gap:calc(12 * var(--scene-unit, 1px))!important}
.world[data-view=prep][data-scaled=desktop] .bench-row{gap:calc(8 * var(--scene-unit, 1px)) calc(16 * var(--scene-unit, 1px))!important}
.world[data-view=prep][data-scaled=desktop] .slot{padding:calc(25 * var(--scene-unit, 1px)) 0 0}
.world[data-view=prep][data-scaled=desktop] .bench-row .slot{padding-top:calc(18 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .slot .unit-hud,.world[data-view=prep][data-scaled=desktop] .slot .stats{height:calc(43 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .slot .stats{gap:calc(3 * var(--scene-unit, 1px));max-width:calc(116 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .slot .stat.hp,.world[data-view=prep][data-scaled=desktop] .slot .stat.atk{width:calc(49 * var(--scene-unit, 1px));height:calc(43 * var(--scene-unit, 1px));flex-basis:calc(49 * var(--scene-unit, 1px));font-size:min(calc(26 * var(--scene-unit, 1px)),calc(calc(74 * var(--scene-unit, 1px)) / var(--digits,2)))}
.world[data-view=prep][data-scaled=desktop] .slot .pet-level{top:calc(3 * var(--scene-unit, 1px));font-size:calc(16 * var(--scene-unit, 1px));line-height:calc(20 * var(--scene-unit, 1px));padding:calc(1 * var(--scene-unit, 1px)) calc(6 * var(--scene-unit, 1px));border-radius:calc(5 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .slot .merge-count{top:calc(5 * var(--scene-unit, 1px));right:3%;font-size:calc(13 * var(--scene-unit, 1px))!important;line-height:calc(19 * var(--scene-unit, 1px));height:calc(19 * var(--scene-unit, 1px));padding:0}
.world[data-view=prep][data-scaled=desktop] .slot .merge-count::before{font-size:calc(8 * var(--scene-unit, 1px));margin-right:calc(1 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .bench-row .unit-hud,.world[data-view=prep][data-scaled=desktop] .bench-row .stats{height:calc(34 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .bench-row .stat.hp,.world[data-view=prep][data-scaled=desktop] .bench-row .stat.atk{width:calc(40 * var(--scene-unit, 1px));height:calc(35 * var(--scene-unit, 1px));flex-basis:calc(40 * var(--scene-unit, 1px));font-size:min(calc(23 * var(--scene-unit, 1px)),calc(calc(65 * var(--scene-unit, 1px)) / var(--digits,2)))}
.world[data-view=prep][data-scaled=desktop] .slot::after{bottom:calc(20 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .team-pasture .slot::after{bottom:calc(29 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row{padding:0;gap:calc(7 * var(--scene-unit, 1px))!important}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot{padding:0}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot .unit-hud{height:calc(32 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot .stats{height:calc(28 * var(--scene-unit, 1px));gap:calc(2 * var(--scene-unit, 1px));max-width:calc(85 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot .stat.hp,.world[data-view=prep][data-scaled=desktop] .shop-row .slot .stat.atk{height:100%;width:calc(32 * var(--scene-unit, 1px));flex-basis:calc(32 * var(--scene-unit, 1px));font-size:min(calc(20 * var(--scene-unit, 1px)),calc(calc(57 * var(--scene-unit, 1px)) / var(--digits,2)))}
.world[data-view=prep][data-scaled=desktop] .shop-row .pet-level{top:calc(-5 * var(--scene-unit, 1px));font-size:calc(12 * var(--scene-unit, 1px));line-height:calc(17 * var(--scene-unit, 1px));padding:0 calc(4 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .merge-count{top:calc(-3 * var(--scene-unit, 1px));right:0;font-size:calc(10 * var(--scene-unit, 1px))!important;line-height:calc(16 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot:nth-child(n+3) .pet-level{top:22%;font-size:calc(10 * var(--scene-unit, 1px));line-height:calc(11 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot:nth-child(n+3) .merge-count{top:22%;line-height:calc(11 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .item-name{font-size:calc(13 * var(--scene-unit, 1px));line-height:calc(32 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-row .slot:nth-child(n+3) .item-name{line-height:calc(28 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .merchant-wallet{top:calc(100% - calc(116 * var(--scene-unit, 1px)));left:calc(100% + calc(18 * var(--scene-unit, 1px)));width:72%;gap:calc(5 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .merchant-wallet .energy{min-width:0;gap:calc(5 * var(--scene-unit, 1px));padding:calc(2 * var(--scene-unit, 1px)) calc(7 * var(--scene-unit, 1px));font-size:calc(24 * var(--scene-unit, 1px));line-height:calc(32 * var(--scene-unit, 1px));border-width:calc(2 * var(--scene-unit, 1px));border-radius:calc(12 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .merchant-wallet .energy-icon{width:calc(26 * var(--scene-unit, 1px));height:calc(26 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .merchant-wallet .shop-level{min-height:calc(34 * var(--scene-unit, 1px));font-size:calc(14 * var(--scene-unit, 1px));line-height:calc(20 * var(--scene-unit, 1px));padding:calc(5 * var(--scene-unit, 1px)) calc(7 * var(--scene-unit, 1px));border-width:calc(2 * var(--scene-unit, 1px));border-radius:calc(12 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-pasture>.sell-zone{left:calc(100% + calc(18 * var(--scene-unit, 1px)));top:calc(100% - calc(68 * var(--scene-unit, 1px)));width:72%;height:calc(64 * var(--scene-unit, 1px));min-height:calc(48 * var(--scene-unit, 1px));padding:calc(8 * var(--scene-unit, 1px));font-size:calc(18 * var(--scene-unit, 1px));border-width:calc(2 * var(--scene-unit, 1px));border-radius:calc(15 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-pasture>.sell-zone span{font-size:calc(14 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-controls{top:calc(100% + calc(12 * var(--scene-unit, 1px)));left:-3%;width:106%;gap:calc(8 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-controls button{padding:calc(8 * var(--scene-unit, 1px)) calc(3 * var(--scene-unit, 1px));font-size:calc(15 * var(--scene-unit, 1px));min-height:0;line-height:1.4}
.world[data-view=prep][data-scaled=desktop] .shop-purchase-cost{top:calc(100% + calc(60 * var(--scene-unit, 1px)));font-size:calc(12 * var(--scene-unit, 1px));line-height:calc(17 * var(--scene-unit, 1px));margin:0}
.world[data-view=prep][data-scaled=desktop] .shop-purchase-cost .energy-icon{width:calc(18 * var(--scene-unit, 1px));height:calc(18 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .shop-controls button,.world[data-view=prep][data-scaled=desktop] .scene-footer button{border-width:calc(2 * var(--scene-unit, 1px));border-radius:calc(15 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .scene-footer{gap:calc(14 * var(--scene-unit, 1px));height:calc(48 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .camp-tools{gap:calc(9 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .save-status{font-size:calc(12 * var(--scene-unit, 1px));min-width:calc(64 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .scene-footer .quiet{font-size:calc(12 * var(--scene-unit, 1px));padding:calc(6 * var(--scene-unit, 1px)) calc(12 * var(--scene-unit, 1px));min-height:0;line-height:1.4}
.world[data-view=prep][data-scaled=desktop] .scene-footer .battle-button{height:calc(52 * var(--scene-unit, 1px));min-height:0;min-width:calc(120 * var(--scene-unit, 1px));font-size:calc(23 * var(--scene-unit, 1px));padding:calc(8 * var(--scene-unit, 1px)) calc(16 * var(--scene-unit, 1px))}
.world[data-view=prep][data-scaled=desktop] .battle-button span{font-size:calc(23 * var(--scene-unit, 1px))}