body.feed-mode #gamesPanel:has(.picture-puzzle){width:min(900px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important}@media(max-width:540px){body.feed-mode #gamesPanel:has(.picture-puzzle){width:100vw!important;max-width:100vw!important}}.picture-puzzle{max-width:860px;margin:auto;color:var(--text,#352329)}.pp-library{margin:18px 0;border:1px solid #deceb9;border-radius:16px;background:#fffcf7;overflow:hidden}.pp-library summary{padding:16px;font-weight:700;cursor:pointer;line-height:1.5}.pp-library summary:focus-visible{outline:3px solid #b77822;outline-offset:-4px}.pp-library-body{padding:0 16px 16px}.pp-search{display:grid;gap:8px;font-size:12px;font-weight:700}.pp-search input{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #d9c5a5;border-radius:12px;background:#fff;color:#352329;font:inherit;font-size:14px}.pp-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.pp-categories button,.pp-pagination button{padding:10px 12px;border:1px solid #deceb9;border-radius:12px;background:#f4ebdd;color:#543923}.pp-categories button[aria-pressed=true]{background:#6c3f26;color:#fff;border-color:#6c3f26}.pp-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px}.pp-page-status{font-size:12px;text-align:center}.pp-pagination button:disabled{opacity:.45;cursor:default}.pp-library .pp-pictures{margin:14px 0}.pp-library .pp-pictures>p{grid-column:1/-1}html[data-panel-theme=dark] .pp-library{background:#251d24;border-color:#56404c}html[data-panel-theme=dark] .pp-search input{background:#19151c;color:#fff0d8;border-color:#6d5362}html[data-panel-theme=dark] .pp-categories button,html[data-panel-theme=dark] .pp-pagination button{background:#392c35;color:#fff0d8;border-color:#715369}html[data-panel-theme=dark] .pp-categories button[aria-pressed=true]{background:#e2bb76;color:#302015}@media(max-width:540px){.pp-library-body{padding:0 10px 12px}.pp-library summary{padding:13px}.pp-pagination button{padding:10px;font-size:12px}.pp-categories button{font-size:12px}}.pp-toolbar,.pp-levels{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pp-toolbar{justify-content:space-between}.picture-puzzle button{font:inherit;cursor:pointer}.pp-toolbar button{padding:12px 16px;border:1px solid #d9c5a5;border-radius:14px;background:linear-gradient(#fffcf5,#eee1cd);color:#543923;box-shadow:inset 0 1px #fff,0 3px 7px #39201516}.pp-levels button[aria-pressed=true]{background:linear-gradient(#ffeab4,#d5a34e);border-color:#b78335;font-weight:700}.pp-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 16px}.pp-pictures button{padding:5px;border:2px solid transparent;border-radius:14px;background:#f2e9dc;color:#543923;overflow:hidden}.pp-pictures button[aria-pressed=true]{border-color:#9d6524;box-shadow:0 0 0 2px #dfbc79}.pp-pictures img{display:block;width:100%;height:85px;object-fit:cover;border-radius:9px}.pp-pictures span{display:block;padding:8px 3px;font-size:12px;font-weight:700}.pp-help{font-size:13px;line-height:1.6}.pp-play{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:start}.pp-board{display:grid;grid-template-columns:repeat(var(--pieces),1fr);aspect-ratio:1;gap:3px;padding:6px;background:#4b3435;border-radius:16px;box-shadow:inset 0 2px 6px #0005,0 8px 20px #0002;direction:ltr;overflow:hidden}.pp-tile{min-width:0;min-height:0;padding:0;border:0;border-radius:4px;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff40;touch-action:manipulation}.pp-tile.pp-selected{outline:3px solid #ffe29a;outline-offset:-3px;filter:brightness(1.2)}.picture-puzzle button:focus-visible{outline:3px solid #b77822;outline-offset:3px}.pp-board button:focus-visible{outline-offset:-4px}.pp-complete{gap:0}.pp-complete .pp-tile{border-radius:0;opacity:1;box-shadow:none;cursor:default}.pp-preview{width:100%;aspect-ratio:1;object-fit:fill;border-radius:12px;margin-top:10px}.pp-status{font-size:13px;line-height:1.7}.pp-play aside strong{font-size:12px}html[data-panel-theme=dark] .picture-puzzle{color:#f7ebd8}html[data-panel-theme=dark] .pp-pictures button{background:#392c35;color:#fff0d8}@media(max-width:540px){.pp-play{grid-template-columns:minmax(0,1fr)}.pp-play aside{display:grid;grid-template-columns:85px 1fr;gap:0 14px;align-items:center}.pp-preview{grid-row:1/3;margin:0}.pp-play aside strong{grid-column:2}.pp-status{grid-column:2;margin:4px 0}.pp-pictures{gap:8px}.pp-pictures img{height:65px}.pp-toolbar button{padding:11px 12px;font-size:13px}}