:root{font-family:'Segoe UI',Arial,sans-serif;color:#123c46;background:#f7f5eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select{min-height:46px;border:1px solid #c4d9d6;border-radius:14px;background:white;color:#123c46;padding:10px 18px}button{cursor:pointer;font-weight:650}button:hover{background:#e9f5f0}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #db8d24;outline-offset:3px}button:disabled{opacity:.48;cursor:default}.primary{background:#087e77;color:white;border-color:#087e77}.primary:hover{background:#06685f}.topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #d8e3dc;background:#fffdf6;gap:14px}.brand{font-weight:850;letter-spacing:.04em;font-size:20px}.brand span{color:#098d87}.edition{font-size:12px;display:block;letter-spacing:.12em;font-weight:600;margin-top:3px;color:#647b79}.language{display:flex;align-items:center;gap:10px;font-size:14px}.wrap{max-width:1180px;margin:auto;padding:22px}.intro{text-align:center;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:#58736c;font-weight:700}h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:10px 0;color:#153f49}h2{font-size:22px;margin:0}p{line-height:1.5}.muted{color:#5d746d}.scene-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.scene-card{padding:0;overflow:hidden;text-align:left;border:2px solid transparent;box-shadow:0 3px 14px #1644360c}.scene-card.selected{border-color:#098b7b}.scene-card img{width:100%;aspect-ratio:2.4;object-fit:cover;object-position:center 42%;display:block}.scene-card span{display:block;padding:11px 14px}.scene-card small{display:block;font-weight:400;margin-top:3px;color:#59736c}.game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.game-head p{margin:6px 0}.counter{font-weight:800;font-size:24px;white-space:nowrap;color:#087e77}.dots{display:flex;gap:5px;margin-top:5px}.dot{width:13px;height:13px;border:1px solid #7aa99b;border-radius:100%;background:white}.dot.on{background:#098b7b}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.picture{background:white;border:1px solid #dce5db;border-radius:18px;padding:8px;min-width:0}.picture-label{display:flex;justify-content:space-between;padding:3px 8px 9px;font-size:13px;font-weight:650}.viewport{overflow:auto;border-radius:11px;aspect-ratio:1;overscroll-behavior:contain;background:#e7efe4}.viewport canvas{display:block;width:100%;height:auto;touch-action:pan-x pan-y;cursor:crosshair}.toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:17px 0 8px}.zoom-readout{min-width:50px;text-align:center;font-variant-numeric:tabular-nums}.status{text-align:center;min-height:46px;font-weight:600;margin:0;padding:9px}.status.won{color:#087e77;background:#e3f2dc;border-radius:15px}.foot{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:15px;font-size:12px;color:#63776e;border-top:1px solid #dce5db;margin-top:18px}.foot button{font-size:12px;padding:6px 12px;min-height:36px}.help{font-size:13px;margin:0;text-align:center;color:#5b756b}.keyboard{font-size:12px;color:#6c7b74;text-align:center}.dialog{border:none;border-radius:20px;max-width:640px;width:calc(100% - 28px);padding:26px;color:#123c46;background:#fffdf8;box-shadow:0 15px 70px #123c4640}.dialog::backdrop{background:#18342a77}.dialog li{line-height:1.55;margin-bottom:10px}.dialog header{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{padding:50px;text-align:center}@media(max-width:600px){.topbar{padding:12px;align-items:flex-start}.brand{font-size:16px}.language label{display:none}.language select{max-width:130px;padding:8px;font-size:14px}.wrap{padding:14px 10px}.intro{margin-bottom:15px}h1{font-size:27px}.scene-nav{gap:6px;margin-bottom:18px}.scene-card span{font-size:12px;padding:8px}.scene-card small{font-size:10px}.scene-card img{aspect-ratio:1.6}.game-head{gap:8px}h2{font-size:20px}.game-head p{font-size:14px}.compare{gap:7px}.picture{padding:4px;border-radius:10px}.picture-label{font-size:11px;padding:3px 4px 6px}.viewport{border-radius:7px}.toolbar{gap:6px}.toolbar button{padding:9px 12px}.keyboard{display:none}.foot{gap:7px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}@media print{body{display:none}}

.level-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;flex-wrap:wrap}#level-nav{display:flex;gap:8px;flex-wrap:wrap}#level-nav button[aria-pressed="true"]{background:#087e77;color:#fff;border-color:#087e77}#total-progress{font-size:13px;font-weight:600;color:#58736c}.scene-card img{aspect-ratio:3}.intro{margin-bottom:15px}.scene-nav{margin-bottom:16px}@media(max-width:600px){.scene-card img{aspect-ratio:1.7}.level-row{gap:10px;margin-bottom:17px}#level-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}#level-nav button{padding:9px 7px;font-size:13px}#total-progress{font-size:12px}}

.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand-logo{display:block;width:210px;max-width:100%;height:auto}.brand .edition{color:#647b79;font-size:11px;letter-spacing:.14em;margin-top:2px}.topbar{padding-top:8px;padding-bottom:8px}@media(max-width:600px){.topbar{align-items:center}.brand-logo{width:160px}.brand .edition{font-size:9px}}@media(max-width:360px){.brand-logo{width:140px}}

.topbar{background:#fff}

/* A browsable scene strip keeps the play area near the top as the collection grows. */
.scene-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 12px;gap:12px}.scene-card{flex:0 0 220px;scroll-snap-align:start}.scene-card img{aspect-ratio:2.5}.scene-card span{min-height:66px}.scene-nav:focus-within{scroll-behavior:smooth}@media(max-width:600px){.scene-card{flex-basis:150px}.scene-card img{aspect-ratio:2}.scene-card span{min-height:67px}}

.web-controls{display:flex;align-items:center;gap:12px}.scene-loading{padding:16px;text-align:center;background:#e9f5ef;border-radius:12px;color:#123c46;margin-bottom:10px}.compare.preparing{opacity:.25;pointer-events:none}#retry-scene{margin:0 auto 16px}.intro h1{font-size:clamp(26px,4vw,34px)}.intro{margin-bottom:16px}.focus-mode .intro,.focus-mode .scene-nav,.focus-mode .foot{display:none}:fullscreen .intro,:fullscreen .scene-nav,:fullscreen .foot{display:none}:fullscreen{overflow-y:auto;background:#f7f5eb}.focus-mode .wrap,:fullscreen .wrap{padding-top:12px}.focus-mode .compare,:fullscreen .compare{max-width:1100px;margin:auto}[hidden]{display:none!important}@media(max-width:600px){.web-controls{flex-direction:column;align-items:flex-end;gap:6px}#fullscreen{min-height:36px;padding:6px 10px;font-size:12px}.brand-logo{width:150px}.intro h1{margin:6px 0}.intro p{margin:6px 0}.web-controls .language select{min-height:38px}.game-head{align-items:flex-start}}

.brand-logo{width:92px}#home-link{font-size:13px;color:#087e77;text-decoration:underline}@media(max-width:600px){.brand-logo{width:90px}.web-controls{gap:4px}#home-link{font-size:12px}}