.games-feature-picture-puzzle{background:linear-gradient(135deg,#f4f2ff,#e8f7fa)}
.games-picture-art{align-items:center;background:#fff;border:1px solid #d4e3e9;border-radius:12px;box-shadow:0 8px 20px #16384a20;display:flex;flex:0 0 116px;height:116px;justify-content:center;overflow:hidden;transform:rotate(4deg)}
.games-picture-art img{filter:blur(1.4px);height:100%;object-fit:cover;transform:scale(1.06);width:100%}
.picture-puzzle-page{margin:32px auto 56px;max-width:1080px}
.picture-puzzle-heading{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}
.picture-puzzle-heading h1{color:#15384e;font-size:30px;margin:3px 0 7px}
.picture-puzzle-heading p:last-child{color:#60798a;margin:0}
.picture-puzzle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px}
.picture-puzzle-actions a,.picture-puzzle-actions button{display:inline-flex;justify-content:center;padding:10px 14px;text-decoration:none}
.picture-puzzle-gallery{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.picture-puzzle-card{background:#fff;border:1px solid #d4e3e9;border-radius:12px;overflow:hidden}
.picture-puzzle-card-image{background:#e6f2f6;display:block;height:170px;overflow:hidden;padding:5px}
.picture-puzzle-card-board{display:grid;filter:blur(.7px);gap:2px;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;opacity:.92;overflow:hidden;width:100%}
.picture-puzzle-card-tile{background-image:var(--preview-image);background-position:var(--source-x) var(--source-y);background-size:400% 300%;min-width:0;min-height:0}
.picture-puzzle-card-body{padding:16px}
.picture-puzzle-card-body .eyebrow{color:#087fa8;font-size:11px;font-weight:800;letter-spacing:.04em;margin:0 0 7px}
.picture-puzzle-card-body h2{font-size:19px;margin:0 0 7px}
.picture-puzzle-card-body h2 a{color:#15384e;text-decoration:none}
.picture-puzzle-card-body>p:not(.eyebrow){color:#60798a;font-size:13px;margin:0 0 14px}
.picture-puzzle-card-body .secondary-command{display:inline-flex;padding:9px 12px;text-decoration:none}
.picture-puzzle-feed-preview{background:#e6f2f6;border:1px solid #c9dce4;border-radius:10px;display:grid;filter:blur(.6px);gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));height:230px;margin:12px 0;overflow:hidden;padding:5px;width:min(100%,520px)}
.picture-puzzle-feed-preview span{background-image:var(--feed-puzzle-image);background-position:var(--feed-source-x) var(--feed-source-y);background-size:400% 300%;min-height:0;min-width:0}
.picture-puzzle-upload-error{color:#a82929;font-size:13px;font-weight:700;margin-top:8px}
.picture-puzzle-editor{max-width:760px}
.picture-puzzle-form{background:#fff;border:1px solid #d4e3e9;border-radius:12px;display:grid;gap:18px;padding:24px}
.picture-puzzle-form>label,.picture-puzzle-options>label,.picture-puzzle-answer-text{color:#17384b;display:grid;font-weight:700;gap:7px}
.picture-puzzle-form label span{color:#657d8b;font-size:12px;font-weight:400}
.picture-puzzle-form input:not([type=radio]),.picture-puzzle-form select,.picture-puzzle-answer-text input{border:1px solid #bfd2dc;border-radius:7px;font:inherit;min-height:42px;padding:9px 11px;width:100%}
.picture-puzzle-form input[type=file]{background:#f7fbfc;padding:8px}
.picture-puzzle-form fieldset{border:1px solid #d4e3e9;border-radius:8px;display:flex;flex-wrap:wrap;gap:14px;padding:14px}
.picture-puzzle-form legend{color:#17384b;font-weight:700;padding:0 5px}
.picture-puzzle-radio{align-items:center;color:#17384b;display:flex;gap:7px}
.picture-puzzle-radio input{accent-color:#0088b5}
.picture-puzzle-options{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.picture-puzzle-options[hidden],.picture-puzzle-form [hidden]{display:none}
.picture-puzzle-note{background:#eff8fa;border-radius:7px;color:#526e7f;font-size:13px;line-height:1.5;margin:0;padding:12px}
.picture-puzzle-upload-preview{border-radius:8px;max-height:280px;object-fit:contain;width:100%}
.picture-puzzle-errors{background:#fff0ef;border:1px solid #e9b6b0;border-radius:8px;color:#8b3028;margin-bottom:16px;padding:14px}
.picture-puzzle-errors ul{margin-bottom:0}
.picture-puzzle-status{background:#eaf8ee;border-radius:8px;color:#236237;padding:12px}
.picture-puzzle-toolbar{align-items:end;background:#fff;border:1px solid #d4e3e9;border-radius:10px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:12px;padding:14px}
.picture-puzzle-difficulty{border:0;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.picture-puzzle-difficulty legend{color:#17384b;font-size:12px;font-weight:800;margin-bottom:8px;width:100%}
.picture-puzzle-difficulty label input{opacity:0;position:absolute}
.picture-puzzle-difficulty label span{background:#edf5f7;border:1px solid #cddfe6;border-radius:7px;color:#23465a;cursor:pointer;display:block;font-size:13px;padding:9px 11px}
.picture-puzzle-difficulty label input:checked+span{background:#0788b5;border-color:#0788b5;color:#fff}
.picture-puzzle-custom-count{color:#17384b;display:grid;font-size:13px;font-weight:700;gap:5px}
.picture-puzzle-custom-count[hidden]{display:none}
.picture-puzzle-custom-count input{border:1px solid #bfd2dc;border-radius:7px;min-height:38px;padding:6px 9px;width:120px}
.picture-puzzle-stats{display:flex;gap:22px;margin:14px 0}
.picture-puzzle-stats[hidden]{display:none}
.picture-puzzle-stats strong{color:#17384b;display:grid;font-size:22px}
.picture-puzzle-stats small{color:#637d8a;font-size:10px;letter-spacing:.06em}
.picture-puzzle-message{color:#526e7f;min-height:22px}
.picture-puzzle-board{--puzzle-columns:4;--puzzle-rows:3;aspect-ratio:calc(var(--puzzle-columns)/var(--puzzle-rows));background:#edf4f6;border:2px solid #18394d;display:grid;grid-template-columns:repeat(var(--puzzle-columns),minmax(0,1fr));grid-template-rows:repeat(var(--puzzle-rows),minmax(0,1fr));margin:12px auto 20px;max-width:900px;position:relative;width:100%}
.picture-puzzle-board:empty{display:none}
.picture-puzzle-board{display:flex;flex-direction:column}
.picture-puzzle-board-row{display:grid;flex:1;min-height:0;width:100%}
.picture-puzzle-slot{appearance:none;background:#f5f9fa;border:1px dashed #acc2cd;min-width:0;min-height:0;padding:0;position:relative}
.picture-puzzle-slot.is-filled{background:transparent;border-color:transparent;z-index:2}
.picture-puzzle-piece{appearance:none;background-color:#eaf1f4;background-repeat:no-repeat;border:1px solid #fff;cursor:grab;display:block;overflow:hidden;padding:0;position:relative;touch-action:none}
.picture-puzzle-piece.is-selected{filter:drop-shadow(0 0 4px #04a6d2);transform:scale(1.07);z-index:5}
.picture-puzzle-piece.is-dragging{opacity:.45}
.picture-puzzle-slot>.picture-puzzle-piece{height:100%;left:0;position:absolute;top:0;width:100%}
.picture-puzzle-tray{align-items:center;background:#f4f8fa;border:1px solid #d4e3e9;border-radius:10px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));justify-items:center;margin:0 auto;max-width:900px;padding:10px}
.picture-puzzle-tray:empty{display:none}
.picture-puzzle-tray .picture-puzzle-piece{aspect-ratio:1;width:min(100%,78px)}
.picture-puzzle-question{background:#fff;border:1px solid #cfe0e7;border-radius:10px;margin:24px auto 0;max-width:740px;padding:20px}
.picture-puzzle-question[hidden]{display:none}
.picture-puzzle-question h2{color:#17384b;font-size:20px;margin:0 0 16px}
.picture-puzzle-answer-options{display:grid;gap:8px;margin-bottom:15px}
.picture-puzzle-answer-options label input{opacity:0;position:absolute}
.picture-puzzle-answer-options label span{background:#f4f8fa;border:1px solid #d1e0e6;border-radius:7px;cursor:pointer;display:block;padding:10px 12px}
.picture-puzzle-answer-options label input:checked+span{background:#e0f5f9;border-color:#0788b5}
.picture-puzzle-answer-text{margin-bottom:14px}
.picture-puzzle-answer-text input{margin-top:7px}
.picture-puzzle-answer-result{font-weight:700;line-height:1.5;margin:13px 0 0}
.picture-puzzle-answer-result.is-success{color:#256b38}
.picture-puzzle-answer-result.is-error{color:#a03830}
.picture-puzzle-leaderboard{background:#fff;border:1px solid #d4e3e9;border-radius:12px;max-width:760px;padding:18px}
.picture-puzzle-leaderboard ol{list-style:none;margin:0;padding:0}
.picture-puzzle-leaderboard li{align-items:center;border-bottom:1px solid #e2ebef;display:flex;gap:14px;padding:13px 4px}
.picture-puzzle-leaderboard li:last-child{border-bottom:0}
.picture-puzzle-rank{color:#0788b5;font-size:20px;font-weight:800;width:36px}
.picture-puzzle-player{color:#17384b;flex:1;font-weight:700}
.picture-puzzle-player small,.picture-puzzle-record small{color:#637d8a;display:block;font-size:12px;font-weight:400;margin-top:4px}
.picture-puzzle-record{text-align:right}
.picture-puzzle-record strong{color:#17384b}
@media(max-width:760px){.games-picture-art{flex-basis:96px;height:96px;font-size:60px}.picture-puzzle-page{margin-top:20px}.picture-puzzle-heading{align-items:flex-start;flex-direction:column;gap:14px}.picture-puzzle-heading h1{font-size:25px}.picture-puzzle-toolbar{align-items:flex-start}.picture-puzzle-board{max-width:min(100%,700px)}.picture-puzzle-tray{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:2px;padding:7px}.picture-puzzle-tray .picture-puzzle-piece{width:min(100%,64px)}}
@media(max-width:480px){.picture-puzzle-options{grid-template-columns:1fr}.picture-puzzle-form{padding:16px}.picture-puzzle-difficulty{gap:5px}.picture-puzzle-difficulty label span{font-size:11px;padding:8px 7px}.picture-puzzle-stats{justify-content:space-between}.picture-puzzle-stats strong{font-size:19px}.picture-puzzle-actions{width:100%}.picture-puzzle-actions a,.picture-puzzle-actions button{flex:1}}