.image-puzzle-section{color:#fff;background:0 0;width:100%;padding:4rem 1rem;position:relative}.image-puzzle-container{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:900px;margin:0 auto;padding:2rem 0;display:flex;position:relative}.image-puzzle-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.image-puzzle-title{margin:0}.image-puzzle-subtitle{letter-spacing:.15em;color:#fff6;text-transform:uppercase;font-size:.85rem}.image-puzzle-stats{letter-spacing:.1em;color:#fff6;box-sizing:border-box;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:500px;height:44px;font-family:JetBrains Mono,Noplato Mono,monospace;font-size:.85rem;display:flex}.image-puzzle-stat-item{align-items:center;gap:.5rem;display:flex}.image-puzzle-stat-val{color:#ff5000;font-weight:700}.image-puzzle-board{-webkit-user-select:none;user-select:none;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:100%;max-width:800px;position:relative;overflow:hidden;box-shadow:inset 0 4px 30px #000c}.image-puzzle-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:2.5px;width:100%;height:100%;padding:2.5px;display:grid}.image-puzzle-tile{cursor:pointer;background-repeat:no-repeat;border:1px solid #ffffff0d;border-radius:3px;width:100%;height:100%;transition:all .25s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 4px 10px #0000004d}.image-puzzle-tile:hover{filter:brightness(1.1);z-index:10;border-color:#fff3;transform:scale(1.02)}.image-puzzle-tile.selected{opacity:.65;outline-offset:-1px;z-index:12;outline:2px solid #ff5000;transform:scale(.98);box-shadow:0 0 15px #ff500099}.image-puzzle-tile.correct-pos{border-color:#22c55e4d}.image-puzzle-tile.correct-animate{animation:.6s cubic-bezier(.25,.8,.25,1) correctPulse}@keyframes correctPulse{0%{transform:scale(1);box-shadow:0 0 #0000}50%{border-color:#22c55ecc;transform:scale(1.08);box-shadow:0 0 20px #22c55e99}to{transform:scale(1);box-shadow:0 0 #0000}}.image-puzzle-overlay{-webkit-backdrop-filter:blur(12px);z-index:20;opacity:1;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.image-puzzle-full-preview{z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}.image-puzzle-overlay-content{z-index:2;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1rem;max-width:80%;display:flex;position:relative}.image-puzzle-overlay-title{letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #00000080;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:500}.image-puzzle-overlay-desc{color:#ffffffb3;letter-spacing:.05em;text-shadow:0 1px 5px #00000080;font-size:.85rem;line-height:1.5}.image-puzzle-controls{box-sizing:border-box;justify-content:center;align-items:center;gap:1.5rem;height:48px;margin-top:1rem;display:flex}.image-puzzle-solved-modal{z-index:99999;-webkit-backdrop-filter:blur(15px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-puzzle-solved-card{text-align:center;background:#09090b;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:450px;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #ff500026}.image-puzzle-solved-icon{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;display:flex}.image-puzzle-solved-title{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Orbitron,sans-serif;font-size:1.25rem}.image-puzzle-solved-stats{color:#ffffffb3;background:#ffffff05;border:1px solid #ffffff08;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.image-puzzle-solved-stat{border-bottom:1px dashed #ffffff0d;justify-content:space-between;padding-bottom:.25rem;display:flex}.image-puzzle-solved-stat:last-child{border-bottom:none;padding-bottom:0}.image-puzzle-solved-stat-val{color:#ff5000;font-weight:700}.image-puzzle-solved-desc{color:#ffffff80;font-size:.85rem;line-height:1.5}@media (max-width:768px){.image-puzzle-container{border-radius:1.5rem;padding:1.5rem 1rem}.image-puzzle-stats{gap:1.5rem;padding:.5rem 1rem;font-size:.75rem}.image-puzzle-controls{flex-direction:column;gap:.75rem;width:100%}.image-puzzle-controls>button{width:auto}}@media (max-width:640px){.image-puzzle-overlay-content{gap:.35rem!important;max-width:90%!important}.image-puzzle-overlay-title{letter-spacing:.1em!important;font-size:1rem!important}.image-puzzle-overlay-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.65rem!important;line-height:1.3!important}.image-puzzle-overlay-content .text-3xl{display:none!important}}
.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}