.habitat-shell,.field-shell{min-height:100svh;background:#173d32;color:#fff9e5;display:flex;flex-direction:column}.field-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4%;background:#173d32;border-bottom:1px solid #7f9d7955}.field-header h1{font-size:clamp(23px,3vw,34px);margin:5px 0 0}.field-header .eyebrow{color:#eaca82;font-size:11px}.field-tools{display:flex;gap:9px;flex-wrap:wrap}.field-tools button{padding:10px 14px;font-size:14px}.habitat-goal{padding:12px 4%;background:#fffae7;color:#1b3e32;display:flex;justify-content:space-between;align-items:center;gap:20px}.habitat-goal p{font-size:15px;max-width:920px;margin:0;line-height:1.5}.field-progress{white-space:nowrap;font-family:'Fredoka',sans-serif;font-size:23px;background:#d9e9c0;padding:8px 16px;border-radius:30px}.habitat-map{height:calc(100svh - 244px);min-height:490px;position:relative;background-position:center;background-size:100% 100%;isolation:isolate}.habitat-map:before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 90px #10362955;pointer-events:none}.habitat-life{position:absolute;transform:translate(-50%,-50%);background:none;border:0;display:flex;flex-direction:column;align-items:center;color:#173d32;padding:0;z-index:1;width:114px}.habitat-life .sprite{width:66px;height:66px;border-radius:50%;background-color:white;box-shadow:0 4px 14px #173d3266;border:3px solid #fff8c9;mix-blend-mode:normal}.habitat-life>span:not(.sprite){background:#fffbed;border:1px solid #608354;border-radius:8px;box-shadow:0 2px 4px #234c3155;padding:4px 7px;font-size:14px;line-height:1.2;max-width:120px;font-weight:700}.habitat-life i{position:absolute;top:-5px;right:14px;background:#ffda79;border:2px solid #674a22;color:#4c391c;border-radius:50%;width:22px;height:22px;font:700 15px/18px sans-serif}.habitat-life.discovered i{background:#e3efc9;color:#235e3c;border-color:#32684b}.habitat-life:hover .sprite{transform:translateY(-4px)}.habitat-footer{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:15px 4%;background:#173d32}.habitat-footer>span{font-size:14px;color:#dbebce}.habitat-footer button{font-size:15px}.travel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.travel-card{background:#fffefa;border:2px solid #a3b987;border-radius:18px;overflow:hidden;padding:0 0 15px;color:#204e36;text-align:left;box-shadow:0 4px 0 #23472e16}.travel-card img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.travel-card b,.travel-card span{display:block;margin:10px 13px 0}.travel-card b{font-family:'Fredoka',sans-serif;font-size:22px}.travel-card span{font-size:14px}.travel-card:hover{border-color:#a07425}.specimen{display:grid;grid-template-columns:110px 1fr;gap:22px}.specimen .sprite{width:110px;height:110px}.specimen h2{margin:12px 0;font-size:30px}.specimen p{margin-bottom:12px}.field-pool{justify-content:center;gap:8px}.field-pool .life-card{min-width:88px;width:100px;font-size:13px}.field-pool .sprite{width:57px;height:57px}.notebook-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.notebook-nav a{display:inline-block;color:#28513e;background:#e7eed6;text-decoration:none;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:700}.notebook-species{display:grid;grid-template-columns:1fr 1fr;gap:13px}.notebook-species article{display:flex;gap:10px;background:#fffdf7;border:1px solid #bdc8a3;border-radius:14px;padding:13px}.notebook-species .sprite{width:63px;height:63px}.notebook-species h4{margin:0 0 6px;font-size:17px}.notebook-species p{font-size:14px;line-height:1.5;margin:9px 0}.notebook-species small{font-size:12px;color:#52704c}.notebook-species summary{font-size:14px;cursor:pointer}.notebook-chain{border-left:4px solid #cfa950;padding:4px 18px;background:#f5f5e5;margin:15px 0;border-radius:0 10px 10px 0}.notebook-chain h4{font-size:18px;margin:12px 0}.notebook-chain p{font-size:15px}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.photo-gallery figure{margin:0;background:white;padding:7px 7px 14px;border:1px solid #c4cbb3;box-shadow:0 3px 9px #293c2219;transform:rotate(-1deg)}.photo-gallery figure:nth-child(2){transform:rotate(1deg)}.photo-gallery img{width:100%;aspect-ratio:900/585;object-fit:cover;display:block}.photo-gallery figcaption{font-size:14px;text-align:center;font-weight:700;color:#315538;margin:10px 4px 0}.activity-instructions{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff9e3;color:#244835;padding:14px 4%}.activity-instructions p{font-size:16px;line-height:1.5;margin:0;max-width:980px}.activity-instructions strong{font-size:25px;white-space:nowrap;color:#624116}.activity-stage,.camera-stage{position:relative;width:min(100%,1000px);margin:0 auto;background:#385e40;line-height:0}.activity-stage canvas,.camera-stage canvas{display:block;width:100%;height:auto;touch-action:none}.activity-loading{position:absolute;inset:0;display:grid;place-items:center;background:#33563bed;color:#fff9dc;font-size:20px;line-height:1.5}.activity-loading[hidden]{display:none}.activity-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;padding:16px 4%}.activity-actions button{font-size:14px}.activity-actions button:disabled{opacity:.65}.gate-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mini-pad{display:flex;gap:5px}.mini-pad button{width:44px;height:44px;background:#fff6d9;color:#325642;border:2px solid #c8b977;border-radius:9px;font-size:22px;touch-action:none}.activity-feedback{margin:0 4% 20px;text-align:center;font-size:16px;color:#ffe5a5}.camera-instructions{padding:14px 4%;margin:0;background:#fff9e3;color:#244835;font-size:16px}.camera-stage{width:min(100%,900px);overflow:hidden}.viewfinder{position:absolute;inset:9%;border:2px solid #fff9;pointer-events:none;box-shadow:0 0 0 100px #061b141f;border-radius:5px}.viewfinder:before{content:'+';position:absolute;color:#fff;top:50%;left:50%;font-size:28px;line-height:1;transform:translate(-50%,-50%);text-shadow:0 1px 3px black}.camera-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:17px 4%}.camera-controls button{min-width:45px;padding:11px 14px}.shutter{border-radius:30px;padding:12px 25px!important}.camera-result{text-align:center;padding:0 4% 20px;font-size:16px;color:#ffedb1;display:flex;flex-direction:column;align-items:center;gap:13px}.camera-result img{max-width:300px;width:70%;border:7px solid #fffbed;box-shadow:0 5px 20px #08271c55}.game-shell .quest-bar{flex-wrap:wrap}.game-shell .quest-bar>div{flex:1;min-width:150px}.web-canvas{isolation:isolate}.web-canvas svg{overflow:visible}.web-node{border-width:2px}.web-node.selected{outline:3px solid #d89417}.web-wrap{padding:3px}.web-node span:not(.sprite){font-size:12px}
@media(min-width:1200px){.activity-stage{width:min(1000px,calc((100svh - 245px)*1.538));min-width:650px}.camera-stage{width:min(900px,calc((100svh - 255px)*1.538))}}
@media(max-width:700px){.field-header{padding:14px 4%;align-items:flex-start;gap:12px}.field-header h1{font-size:24px}.field-tools{gap:5px;justify-content:flex-end;max-width:180px}.field-tools button{padding:8px 10px;font-size:12px}.habitat-goal{gap:12px;align-items:flex-start}.habitat-goal p{font-size:14px}.field-progress{font-size:18px;padding:7px 10px}.habitat-map{height:auto;min-height:600px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px 6px;padding:32px 8px;background-size:cover}.habitat-life{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;align-self:center}.habitat-life .sprite{width:63px;height:63px}.habitat-life>span:not(.sprite){font-size:13px;max-width:108px}.habitat-life i{right:12px}.habitat-footer{gap:10px;padding:12px}.habitat-footer>span{width:100%;text-align:center}.habitat-footer button{font-size:13px;padding:11px 12px}.travel-grid{grid-template-columns:1fr}.travel-card{display:grid;grid-template-columns:110px 1fr;padding:0;align-items:center}.travel-card img{grid-row:1/3;height:110px;width:110px}.travel-card b{font-size:22px;margin-top:14px}.travel-card span{margin-top:0;margin-bottom:12px}.notebook-species{grid-template-columns:1fr}.photo-gallery{grid-template-columns:1fr}.photo-gallery img{max-height:290px}.notebook-nav a{font-size:13px;padding:9px}.specimen{grid-template-columns:70px 1fr;gap:14px}.specimen .sprite{width:70px;height:70px}.specimen h2{font-size:24px}.field-pool .life-card{min-width:76px;width:calc(25% - 8px);padding:5px;font-size:12px}.field-pool .sprite{width:48px;height:48px}.activity-instructions{align-items:flex-start;gap:12px;padding:12px 4%}.activity-instructions p{font-size:14px}.activity-instructions strong{font-size:20px}.activity-actions{padding:12px 3%;gap:8px}.activity-actions button{font-size:13px;padding:10px 12px}.mini-pad{order:2}.activity-feedback{font-size:14px}.camera-controls{gap:7px;padding:12px}.camera-controls button{padding:10px;min-width:40px}.camera-instructions{font-size:14px}.web-node span:not(.sprite){font-size:11px}.game-shell .quest-bar>.secondary{font-size:12px;padding:8px}.game-top .game-logo{display:none}}