.sp-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(220px,1fr);gap:28px;align-items:start}.sp-board{display:grid;gap:4px;padding:8px;background:#173f69;border-radius:18px;width:100%;box-shadow:0 8px 22px #173b701a}.sp-tile,.sp-empty{aspect-ratio:4/3;min-width:0;padding:0;border:0;border-radius:5px}.sp-tile{position:relative;background-image:url('assets/hidden-scenes.webp');background-repeat:no-repeat;cursor:pointer;touch-action:manipulation}.sp-tile.movable{outline:2px solid #ffda75;outline-offset:-2px}.sp-tile:focus-visible{outline:4px solid #fff;outline-offset:-5px;z-index:1}.sp-tile span{position:absolute;left:4px;top:4px;display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:#073b78ed;color:white;font-size:14px;font-weight:800}.sp-empty{display:grid;place-items:center;background:#cbe4f2;color:#426b85;font-size:26px}.sp-board.complete{gap:0;padding:0;overflow:hidden}.sp-board.complete .sp-tile{border-radius:0;opacity:1;cursor:default}.sp-reference{margin-top:12px;width:100%;aspect-ratio:4/3;background-image:url('assets/hidden-scenes.webp');background-repeat:no-repeat;border-radius:14px}.sp-layout summary{cursor:pointer;font-weight:700;padding:14px;background:#e9f3ff;border-radius:12px}.sp-layout aside p{line-height:1.6}#spStatus{font-weight:650}#spCount{font-weight:650}@media(max-width:760px){.sp-layout{grid-template-columns:1fr}.sp-board{gap:3px;padding:6px}.sp-tile span{left:2px;top:2px;min-width:21px;height:21px;font-size:13px}.sp-reference{max-width:380px}}