.jigsaw-page .site-header__inner{min-height:68px}.jigsaw-page main{min-height:70vh}.jigsaw{--jg-board-size:min(100%, 540px);--jg-line:#dce6e2;--jg-soft:#f2f7f5;--jg-selected:#dcefeb;padding:clamp(34px,6vw,72px) 0 0}.jigsaw [hidden]{display:none!important}.jg-game{width:min(100% - 28px,720px);margin-inline:auto}.jg-header{text-align:center;gap:3px;margin-bottom:22px;display:grid}.jg-eyebrow,.jg-title,.jg-start p,.jg-status,.jg-tray-label,.jg-info h2,.jg-info p,.jg-dialog h2,.jg-dialog p{margin:0}.jg-eyebrow{color:var(--site-teal);letter-spacing:.18em;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:700}.jg-title{color:var(--site-ink);letter-spacing:.01em;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:700;line-height:1.2}.jg-start{width:var(--jg-board-size);text-align:center;align-content:center;justify-items:center;gap:24px;min-height:min(62vh,500px);margin-inline:auto;display:grid}.jg-start__label{color:var(--site-ink);font-size:clamp(1rem,3vw,1.16rem);font-weight:700}.jg-start__hints{max-width:430px;color:var(--site-muted);gap:5px;font-size:.8rem;line-height:1.7;display:grid}.jg-difficulty-list{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.jg-difficulty-list button{border:1px solid var(--site-line);min-width:112px;min-height:58px;color:var(--site-ink);letter-spacing:.08em;cursor:pointer;background:#ffffffc7;border-radius:18px;align-content:center;gap:2px;padding:9px 18px;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:.8rem;font-weight:700;transition:transform .12s ease-out,border-color .14s ease-out,background-color .14s ease-out,color .14s ease-out;display:grid}.jg-difficulty-list button small{color:var(--site-muted);letter-spacing:.03em;font-size:.67rem;font-weight:600}.jg-difficulty-list button:hover{color:var(--site-teal-dark);background:#fff;border-color:#397f7a7a}.jg-difficulty-list button:active{transform:scale(.98)}.jg-play{width:100%}.jg-status{width:var(--jg-board-size);color:var(--site-muted);letter-spacing:.07em;justify-content:space-between;align-items:center;margin:0 auto 10px;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:.78rem;font-weight:700;display:flex}.jg-status__meta{align-items:center;gap:7px;display:flex}.jg-status time{font-variant-numeric:tabular-nums;letter-spacing:.04em}.jg-actions{width:var(--jg-board-size);justify-content:center;gap:6px;margin:0 auto 13px;display:flex}.jg-actions button{border:1px solid var(--site-line);min-height:38px;color:var(--site-muted);font:inherit;cursor:pointer;background:#fffc;border-radius:999px;padding:0 13px;font-size:.75rem;font-weight:700;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out}.jg-actions button:hover,.jg-actions button[aria-pressed=true]{background:var(--jg-soft);color:var(--site-teal-dark);border-color:#397f7a59}.jg-board-wrap{width:var(--jg-board-size);margin-inline:auto;padding:0}.jg-board{aspect-ratio:1;isolation:isolate;background:radial-gradient(circle,#397f7a06,#0000 68%),#fff;border:1px solid #baccc8;border-radius:9px;width:100%;position:relative;box-shadow:0 16px 40px #2e414012}.jg-slots{z-index:1;grid-template-columns:repeat(var(--jg-grid), 1fr);grid-template-rows:repeat(var(--jg-grid), 1fr);border-radius:8px;display:grid;position:absolute;inset:0;overflow:hidden}.jg-slot{cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-width:0;min-height:0;padding:0;position:relative}.jg-slot:focus-visible{z-index:2;outline:2px solid var(--site-teal);outline-offset:-4px;background:#397f7a09}.jg-placed{z-index:3;pointer-events:none;position:absolute;inset:0}.jg-preview{z-index:6;pointer-events:none;background:#fff;border-radius:8px;position:absolute;inset:0;overflow:hidden}.jg-preview img{object-fit:cover;width:100%;height:100%;display:block}.jg-tray-section{width:min(100%,680px);margin:24px auto 0}.jg-tray-label{color:var(--site-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.jg-tray{background:#f1f6f4b8;border-radius:20px;flex-wrap:wrap;place-content:flex-start center;align-items:center;gap:4px;min-height:150px;padding:clamp(14px,3vw,22px);display:flex}.jg-piece{cursor:grab;filter:drop-shadow(0 3px 3px #253d3a1f);touch-action:none;-webkit-tap-highlight-color:transparent;background-color:#0000;background-repeat:no-repeat;border:0;flex:none;padding:0;transition:filter .14s ease-out,opacity .14s ease-out,transform .12s ease-out;position:relative;mask-size:100% 100%;mask-repeat:no-repeat}.jg-piece:hover{filter:drop-shadow(0 5px 5px #253d3a2b)}.jg-piece:focus-visible,.jg-piece.is-selected{filter:drop-shadow(0 0 .5px var(--site-teal-dark)) drop-shadow(0 0 5px #397f7a85);outline:none;transform:translateY(-2px)}.jg-piece:active,.jg-piece.is-dragging{cursor:grabbing}.jg-piece.is-dragging{opacity:.24}.jg-piece.is-on-board,.jg-piece.is-placed{margin:0;position:absolute}.jg-piece.is-on-board{z-index:4;pointer-events:auto;filter:drop-shadow(0 3px 3px #253d3a1f)}.jg-piece.is-placed{z-index:2;cursor:default;pointer-events:none;filter:none;transform:none}.jg-piece.is-snap{animation:.18s ease-out jg-snap}.jg-piece.is-drag-ghost{z-index:9999;pointer-events:none;filter:drop-shadow(0 9px 9px #253d3a38);opacity:.96;margin:0;transform:scale(1.03);position:fixed!important}.jg-board.is-complete{animation:.52s ease-out jg-complete-board}.jg-info{border-top:1px solid var(--site-line);width:min(100% - 36px,660px);margin:clamp(46px,9vw,92px) auto 0;padding:28px 0 0}.jg-info h2{color:var(--site-ink);margin-bottom:12px;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:1rem;font-weight:700}.jg-info p{color:var(--site-muted);font-size:.86rem;line-height:1.9}.jg-info p+p{margin-top:7px}.jg-dialog{width:min(92vw,480px);color:var(--site-ink);background:#fff;border:0;border-radius:24px;padding:0;box-shadow:0 24px 70px #283c3a33}.jg-dialog::backdrop{backdrop-filter:blur(2px);background:#27363557}.jg-dialog__inner{text-align:center;padding:32px 28px;position:relative}.jg-dialog__inner h2{margin-bottom:22px;font-family:Quicksand,Noto Sans JP,sans-serif;font-size:1.08rem}.jg-dialog__close{width:38px;height:38px;color:var(--site-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:absolute;top:12px;right:12px}.jg-dialog__close:hover{background:var(--jg-soft);color:var(--site-teal-dark)}.jg-difficulty-list--dialog{grid-template-columns:repeat(3,1fr);display:grid}.jg-difficulty-list--dialog button{min-width:0}.jg-dialog--complete{width:min(92vw,430px)}.jg-complete{justify-items:center;gap:7px;padding:30px;display:grid}.jg-complete__eyebrow{color:var(--site-teal);letter-spacing:.18em;text-transform:uppercase;font-family:Quicksand,sans-serif;font-size:.74rem;font-weight:700}.jg-complete__image{aspect-ratio:1;object-fit:cover;border-radius:14px;width:min(100%,290px);margin:7px 0 9px;display:block;box-shadow:0 10px 28px #2e41401a}.jg-complete__time-label,.jg-complete__from{color:var(--site-muted);letter-spacing:.06em;font-size:.72rem;font-weight:700}.jg-complete__time{color:var(--site-ink);font-variant-numeric:tabular-nums;font-family:Quicksand,sans-serif;font-size:1.65rem;font-weight:700}.jg-complete__from{margin-top:9px!important}.jg-complete__name{max-width:320px;font-weight:700;line-height:1.5}.jg-complete__link{min-height:42px;color:var(--site-teal-dark);align-items:center;margin-top:2px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.jg-complete__link:hover{text-underline-offset:3px;text-decoration:underline}.jg-complete__next{background:var(--site-teal);color:#fff;letter-spacing:.1em;cursor:pointer;border:0;border-radius:999px;min-width:180px;min-height:46px;margin-top:9px;padding:0 22px;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700;transition:background-color .14s ease-out,transform .12s ease-out}.jg-complete__next:hover{background:var(--site-teal-dark)}.jg-complete__next:active{transform:scale(.98)}.jg-actions button:focus-visible,.jg-difficulty-list button:focus-visible,.jg-dialog__close:focus-visible,.jg-complete__link:focus-visible,.jg-complete__next:focus-visible{outline:2px solid var(--site-teal);outline-offset:3px}@keyframes jg-snap{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes jg-complete-board{0%{filter:saturate(.82)}55%{filter:saturate(1.08)brightness(1.025)}to{filter:none}}@media (width<=560px){.jigsaw{padding-top:28px}.jg-header{margin-bottom:16px}.jg-start{min-height:58vh}.jg-difficulty-list:not(.jg-difficulty-list--dialog){width:min(100%,360px)}.jg-difficulty-list:not(.jg-difficulty-list--dialog) button{flex:30%;min-width:0;padding-inline:8px}.jg-actions{gap:4px}.jg-actions button{flex:1;padding-inline:8px;font-size:.7rem}.jg-tray-section{margin-top:18px}.jg-tray{gap:1px;min-height:132px;padding:12px 7px}.jg-dialog__inner{padding:30px 20px 24px}.jg-difficulty-list--dialog{grid-template-columns:1fr}.jg-difficulty-list--dialog button{width:100%;min-height:52px}}@media (prefers-reduced-motion:reduce){.jg-piece,.jg-actions button,.jg-difficulty-list button,.jg-complete__next{transition:none}.jg-piece.is-snap,.jg-board.is-complete{animation:none}}