:root{--header-height: 60px;--header-height-tablet: 70px;--header-height-desktop: 80px;--bg-color: #fdf6e3;--bg-secondary: #f4e8c1;--primary-color: #6d2c1a;--secondary-color: #7a5532;--accent-color: #b5632e;--accent-gold: #9a6b1f;--text-color: #3d3029;--text-light: #fdf6e3;--color-success: #2d6a4f;--color-success-light: #d8f3dc;--color-error: #9b2226;--color-error-light: #fde2e4;--color-warning: #bc6c25;--color-warning-light: #fefae0;--font-main: "Balsamiq Sans", "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--font-heading: "Caveat", "Bradley Hand", "Segoe Script", cursive;--text-xs: clamp(11px, 2vw, 13px);--text-sm: clamp(12px, 2vw, 14px);--text-base: clamp(14px, 2.5vw, 16px);--text-md: clamp(16px, 3vw, 18px);--text-lg: clamp(18px, 3vw, 20px);--text-xl: clamp(20px, 4vw, 24px);--text-2xl: clamp(28px, 6vw, 40px);--text-3xl: clamp(2.5em, 8vw, 4em);--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-3xs: 4px;--space-2xs: 8px;--space-xs: 12px;--space-sm: 16px;--space-md: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-radius: var(--radius-lg);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-inner: inset 0 0 10px rgba(0, 0, 0, .15);--box-shadow: var(--shadow-md);--box-shadow-hover: var(--shadow-lg);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-drag: 800;--z-toast: 900;--z-max: 9999;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-default: ease-out;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-flip: cubic-bezier(.2, 0, .2, 1);--transition-fast: var(--duration-fast) var(--ease-default);--transition-normal: var(--duration-normal) var(--ease-default)}@media (min-width: 768px){:root{--header-height: var(--header-height-tablet)}}@media (min-width: 1024px){:root{--header-height: var(--header-height-desktop)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden}body{height:100%;height:100dvh;margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);font-size:var(--text-base);line-height:var(--leading-normal);text-align:center;touch-action:manipulation;display:flex;flex-direction:column;overflow:hidden;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.839 48.839"><path fill="%23DDB892" fill-opacity="0.15" d="M39.041,36.843c2.054,3.234,3.022,4.951,3.022,6.742c0,3.537-2.627,5.252-6.166,5.252 c-1.56,0-2.567-0.002-5.112-1.326c0,0-1.649-1.509-5.508-1.354c-3.895-0.154-5.545,1.373-5.545,1.373 c-2.545,1.323-3.516,1.309-5.074,1.309c-3.539,0-6.168-1.713-6.168-5.252c0-1.791,0.971-3.506,3.024-6.742 c0,0,3.881-6.445,7.244-9.477c2.43-2.188,5.973-2.18,5.973-2.18h1.093v-0.001c0,0,3.698-0.009,5.976,2.181 C35.059,30.51,39.041,36.844,39.041,36.843z M16.631,20.878c3.7,0,6.699-4.674,6.699-10.439S20.331,0,16.631,0 S9.932,4.674,9.932,10.439S12.931,20.878,16.631,20.878z M10.211,30.988c2.727-1.259,3.349-5.723,1.388-9.971 s-5.761-6.672-8.488-5.414s-3.348,5.723-1.388,9.971C3.684,29.822,7.484,32.245,10.211,30.988z M32.206,20.878 c3.7,0,6.7-4.674,6.7-10.439S35.906,0,32.206,0s-6.699,4.674-6.699,10.439C25.507,16.204,28.506,20.878,32.206,20.878z M45.727,15.602c-2.728-1.259-6.527,1.165-8.488,5.414s-1.339,8.713,1.389,9.972c2.728,1.258,6.527-1.166,8.488-5.414 S48.455,16.861,45.727,15.602z"/></svg>');background-size:75px;background-repeat:repeat;background-attachment:fixed}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--primary-color);color:var(--text-light);padding:var(--space-sm) var(--space-lg);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:var(--z-max);transition:top var(--transition-fast);text-decoration:none;font-weight:700}.skip-link:focus{top:0}button:focus-visible,.thumbnail:focus-visible,.carousel-slide:focus-visible,.puzzle-piece:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px;border-radius:var(--radius-sm);box-shadow:0 0 0 6px #6d2c1a40}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes correctPlacement{0%{box-shadow:0 0 #2d6a4f80}50%{box-shadow:0 0 0 8px #2d6a4f33}to{box-shadow:0 0 #2d6a4f00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes celebrateTitle{0%{opacity:0;transform:scale(.5) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}main{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;width:100%;scroll-behavior:smooth;display:flex;flex-direction:column}.screen{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-sm);padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));animation:fadeIn var(--duration-normal) var(--ease-default);contain:layout style}.screen.hidden{display:none!important;content-visibility:hidden}#title-screen{justify-content:center;max-width:500px;margin:0 auto}#puzzle-selection-screen,#difficulty-screen{max-width:100%;justify-content:flex-start;padding-left:var(--space-xs);padding-right:var(--space-xs)}@media (min-width: 768px){main{max-width:1600px;margin:0 auto}.screen{gap:var(--space-md);padding:var(--space-md);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}#puzzle-selection-screen,#difficulty-screen{padding-left:var(--space-md);padding-right:var(--space-md)}}#puzzle-screen{width:100%;max-width:100%;margin:0 auto;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:var(--space-xs);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom))}@media (min-width: 768px){#puzzle-screen{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}}header{flex:0 0 var(--header-height);position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);background:#fdf6e3d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:var(--z-sticky);box-shadow:0 1px 5px #0000000d}.logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;pointer-events:none}.puzzle-logo{height:40px;width:auto;max-width:calc(100vw - 140px);object-fit:contain;pointer-events:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08)) drop-shadow(0 2px 4px rgba(0,0,0,.06))}@media (min-width: 400px){.puzzle-logo{height:45px}}@media (min-width: 768px){.puzzle-logo{height:65px;max-width:none}}@media (min-width: 1024px){.puzzle-logo{height:80px}}.corner-btn{background:#fff;border:2px solid var(--primary-color);width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);color:var(--primary-color);font-size:var(--text-lg);position:absolute;top:50%;transform:translateY(-50%)}@media (pointer: coarse){.corner-btn{width:48px;height:48px}}.corner-btn:hover{transform:translateY(-50%) translateY(-2px);background-color:var(--secondary-color);color:#fff;box-shadow:var(--shadow-md)}.corner-btn:active{transform:translateY(-50%) translateY(0);box-shadow:var(--shadow-sm)}#back-to-title-btn,#back-to-select-btn,#back-btn{left:var(--space-xs)}#pause-btn{right:var(--space-xs)}#hint-btn{right:calc(var(--space-xs) + 48px);border-color:var(--accent-color);color:var(--accent-color)}#hint-btn:hover{background-color:var(--accent-color);color:#fff}@media (min-width: 400px){#back-to-title-btn,#back-to-select-btn,#back-btn{left:var(--space-sm)}#pause-btn{right:var(--space-sm)}#hint-btn{right:calc(var(--space-sm) + 52px)}}@media (min-width: 768px){#back-to-title-btn,#back-to-select-btn,#back-btn{left:var(--space-md)}#pause-btn{right:var(--space-md)}#hint-btn{right:calc(var(--space-md) + 56px)}}.logo{max-width:90%;width:clamp(220px,70vw,400px);height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08)) drop-shadow(0 2px 4px rgba(0,0,0,.06))}.tagline{font-size:clamp(1rem,4vw,1.25rem);line-height:var(--leading-tight);margin:calc(-1 * var(--space-2xs)) 0 var(--space-sm);font-family:var(--font-heading);color:var(--secondary-color);text-wrap:balance;padding:0 var(--space-xs)}@media (min-width: 400px){.tagline{margin:calc(-1 * var(--space-xs)) 0 var(--space-md);padding:0}}.btn{font-size:var(--text-md);font-weight:700;line-height:var(--leading-tight);color:var(--text-light);background-color:var(--secondary-color);border:none;border-bottom:4px solid var(--primary-color);padding:var(--space-xs) var(--space-lg);cursor:pointer;border-radius:var(--border-radius);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-shadow:var(--shadow-sm);letter-spacing:.02em;min-height:44px}.btn:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px) scale(.98);border-bottom-width:2px;box-shadow:var(--shadow-xs)}.btn:disabled{background-color:var(--bg-secondary);border-color:#6d2c1a4d;color:#3d302980;cursor:not-allowed;transform:none;box-shadow:none}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--text-light);border-radius:var(--radius-full);animation:spin .8s linear infinite}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,#e6e1d4 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.screen-title{font-family:var(--font-heading);font-size:clamp(1.5rem,6vw,2.5rem);line-height:var(--leading-tight);color:var(--primary-color);margin:0 0 var(--space-xs) 0;text-wrap:balance;padding:0 var(--space-xs)}@media (min-width: 400px){.screen-title{margin:0 0 var(--space-sm) 0;padding:0}}#thumbnail-grid{display:grid;gap:var(--space-xs);width:100%;max-width:100%;grid-template-columns:repeat(3,1fr);padding:0;flex-grow:1;min-height:0}@media (min-width: 400px){#thumbnail-grid{gap:var(--space-sm);padding:0 var(--space-xs)}}.thumbnail{aspect-ratio:1 / 1;border:3px solid var(--primary-color);border-radius:var(--border-radius);cursor:pointer;overflow:hidden;background:linear-gradient(90deg,var(--bg-secondary) 0%,#e8e0d0 50%,var(--bg-secondary) 100%);background-size:200% 100%;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;position:relative;contain:layout style paint}.thumbnail.loaded{animation:none;background:var(--bg-secondary)}.thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity var(--transition-normal),transform var(--transition-normal)}.thumbnail.loaded img{opacity:1}.thumbnail[aria-pressed=true],.thumbnail.selected{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--bg-color),0 0 0 6px var(--accent-gold),var(--shadow-lg)}.thumbnail.selected:before{content:"✓";position:absolute;top:var(--space-2xs);right:var(--space-2xs);width:24px;height:24px;background:var(--accent-gold);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);z-index:2}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000d9,#0009 60%,#0000004d);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);color:#fff;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (hover: hover) and (pointer: fine){.thumbnail:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.thumbnail:hover img{transform:scale(1.08)}}@media (min-width: 768px){#thumbnail-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-md);padding:var(--space-sm);max-width:1200px}}@media (min-width: 1280px){#thumbnail-grid{max-width:1000px}}.difficulty-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:calc(100vw - var(--space-md));background-color:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:2px solid var(--primary-color)}.difficulty-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);width:100%}.difficulty-button{width:100%;padding:var(--space-xs) var(--space-2xs);font-size:var(--text-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-3xs);min-height:60px}.difficulty-button .difficulty-name{font-size:var(--text-sm)}.difficulty-button .difficulty-grid{font-size:var(--text-xs);opacity:.85;font-weight:400}.difficulty-button.active{background-color:var(--accent-color);transform:scale(1.02);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}#start-button{margin-top:var(--space-2xs);background-color:var(--accent-gold);border-color:#7a5419;width:100%;padding:var(--space-sm);font-size:var(--text-md)}#start-button:hover:not(:disabled){background-color:#b47d25}@media (min-width: 400px){.difficulty-container{max-width:380px;padding:var(--space-md);gap:var(--space-md)}.difficulty-wrapper{gap:var(--space-sm)}.difficulty-button{padding:var(--space-sm) var(--space-xs);font-size:var(--text-md);min-height:70px}.difficulty-button .difficulty-name{font-size:var(--text-md)}}@media (min-width: 500px){.difficulty-container{max-width:450px;padding:var(--space-lg)}#start-button{font-size:var(--text-lg)}}@media (pointer: coarse){.difficulty-button{min-height:70px}}.puzzle-sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;container-type:inline-size;container-name:sidebar}#puzzle-wrapper{position:relative;--available-height: calc(100dvh - var(--header-height) - 200px);width:min(90vw,var(--available-height));height:min(90vw,var(--available-height));max-width:550px;max-height:550px;margin:var(--space-xs) auto;aspect-ratio:1 / 1}@media (min-width: 768px){#puzzle-wrapper{--available-height: calc(100dvh - var(--header-height) - 220px);max-width:600px;max-height:600px;margin:var(--space-sm) auto}}#puzzle-container{--grid-size: 3;display:grid;width:100%;height:100%;gap:2px;padding:2px;border:4px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--shadow-inner),var(--shadow-md);background:var(--primary-color);position:relative;overflow:hidden;transform:translateZ(0);touch-action:none}.puzzle-piece{background-size:cover;cursor:grab;transition:opacity var(--transition-fast),box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;position:relative;border-radius:2px;will-change:transform}.puzzle-piece:active{cursor:grabbing}.puzzle-piece.dragging-source{opacity:.3;will-change:opacity}.puzzle-piece.hover-target{box-shadow:inset 0 0 0 3px var(--accent-color),0 0 10px 3px var(--accent-color);z-index:1}.puzzle-piece.correct-piece{box-shadow:inset 0 0 0 2px var(--color-success)}.puzzle-piece.correct-piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(45,106,79,.15) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.puzzle-piece.just-placed-correctly{animation:correctPlacement .5s var(--ease-default)}.puzzle-piece.keyboard-selected{outline:3px solid var(--accent-color);outline-offset:-3px;z-index:2}#ghost-piece{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;opacity:.95;will-change:transform;display:none;border:3px solid var(--accent-color);box-shadow:0 4px 15px #0000004d,0 0 0 1px #fff3 inset;border-radius:var(--radius-sm);transform-origin:center}#ghost-piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);border-radius:inherit;pointer-events:none}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fdf6e3e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);z-index:10;border-radius:var(--border-radius);font-size:var(--text-xl);font-weight:700;color:var(--primary-color)}#loading-overlay:after{content:"";width:24px;height:24px;border:3px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite}.stats-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);width:100%;transition:opacity var(--transition-normal),transform var(--transition-normal)}.stats-container.stats-hidden{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none}.stat{flex:1 1 auto;min-width:80px;max-width:150px;font-size:var(--text-base);background:#fff;padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:2px solid var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-3xs)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.stat-value{font-size:var(--text-lg);font-weight:700}#progress{color:var(--accent-color);font-weight:700;background:linear-gradient(135deg,var(--bg-color) 0%,rgba(181,99,46,.1) 100%);border-color:var(--accent-color)}.toggles-container{display:flex;justify-content:center;gap:var(--space-md)}.toggle-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);cursor:pointer;color:var(--text-color);min-height:44px}.toggle-switch{position:relative;width:52px;height:28px;display:flex;align-items:center}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ccc;border:2px solid #bbb;transition:background-color var(--transition-fast),border-color var(--transition-fast);border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#fff;transition:transform var(--transition-fast);border-radius:var(--radius-full);box-shadow:var(--shadow-xs)}input:checked+.slider{background-color:var(--accent-color);border-color:var(--primary-color)}input:checked+.slider:before{transform:translate(24px)}@media (pointer: coarse){.toggle-switch{width:58px;height:32px}.slider:before{height:24px;width:24px}input:checked+.slider:before{transform:translate(26px)}}#puzzle-info{margin:0;font-size:var(--text-lg);font-family:var(--font-heading);color:var(--text-color)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);animation:fadeIn var(--duration-normal) var(--ease-default)}.overlay-content{background:var(--bg-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}#win-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);animation:fadeIn var(--duration-normal) var(--ease-default)}#win-modal h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--primary-color);margin:0;animation:celebrateTitle .6s var(--ease-bounce)}#solved-puzzle-img{max-width:min(80%,400px);max-height:min(300px,40vh);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);box-shadow:var(--shadow-lg);object-fit:contain}.win-stats{font-size:var(--text-lg);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.win-stat-item{display:flex;align-items:center;gap:var(--space-2xs);background:var(--bg-secondary);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md)}.win-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.win-buttons .btn{min-height:44px;min-width:44px}#pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md)}.pause-content{background:var(--bg-color);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:90vw}#pause-overlay h2{font-family:var(--font-heading);color:var(--primary-color);font-size:var(--text-3xl);margin:0}#pause-overlay p{color:var(--text-color);font-size:var(--text-base);margin:0}.message{position:fixed;bottom:max(var(--space-md),env(safe-area-inset-bottom,0px) + var(--space-xs));left:50%;transform:translate(-50%);max-width:min(90%,400px);padding:var(--space-xs) var(--space-lg);font-size:var(--text-base);z-index:var(--z-toast);border-radius:var(--border-radius);color:#fff;box-shadow:var(--shadow-lg);animation:slideInUp var(--duration-normal) var(--ease-default);background:var(--secondary-color);display:flex;align-items:center;gap:var(--space-sm)}.message.exiting{animation:slideOutDown var(--duration-fast) var(--ease-default) forwards}@media (orientation: landscape) and (max-height: 600px){:root{--header-height: 50px}.puzzle-logo{height:35px}#puzzle-screen{flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);justify-content:center;align-items:center;padding:var(--space-xs)}#puzzle-screen #puzzle-info{display:none}.puzzle-sidebar{width:auto;flex:0 1 180px;min-width:130px;max-width:200px;justify-content:center;order:2}#puzzle-wrapper{--puzzle-size: min( calc(100dvh - var(--header-height) - var(--space-lg) - env(safe-area-inset-top) - env(safe-area-inset-bottom)), 55vw );width:var(--puzzle-size);height:var(--puzzle-size);max-width:var(--puzzle-size);max-height:var(--puzzle-size);flex:0 0 auto;margin:0;order:1}.stats-container{flex-direction:column;gap:var(--space-2xs)}.stat{max-width:none;min-width:auto;padding:var(--space-3xs) var(--space-2xs)}.toggles-container{margin-top:var(--space-2xs)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}.btn,.thumbnail,.puzzle-piece{transition-duration:.01ms!important}.slider:before{transition-duration:.1s!important}}