/* The gallery and the table are separate views; puzzle mechanics live in free-puzzle.css. */
#mazi-game{--pg-ink:#142540;--pg-blue:#1968e7;--pg-muted:#64748b;--pg-line:#dce4ed;color:var(--pg-ink)}
#mazi-game *,#mazi-game *:before,#mazi-game *:after{box-sizing:border-box}
#mazi-game button,#mazi-game input,#mazi-game select{font:inherit}
#mazi-game button{cursor:pointer}#mazi-game button:disabled{opacity:.4;cursor:default}
#mazi-game :focus-visible{outline:3px solid #1968e7;outline-offset:4px}
.pg-gallery{padding-top:55px;padding-bottom:70px}.pg-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.pg-intro h1{font-size:clamp(42px,4.6vw,66px);font-weight:600;line-height:1.04;letter-spacing:-.055em}.pg-intro .eyebrow{color:var(--pg-blue);font-size:10px;letter-spacing:.18em;margin-bottom:20px}.pg-intro-copy{max-width:365px;padding-bottom:3px}.pg-intro-copy>p{font-size:15px;color:var(--pg-muted);line-height:1.75;margin-bottom:21px}.pg-upload{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;border-bottom:1px solid #142540;padding-bottom:4px;cursor:pointer}.pg-upload input{position:absolute;width:1px;height:1px;opacity:0}.pg-upload:focus-within{outline:3px solid var(--pg-blue);outline-offset:4px}.pg-upload-note{display:block;margin-top:7px;font-size:10px;color:var(--pg-muted)}
.pg-browse{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;border-block:1px solid var(--pg-line)}.pg-filters{display:flex;gap:9px;flex-wrap:wrap}.pg-filters button{border:1px solid var(--pg-line);background:white;padding:10px 16px;border-radius:30px;font-size:12px!important;white-space:nowrap}.pg-filters button span{font-size:10px;margin-left:5px;opacity:.65}.pg-filters button[aria-pressed=true]{background:var(--pg-ink);border-color:var(--pg-ink);color:white}.pg-filters button:hover{border-color:var(--pg-ink)}.pg-search input{width:180px;padding:10px 0 10px 12px;border:0;border-left:1px solid var(--pg-line);font-size:13px!important;border-radius:0;background:transparent;outline-offset:3px}.pg-grid-meta{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--pg-muted);margin:24px 0}.pg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:39px 23px}.pg-card{min-width:0}.pg-card-image{display:block;position:relative;overflow:hidden;background:#f3f6f9;aspect-ratio:1;border-radius:10px}.pg-card-image img{width:100%;height:100%;object-fit:contain;padding:16px;mix-blend-mode:multiply;transition:transform .25s ease}.pg-card-image:hover img{transform:scale(1.04)}.pg-play-cue{position:absolute;bottom:14px;left:50%;transform:translate(-50%,8px);opacity:0;white-space:nowrap;display:flex;align-items:center;gap:8px;color:white;background:var(--pg-blue);padding:11px 17px;border-radius:25px;font-size:12px;font-weight:600;transition:opacity .15s ease,transform .15s ease}.pg-card-image:hover .pg-play-cue,.pg-card-image:focus-visible .pg-play-cue{opacity:1;transform:translate(-50%,0)}.pg-card-category{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.1em;color:var(--pg-muted);margin:16px 0 7px}.pg-card h2{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-.03em}.pg-card h2 a:hover{color:var(--pg-blue)}.pg-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:var(--pg-muted)}.pg-card-bottom a{white-space:nowrap;color:var(--pg-ink);text-decoration:underline;text-underline-offset:3px}.pg-empty{text-align:center;background:#f5f8fc;padding:70px 20px;border-radius:10px}.pg-empty h2{font-size:30px}.pg-empty p{color:var(--pg-muted);margin:15px 0 24px}.pg-gallery-foot{display:flex;justify-content:space-between;gap:35px;border-top:1px solid var(--pg-line);padding-top:25px;margin-top:50px;color:var(--pg-muted);font-size:11px}.pg-gallery-foot a{white-space:nowrap;color:var(--pg-ink)}.pg-history{margin-top:20px;font-size:12px;border-bottom:1px solid var(--pg-line);padding:16px 0}.pg-history summary{cursor:pointer}.pg-history ul{padding:0;list-style:none;max-width:680px}.pg-history li{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--pg-line);padding:12px 0}.pg-history li span{color:var(--pg-muted)}
.pg-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--pg-line);background:white;border-radius:6px;padding:12px 19px;min-height:43px;font-size:13px!important;font-weight:600!important;line-height:1.3}.pg-primary{background:var(--pg-blue);border-color:var(--pg-blue);color:white}.pg-button:hover{filter:brightness(.97)}.pg-button:active,.pg-tool:active{transform:scale(.97)}.pg-dialog{color:var(--pg-ink);width:min(720px,calc(100vw - 32px));max-height:90svh;border:0;border-radius:16px;padding:30px;box-shadow:0 30px 100px #14254030;overflow:auto}.pg-dialog::backdrop{background:#13243b75;backdrop-filter:blur(3px)}.pg-close{position:absolute;top:12px;right:12px;border:0;border-radius:50%;width:34px;height:34px;font-size:23px!important;line-height:1;background:#fff;color:var(--pg-ink);box-shadow:0 2px 12px #14254015;z-index:2}.pg-choice-dialog[open]{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;align-items:center}.pg-choice-dialog>img{width:100%;height:330px;object-fit:contain;background:#f3f6f9;border-radius:8px;padding:14px;mix-blend-mode:multiply}.pg-choice-copy{padding:16px 0}.pg-choice-copy .eyebrow{font-size:9px;color:var(--pg-muted);letter-spacing:.12em}.pg-choice-copy h2{font-size:31px;line-height:1.12;letter-spacing:-.04em}.pg-choice-copy>p{font-size:12px;color:var(--pg-muted);margin-top:15px}.pg-choice-copy>.pg-button{width:100%;margin-top:6px}.pg-count-choice{border:0;padding:0;margin:25px 0 17px;display:flex;gap:9px}.pg-count-choice legend{font-size:12px;font-weight:600;margin-bottom:11px}.pg-count-choice label{display:block;flex:1;cursor:pointer}.pg-count-choice input{position:absolute;width:1px;height:1px;opacity:0}.pg-count-choice label>span{display:block;border:1px solid var(--pg-line);border-radius:7px;padding:13px 10px;font-size:23px;line-height:1;font-weight:650}.pg-count-choice small{display:block;font-size:9px;font-weight:400;line-height:1.5;margin-top:7px}.pg-count-choice input:checked+span{border-color:var(--pg-blue);background:#edf4ff;color:var(--pg-blue);box-shadow:inset 0 0 0 1px var(--pg-blue)}.pg-count-choice input:focus-visible+span{outline:3px solid var(--pg-blue);outline-offset:3px}.pg-choice-note{font-size:10px!important;line-height:1.5}.pg-help-dialog{max-width:480px;padding:38px}.pg-help-dialog .eyebrow{font-size:9px;color:var(--pg-muted);padding-right:20px}.pg-help-dialog h2{font-size:31px;margin-bottom:25px}.pg-help-dialog p{font-size:13px;line-height:1.8;margin:16px 0}.pg-help-dialog .pg-muted{font-size:11px;color:var(--pg-muted)}
body.mazi-playing .announcement,body.mazi-playing .site-footer{display:none}body.mazi-playing .nav-inner{height:65px}body.mazi-playing .site-header nav>a{padding-block:21px}body.mazi-playing .site-header{position:relative}body.mazi-playing .logo img{width:136px}body.mazi-playing #main{max-width:none}body.mazi-playing .site-header .play-link{background:#edf4ff;color:var(--pg-blue,#1968e7)}
.pg-room{width:100%;background:#fff}.pg-room-heading{height:66px;padding:0 30px;display:flex;align-items:center;gap:24px}.pg-room-heading>#pg-back{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--pg-muted);padding-right:23px;border-right:1px solid var(--pg-line)}.pg-room-heading>#pg-back:hover{color:var(--pg-blue)}.pg-room-title{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.pg-room-title>img{width:36px;height:36px;object-fit:contain;background:#f4f6f9;border-radius:4px}.pg-room-title h1{font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}.pg-room-title div>span{display:block;font-size:9px;color:var(--pg-muted);margin-top:3px}.pg-product-link{font-size:11px;white-space:nowrap}.pg-practice{font-size:10px;padding:5px 10px;border-radius:20px;background:#fff6d3;color:#746223;white-space:nowrap}.pg-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 27px;background:#f6f8fb;border-block:1px solid var(--pg-line)}.pg-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-pieces-label select{color:var(--pg-ink);background:white;border:1px solid var(--pg-line);border-radius:5px;height:34px;font-size:11px!important;padding:4px 28px 4px 11px;cursor:pointer}.pg-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--pg-ink);padding:7px 9px;min-height:34px;border-radius:5px;font-size:11px!important;line-height:1;white-space:nowrap}.pg-tool:hover,.pg-tool[aria-pressed=true]{background:white;border-color:var(--pg-line)}.pg-tool[aria-pressed=true]{color:var(--pg-blue)}.pg-tool svg{width:15px;height:15px}.pg-clock-tools{display:flex;align-items:center;gap:9px}.pg-clock-tools output{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.02em;min-width:61px}.pg-table-shell{position:relative;background:#c6a477;isolation:isolate}#pg-table{width:100%;height:calc(100svh - 226px);min-height:420px;max-height:1100px}.pg-table-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(#f8f2e9e8,#f8f2e9e8),url('images/puzzle-oak-table-v1.webp') center/cover;z-index:8;text-align:center;padding:35px}.pg-table-message p{font-size:14px}.pg-table-message h2{font-size:35px}.pg-table-message .eyebrow{font-size:10px;margin:0}.pg-loading-dot{width:20px;height:20px;border:2px solid #14254020;border-top-color:#1968e7;border-radius:50%;animation:pg-spin 1s linear infinite}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-view-tools{position:absolute;bottom:17px;right:24px;display:flex;align-items:center;gap:2px;background:#fffffff0;border:1px solid #b6a48c80;border-radius:8px;box-shadow:0 4px 15px #50321924;padding:4px;z-index:6}.pg-view-tools button{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;border-radius:5px;min-width:32px;min-height:31px;padding:5px 8px;font-size:20px!important;line-height:1}.pg-view-tools button:hover{background:#f1e9dd}.pg-view-tools output{font-size:10px;min-width:36px;text-align:center;color:var(--pg-muted);font-variant-numeric:tabular-nums}.pg-view-tools #pg-fit{font-size:10px!important;margin-left:6px;border-left:1px solid var(--pg-line);border-radius:0;padding-left:11px}.pg-view-tools #pg-fit svg{width:14px;height:14px}.pg-table-footer{min-height:40px;padding:9px 27px;display:flex;align-items:center;gap:20px;border-top:1px solid #d6c5b0;font-size:10px;color:var(--pg-muted)}.pg-table-footer>p{margin:0;flex:1;font-size:11px;line-height:1.4}.pg-table-footer>span{white-space:nowrap;font-variant-numeric:tabular-nums}.pg-table-footer button{border:0;background:transparent;font-size:10px!important;color:var(--pg-ink);padding:0}.pg-table-footer #pg-help{border:1px solid #bdc8d4;border-radius:50%;width:20px;height:20px;flex-shrink:0}.pg-reference{position:absolute;top:18px;right:20px;width:240px;background:#fff;padding:10px;border-radius:9px;box-shadow:0 6px 35px #14254030;z-index:5}.pg-reference>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:0 2px 8px}.pg-reference button{border:0;background:transparent;font-size:20px!important;line-height:1;padding:0 4px}.pg-reference img{width:100%;max-height:270px;object-fit:contain;background:#f3f5f8}.pg-card-dialog{max-width:560px}.pg-card-dialog h2{font-size:29px;padding-right:30px}.pg-card-dialog>p{font-size:12px;color:var(--pg-muted);margin:12px 0}.pg-card-dialog>img{max-height:55svh;width:auto;max-width:100%;margin:18px auto}.pg-card-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}#pg-copy-text{width:100%;min-height:95px;border:1px solid var(--pg-line);padding:12px;font-size:12px}
@media(min-width:1600px){.pg-room{max-width:1800px;margin:auto}}
@media(max-width:1100px){.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-browse{align-items:start}.pg-intro-copy{max-width:310px}.pg-room-heading{padding-inline:22px}.pg-controls{padding-inline:18px}.pg-tools{gap:4px}.pg-tool{padding-inline:7px}}
@media(max-width:760px){.pg-gallery{padding-top:34px}.pg-intro{display:block;margin-bottom:29px}.pg-intro h1{font-size:48px}.pg-intro-copy{max-width:450px;margin-top:23px}.pg-intro-copy>p{font-size:14px;margin-bottom:17px}.pg-upload-note{display:inline;margin-left:10px;font-size:9px}.pg-browse{flex-direction:column;gap:17px;padding:18px 0}.pg-filters{gap:7px}.pg-filters button{padding:9px 13px;font-size:11px!important}.pg-search{width:100%}.pg-search input{padding:5px 0;border:0;width:100%}.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.pg-grid-meta{font-size:9px;gap:9px;margin:18px 0}.pg-card h2{font-size:17px}.pg-card-bottom{display:block;font-size:9px;line-height:1.6}.pg-card-bottom a{display:block;margin-top:4px}.pg-card-image img{padding:9px}.pg-play-cue{display:none}.pg-gallery-foot{display:block;margin-top:35px;padding-top:20px}.pg-gallery-foot a{display:inline-block;margin-top:14px}.pg-choice-dialog[open]{grid-template-columns:1fr 1.1fr;gap:18px;padding:22px}.pg-choice-dialog>img{height:255px}.pg-choice-copy h2{font-size:25px}.pg-choice-copy .eyebrow{font-size:8px}.pg-room-heading{padding:0 16px;gap:14px;height:62px}.pg-room-heading>#pg-back{padding-right:12px}.pg-room-heading>#pg-back span{display:none}.pg-room-title h1{font-size:14px;max-width:50vw}.pg-room-title>img{width:29px;height:29px}.pg-product-link{display:none}.pg-practice{font-size:9px;padding:4px 8px}.pg-controls{padding:8px 10px;gap:8px}.pg-tools{gap:2px;flex-wrap:nowrap}.pg-tools .pg-tool{padding:7px;min-width:32px}.pg-tools .pg-tool span{display:none}.pg-clock-tools{gap:0}.pg-clock-tools output{font-size:13px;min-width:49px}.pg-pieces-label select{font-size:10px!important;padding:3px 15px 3px 5px;max-width:92px}.pg-clock-tools button{padding:6px}.pg-table-footer{padding:10px 14px;gap:12px;flex-wrap:wrap}.pg-table-footer>p{font-size:10px;flex-basis:60%}.pg-table-footer>span{font-size:9px}.pg-table-footer #pg-help{position:absolute;right:12px;bottom:12px}#pg-table{height:calc(100svh - 230px);min-height:430px}.pg-table-footer{position:relative;padding-right:37px}.pg-view-tools{bottom:15px;right:14px}.pg-reference{top:12px;right:12px;width:190px}.pg-reference img{max-height:215px}body.mazi-playing .nav-inner{height:57px}body.mazi-playing .logo img{width:112px}.pg-table-message h2{font-size:28px}}
@media(max-width:480px){.pg-intro h1{font-size:43px}.pg-intro .eyebrow{font-size:9px;margin-bottom:15px}.pg-intro-copy>p{font-size:13px}.pg-upload-note{display:block;margin-left:0;margin-top:7px}.pg-grid{gap:26px 13px}.pg-card-category{font-size:8px;letter-spacing:.035em}.pg-card h2{font-size:15px;line-height:1.3}.pg-choice-dialog[open]{display:block;padding:23px}.pg-choice-dialog>img{height:210px;padding:10px}.pg-choice-copy{padding:23px 0 0}.pg-choice-copy h2{font-size:29px}.pg-choice-copy .eyebrow{margin-bottom:12px}.pg-choice-copy>p{font-size:12px}.pg-count-choice{margin-top:20px}.pg-choice-copy .pg-choice-note{margin-top:12px}.pg-room-title{gap:8px}.pg-room-title h1{max-width:49vw;font-size:13px}.pg-practice{display:none}.pg-clock-tools .pg-tool svg{width:13px}.pg-tools .pg-tool{padding:5px;min-width:27px}.pg-tools .pg-tool svg{width:14px}.pg-controls{gap:5px;padding-inline:8px}.pg-room-title div>span{font-size:8px}.pg-card-dialog{padding:24px 18px}.pg-card-dialog h2{font-size:25px}.pg-card-actions .pg-button{padding:10px 12px;font-size:11px!important}.pg-help-dialog{padding:32px 25px}.pg-history li{display:block}.pg-history li span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){#mazi-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.pg-view-tools{background:white;backdrop-filter:none}.pg-dialog::backdrop{backdrop-filter:none;background:#13243bd0}}