:root{font-family:ui-rounded,'Avenir Next',Avenir,system-ui,sans-serif;color:#193f3b;background:#faf7ed;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #b63d27;outline-offset:5px}button:disabled{cursor:default}header{max-width:1160px;padding:28px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;font-size:.85rem;letter-spacing:.14em;font-weight:800}.brand-icon{display:grid;place-items:center;background:#194e49;color:#fff6d8;border-radius:50%;width:38px;height:38px;letter-spacing:0;font:700 26px Georgia,serif}.quiet{background:transparent;color:#193f3b;min-height:44px;padding:8px;font-size:.9rem;font-weight:650}main{max-width:980px;margin:auto;padding:10px 24px 22px}.intro{text-align:center;margin:10px 0 28px}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:800;color:#8b482e}h1{font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:normal;letter-spacing:-.055em;margin:12px 0}h2{font:normal 2rem Georgia,serif;letter-spacing:-.04em}.intro>p:last-child{font-size:1.1rem;margin:14px 0}.game{border:2px solid #194e49;border-radius:22px;overflow:hidden;background:#fffdf6;box-shadow:0 8px 0 #e4e9db}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid #dce3d4;font-size:.9rem;font-weight:650}.scene-title{display:flex;gap:10px;align-items:center}.dot{height:9px;width:9px;border-radius:50%;background:#bd542e}.board-wrap{position:relative;padding:20px;background:#e7eddf}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:600px;margin:auto}.tile{position:relative;aspect-ratio:1.25;min-width:0;min-height:44px;background:#f9f4df;color:#285851;border:1px solid #cfd6bc;border-radius:10px;font:600 clamp(1.2rem,3vw,2rem) Georgia,serif;box-shadow:0 3px 0 #cdd7be;transition:background .18s,transform .18s}.tile:nth-child(3n){background:#e9d99b}.tile:nth-child(4n){background:#cbded7}.tile:hover:not(:disabled){transform:translateY(-2px);background:#fff9de}.tile.hinted{outline:3px solid #b2532a;outline-offset:0}.tile.found{background:#194e49;color:#fff3b9;outline:3px solid #dfad3f;transform:rotate(-5deg)}.tile.missed{background:#dedccb}.game-bottom{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:93px}#message{margin:0;font-size:1rem;line-height:1.5}.primary,.secondary{min-height:48px;padding:12px 23px;border-radius:30px;white-space:nowrap;font-weight:700}.primary{color:#fff9e8;background:#b54b2d}.secondary{color:#194e49;background:#edf0e5;border:1px solid #cbd7c6}.secondary:disabled{opacity:.6}.art-note{text-align:center;color:#617269;font-size:.9rem;line-height:1.6;margin:24px 0}footer{display:flex;justify-content:space-between;font-size:.8rem;color:#65756c;padding:20px 0;border-top:1px solid #dfe3d6;gap:20px}dialog{border:2px solid #194e49;border-radius:20px;max-width:510px;width:calc(100% - 32px);padding:30px;color:#193f3b;background:#fffdf6;line-height:1.6}dialog::backdrop{background:#122f2acc}.close{position:absolute;right:14px;top:10px;font-size:1.2rem}.future{background:#edf1e6;padding:18px;border-radius:12px;margin:22px 0}.future p{margin:6px 0 0}li{margin:8px 0}#celebration{position:absolute;top:35%;left:0;right:0;text-align:center;font-size:3.5rem;color:#ac412a;pointer-events:none;text-shadow:0 2px white;animation:celebrate .7s ease-out forwards}[hidden]{display:none!important}@keyframes celebrate{from{opacity:1;transform:translateY(10px) scale(.8)}to{opacity:0;transform:translateY(-65px) scale(1.3)}}@media(max-width:600px){header{padding:16px}.brand{font-size:.7rem;letter-spacing:.08em}.brand-icon{width:32px;height:32px}main{padding:8px 12px 20px}.intro{margin:8px 0 22px}.board-wrap{padding:12px}.board{gap:6px}.tile{border-radius:7px;aspect-ratio:1;min-height:44px}.game-top{padding:14px;font-size:.8rem}.game-bottom{padding:16px;flex-direction:column;text-align:center;gap:12px}.actions{width:100%}.actions button{width:100%}footer{font-size:.75rem}.art-note{margin:22px 0}h1{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Approved picture mode keeps scene coordinates stable at every viewport. */
.board-wrap{overflow:auto}.scene-board{display:block;position:relative;max-width:none;min-width:100%;line-height:0}.scene-background{display:block;width:100%;height:auto}.wendell-target{position:absolute;padding:0;border:0;background:transparent;border-radius:0;min-width:0;min-height:0;line-height:0;z-index:1}.wendell-target::after{content:'';position:absolute;min-width:44px;min-height:44px;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.wendell-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.scene-foreground{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.wendell-target.hinted,.wendell-target.found{outline:4px solid #b2532a;outline-offset:5px;z-index:3}.wendell-target.found{background:transparent}.zoom-control{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 20px;font-size:.9rem}.zoom-control select{font:inherit;min-height:44px;background:#fffdf6;color:#193f3b;border:1px solid #8caa98;border-radius:8px;padding:8px}.zoom-control select:focus-visible{outline:3px solid #b63d27;outline-offset:3px}
.perch-patch{position:absolute;overflow:hidden;pointer-events:none;line-height:0}.patch-image{position:absolute;max-width:none}.scene-board .wendell-image{object-fit:fill}.scene-board .wendell-target:focus-visible{z-index:3}
.pose-frame{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.pose-frame .wendell-image{max-width:none}