:root{font-family:Trebuchet MS,Arial,sans-serif;color:#fff4d8;background:#112b26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default}button:focus-visible{outline:3px solid #ffe76c;outline-offset:5px}button,img{-webkit-tap-highlight-color:transparent}img{-webkit-user-select:none;user-select:none}button{touch-action:manipulation}.stage{position:relative;width:min(1600px,100%,calc((100dvh - 32px)*16/9));aspect-ratio:16/9;overflow:hidden;border-radius:18px;isolation:isolate;box-shadow:0 24px 100px #0007;container-type:size;background:#163e32}.stage:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto}.forest{position:absolute;inset:0;background:url(../assets/forest.png) center/cover no-repeat;z-index:-3}.forest:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#102d2130 0%,transparent 30%,#112d2440 100%)}.foreground{position:absolute;bottom:0;left:0;width:100%;height:16%;background:url(../assets/foreground.png) center bottom/cover no-repeat;pointer-events:none;z-index:-1}.topbar{position:absolute;top:3.4%;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;z-index:3}.level-sign{background:url(../assets/level-sign.png) center/100% 100% no-repeat;color:#fff;min-width:14cqw;height:7cqw;max-height:100px;padding:0 2cqw;font-size:1.65cqw;font-weight:900;text-shadow:0 2px 2px #573a2c}.toolbar{display:flex;align-items:center;gap:1cqw}.icon-button{background:transparent;padding:0;width:5cqw;max-width:76px;aspect-ratio:1;display:grid;place-items:center;transition:transform .15s}.icon-button:hover,.play-button:hover{transform:scale(1.06)}.icon-button img{width:100%;height:100%;object-fit:contain;pointer-events:none}.fullscreen{background:#203f35bb;color:#fff1d0;border:1px solid #f1d99955;border-radius:50%;width:3.2cqw;height:3.2cqw;font-size:2cqw}.welcome{position:absolute;inset:9% 0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqh}.welcome[hidden],.play-area[hidden],button[hidden]{display:none}.title-art{width:46%;max-height:46cqh;object-fit:contain;filter:drop-shadow(0 8px 7px #0e351977);animation:arrive .65s ease-out}.welcome-tagline{font-size:1.4cqw;font-weight:700;letter-spacing:.02em;margin:1.5cqh 0 1cqh;text-shadow:0 2px 6px #132c24}.play-button{background:none;padding:0;width:21cqw;max-height:18cqh;transition:transform .15s}.play-button img{width:100%;height:100%;max-height:18cqh;object-fit:contain;filter:drop-shadow(0 8px 8px #102d2360)}.resume-label{font-size:1.1cqw;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 5px #153f2a;margin:1cqh 0 0}.play-area{position:absolute;inset:0}.board{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);height:72cqh;aspect-ratio:1;max-width:64cqw;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 12px #123b3455)}.cells{position:absolute;inset:0;display:grid;grid-auto-rows:1fr;z-index:auto}.cell{position:relative;min-width:0;padding:0;aspect-ratio:1;background:url(../assets/cell.png) center/100% 100% no-repeat;outline-offset:-5px!important;color:#174431}.cell:focus-visible{outline:3px solid #ffe76c;z-index:4}.animal{position:absolute;inset:7%;height:86%;width:86%;object-fit:contain;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 2px #0002);transition:transform .16s}.cell.active .animal{transform:scale(1.06)}.cell.connected .animal{filter:drop-shadow(0 0 4px #ffda73)}.pair-badge{position:absolute;bottom:5%;right:5%;border-radius:50%;width:18%;height:18%;min-width:11px;min-height:11px;display:grid;place-items:center;z-index:4;color:#fff;font-size:clamp(8px,.7cqw,13px);font-weight:900;text-shadow:0 1px 2px #000;border:1px solid #fff9;pointer-events:none}.paths{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.cell:has(.animal){background-color:transparent}.progress-card{position:absolute;bottom:9%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:1.3cqw;padding:.8cqh 1.5cqw;background:#133e32df;border:1px solid #b5de9740;box-shadow:0 4px 16px #0c2e2660;border-radius:99px;white-space:nowrap;font-size:1.1cqw;font-weight:700;letter-spacing:.03em}.progress-divider{height:1.5cqh;width:1px;background:#cbe7ac55}.game-actions{position:absolute;bottom:3.8%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.4cqw;white-space:nowrap;font-size:.85cqw;color:#eaf5d8;text-shadow:0 1px 4px #193c25}.game-actions button{padding:.55cqh .9cqw;border:1px solid #f2eacb66;border-radius:6px;color:#fff4d8;background:#184f3ccc;font-size:.9cqw;font-weight:700}.game-actions button:hover{background:#2a654b}.stage-footer{position:absolute;left:3%;right:3%;bottom:2%;display:flex;justify-content:space-between;font-size:.7cqw;letter-spacing:.06em;color:#eaf0d9aa;pointer-events:none;text-shadow:0 1px 5px #000}dialog{border:0;border-radius:20px;padding:0;background:#fff6df;color:#4b392a;max-width:min(560px,calc(100vw - 40px));width:560px;max-height:calc(100dvh - 40px);box-shadow:0 20px 90px #0006}dialog::backdrop{background:#102e26a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-card{padding:40px;position:relative;text-align:center}.close-dialog{position:absolute;top:12px;right:14px;background:none;color:#876b47;font-size:28px;padding:0 6px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:2px;color:#7b9450}.dialog-card h1{font-size:32px;color:#31553b;margin:12px 0 18px;line-height:1.15}.dialog-card p{font-size:15px;line-height:1.7;margin:0 0 15px;color:#74634e}.dialog-card .keyboard-help{font-size:13px;background:#e7edcf;padding:14px;border-radius:10px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.dialog-actions button{padding:12px 18px;border-radius:10px;font-weight:700}.primary{background:#3d754d;color:#fff9df}.primary:hover{background:#2b5d3b}.secondary{background:#ede3cd;color:#786349}.secondary:hover{background:#e2d6ba}.level-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:20px}.level-picker button{aspect-ratio:1;border-radius:9px;background:#dce8bf;color:#3d643c;font-size:18px;font-weight:700}.level-picker button.current{background:#3d754d;color:#fff}.level-picker button:disabled{background:#ede7d9;color:#b9b09b}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes arrive{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:none}}@media(max-width:700px){body{padding:0}.stage{border-radius:0;width:100vw;height:100dvh;aspect-ratio:auto}.topbar{top:3%;left:4%;right:4%}.level-sign{min-width:25cqw;height:12cqw;font-size:3cqw}.icon-button{width:9cqw}.fullscreen{width:6cqw;height:6cqw;font-size:4cqw}.title-art{width:80%;max-height:40cqh}.welcome-tagline{font-size:3cqw;text-align:center;max-width:80%}.play-button{width:45cqw}.resume-label{font-size:2.5cqw;max-width:90%;text-align:center}.board{height:auto;width:88cqw;max-width:88cqw;top:48%}.progress-card{bottom:17%;font-size:2.5cqw;padding:1.2cqh 3cqw;gap:3cqw}.game-actions{bottom:11%;font-size:2cqw;gap:3cqw}.game-actions button{font-size:2.3cqw;padding:1cqh 2cqw}.game-actions span{display:none}.stage-footer{font-size:2cqw;bottom:3%}.pair-badge{font-size:2cqw}.dialog-card{padding:30px 24px}.dialog-card h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.collection-back{position:fixed;left:16px;top:14px;z-index:20;font:28px system-ui;text-decoration:none;color:inherit;background:#fffa;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.collection-back:focus-visible{outline:3px solid #d69e32}.game-actions{justify-content:center}.game-actions button{font-size:24px;padding:4px 20px}.welcome{gap:22px}.progress-card{font-size:12px}