:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#352347;background:#fff7e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(at 95% 5%,#eed9fa,transparent 45%),radial-gradient(at 0% 85%,#d7f2e0,transparent 40%)}button{font:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:default}a{text-decoration:none;color:inherit}:focus-visible{outline:3px solid #8c49d1;outline-offset:4px}.wrap{max-width:1260px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:90px;border-bottom:1px solid #e2d2e5}.brand{font-weight:900;letter-spacing:-1.5px;font-size:27px}.brand span{color:#8052bd}nav{display:flex;gap:22px;font-size:12px;font-weight:700}.intro{padding:34px 0 25px}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:1.5px;font-weight:850}.eyebrow span{background:#eee0f8;padding:5px;margin-left:8px;font-size:8px;border-radius:4px}h1{font-size:clamp(47px,6vw,76px);letter-spacing:-3.5px;line-height:1;margin:13px 0}h1 span{color:#8052bd}.intro>p:last-child{color:#7b6a83;font-size:15px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.play,.scene-picker,.guide{background:#fffdfaeb;border:1px solid #e9dfed;border-radius:23px;padding:23px}.heading{display:flex;align-items:center;justify-content:space-between}.heading .eyebrow{margin:0}h2{font-size:26px;margin:4px 0 15px;letter-spacing:-.9px}.moves{font-size:11px;color:#8c7c94;text-align:center}.moves strong{display:block;font-size:28px;color:#8052bd}.sizes{display:flex;gap:8px;margin:9px 0 18px}.sizes button{border:1px solid #e2d5eb;border-radius:11px;background:#f5eff9;color:#715880;flex:1;padding:11px 4px;font-size:12px;font-weight:750}.sizes small{display:block;margin-top:4px;font-weight:500}.sizes [aria-pressed=true]{background:#8052bd;color:white;border-color:#8052bd}.puzzle-frame{position:relative;background:#eee3f5;border:7px solid #eee3f5;border-radius:16px;overflow:hidden}#board{display:grid;grid-template-columns:repeat(var(--size,2),minmax(0,1fr));aspect-ratio:1;gap:4px}.tile{border:0;border-radius:5px;position:relative;overflow:hidden;min-width:0;min-height:0;background:#e9d9f3;padding:0;transition:filter .15s,box-shadow .15s;isolation:isolate}.tile img{position:absolute;max-width:none;width:calc(var(--size)*100%);height:calc(var(--size)*100%);left:calc(var(--x)*-100%);top:calc(var(--y)*-100%);object-fit:cover;pointer-events:none;user-select:none}.tile:hover{filter:brightness(1.08)}.tile[aria-pressed=true]{box-shadow:inset 0 0 0 5px #e8fa7f;z-index:1}.tile[aria-pressed=true]:after{content:'↔';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:40px;text-shadow:0 2px 6px #32233b;background:#51216c33;border:4px solid #e8fa7f;border-radius:5px}.tile-number{position:absolute;bottom:5px;left:5px;color:white;background:#352347b8;min-width:24px;height:24px;display:grid;place-items:center;font-size:12px;border-radius:7px;font-weight:800;pointer-events:none}.tile.correct .tile-number{background:#d6ec91;color:#3d5622}.no-numbers .tile-number{display:none}#board.solved{gap:0}#board.solved .tile{border-radius:0;filter:none;cursor:default}#board.solved .tile-number{display:none}#picture{position:absolute;inset:0;background:#e4c9f4;z-index:2}#picture img{width:100%;height:100%;object-fit:cover}#picture span{position:absolute;bottom:20px;left:10%;width:80%;text-align:center;background:#fff9edeb;border-radius:30px;padding:12px 8px;font-size:12px;font-weight:750;color:#6b4689}.progress-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:650;color:#7b6688;margin:17px 0}.tools{display:flex;flex-wrap:wrap;gap:7px}.tools button,#admire{border:1px solid #dfcfeb;border-radius:10px;background:#f4edf9;color:#795693;padding:10px;font-size:11px}.tools #peek[aria-pressed=true]{background:#8052bd;color:white}#status{font-size:12px;color:#826c90;line-height:1.6;min-height:36px;margin-bottom:0}.scene-picker{margin-bottom:18px}.scene-picker>.eyebrow{margin:0 0 13px}#scenes{display:grid;gap:10px}.scene-option{display:flex;align-items:center;text-align:left;gap:12px;padding:7px;background:#faf5fd;border:2px solid transparent;border-radius:14px;color:#6c527b;font-size:12px;font-weight:750}.scene-option img{width:64px;height:64px;object-fit:cover;border-radius:9px}.scene-option small{display:block;font-size:10px;font-weight:500;margin-top:5px;line-height:1.5}.scene-option[aria-pressed=true]{border-color:#a779cf;background:#f2e7fc}.guide{font-size:13px;color:#7b6788}.guide ol{padding-left:19px;line-height:1.7}.guide li{padding:4px 0}.guide label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-top:20px}input{accent-color:#8052bd}.number-note,.keyboard{font-size:11px;line-height:1.6;color:#9a87a3}.gentle{font-size:19px;font-weight:750;color:#493451;line-height:1.5}.win{position:absolute;bottom:20px;left:5%;width:90%;z-index:3;border:2px solid white;background:#fff9eaf2;border-radius:20px;padding:18px;text-align:center;box-shadow:0 10px 30px #35234733}.win>span{color:#a172c9;font-size:32px}.win h2{font-size:22px;margin:5px 0}.win p{font-size:12px;color:#7a6586}#next{background:#8052bd;border:0;border-radius:10px;color:white;padding:12px;font-weight:700;font-size:12px}#admire{display:block;margin:10px auto 0}footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8d7a96;border-top:1px solid #e2d2e5;margin-top:35px;padding:28px 0;line-height:1.7}footer a{color:#8052bd;font-weight:750}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}@media(max-width:950px){.wrap{padding:0 24px}.layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.play,.guide,.scene-picker{padding:17px}.scene-option{gap:8px}.scene-option img{width:50px;height:50px}.sizes button{font-size:10px}h2{font-size:22px}.eyebrow{font-size:8px}}@media(max-width:720px){.wrap{padding:0 15px}header{min-height:75px}.brand{font-size:23px}nav{font-size:10px;gap:12px}.intro{padding:24px 0 18px}.eyebrow span{margin-left:4px;font-size:7px}.layout{grid-template-columns:1fr}.play{padding:16px}.heading h2{font-size:23px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scene-picker{margin:0}.scene-option{flex-direction:column;text-align:center;padding:8px;font-size:11px}.scene-option img{width:100%;height:95px}.scene-option small{display:none}.guide{font-size:12px}.guide .gentle{font-size:16px}.progress-row{font-size:10px}.tools{display:grid;grid-template-columns:1fr 1fr}.tools button{padding:12px 5px}h1{letter-spacing:-2.5px}.win{padding:12px;bottom:12px}.win h2{font-size:18px}.win>span{display:none}.win p{font-size:10px}.tile-number{width:21px;min-width:21px;height:21px;font-size:10px;bottom:3px;left:3px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}}