:root{color-scheme:light;--ink:#172019;--muted:#697268;--line:#d9dfd6;--paper:#f6f7f2;--panel:#fff;--green:#34634a;--green-dark:#244b37;--gold:#d9aa56;color:var(--ink);background:#eef0e9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{overscroll-behavior:none;background:radial-gradient(circle at 50% -10%, #fff 0, transparent 32rem), var(--paper);min-height:100svh;margin:0;overflow-x:hidden}button{border:1px solid var(--line);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:.78rem;font-weight:720;transition:transform .15s,box-shadow .15s,background .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #1b342314}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,#board:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:var(--green);color:#fff;border-color:var(--green)}#game-shell{width:min(46rem,100%);min-height:100svh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));align-content:start;gap:.65rem;margin:auto;display:grid}.game-header{align-items:center;gap:.65rem;min-height:3rem;display:flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:-.05em;border-radius:.8rem;place-items:center;width:2.5rem;height:2.5rem;font-size:.76rem;font-weight:900;display:grid;box-shadow:0 6px 18px #34634a33}.game-header p,.game-header h1{margin:0}.game-header p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:850}.game-header h1{font-family:Georgia,serif;font-size:1.38rem;line-height:1}.game-header .icon-button{margin-left:auto;padding:0 .8rem}.score-strip{border:1px solid var(--line);background:#fff;border-radius:.85rem;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 6px 24px #2533290b}.score-strip div{text-align:center;padding:.4rem;position:relative}.score-strip div+div:before{content:"";border-left:1px solid var(--line);position:absolute;top:24%;bottom:24%;left:0}.score-strip span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.59rem;font-weight:800;display:block}.score-strip strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.board-wrap{aspect-ratio:1;width:min(100%,100svh - 18.2rem,42rem);margin:auto;position:relative}#board{--gap:3px;touch-action:none;user-select:none;background:#cbd1c7;border:clamp(6px,1.3vw,10px) solid #fefefe;border-radius:clamp(1rem,3vw,1.65rem);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 22px 55px #26342924,0 3px 10px #2634291c,inset 0 0 0 1px #bdc6ba}.empty-well{width:20%;height:20%;transform:translate(calc(var(--empty-column) * 100%), calc(var(--empty-row) * 100%));background:repeating-linear-gradient(135deg,#bfc7bb 0 5px,#c8cec4 5px 10px);transition:transform .145s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;box-shadow:inset 0 3px 10px #53655430}.puzzle-tile{z-index:2;width:20%;height:20%;min-height:0;padding:var(--gap);border-radius:calc(.24rem + var(--gap));transform:translate(calc(var(--column) * 100%), calc(var(--row) * 100%));box-shadow:none;background:#fff;border:0;transition:transform .145s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;overflow:hidden}button.puzzle-tile:hover:not(:disabled){z-index:3;transform:translate(calc(var(--column) * 100%), calc(var(--row) * 100%));filter:brightness(1.06);box-shadow:none!important}button.puzzle-tile:active:not(:disabled){transform:translate(calc(var(--column) * 100%), calc(var(--row) * 100%)) scale(.96)!important}.tile-art{width:500%;max-width:none;height:500%;left:calc(var(--correct-column) * -100%);top:calc(var(--correct-row) * -100%);object-fit:cover;pointer-events:none;position:absolute}.tile-number{color:#fff;background:#132219c9;border-radius:999px;place-items:center;min-width:1.5rem;height:1.5rem;font-size:.68rem;font-weight:850;display:none;position:absolute;bottom:.3rem;right:.3rem;box-shadow:0 1px 4px #0005}html[data-numbers=on] .tile-number{display:grid}.puzzle-tile.hinted{z-index:5;animation:1.2s hint}@keyframes hint{30%,70%{filter:brightness(1.12);box-shadow:inset 0 0 0 5px #ffe484,0 0 0 4px #fff}}#preview{z-index:8;background:#222;position:absolute;inset:0}#preview img{object-fit:cover;width:100%;height:100%;display:block}#intro{z-index:10;color:#fff;backdrop-filter:blur(8px);background:#14251edb;border-radius:999px;align-items:center;gap:.8rem;width:max-content;max-width:90%;padding:.6rem .65rem .6rem 1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0005}#intro button{border:0;min-height:36px;padding:0 .8rem}#go{z-index:12;color:#fff;letter-spacing:-.06em;text-shadow:0 4px 25px #000b;pointer-events:none;place-items:center;font-size:clamp(3rem,14vw,7rem);font-weight:950;animation:.7s both go;display:grid;position:absolute;inset:0}@keyframes go{0%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}#pause-layer,#image-error{z-index:20;text-align:center;color:#fff;backdrop-filter:blur(7px);letter-spacing:.08em;background:#13221dde;place-content:center;gap:.3rem;font-size:1.5rem;display:grid;position:absolute;inset:0}#image-error span{letter-spacing:0;font-size:.8rem}.primary-controls{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.primary-controls button{align-content:center;justify-items:center;gap:.05rem;padding:.33rem .18rem;font-size:.7rem;display:grid}.primary-controls button span{font-size:1.05rem;line-height:1}.secondary-controls{justify-content:center;gap:.45rem;display:flex}.secondary-controls button{min-height:36px;color:var(--muted);background:0 0;border-radius:999px;padding:0 .75rem;font-size:.7rem}.tip{color:var(--muted);text-align:center;margin:0;font-size:.7rem}.modal-layer{z-index:50;backdrop-filter:blur(10px);background:#132119b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.victory-card,dialog{width:min(30rem,92vw);color:var(--ink);background:#fff;border:1px solid #fffa;border-radius:1.35rem;box-shadow:0 30px 90px #0c17117a}.victory-card{text-align:center;padding:clamp(1.25rem,5vw,2rem)}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.63rem;font-weight:900}h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.55rem,7vw,2.4rem)}.new-best{color:#b27415;letter-spacing:.12em;min-height:1.2em;margin:.6rem 0 0;font-weight:900}.rating{color:#a16c19;margin:.35rem 0 1rem;font-weight:750}dl{margin:0}.result-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}dl div{background:var(--paper);border-radius:.75rem;padding:.65rem}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}dd{font-variant-numeric:tabular-nums;margin:.12rem 0 0;font-weight:850}.dialog-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem;display:grid}dialog{padding:0}dialog::backdrop{backdrop-filter:blur(8px);background:#14231cb8}dialog form{padding:1.15rem}dialog header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}dialog header button{padding:0 .8rem}.filter-row{gap:.35rem;margin-bottom:.8rem;display:flex;overflow:auto}.filter-row button{border-radius:999px;min-height:34px;padding:0 .8rem;font-size:.7rem}.filter-row .active{background:var(--green);color:#fff}.image-card{text-align:left;grid-template-columns:5rem 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.45rem;display:grid}.image-card img{aspect-ratio:1;object-fit:cover;border-radius:.55rem;width:5rem}.image-card span{display:grid}.image-card small{color:var(--muted);font-weight:500}.image-card b{color:var(--green);font-size:.7rem}.dialog-note{color:var(--muted);font-size:.75rem;line-height:1.5}.stats-grid .wide{grid-column:1/-1}#confetti{z-index:70;pointer-events:none;position:absolute;inset:0;overflow:hidden}#confetti i{left:var(--x);background:hsl(var(--hue) 80% 58%);width:8px;height:14px;animation:fall 1.6s var(--delay) ease-in forwards;position:absolute;top:-8%}@keyframes fall{to{transform:translateY(110vh)rotate(620deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (height<=670px){.game-header{display:none}.board-wrap{width:min(100%,100svh - 10.8rem)}.tip{display:none}}@media (width>=760px) and (height>=760px){#game-shell{gap:.8rem;padding-top:1rem}.primary-controls button{font-size:.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}