.jigsaw-game-content-wrapper{width:100%}.jigsaw-game-area{background-color:var(--game-bg);box-sizing:border-box;border-radius:8px;flex-direction:column;width:100%;max-width:none;height:calc(100vh - 80px);min-height:calc(100vh - 80px);margin:0 auto;padding:20px 20px 5px;display:flex;position:relative}.jigsaw-canvas-container{background:#95dfb1;border:1px solid #76c494;border-radius:8px;width:100%;height:calc(100% - 5px);max-height:none;transition:box-shadow .3s ease-in-out,border-color .3s;position:relative;overflow:visible}body.dark-theme .jigsaw-canvas-container{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.jigsaw-resize-handle{background:var(--border-strong-color);cursor:ns-resize;user-select:none;opacity:.7;z-index:10;border-radius:0 0 4px 4px;justify-content:center;align-items:center;width:40px;height:8px;transition:background-color .2s,opacity .2s;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.jigsaw-resize-handle:hover{background:var(--text-color);opacity:1}.jigsaw-resize-handle:before{content:"";background:var(--bg-color);width:16px;height:1px;box-shadow:0 2px 0 var(--bg-color),0 4px 0 var(--bg-color);border-radius:1px}body.game-of-day-active-glow .jigsaw-game-content-wrapper .jigsaw-canvas-container{box-shadow:0 0 18px 4px #67a9e4a6,0 0 30px 8px #67a9e473}body.dark-theme.game-of-day-active-glow .jigsaw-game-content-wrapper .jigsaw-canvas-container{box-shadow:0 0 18px 4px #58a6ff8c,0 0 30px 8px #58a6ff59}.jigsaw-canvas-container.game-paused{pointer-events:none;border-color:#0000!important}#jigsaw-canvas{cursor:grab;background:50%/contain no-repeat;width:100%;height:100%;display:block;position:relative}#jigsaw-canvas:active{cursor:grabbing}.jigsaw-canvas-container.game-paused #jigsaw-canvas{filter:blur(3px);pointer-events:none}.jigsaw-top-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.jigsaw-difficulty-selector{gap:5px;display:flex}#jigsaw-game-of-the-day-btn,.jigsaw-top-controls .btn:not(.jigsaw-difficulty-selector .btn){flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;aspect-ratio:1!important;width:40px!important;height:40px!important;max-height:40px!important;padding:0!important}#jigsaw-game-of-the-day-btn.gotd-active-top-btn{background-color:var(--gotd-active-bg)!important;border-color:var(--gotd-active-bg)!important}#jigsaw-game-of-the-day-btn.gotd-active-top-btn:hover:not(:disabled){background-color:var(--gotd-active-hover-bg)!important}#jigsaw-game-of-the-day-btn.gotd-active-top-btn i{color:#fff!important}body.dark-theme #jigsaw-game-of-the-day-btn.gotd-active-top-btn i{color:var(--btn-primary-text)!important}#jigsaw-game-of-the-day-btn.gotd-completed-top-btn{background-color:var(--gotd-completed-bg)!important;border-color:var(--gotd-completed-bg)!important}#jigsaw-game-of-the-day-btn.gotd-completed-top-btn:hover:not(:disabled){background-color:var(--gotd-completed-hover-bg)!important}#jigsaw-game-of-the-day-btn.gotd-completed-top-btn i{color:#fff!important}body.dark-theme #jigsaw-game-of-the-day-btn.gotd-completed-top-btn i{color:var(--btn-primary-text)!important}#jigsaw-game-of-the-day-btn[data-tooltip]:hover:after,.jigsaw-top-controls .btn[data-tooltip]:hover:after{content:attr(data-tooltip);background-color:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;z-index:10;border-radius:4px;padding:5px 8px;font-size:.8rem;transition:background-color .3s,color .3s;position:absolute;bottom:-33px;left:50%;transform:translate(-50%)}.jigsaw-timer-container{justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.jigsaw-timer{text-align:center;color:var(--timer-color);font-family:Courier New,Courier,monospace;font-size:clamp(18px,4vw,22px);font-weight:700;line-height:1;transition:color .3s}#jigsaw-pause-btn,.manual-save-btn{color:var(--timer-color);cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:clamp(18px,3.8vw,20px);transition:color .3s;position:relative;top:-1px}.manual-save-btn[data-tooltip]:hover:after{content:attr(data-tooltip);white-space:nowrap;z-index:999999;pointer-events:none;border-radius:4px;margin-bottom:8px;padding:6px 10px;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080;color:#fff!important;opacity:1!important;background-color:#222!important}#jigsaw-pause-btn:hover,.manual-save-btn:hover{opacity:.7}.jigsaw-progress{text-align:center;color:var(--text-color);margin-top:15px;font-size:14px;font-weight:500;transition:color .3s}.jigsaw-loading{width:100%;height:100%;color:var(--text-color);z-index:50;background-color:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}body.dark-theme .jigsaw-loading{background-color:#2c2c2ce6}.jigsaw-loading .loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--btn-primary-bg);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin}.jigsaw-loading p{color:var(--text-color);margin:0;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confetti{opacity:0;z-index:200000;border-radius:50%;width:10px;height:10px;animation:3s linear forwards fall;position:fixed}@keyframes fall{0%{opacity:1;transform:translateY(-20vh)rotate(0)}to{opacity:0;transform:translateY(120vh)rotate(720deg)}}.image-loading-overlay{z-index:50;background:0 0;justify-content:center;align-items:flex-start;width:100%;height:auto;display:flex;position:absolute;top:20px;left:0}.image-loading-progress{background-color:#ffffff4d;border:1px solid #fff6;border-radius:4px;width:200px;height:6px;margin:0 auto;position:relative;overflow:hidden}body.dark-theme .image-loading-progress{background-color:#0000004d;border:1px solid #fff3}.progress-bar{background:linear-gradient(90deg,var(--btn-primary-bg),var(--btn-primary-hover-bg));border-radius:2px;height:100%;transition:width .3s;position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.progress-text{color:#ffffffe6;text-shadow:1px 1px 2px #00000080;font-size:14px;font-weight:600;position:absolute;top:-30px;left:50%;transform:translate(-50%)}body.dark-theme .progress-text{color:#fffc}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:699px){.jigsaw-game-area{padding:15px}.jigsaw-canvas-container{aspect-ratio:3/2}.jigsaw-top-controls{justify-content:space-around;margin-top:5px}.modal-game-icon{width:40px;height:40px;margin-bottom:12px}}@media (max-width:480px){.jigsaw-game-area{padding:10px}.jigsaw-canvas-container{aspect-ratio:1}}body.dark-theme .modal-game-icon{filter:brightness(.9)contrast(1.1)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2x){#jigsaw-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.jigsaw-canvas-container.fullscreen-mode{background-color:#95dfb1;z-index:99999!important;border:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;max-height:none!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}body.dark-theme .jigsaw-canvas-container.fullscreen-mode{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.jigsaw-canvas-container.fullscreen-mode #jigsaw-canvas-container{width:100%!important;height:100%!important}#jigsaw-fullscreen-toggle{z-index:50;cursor:pointer;color:#333;background-color:#fffc;border:2px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:18px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 5px #0003}#jigsaw-fullscreen-toggle:hover{background-color:#fff;transform:scale(1.1)}#jigsaw-fullscreen-toggle:active{transform:scale(.95)}body.dark-theme #jigsaw-fullscreen-toggle{color:#fff;background-color:#323232cc;border-color:#fff3}.jigsaw-image-preview{border:1px solid var(--border-color);background-color:var(--modal-bg);border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0003}[data-theme=dark] .jigsaw-image-preview,body.dark-theme .jigsaw-image-preview{border-color:#4a4a4a;box-shadow:0 4px 15px #0006}.jigsaw-image-picker{box-sizing:border-box;z-index:10;background-color:#0000;width:100%;height:100%;padding:15px;position:absolute;top:0;left:0;overflow-y:auto}.image-picker-header{background-color:inherit;z-index:11;justify-content:flex-start;width:calc(100% + 10px);margin-bottom:20px;margin-left:-5px;padding:10px 0;display:flex;position:sticky;top:-15px}body.dark-theme .image-picker-header{background-color:#0000}.image-picker-grid{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;display:grid}@media (max-width:699px){.image-picker-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.image-picker-item{aspect-ratio:4/3;cursor:pointer;background-color:#0000001a;border:3px solid #ffffff4d;border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.image-picker-item:hover{border-color:var(--btn-primary-bg);transform:scale(1.03);box-shadow:0 4px 12px #0003}.image-picker-item img{object-fit:cover;width:100%;height:100%;display:block}.action-buttons-modal{flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;display:flex}.action-buttons-modal .btn{width:100%;max-width:200px}#game-of-the-day-btn.gotd-completed-top-btn svg,.gotd-completed-top-btn svg{color:#fff!important}
