.puzzle-menu-btn{background:#168d80}
#puzzleDialog{width:min(480px,calc(100vw - 20px));max-height:calc(100dvh - 20px);margin:auto;padding:0;border:1px solid #496b91;border-radius:20px;background:#132440;color:#eff7ff;font-family:'Jua',sans-serif;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
#puzzleDialog::backdrop{background:#020b21d9;backdrop-filter:blur(4px)}
.pz-header{position:sticky;top:0;z-index:4;background:#142640;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #344d6d}.pz-header h2{font-size:1.2rem;color:#ffdb53;margin:0}.pz-header button{background:#304768;border:0;border-radius:9px;color:white;padding:8px 12px}
.pz-body{padding:14px 16px 18px}.pz-intro,.pz-progress,.pz-note{font-size:.79rem;line-height:1.5;color:#c4d4e9;margin:0 0 10px}.pz-progress{color:#91ead8}.pz-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.pz-filters label{font-size:.72rem;color:#b6c9e1}.pz-filters select{display:block;width:100%;margin-top:4px;min-width:0;padding:9px 5px;border:1px solid #536c8c;border-radius:8px;background:#253a58;color:#fff;font:inherit;font-size:.83rem}
#puzzleDialog button{font:inherit;cursor:pointer}#puzzleDialog button:focus-visible,#puzzleDialog select:focus-visible,#puzzleCanvas:focus-visible{outline:3px solid #80e0ed;outline-offset:2px}#puzzleDialog button:disabled{opacity:.4;cursor:default}
.pz-title{font-size:1rem;color:#9eeae1;margin:10px 0 5px}.pz-turn{color:#ffdf6b;font-size:.92rem;margin:0 0 9px}.pz-board-wrap{position:relative;margin:auto;width:100%;max-width:408px}#puzzleCanvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#eabc68;border-radius:12px;box-shadow:0 6px 15px #0004;touch-action:manipulation;max-height:none}
.pz-feedback{padding:10px;border-radius:9px;background:#243c59;color:#ffe5a1;line-height:1.5;font-size:.85rem;margin:12px 0 9px;min-height:38px}.pz-feedback.success{background:#176559;color:#d5fff1}
.pz-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pz-controls button{padding:10px 3px;border:1px solid #526c90;border-radius:9px;color:#edf4ff;background:#2a4061;font-size:.83rem!important}.pz-controls .pz-answer{background:#7d4f27}.pz-controls .pz-hint{background:#276765}.pz-nav{display:flex;justify-content:space-between;gap:6px;margin-top:12px}.pz-nav button{padding:11px 12px;background:#ffda54;color:#152339;border:0;border-radius:9px;font-size:.84rem!important}.pz-page{text-align:center;font-size:.76rem;color:#bed1e6;margin:9px 0}.pz-source{margin-top:14px;padding-top:10px;border-top:1px solid #344c6b;font-size:.75rem;line-height:1.6;color:#b5c9e3}.pz-source summary{cursor:pointer;color:#9ddce6}.pz-source a{color:#a8eaf8}.pz-empty{padding:30px 12px;color:#ffdf78;text-align:center}.pz-keyhint{font-size:.7rem;color:#b0c5df;margin:7px 0 0;text-align:center}
@media(max-width:380px){.pz-body{padding:12px}.pz-header{padding:12px}.pz-nav button{padding:10px 8px}.pz-controls button{font-size:.77rem!important}}
.pz-attempts{font-size:.77rem;line-height:1.5;color:#ffcd83;margin:10px 0 0} #puzzleDialog[data-failed="true"] .pz-attempts{color:#ff9e9e}