.puzzle-pop-entry .fast-click-art{background:#f6b677;color:#283044}.puzzle-pop-entry .game-preview{width:52%;right:0}.puzzle-pop-entry .card-name-art{font-size:clamp(30px,3vw,46px)}
#pp-dialog{padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#f8edd8;color:#263044;font-family:inherit;overflow:hidden}#pp-dialog::backdrop{background:#263044cc}#pp-dialog *{box-sizing:border-box}#pp-dialog [hidden]{display:none!important}#pp-dialog button{font:inherit;font-weight:800;background:#fffaf0;color:#263044;border:2px solid #263044;border-radius:9px;padding:9px 13px;cursor:pointer;box-shadow:0 3px 0 #263044}#pp-dialog button:hover:not(:disabled){background:#ffe2a4;transform:translateY(-1px)}#pp-dialog button:active:not(:disabled){transform:translateY(2px);box-shadow:none}#pp-dialog button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}#pp-dialog button:focus-visible{outline:4px solid #7488d5;outline-offset:3px}.pp-top{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 25px;background:#efac7c;border-bottom:3px solid #263044}.pp-brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:900}.pp-brand strong{font-size:26px;letter-spacing:-1px}.pp-top>span{font-size:12px;font-weight:700}#pp-close{font-size:25px;padding:5px 13px}.pp-menu{height:calc(100% - 78px);overflow-y:auto;padding:30px max(20px,calc((100vw - 1200px)/2)) 45px;background:radial-gradient(ellipse at 80% 0,#efd5ab 0,transparent 50%),#f8edd8}.pp-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.pp-heading small,.pp-result small{font-size:11px;letter-spacing:2px;font-weight:900}.pp-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;margin:9px 0}.pp-heading p{font-size:14px;line-height:1.7;max-width:620px;margin:5px 0}.pp-heading>div:last-child{display:flex;gap:7px;flex-wrap:wrap;max-width:220px}.pp-heading span{display:block;padding:10px;background:#bde3d4;border:2px solid #263044;border-radius:10px;font-size:12px;font-weight:900}.pp-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.pp-level{padding:0!important;text-align:left;overflow:hidden;background:#fffaf0!important;box-shadow:4px 5px #263044!important;border:3px solid #263044!important;border-radius:15px!important;transition:transform .15s}.pp-thumb{position:relative;aspect-ratio:1;overflow:hidden;border-bottom:3px solid #263044}.pp-thumb img{display:block;width:100%;height:100%;object-fit:cover}.pp-thumb>span{position:absolute;right:8px;bottom:8px;background:#fff6d9;border:2px solid #263044;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:16px}.pp-level:disabled{opacity:1!important}.pp-level:disabled img{filter:grayscale(.9);opacity:.4}.pp-level:disabled>div:last-child{opacity:.5}.pp-level.done{background:#e1f0d7!important}.pp-level>div:last-child{padding:11px}.pp-level small{font-size:9px;letter-spacing:1px;display:block;color:#7c624c}.pp-level b{font-size:13px;display:block;margin:6px 0}.pp-level em{font-style:normal;font-size:10px;color:#687080}.pp-account{font-size:12px;line-height:1.6;display:flex;gap:18px;align-items:center;margin:24px 0 0}.pp-account p{flex:1}#pp-load-message{font-size:13px;color:#915641}.pp-play{height:calc(100% - 78px);display:flex;flex-direction:column}.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:#fff7e8;border-bottom:2px solid #d4c6af}.pp-tools{display:flex;align-items:center;gap:8px}.pp-tools button{padding:7px 11px!important;font-size:12px!important}#pp-zoom-value{font-size:11px;min-width:35px;text-align:center;font-variant-numeric:tabular-nums}#pp-title{display:block;font-size:15px}.pp-meter{display:flex;gap:12px;align-items:center;margin-top:6px}.pp-track{height:8px;width:150px;background:#ddd2bc;border-radius:5px;overflow:hidden}#pp-progress{height:100%;background:#68b591;transition:width .2s}#pp-count{font-size:11px;font-weight:800}.pp-work{flex:1;display:flex;min-height:0}.pp-board-area{position:relative;flex:1;min-width:0;background:#e3d7c1;background-image:radial-gradient(#c5bba6 1px,transparent 1px);background-size:16px 16px}.pp-viewport{height:100%;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:none}.pp-stage{display:grid;place-items:center;padding:19px}#pp-board{display:block;box-shadow:0 10px 28px #67594124,0 0 0 4px #fff9e8;border-radius:3px;cursor:grab;touch-action:none}.pp-sidebar{width:390px;flex-shrink:0;padding:14px 18px;background:#fffaed;border-left:3px solid #263044;overflow-y:auto}.pp-reference{display:flex;gap:15px;align-items:center;margin-bottom:13px}.pp-reference img{width:84px;height:84px;border:2px solid #263044;border-radius:10px;object-fit:cover}.pp-reference small{font-size:9px;letter-spacing:1px;font-weight:900}.pp-reference p{font-size:11px;line-height:1.5;margin:5px 0}.pp-filters{display:flex;gap:8px;align-items:center}.pp-filters button{font-size:11px!important;padding:7px 10px!important}.pp-filters button[aria-pressed=true],#pp-preview[aria-pressed=true]{background:#bde3d4!important}.pp-filters>span{margin-left:auto;font-size:9px;font-weight:800}.pp-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:16px 0;align-content:start;min-height:330px}.pp-piece{padding:0!important;aspect-ratio:1;background:#f1e9db!important;box-shadow:none!important;border:2px solid transparent!important;display:flex;align-items:center;justify-content:center;touch-action:none;border-radius:10px!important;overflow:visible;cursor:grab!important}.pp-piece canvas{max-width:100%;height:auto!important;pointer-events:none}.pp-piece.selected{border-color:#d0924f!important;background:#ffe5a9!important;box-shadow:0 0 0 2px #edc980!important}.pp-piece:hover{border-color:#cab88b!important}.pp-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px}.pp-pagination button{font-size:12px!important;padding:6px 14px!important}.pp-pagination span{font-size:12px;font-weight:800}.pp-sidebar #pp-mix{display:block;width:100%;margin-top:14px;font-size:11px}.pp-bottom{padding:10px 20px;background:#fff7e8;border-top:2px solid #d4c6af;display:flex;gap:15px;align-items:center;justify-content:space-between}.pp-bottom p{margin:0;font-size:11px;line-height:1.5}#pp-save{font-size:10px;color:#727a72}#pp-retry{font-size:11px;padding:5px 9px}.pp-toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#fff8dc;border:2px solid #263044;border-radius:10px;font-size:12px;font-weight:800;box-shadow:3px 4px #263044;z-index:3;max-width:90%;width:max-content;text-align:center;pointer-events:none}#pp-ghost{position:fixed;pointer-events:none;z-index:12;filter:drop-shadow(0 5px 4px #26304455)}.pp-image-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#e3d7c1;font-weight:700;font-size:14px}.pp-result{position:absolute;inset:78px 0 0;z-index:8;background:#efdcb8cc;backdrop-filter:blur(6px);overflow-y:auto;display:grid;place-items:center;padding:20px}.pp-result-card{max-width:510px;width:100%;padding:28px;background:#fff8e5;border:3px solid #263044;border-radius:22px;box-shadow:7px 8px #263044;text-align:center}.pp-result h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.pp-result img{width:min(230px,60%);border:3px solid #263044;border-radius:12px;display:block;margin:15px auto}.pp-result p{font-size:13px;line-height:1.6}.pp-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pp-result-actions button{font-size:12px!important}#pp-next{background:#bde3d4!important}#pp-result-save{font-size:11px;color:#727a72}
@media(max-width:1100px){.pp-sidebar{width:300px;padding:12px}.pp-tray{gap:4px;min-height:255px}.pp-tools{gap:5px}.pp-levels{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-toolbar{padding:10px}.pp-reference img{width:67px;height:67px}}
@media(max-width:700px){.pp-top{height:65px;padding:9px 15px}.pp-brand strong{font-size:23px}.pp-top>span{display:none}.pp-menu,.pp-play{height:calc(100% - 65px)}.pp-menu{padding:24px 16px}.pp-heading{display:block}.pp-heading>div:last-child{max-width:none;margin-top:14px}.pp-heading span{padding:7px}.pp-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pp-heading h2{font-size:32px}.pp-work{flex-direction:column}.pp-board-area{min-height:180px}.pp-sidebar{width:100%;height:188px;flex-shrink:0;border-left:0;border-top:3px solid #263044;padding:9px 12px;display:grid;grid-template-columns:1fr 83px;gap:6px}.pp-reference{grid-column:2;grid-row:1/3;display:block;margin:0}.pp-reference img{width:76px;height:76px}.pp-reference p,.pp-reference small{display:none}.pp-filters{grid-column:1;grid-row:1}.pp-filters>span{font-size:8px}.pp-tray{display:flex;grid-column:1;grid-row:2;overflow-x:auto;margin:4px 0;min-height:0;height:75px;gap:4px}.pp-piece{flex:0 0 63px;height:68px}.pp-pagination{grid-column:1;grid-row:3}.pp-pagination button{padding:3px 10px!important}.pp-sidebar #pp-mix{grid-column:2;grid-row:3;margin:0;padding:4px!important;font-size:9px!important}.pp-toolbar{flex-wrap:wrap;padding:9px 12px;gap:7px}.pp-tools{gap:6px;flex:1;justify-content:flex-end}.pp-toolbar #pp-title{font-size:12px}.pp-toolbar .pp-track{width:80px}.pp-tools button{font-size:10px!important;padding:6px 7px!important}.pp-bottom{padding:7px 12px}.pp-bottom #pp-instruction{font-size:9px;max-width:65%}.pp-result{inset:65px 0 0}.pp-result-card{padding:18px}.pp-result h2{font-size:25px}.pp-account{display:block}}

#pp-image-loading{pointer-events:none}#pp-image-retry{position:absolute;z-index:3;left:50%;top:58%;transform:translateX(-50%)}

.pp-custom{margin-top:32px;padding:24px;border:3px solid #263044;border-radius:18px;background:#bde3d4;display:flex;flex-wrap:wrap;align-items:end;gap:18px}.pp-custom>div{width:100%}.pp-custom h2{margin:6px 0}.pp-custom p{font-size:13px;line-height:1.6}.pp-custom label{display:grid;gap:8px;font-size:12px;font-weight:800}.pp-custom input,.pp-zone select{font:inherit;padding:8px;background:#fffaf0;border:2px solid #263044;border-radius:8px;max-width:100%}.pp-custom input[type=number]{width:120px}.pp-zone{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:12px}.pp-zone select{min-width:0;flex:1}@media(max-width:700px){.pp-sidebar{height:220px}.pp-zone{grid-column:1;grid-row:4;margin:0}.pp-custom{padding:16px}.pp-custom label{max-width:100%}}