@layer arcpuzzle{@keyframes difference-found-confirm{0%{opacity:0;transform:scale(.55)}65%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes difference-miss-feedback{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1)}}.accessible-difference-list button:not([aria-pressed=true]):hover{border-color:var(--coral-dark)}.game-page .difference-controls{border-color:var(--ink)}.difference-diptych-panel{border:4px solid var(--ink);background:var(--game-stage,var(--teal-pale));box-shadow:9px 9px 0 var(--ink)}@media (width<=720px){.difference-diptych-panel{box-shadow:6px 6px 0 var(--ink)}}.difference-scene-button span{font-size:max(.82rem, var(--senior-supporting-size))}html[data-text-size=large] .difference-scene-button span{font-size:max(.94rem, var(--senior-supporting-size))}html[data-text-size=largest] .difference-scene-button span{font-size:1.04rem}@media (hover:hover) and (pointer:fine){.difference-scene-button:not(:disabled):hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}}.difference-scene-button:not(:disabled):active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}@media (width<=720px){.difference-scene-picker>fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-page .difference-scene-button[aria-current=step]{border-color:var(--ink);background:var(--sky-pale);color:var(--ink);box-shadow:4px 4px 0 var(--mustard), 6px 6px 0 var(--ink)}@media (width<=720px){.game-page>.difference-controls,.game-page>.accessible-difference-list,.game-page>.difference-scene-picker{order:9}.game-page>.difference-grid{order:3}.game-page>.difference-message{order:4}}.game-page>.difference-controls{background:var(--surface);border:2px solid #b6cfe0;border-radius:20px;margin-bottom:14px;padding:10px;box-shadow:0 3px #d7e7f2}.difference-grid{border-radius:var(--radius-panel);grid-template-columns:repeat(2,1fr);gap:22px;padding:clamp(18px,3vw,30px);display:grid}.difference-scene-picker{margin:22px 0 28px}.difference-scene-picker>[data-disclosure-trigger]{cursor:pointer;align-items:center;gap:10px;font-weight:900;display:flex}.difference-scene-picker>[data-disclosure-trigger] span{color:var(--ink-soft);font-weight:700}.difference-scene-picker>fieldset{border:0;min-inline-size:0;margin:0;padding:0 0 22px;display:grid}.difference-scene-button{border:2px solid var(--ink);min-width:0;color:var(--ink);cursor:pointer;font:inherit;place-items:center;line-height:1.1;display:grid}.difference-scene-button strong{font-family:var(--display)}.difference-scene-button span{max-width:100%;font-weight:800}.difference-scene-button[aria-current=step]{background:var(--coral);box-shadow:inset 0 0 0 2px var(--surface)}.difference-picture{margin:0}.difference-picture figcaption{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:1rem}.difference-image-wrap{border:2px solid var(--ink);border-radius:var(--radius-control);cursor:crosshair;background:0 0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.difference-image-wrap img{aspect-ratio:3/2;object-fit:cover;width:100%}.difference-diptych-panel{aspect-ratio:auto}.difference-image-wrap .difference-diptych-image{aspect-ratio:auto;object-fit:fill;width:200%;max-width:none;height:auto;display:block;position:relative}.difference-diptych-left{transform:translate(0)}.difference-diptych-right{transform:translate(-50%)}.difference-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.difference-hotspot-found circle{fill:var(--coral);stroke:var(--ink);stroke-width:1.3px;vector-effect:non-scaling-stroke}.difference-hotspot-found text{fill:var(--ink);font-family:var(--body);font-size:6px;font-weight:900}.difference-hotspot-recent{transform-box:fill-box;transform-origin:50%;animation:.65s ease-out both difference-found-confirm}.difference-hotspot-miss{transform-box:fill-box;transform-origin:50%;animation:.7s ease-out both difference-miss-feedback}.difference-hotspot-miss circle{fill:color-mix(in srgb, var(--surface) 82%, transparent);stroke:var(--coral-dark);stroke-width:2px;vector-effect:non-scaling-stroke}.difference-hotspot-miss text{fill:var(--coral-dark);font-family:var(--body);font-size:7px;font-weight:900}.difference-hotspot-hint{fill:#0000;stroke:var(--coral-dark);stroke-width:6px;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;animation:1.2s ease-in-out infinite pulse}.difference-message{margin:25px auto}.difference-controls{border-block:1px solid var(--line);justify-content:center;align-items:center;gap:22px;padding:22px;display:flex}.difference-controls p{color:var(--ink-soft);margin:0}.accessible-difference-list{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);max-width:820px;margin:34px auto 0;padding:18px 22px}.accessible-difference-list-early{margin:-16px 0 30px}.accessible-difference-list [data-disclosure-trigger]{cursor:pointer;min-height:48px;font-weight:800}.accessible-difference-list p{color:var(--ink-soft)}.accessible-difference-list div{gap:8px;display:grid}.accessible-difference-list button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;text-align:left;padding:10px 14px}.accessible-difference-list button[aria-pressed=true]{border-color:var(--ink);background:var(--teal-pale);font-weight:800}@media (prefers-reduced-motion:reduce){.difference-hotspot-hint{animation:none}}html[data-motion=reduced] .difference-hotspot-hint{animation:none}@media (width<=900px){.difference-grid{grid-template-columns:1fr}}@media (width<=700px){.difference-controls{flex-wrap:wrap}.difference-scene-picker{padding-inline:14px}.difference-scene-picker>[data-disclosure-trigger]{gap:2px;padding-block:8px;display:grid}.difference-scene-picker>fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.difference-controls p{text-align:center;flex-basis:100%}.difference-page .game-control-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.difference-page .game-control-bar .button{width:100%;padding-inline:10px}#main-content.difference-page .game-control-bar .button:last-child{grid-column:1/-1}}.difference-page{--game-accent:var(--coral);--game-soft:var(--mustard-pale);--game-stage:var(--teal-pale)}.difference-grid{border:4px solid var(--ink);background:var(--game-stage);box-shadow:9px 9px 0 var(--ink)}.difference-picture figcaption{border:2px solid var(--ink);background:var(--mustard);color:var(--ink-on-accent);font-family:var(--display);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0 0 10px 10px;padding:5px 12px;font-weight:900;display:inline-flex}.difference-diptych-panel{border:4px solid var(--ink);background:var(--surface);box-shadow:6px 6px 0 var(--teal);border-radius:26px 26px 26px 9px}.difference-picture:nth-child(2) .difference-diptych-panel{box-shadow:6px 6px 0 var(--coral)}.difference-scene-picker{border:3px solid var(--ink);background:var(--game-soft,var(--mustard-pale));box-shadow:5px 5px 0 var(--game-accent,var(--teal));border-radius:24px 24px 24px 8px;padding:0 20px}.difference-scene-picker>[data-disclosure-trigger]{min-height:64px}.difference-scene-picker>fieldset{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.difference-scene-button{background:var(--surface);min-height:132px;box-shadow:4px 4px 0 var(--teal);text-align:left;border-width:3px;border-radius:19px 19px 19px 7px;grid-template-rows:78px auto;grid-template-columns:38px minmax(0,1fr);gap:0;padding:0 10px 10px;overflow:hidden}.difference-scene-button:nth-child(4n+2){box-shadow:4px 4px 0 var(--pink)}.difference-scene-button:nth-child(4n+3){box-shadow:4px 4px 0 var(--green)}.difference-scene-button:nth-child(4n){box-shadow:4px 4px 0 var(--mustard)}.difference-scene-button img{object-fit:cover;border-bottom:3px solid var(--ink);grid-column:1/-1;width:calc(100% + 20px);max-width:none;height:78px;margin-inline:-10px}.difference-scene-button strong{align-self:center;font-size:1.15rem}.difference-scene-button span{font-size:max(.82rem, var(--senior-supporting-size));text-overflow:clip;white-space:normal;align-self:center;line-height:1.15;overflow:visible}.game-page .difference-scene-button[aria-current=step]{background:var(--coral);box-shadow:4px 4px 0 var(--mustard), 6px 6px 0 var(--ink)}@media (width<=900px){.difference-scene-picker>fieldset{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.difference-scene-picker>fieldset{grid-template-columns:repeat(2,minmax(150px,1fr))}.difference-scene-picker{padding-inline:8px}}}
