/* ── Lekfullt (play) in the app's own menus: cosy plus bigger targets, bigger type and a little bounce ────────
   Loaded after cozy.css / cozy-settings.css. Only body[data-look="play"]; classic and cosy are untouched. */
body[data-look="play"] .add-menu-cat{font-size:1.02rem;padding:.8rem 1.15rem;gap:.7rem}
body[data-look="play"] .add-menu-cat .material-icons-outlined{font-size:1.6rem}
body[data-look="play"] #add-menu-title{font-size:1.45rem!important}
body[data-look="play"] .add-tile{padding:.9rem .7rem;font-size:1.02rem;border-radius:1.5rem}
/* the bounce is on the picture inside the tile, not on the tile: swapping the tile's own animation on hover replayed its entrance (it vanished for a moment when the mouse left) */
body[data-look="play"] .add-tile:hover .add-tile-icon,body[data-look="play"] .add-tile:hover .add-tile-thumb{animation:pl-bounce .5s ease-out}
body[data-look="play"] .tl-grid .add-tile-icon{width:3.2rem;height:3.2rem;border-radius:1.1rem}
body[data-look="play"] .tl-grid .add-tile-icon .material-icons-outlined{font-size:1.8rem}
body[data-look="play"] .kk-tool{padding:.8rem 1rem;font-size:.95rem}
body[data-look="play"] .kk-tool .material-icons-outlined{font-size:1.5rem}
/* icon-only buttons have a fixed size: the bigger .kk-tool padding squeezed an inline SVG (Whiteboard) down to a dot */
body[data-look="play"] .kk-tool-icon{padding:.4rem;width:3rem;height:3rem}
body[data-look="play"] .kk-tool-icon svg{width:1.5rem;height:1.5rem;flex-shrink:0}
body[data-look="play"] .kk-tool:hover{animation:pl-bounce .5s ease-out}
body[data-look="play"] .kk-tool-primary,body[data-look="play"] .kk-tool-accent{padding:.75rem 1.4rem}
body[data-look="play"] .bgm-title{font-size:1.55rem}
body[data-look="play"] .bgm-tab{padding:.7rem 1.3rem;font-size:1rem}
body[data-look="play"] .bgm-tab:hover{animation:pl-bounce .5s ease-out}
body[data-look="play"] .kk-settings-section h3{font-size:1.1rem}
body[data-look="play"] .kk-settings .tog-row{min-height:2.9rem}
body[data-look="play"] .kk-settings .tog-row>div{font-size:1rem!important}
body[data-look="play"] .kk-settings .tog{transform:scale(1.2);transform-origin:right center}
body[data-look="play"] .look-opt{padding:.75rem .5rem;font-size:.95rem}
body[data-look="play"] #skin-grid .skin-opt{padding:.95rem .7rem!important;font-size:.92rem!important}
body[data-look="play"] .mi-act{padding:.65rem 1.2rem;font-size:.95rem}
body[data-look="play"] .mi-folder-tab{padding:.5rem 1.1rem;font-size:.9rem}
body[data-look="play"] .mi-upload-zone{padding:2rem 1rem}
@keyframes pl-bounce{0%{transform:translateY(0)}35%{transform:translateY(-.35rem) scale(1.04)}65%{transform:translateY(.05rem)}100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){body[data-look="play"] .add-tile:hover .add-tile-icon,body[data-look="play"] .add-tile:hover .add-tile-thumb,body[data-look="play"] .kk-tool:hover,body[data-look="play"] .bgm-tab:hover{animation:none}}
