@layer arcpuzzle{@keyframes family-photo-reveal{0%{filter:brightness(.75);transform:rotateY(14deg)scale(.94)}to{filter:brightness();transform:rotateY(0)scale(1)}}@keyframes family-photo-match{45%{filter:brightness(1.2)saturate(1.15);transform:translateY(-5px)scale(1.035)}}@keyframes family-photo-mismatch{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.family-photo-game-tools{justify-content:space-between;margin-top:28px}.family-photo-game-tools>div{gap:4px;display:grid}.family-photo-play-status{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:14px;margin:18px 0;display:grid}.family-photo-play-status>div:first-child{border-radius:var(--radius-control);align-content:center;gap:6px;min-height:72px;padding:12px 18px;display:grid}.family-photo-play-status .game-message{margin:0}.family-photo-play-status .game-control-bar>span{white-space:nowrap}.family-photo-play-status .game-control-bar strong{font-family:var(--display);font-size:1.35rem}.family-photo-board{border:2px solid var(--ink);border-radius:var(--radius-panel);background:var(--teal-pale);max-width:850px;box-shadow:7px 7px 0 var(--teal-dark);grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px;margin-inline:auto;padding:clamp(18px,3vw,30px);display:grid}.family-photo-board[data-pair-count="4"],.family-photo-board[data-pair-count="8"]{grid-template-columns:repeat(4,minmax(150px,1fr));max-width:1080px}.family-photo-card{border:2px solid var(--ink);border-radius:var(--radius-control);background:var(--pink-pale);min-height:185px;color:var(--ink);cursor:pointer;isolation:isolate;perspective:800px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.family-photo-card:nth-child(4n+2){background:var(--mustard-pale)}.family-photo-card:nth-child(4n+3){background:var(--teal-pale)}.family-photo-card:nth-child(4n){background:var(--green-pale)}.family-photo-card-back{color:var(--ink);place-items:center;gap:2px;display:grid}.family-photo-card-back strong{font:700 3rem var(--display)}.family-photo-card-back small{color:var(--ink);font-size:max(.82rem, var(--senior-supporting-size));letter-spacing:.1em;text-transform:uppercase;font-weight:800}.family-photo-card:disabled{cursor:default}.family-photo-card>img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:185px}.family-photo-card-label{border:1px solid var(--surface);background:color-mix(in srgb, var(--ink) 90%, transparent);color:var(--surface);border-radius:4px;padding:7px 10px;font-weight:800;position:absolute;inset:auto 8px 8px}.family-photo-card-showing{outline:5px solid var(--coral);outline-offset:2px;animation:.26s ease-out both family-photo-reveal}.family-photo-card-matched{outline-color:var(--teal-dark);opacity:.82;animation:.43s ease-out both family-photo-match}.family-photo-card-mismatch{outline-color:var(--mustard);animation:.42s ease-in-out 2 family-photo-mismatch}@media (width<=760px){.family-photo-play-status{grid-template-columns:1fr}.family-photo-play-status .game-control-bar{min-width:0}.family-photo-board,.family-photo-board[data-pair-count="4"],.family-photo-board[data-pair-count="8"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.family-photo-card,.family-photo-card img{min-height:150px}}.family-photo-game-page{--game-accent:var(--green);--game-soft:var(--green-pale);--game-stage:var(--pink-pale)}.family-photo-play-status>div:first-child{border:3px solid var(--ink);background:var(--game-soft);box-shadow:5px 5px 0 var(--game-accent)}.family-photo-play-status .game-message{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}@media (width<=430px){.family-photo-board,.family-photo-board[data-pair-count="4"],.family-photo-board[data-pair-count="8"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}.family-photo-card,.family-photo-card img{min-height:112px}.family-photo-card-back strong{font-size:2.35rem}.family-photo-card-back small{font-size:max(.68rem, var(--senior-supporting-size))}}.family-photo-play-status .game-control-bar{min-width:290px;margin:0}.family-photo-game-tools{border:3px solid var(--ink);background:var(--game-soft,var(--green-pale));box-shadow:5px 5px 0 var(--game-accent,var(--green));border-radius:24px 24px 24px 8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.family-photo-game-tools>div:first-child,.family-photo-game-tools>.button-row,.family-photo-game-tools>a{grid-column:1/-1}.family-photo-game-tools>div:first-child,.family-photo-game-tools>p{border:2px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--mustard);border-radius:16px 16px 16px 6px;margin:0;padding:14px}.family-photo-game-tools>p:nth-of-type(2){box-shadow:3px 3px 0 var(--teal)}.family-photo-game-tools>a{border:2px solid var(--ink);background:var(--coral);min-height:48px;color:var(--ink-on-accent);box-shadow:3px 3px 0 var(--mustard);text-align:center;border-radius:16px 16px 16px 6px;justify-content:center;align-items:center;padding:10px 14px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=720px){.family-photo-play-status{grid-template-columns:1fr}.family-photo-play-status .game-control-bar{min-width:0}.family-photo-game-tools>*{grid-column:1/-1}}.game-page .family-photo-play-status>div:first-child{box-shadow:none;background:0 0;border:0;padding:0}.game-page .family-photo-play-status .game-message{margin:0;padding:8px 12px}.game-page .family-photo-play-status{margin-bottom:14px}.game-page .family-photo-card{border-width:2px;border-radius:18px;box-shadow:0 3px #a7c8df}.family-photo-game-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:26px;display:flex}.family-photo-game-tools>span{color:var(--ink-soft);font-weight:700}.family-photo-round-note{color:var(--ink-soft);font-size:max(.95rem, var(--senior-supporting-size));margin-left:auto;font-weight:700}.family-photo-upload{flex:none}.family-photo-rule{color:var(--ink-soft);font-size:max(.95rem, var(--senior-supporting-size));margin:0;font-weight:700}.family-photo-card:not(:disabled):hover{border-color:var(--coral)}@media (width<=760px){.family-photo-round-note{width:100%;margin-left:0}}.family-photo-board{border:4px solid var(--ink);background:var(--game-stage,var(--teal-pale));box-shadow:9px 9px 0 var(--ink)}.family-photo-card{box-shadow:2px 2px 0 var(--ink);border-width:3px}@media (width<=720px){.family-photo-board{box-shadow:6px 6px 0 var(--ink)}}.family-photo-play-status .game-control-bar{border:2px solid var(--ink);background:var(--surface);box-shadow:3px 3px 0 var(--game-accent,var(--teal));border-radius:18px 18px 18px 7px;padding:10px}@media (width<=720px){.family-photo-game-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.game-page>.family-photo-board{order:3}.game-page>.family-photo-play-status{order:2}}.game-page .family-photo-rule{font-size:max(.9rem, var(--senior-supporting-size));margin:8px 0 0}.game-page .family-photo-play-status .game-control-bar{box-shadow:none;background:0 0;border:0;padding:4px}.game-page .family-photo-board{border-width:2px;border-color:#38678e;border-radius:24px;box-shadow:0 5px #bdd8eb}}