.puzzle-bg{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/img/x/og-puzzle/bg.webp);background-color:#160d08;box-shadow:0 0 200px rgba(0,0,0,.9) inset;opacity:.7}.wrap .filter{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.puzzle-info-wrap{text-align:center}.puzzle-info{display:inline-block;margin:0 auto 20px;padding:8px 16px 5px;background:rgba(30,58,138,.2);color:#93c5fd;text-align:center;font-variant-numeric:tabular-nums;border:1px solid rgba(59,130,246,.2);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}ul.puzzle-info{max-width:406px;text-align:left;color:rgba(255,255,255,.8) !important}#puzzle-countdown{color:rgba(255,255,255,.8)}.puzzle-controls{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.puzzle-btn{min-width:30px;height:30px;padding:4px;background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.18);border-radius:8px;cursor:pointer;outline-width:0;outline-color:transparent;outline-offset:10px;outline-style:solid;transition-duration:.15s;transition-property:outline-color,outline-offset,outline-width;transition-timing-function:ease-out}.puzzle-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.36)}.puzzle-btn:hover{text-decoration:none !important;outline-color:rgba(255,255,255,.8);outline-offset:2px;outline-width:2px}.puzzle-btn-accent{background:rgba(252,229,30,.18);border-color:rgba(252,229,30,.6)}.puzzle-btn-accent:hover{background:rgba(252,229,30,.36);border-color:rgba(252,229,30,1)}.puzzle-btn-danger{background:rgba(237,66,69,.18);border-color:rgba(237,66,69,.45)}.puzzle-btn-danger:hover{background:rgba(237,66,69,.36);border-color:rgba(237,66,69,.9)}.puzzle-btn-text{display:flex;gap:6px;font-size:13px;font-weight:bold;line-height:23px}@media(max-width:440px){.puzzle-btn-text{gap:4px;font-size:11px}}#btn-reset-board{margin-left:auto}.puzzle-wrap{margin:0 10px;background:rgba(0,0,0,.3);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#puzzle-viewport{position:relative;width:100%;height:min(80vh,850px);min-height:320px;overflow:hidden;touch-action:none;user-select:none}#puzzle-world{position:absolute;top:0;left:0;width:5280px;height:3600px;transform:translate(var(--pan-x,0),var(--pan-y,0)) scale(var(--zoom,1));transform-origin:0 0;will-change:transform;contain:layout style}#puzzle-board{position:absolute;left:720px;top:720px;width:3840px;height:2160px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.3);contain:layout style}.board-grid-line{position:absolute;background:rgba(255,255,255,0.14);pointer-events:none}.board-grid-line-v{top:0;width:var(--grid-line,2px);height:100%;transform:translateX(calc(var(--grid-line, 2px) / -2))}.board-grid-line-h{left:0;height:var(--grid-line,2px);width:100%;transform:translateY(calc(var(--grid-line, 2px) / -2))}.piece{position:absolute;width:var(--piece-size,240px);height:var(--piece-size,240px);margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.piece.dragging{cursor:grabbing;z-index:9999 !important}.piece img{display:block;width:100%;height:100%;pointer-events:none;user-drag:none;-webkit-user-drag:none}.piece-new{position:absolute;top:12px;left:12px;padding:14px 14px 2px;border-radius:18px;background:var(--fngg-yellow);color:#000;font-size:var(--piece-new-size,64px);font-weight:bold;line-height:1;pointer-events:none}.piece.is-new img{animation:puzzle-new-pulse 1.6s ease-in-out infinite}@keyframes puzzle-new-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(252,229,30,0))}50%{filter:drop-shadow(0 0 10px rgba(252,229,30,0.85))}}.puzzle-locked{padding:48px 16px;text-align:center;color:rgba(255,255,255,0.78)}@media(prefers-reduced-motion:reduce){.piece.is-new img{animation:none}}