:root{--ui-paper: #fff4d8;--ui-paper-dark: #ead8aa;--ui-ink: #3a2a18;--ui-muted: #7a6848;--leaf: #2f7d3b;--leaf-light: #55a85d;--gold: #f2a326;--gold-dark: #b76c12;--water: #3aaee8;--trust: #39b978;--scout-orange: #f28b22;--danger-soft: #d86b4c;--role-scout: #4aa3d8;--role-engineer: #9a6b3f;--role-recycler: #8d6bc4;--role-pollinator: #e07ba8;--role-guardian: #2f7d3b;--role-grazer: #9eb83a;--shadow-soft: 0 8px 24px rgba(37, 28, 10, .25);--shadow-small: 0 3px 8px rgba(37, 28, 10, .18);--radius-card: 16px;--radius-button: 12px;--paper: var(--ui-paper);--ink: var(--ui-ink);--leaf-dark: #2c612f;--sun: var(--gold);--panel: rgba(255, 244, 216, .96);--shadow: var(--shadow-soft);font-family:Segoe UI,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:#1c2b1c;color:var(--ui-ink)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.paper{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.18 0 0 0 0 0.08 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(168deg,var(--ui-paper) 0%,#fbeec8 55%,var(--ui-paper-dark) 130%);border:2px solid #d9b66a;box-shadow:inset 0 0 0 1px #fffcf0bf,inset 0 0 22px #b76c1214,var(--shadow-soft)}.screen{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#6fae6a,#2e5b34 55%,#1c3a22)}#title-screen{background:linear-gradient(#121e122e,#0c180e6b),url(/games/wild-guardians/assets/generated/ui/title-hero.webp) center / cover no-repeat,radial-gradient(ellipse at 50% 30%,#6fae6a,#2e5b34 55%,#1c3a22)}#map-screen{background:linear-gradient(#1424160f,#101e1447),url(/games/wild-guardians/assets/generated/ui/title-hero.webp) center / cover no-repeat,radial-gradient(ellipse at 50% 30%,#6fae6a,#2e5b34 55%,#1c3a22)}#map-card{width:min(960px,94%);max-height:92%;overflow-y:auto;border-radius:var(--radius-card);padding:22px 26px;text-align:center}#map-header h2{color:var(--leaf-dark);font-size:1.6rem;letter-spacing:.5px}#map-header p{color:var(--ui-muted);font-size:.9rem;margin:6px 0 16px}#map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:16px}.map-mission{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-height:150px;padding:14px;border:3px solid #d9b66a;border-radius:14px;background-size:cover;background-position:center;color:#fdf8ea;text-align:left;cursor:pointer;font-family:inherit;text-shadow:0 1px 3px rgba(10,16,10,.85);box-shadow:var(--shadow-small);transition:transform .15s,box-shadow .15s}.map-mission:not(.locked):hover{transform:translateY(-3px) scale(1.015);box-shadow:0 8px 22px #0a140c80}.map-mission.locked{cursor:not-allowed;filter:grayscale(.85) brightness(.75)}.map-mission.done{border-color:#8fc878}.map-name{font-size:1.05rem;font-weight:800}.map-sub{font-size:.8rem;opacity:.92}.map-status{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;margin-top:5px;color:#ffe9a8}.map-status:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #f2a326e6}.map-status.done{color:#b8f4a0}.map-status.done:before{background:#7fd95f;box-shadow:0 0 6px #7fd95fe6}.map-status.locked{color:#e8e0cc}.map-status.locked:before{background:#9a9382;box-shadow:none}#mission-end-stars{display:flex;justify-content:center;gap:8px;margin:4px 0 6px}.end-star{font-size:1.7rem;color:#c9bb96}.end-star.earned{color:var(--gold);text-shadow:0 1px 4px rgba(122,77,18,.5);animation:star-pop .5s cubic-bezier(.34,1.6,.64,1) backwards}.end-star.earned:nth-child(2){animation-delay:.15s}.end-star.earned:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}#journal-cover{display:block;width:calc(100% + 52px);margin:-22px -26px 12px;border-radius:14px 14px 0 0;max-height:150px;object-fit:cover}.title-card{background:var(--panel);border-radius:var(--radius-card);padding:28px 36px;text-align:center;box-shadow:var(--shadow-soft);max-width:480px;width:92%;border:3px solid #d9b66a}.tagline{margin:8px 0 14px;font-size:.95rem;color:var(--ui-muted)}.tagline-leaf{color:#7aa45a}#title-scout{width:110px;height:auto;margin-bottom:2px}.title-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.title-footer{margin:14px auto 0;font-size:.72rem;color:#8a7a58;display:inline-block;padding:4px 14px;border:1px dashed rgba(138,122,88,.5);border-radius:999px;background:#fffcf080}@font-face{font-family:"Bree Serif";src:url(/games/wild-guardians/fonts/bree-serif.woff2) format("woff2");font-display:swap}#title-screen{--font-display: "Bree Serif", Georgia, serif}.title-wrap{position:relative;flex:none;width:1200px;height:656px;transform:scale(var(--menu-scale, .62));transform-origin:center center;background:url(/games/wild-guardians/assets/generated/ui/menu-journal-bg-v2.webp) center / contain no-repeat;filter:drop-shadow(0 20px 46px rgba(6,10,6,.6))}.title-wrap:before,.title-wrap:after{display:none}#title-journal{position:absolute;z-index:1;inset:4% 19.8% 4% 30.5%;width:auto;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;background:none;border:none;box-shadow:none;border-radius:0;overflow:visible}#title-journal:before{display:none}.title-tabs,.title-ribbon,.title-seal{display:none}#title-brand{width:200px;height:auto;margin:2px 0 0;display:block;position:relative;filter:drop-shadow(0 1px 1px rgba(255,250,230,.6))}.title-seal{position:absolute;top:14px;right:12px;width:104px;height:104px;transform:rotate(10deg);opacity:.9;pointer-events:none;z-index:1}.title-seal svg{position:absolute;inset:0}#title-stamp{position:absolute;left:50%;top:50%;width:50px;transform:translate(-50%,-50%)}#title-scout{width:128px;height:auto;margin:2px 0 0;position:relative;filter:drop-shadow(0 6px 9px rgba(40,26,6,.35))}#title-brand{font-family:var(--font-display);font-weight:400;font-size:1.9rem;color:#2c612f;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,250,230,.9);position:relative}#title-logo{width:min(440px,90%);height:auto;margin:4px auto 0;display:block;position:relative}#title-journal .tagline{font-style:italic;font-size:1.02rem;position:relative}.btn-adventure{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:6px auto 16px;min-width:350px;padding:14px 38px 15px;font-family:var(--font-display);font-size:1.42rem;font-weight:400;letter-spacing:.5px;color:#fdf3d7;text-shadow:0 2px 3px rgba(10,34,14,.8);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(178deg,#3f8a4c,#2c6a39 45%,#1f5230);border:2px solid #8a6326;border-radius:999px;box-shadow:inset 0 0 0 2px #d9b66a,inset 0 0 0 3.5px #f5dfa480,inset 0 12px 16px #ffffff24,inset 0 -10px 18px #081c0c66,0 4px #173d22,0 8px 16px #141e1073;transition:transform .12s cubic-bezier(.34,1.6,.64,1),filter .12s}.btn-adventure:hover{transform:scale(1.03);filter:brightness(1.07)}.btn-adventure:active{transform:scale(.99) translateY(2px);box-shadow:inset 0 0 0 2px #d9b66a,inset 0 -6px 14px #081c0c66,0 2px #173d22,0 4px 8px #141e1066}.btn-medallion{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,#fdf2d2,#ecd49a 60%,#cfa75a);border:2px solid #8a6326;box-shadow:inset 0 0 0 1.5px #fffae6b3,0 2px 4px #1e140466}.btn-medallion img{width:38px;height:38px}#title-menu-row{display:flex;gap:11px;justify-content:center}.menu-card{flex:1 1 0;display:flex;align-items:center;gap:9px;padding:9px 10px;font-family:inherit;background:linear-gradient(172deg,#fdf6e2,#f6e7bd);border:1.5px solid #c89a48;border-radius:12px;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1.5px #fffcf0d9,inset 0 0 14px #b76c1212,0 1px #fffcf099,0 3px 6px #5a401447;transition:transform .1s cubic-bezier(.34,1.6,.64,1),box-shadow .1s}.menu-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 1.5px #fffcf0d9,0 6px 12px #5a401452}.mc-medal{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,#fffaf0,#f3e3b4 70%);border:2px solid #b98a3e;box-shadow:0 0 0 2px #3f7a48,0 0 0 3px #14281440,inset 0 1px 3px #78501440}.mc-medal img{width:27px;height:27px}.mc-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}.menu-card b{font-family:var(--font-display);font-weight:400;font-size:.8rem;color:var(--leaf-dark);white-space:nowrap}.menu-card small{font-size:.66rem;color:var(--ui-muted)}#title-progress{margin-top:14px}.tp-head{font-family:var(--font-display);font-weight:400;font-size:.74rem;letter-spacing:2.6px;text-transform:uppercase;color:#7d6437;margin-bottom:7px;display:flex;align-items:center;gap:10px}.tp-head:before,.tp-head:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#c89a48)}.tp-head:after{background:linear-gradient(90deg,#c89a48,transparent)}.tp-row{display:flex;gap:0;padding:8px 6px;background:linear-gradient(172deg,#fdf6e2,#f4e4b8);border-radius:13px;border:2px solid #2e6b3a;box-shadow:0 0 0 1.5px #d9b66a,inset 0 0 0 1px #fffcf0b3,0 3px 7px #3c2c0e4d}.tp-stat{flex:1 1 0;display:flex;align-items:center;gap:8px;padding:3px 8px;border-right:1.5px solid rgba(183,138,62,.55)}.tp-stat:last-child{border-right:none}.tp-medal{width:50px;height:50px;flex:none;border-radius:50%;object-fit:contain;padding:6px;background:radial-gradient(circle at 38% 32%,#fffaf0,#f1e0ae);border:3px solid #c87f33;box-shadow:inset 0 0 0 1.5px #f5dfa4,0 2px 5px #462e0c59}.tp-medal.tp-portrait{object-fit:cover;padding:0}.tp-stat>span{display:flex;flex-direction:column;line-height:1.3;text-align:left;min-width:0}.tp-stat b{font-size:.95rem;color:var(--ink, #3a2a18);order:2}.tp-stat small{font-size:.62rem;color:#7d6437;order:1;white-space:nowrap}.tp-dots{display:flex;flex-direction:row;gap:3px;margin-top:3px;order:3}.tp-dots i{width:8px;height:8px;border-radius:50%;background:#ddcfa4;border:1px solid #c4ad78}.tp-dots i.done{background:#55a85d;border-color:#3f7d3c}.title-ribbon{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);z-index:6;filter:drop-shadow(0 5px 8px rgba(20,16,4,.45));white-space:nowrap}.title-ribbon:before,.title-ribbon:after{content:"";position:absolute;top:7px;width:40px;height:100%;background:linear-gradient(178deg,#ecd9a8,#d9bf82);border:1.5px solid #a8823c}.title-ribbon:before{left:-30px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%)}.title-ribbon:after{right:-30px;clip-path:polygon(0 0,100% 0,62% 50%,100% 100%,0 100%)}.title-ribbon span{position:relative;z-index:1;display:inline-block;padding:9px 28px 10px;font-style:italic;font-size:.92rem;color:#54401f;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.18 0 0 0 0 0.08 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(174deg,#fdf4dc,#f3e3b4);border:1.5px solid #a8823c;box-shadow:inset 0 0 0 3px #fffcf080,inset 0 0 0 4px #a8823c59}.title-ribbon .tagline-leaf{font-style:normal}.title-tabs{position:absolute;left:100%;top:120px;margin-left:-8px;display:none;flex-direction:column;gap:14px;z-index:0;pointer-events:none}.title-tab{width:96px;padding:9px 6px 8px 20px;border-radius:0 15px 15px 0;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:Georgia,serif;box-shadow:inset 0 2px #ffffff2e,inset 0 -8px 14px #0a10082e,5px 5px 9px #0f140866;position:relative}.title-tab:after{content:"";position:absolute;inset:4px 5px 4px 8px;border:1.5px dashed rgba(248,230,170,.5);border-radius:0 11px 11px 0}.title-tab img{width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(20,14,4,.35))}.title-tab span{font-family:var(--font-display);font-weight:400;font-size:.7rem;color:#fdf3d7;text-shadow:0 1px 2px rgba(40,18,2,.8)}.tab-green{background:linear-gradient(170deg,#3c7e4a,#234e2e)}.tab-brown{background:linear-gradient(170deg,#8a5a2c,#5c3a1a)}.tab-orange{background:linear-gradient(170deg,#d8741f,#9d4e12)}.tab-orange img{filter:brightness(.72) saturate(.9) drop-shadow(0 2px 2px rgba(20,14,4,.35))}#settings-pop{position:absolute;z-index:50;border-radius:var(--radius-card);padding:20px 26px;display:flex;flex-direction:column;gap:10px;align-items:center;min-width:250px}#settings-pop h3{color:var(--leaf-dark)}#settings-pop.hidden{display:none}@media(max-width:760px){.title-tabs{display:none}}.btn{border:none;border-radius:var(--radius-button);padding:12px 26px;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;min-width:220px;box-shadow:inset 0 1px #ffffff59,0 3px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .1s cubic-bezier(.34,1.6,.64,1),box-shadow .1s}.btn:hover:not(:disabled){transform:translateY(-1px) scale(1.02)}.btn:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 1px #fff3}.btn-primary{background:linear-gradient(180deg,#5aa657,#357a39);border:1px solid #2c612f}.btn-secondary{background:linear-gradient(180deg,#f2a326,#cf7d12);border:1px solid #a86410}.btn-ghost{background:transparent;color:var(--ui-muted);box-shadow:none;min-width:0;text-decoration:underline;text-shadow:none;border:none}.btn.small{padding:6px 14px;font-size:.85rem;min-width:0}#hud{position:absolute;inset:0;z-index:20;pointer-events:none}#hud>*{pointer-events:auto}#mission-panel{position:absolute;top:62px;left:8px;border-radius:12px;width:272px;max-width:62vw;font-size:.85rem;overflow:hidden}#mission-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;background:linear-gradient(180deg,#3f8a48,#2f6d38);border-bottom:2px solid #d9b66a}#mission-name{font-weight:800;color:#fdf6e0;font-size:.88rem;text-shadow:0 1px 2px rgba(10,30,12,.5)}#mission-collapse{border:none;background:none;font-size:1rem;cursor:pointer;color:#fdf6e0;padding:2px 6px}#mission-panel-body{padding:8px 12px 10px}#mission-panel.collapsed #mission-panel-body{display:none}#mission-step{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.85rem;color:#7a4d12;background:linear-gradient(180deg,#f2a32640,#f2a32624);border-left:4px solid var(--gold);padding:6px 9px;border-radius:6px;margin:8px 10px 0}#mission-step:before{content:"";flex-shrink:0;width:0;height:0;border-left:8px solid var(--gold-dark);border-top:5px solid transparent;border-bottom:5px solid transparent}#mission-panel.collapsed #mission-step{margin-bottom:8px}#mission-step:empty{display:none}#bio-progress{margin-bottom:8px}#bio-progress-label{display:flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--leaf-dark);margin-bottom:3px}#bio-progress-label .res-icon{width:16px;height:16px}#bio-progress-track{position:relative;height:13px;border-radius:7px;background:#e2d4ad;overflow:visible;box-shadow:inset 0 1px 3px #5a401459;border:1px solid #cdb37c}#bio-progress-fill{height:100%;width:0%;border-radius:7px;background:linear-gradient(90deg,#c9c14a,#55a85d);box-shadow:inset 0 1px #fff6;transition:width .6s ease}#bio-progress-track.bio-pulse{animation:bio-pulse .7s ease}@keyframes bio-pulse{0%,to{transform:none;box-shadow:inset 0 1px 3px #5a401459}40%{transform:scaleY(1.35);box-shadow:0 0 12px #55a85dcc,inset 0 1px 3px #5a401459}}#bio-progress-track.bio-drop{animation:bio-drop 1.5s ease}@keyframes bio-drop{0%,to{transform:none;box-shadow:inset 0 1px 3px #5a401459}20%,60%{transform:scaleY(1.3);box-shadow:0 0 14px #e8a44af2,inset 0 1px 3px #5a401459}40%,80%{transform:scaleY(1.1);box-shadow:0 0 6px #e04a3ab3,inset 0 1px 3px #5a401459}}#bio-progress-target{position:absolute;top:-3px;bottom:-3px;width:3px;background:#7a4d12;border-radius:2px}#bio-progress{cursor:pointer;border-radius:8px}#bio-progress:hover #bio-progress-label{color:#2e6b35}#bio-hint{margin-left:auto;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;background:#7aa45a;box-shadow:0 1px 2px #3c280a59;flex:none}#bio-progress.open #bio-hint{background:#4d8a44}#bio-breakdown{margin-top:7px;padding:8px 9px 5px;background:#fffcf0d9;border:1px solid rgba(183,108,18,.3);border-radius:9px;box-shadow:inset 0 1px #fffc}#bio-breakdown.hidden{display:none}.bio-row{margin-bottom:8px}.bio-row-head{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;color:var(--ink, #3a2a18)}.bio-row.full .bio-row-head{color:#3f7d3c}.bio-row-val{opacity:.85;font-variant-numeric:tabular-nums}.bio-row-track{height:7px;border-radius:4px;background:#e2d4ad;margin:2px 0 3px;box-shadow:inset 0 1px 2px #5a40144d;overflow:hidden}.bio-row-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#c9c14a,#55a85d);transition:width .5s ease}.bio-row.full .bio-row-fill{background:#55a85d}.bio-row-tip{font-size:.68rem;line-height:1.35;color:#3a2a18c7}.bio-row.full .bio-row-tip{color:#3f7d3cd9}#resource-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.res-chip{display:flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:11px;font-size:.8rem;font-weight:700;background:#ffffffa6;white-space:nowrap;border:1px solid rgba(183,108,18,.25);box-shadow:inset 0 1px #fffc}.res-chip .res-icon,#resource-row .res-icon{width:17px;height:17px;object-fit:contain}.res-chip.res-pulse{animation:pulse .6s ease}.res-chip.res-lack{animation:lack .7s ease}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes lack{0%,to{background:#ffffffa6;transform:none}25%{background:#f3b0a0;transform:translate(-3px)}50%{transform:translate(3px)}75%{background:#f3b0a0;transform:translate(-2px)}}.goal-group{border-top:1px dashed #d3bd8d;padding-top:4px;margin-top:4px}.goal-group-head{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--ui-muted);padding:3px 0}.goal-group-head:before{content:"";width:0;height:0;border-top:5px solid var(--ui-muted);border-left:4px solid transparent;border-right:4px solid transparent;transition:transform .18s}.goal-group.collapsed .goal-group-head:before{transform:rotate(-90deg)}.goal-group.collapsed ul{display:none}.goal-count{margin-left:auto;font-weight:700;color:var(--leaf-dark)}#objectives-list,#objectives-bonus{list-style:none}#btn-skip-step{margin-top:4px}#objectives-list li,#objectives-bonus li{padding:3px 0 3px 22px;position:relative;font-size:.8rem}#objectives-list li:before,#objectives-bonus li:before{content:"";position:absolute;left:3px;top:6px;width:11px;height:11px;border:2px solid #b09a6d;border-radius:50%;background:#ffffff80}#objectives-list li.done,#objectives-bonus li.done{color:#7d6f55;text-decoration:line-through}#objectives-list li.done:before,#objectives-bonus li.done:before{border-color:var(--leaf);background:var(--leaf-light);box-shadow:inset 0 0 0 2px #ffffffa6}#hud-top-right{position:absolute;top:8px;right:10px;display:flex;gap:6px}.hud-btn{width:46px;height:46px;border-radius:var(--radius-button);border:2px solid #d9b66a;background:linear-gradient(168deg,var(--ui-paper),var(--ui-paper-dark));box-shadow:inset 0 1px #fffcf0cc,var(--shadow-small);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s cubic-bezier(.34,1.6,.64,1)}.hud-btn:hover{transform:translateY(-1px) scale(1.05)}.hud-btn:active{transform:translateY(1px)}.hud-btn img{width:30px;height:30px;object-fit:contain}.hud-btn.muted img{filter:grayscale(1) opacity(.45)}.hud-btn-emoji{font-size:24px;line-height:1}.hud-btn-emoji.active{background:linear-gradient(168deg,#cde7d0,#9fd2a4);border-color:#5aa15f}.legacy-hud{display:none!important}#top-right-menu{position:relative;height:min(70vh,600px);width:auto}#trm-img{height:100%;width:auto;display:block;user-select:none;filter:drop-shadow(0 6px 16px rgba(20,14,6,.5))}.trm-cell{position:absolute;left:25%;width:47%;background:none;border:none;padding:0;cursor:pointer;border-radius:14px;transition:background .12s;-webkit-tap-highlight-color:transparent}.trm-cell:hover{background:#fff4d238}.trm-cell:active{background:#b76c1247}.trm-cell:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.trm-cell:nth-child(2){top:5.5%;height:16.5%}.trm-cell:nth-child(3){top:24%;height:16.5%}.trm-cell:nth-child(4){top:43%;height:16.5%}.trm-cell:nth-child(5){top:62%;height:16.5%}.trm-cell:nth-child(6){top:80.5%;height:15.5%}#selection-panel{position:absolute;bottom:12px;left:10px;display:flex;gap:10px;align-items:center;border-radius:14px;padding:10px 14px;min-width:230px;max-width:330px;border-left-width:5px}#selection-panel.role-scout{border-left-color:var(--role-scout)}#selection-panel.role-engineer{border-left-color:var(--role-engineer)}#selection-panel.role-recycler{border-left-color:var(--role-recycler)}#selection-panel.role-pollinator{border-left-color:var(--role-pollinator)}#selection-panel.role-guardian{border-left-color:var(--role-guardian)}#selection-panel.role-grazer{border-left-color:var(--role-grazer)}#selection-portrait{width:56px;height:56px;border-radius:10px;background:#efe2bd;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;border:2px solid #d9b66a;box-shadow:inset 0 1px 3px #5a401440}#selection-portrait img{width:100%;height:100%;object-fit:contain}#selection-name{font-weight:800;font-size:1rem}#selection-role{display:inline-block;font-size:.68rem;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:1px 8px;border-radius:8px;background:var(--leaf);margin:2px 0}#selection-panel.role-scout #selection-role{background:var(--role-scout)}#selection-panel.role-engineer #selection-role{background:var(--role-engineer)}#selection-panel.role-recycler #selection-role{background:var(--role-recycler)}#selection-panel.role-pollinator #selection-role{background:var(--role-pollinator)}#selection-panel.role-guardian #selection-role{background:var(--role-guardian)}#selection-panel.role-grazer #selection-role{background:var(--role-grazer)}#selection-needs{font-size:.76rem;color:var(--ui-muted);line-height:1.3}#selection-badge{position:absolute;top:-12px;right:-10px;width:38px;height:38px;filter:drop-shadow(0 2px 4px rgba(40,26,6,.4))}#command-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:94vw}.cmd-btn{border:2px solid #d9b66a;border-radius:var(--radius-button);background:linear-gradient(168deg,var(--ui-paper),var(--ui-paper-dark));box-shadow:inset 0 1px #fffcf0cc,var(--shadow-small);padding:8px 12px;font-size:.85rem;font-weight:700;color:var(--ui-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:76px;min-height:50px;font-family:inherit;transition:transform .1s cubic-bezier(.34,1.6,.64,1)}.cmd-btn:hover:not(:disabled){transform:translateY(-2px)}.cmd-btn .cmd-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.cmd-btn .cmd-icon svg{width:24px;height:24px}.cmd-btn .cmd-icon img{width:26px;height:26px;object-fit:contain}.cmd-btn:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}.cmd-btn.active{outline:3px solid var(--gold);box-shadow:0 0 12px #f2a3268c,var(--shadow-small)}.cmd-btn .cmd-cost{display:flex;align-items:center;gap:2px;font-size:.68rem;color:#8a7350;font-weight:600}.cmd-btn .cmd-cost img{width:13px;height:13px}#build-popover{position:absolute;bottom:96px;left:50%;transform:translate(-50%);border-radius:14px;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(108px,1fr));gap:8px;max-width:94vw;z-index:25}#build-popover .cmd-btn{min-width:0;width:100%}#build-popover .cmd-btn .cmd-icon,#build-popover .cmd-btn .cmd-icon img{width:40px;height:40px}#build-popover .build-effect{font-size:.62rem;font-weight:500;color:var(--ui-muted);line-height:1.25;max-width:130px}#placement-hint{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:var(--panel);padding:8px 16px;border-radius:var(--radius-button);box-shadow:var(--shadow-soft);border:2px solid #d9b66a;font-weight:700;font-size:.9rem}#toast-area{position:absolute;top:14px;right:calc(min(70vh,600px)*.34 + 22px);display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none;max-width:46vw}.toast{background:var(--panel);border:1px solid #d9b66a;border-left:5px solid var(--gold);padding:8px 14px;border-radius:10px;box-shadow:var(--shadow-small);font-size:.85rem;font-weight:600;max-width:300px;animation:toast-in .25s ease}.toast.good{border-left-color:var(--leaf)}@keyframes toast-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}#stamp-layer{position:absolute;inset:0;pointer-events:none;z-index:38}.stamp-pop{position:absolute;top:30%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);animation:stamp-in 1.7s cubic-bezier(.2,1.4,.4,1) forwards;filter:drop-shadow(0 4px 10px rgba(30,20,4,.35))}@keyframes stamp-in{0%{transform:translate(-50%,-50%) scale(2.6) rotate(14deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1) rotate(-7deg);opacity:1}26%{transform:translate(-50%,-50%) scale(1.12) rotate(-7deg)}34%{transform:translate(-50%,-50%) scale(1) rotate(-7deg)}78%{transform:translate(-50%,-50%) scale(1) rotate(-7deg);opacity:1}to{transform:translate(-50%,-50%) scale(.92) rotate(-7deg);opacity:0}}#dialogue-overlay{position:absolute;inset:0;z-index:45;background:linear-gradient(to bottom,#0e160c00 65%,#0e160c73);display:flex;align-items:flex-end;justify-content:center;padding:0 14px 16px;animation:fade-in .25s ease;pointer-events:none}#scout-panel{pointer-events:none}#scout-next{pointer-events:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#scout-panel{display:flex;align-items:flex-end;gap:0;max-width:860px;width:100%;animation:rise-in .32s cubic-bezier(.34,1.4,.64,1)}@keyframes rise-in{0%{transform:translateY(46px);opacity:0}to{transform:none;opacity:1}}#scout-img{width:168px;height:auto;flex-shrink:0;margin-right:-28px;margin-bottom:-4px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4));z-index:1;animation:scout-hop .45s ease}@keyframes scout-hop{0%{transform:translateY(16px)}55%{transform:translateY(-7px)}to{transform:none}}#scout-bubble{position:relative;flex:1;min-height:116px;display:flex;flex-direction:column;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.24 0 0 0 0 0.18 0 0 0 0 0.08 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(168deg,var(--ui-paper) 0%,#fbeec8 60%,var(--ui-paper-dark) 140%);border-radius:18px;border:3px solid #d9b66a;padding:22px 20px 12px 38px;box-shadow:inset 0 0 0 1px #fffcf0bf,0 10px 28px #0a120873}#scout-speaker{position:absolute;top:-15px;left:34px;background:linear-gradient(180deg,var(--gold),#df8d14);color:#5a3a08;border:2px solid #fff3d0;border-radius:999px;padding:3px 16px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:.74rem;box-shadow:0 2px 6px #3c280859}#scout-caption{font-size:1.16rem;line-height:1.5;margin-bottom:10px;flex:1}#scout-footer{display:flex;align-items:center;gap:12px}#scout-hint{margin-left:auto;font-size:.72rem;color:#9a8a68}#scout-dots{display:flex;gap:6px}.scout-dot{width:9px;height:9px;border-radius:50%;background:#d9cba2;transition:background .2s,transform .2s}.scout-dot.on{background:var(--gold);transform:scale(1.25)}#scout-footer .btn{min-width:130px;padding:10px 22px}#caption-bar{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#1e2618d1;color:#f7f1e1;padding:8px 18px 8px 8px;border-radius:30px;max-width:600px;font-size:.92rem;line-height:1.35;z-index:18;pointer-events:none;box-shadow:var(--shadow-small)}#caption-scout{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#d8c79a}.modal{position:absolute;inset:0;z-index:50;background:#1420128c;display:flex;align-items:center;justify-content:center}.modal-card{border-radius:var(--radius-card);padding:22px 26px;max-width:720px;width:94vw;max-height:86vh;overflow-y:auto}.modal-card h2{color:var(--leaf-dark);margin-bottom:14px}.modal-card.center{text-align:center}.modal-card>.btn{margin-top:14px}.trust-note{display:block;font-size:.72rem;color:#8a7350;font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.animal-card{position:relative;background:linear-gradient(178deg,#fffdf6,#f8eed2);border:2px solid #e0cc99;border-top-width:5px;border-radius:12px;padding:10px;text-align:center;font-size:.8rem;box-shadow:var(--shadow-small);overflow:hidden}.animal-card.role-scout{border-top-color:var(--role-scout)}.animal-card.role-engineer{border-top-color:var(--role-engineer)}.animal-card.role-recycler{border-top-color:var(--role-recycler)}.animal-card.role-pollinator{border-top-color:var(--role-pollinator)}.animal-card.role-guardian{border-top-color:var(--role-guardian)}.animal-card.role-grazer{border-top-color:var(--role-grazer)}.card-portrait{width:86px;height:86px;margin:0 auto 2px;display:flex;align-items:center;justify-content:center;font-size:2.6rem}.card-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(60,42,12,.25))}.animal-card.locked .card-portrait img{filter:brightness(0) opacity(.4)}.animal-card h4{font-size:.95rem;margin:4px 0 2px}.animal-card .card-role{display:inline-block;color:#fff;font-weight:800;text-transform:uppercase;font-size:.62rem;letter-spacing:.5px;background:var(--leaf);border-radius:8px;padding:1px 8px}.animal-card.role-scout .card-role{background:var(--role-scout)}.animal-card.role-engineer .card-role{background:var(--role-engineer)}.animal-card.role-recycler .card-role{background:var(--role-recycler)}.animal-card.role-pollinator .card-role{background:var(--role-pollinator)}.animal-card.role-guardian .card-role{background:var(--role-guardian)}.animal-card.role-grazer .card-role{background:var(--role-grazer)}.animal-card .card-fact{margin-top:6px;color:var(--ui-muted);font-size:.74rem;line-height:1.35}.animal-card.locked{filter:saturate(.5);opacity:.8}.animal-card .btn{margin-top:8px;width:100%;min-width:0;padding:7px;font-size:.8rem}.animal-card .card-meta{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:#8a7350;margin-top:5px}.animal-card .card-meta img{width:14px;height:14px}.card-ribbon{position:absolute;top:14px;right:-34px;transform:rotate(38deg);background:linear-gradient(180deg,var(--gold),#df8d14);color:#5a3a08;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 38px;box-shadow:var(--shadow-small)}.card-ribbon-back{background:linear-gradient(180deg,#8fd07a,#4e9a3c);color:#1d3a12}#mission-end-stamp{position:absolute;top:14px;right:16px;width:96px;z-index:1;transform:rotate(11deg);filter:drop-shadow(0 3px 6px rgba(40,26,6,.3));animation:stamp-in-still .7s cubic-bezier(.2,1.4,.4,1) backwards;animation-delay:.35s}#mission-end .modal-card{position:relative}@keyframes stamp-in-still{0%{transform:scale(2.2) rotate(24deg);opacity:0}to{transform:rotate(11deg);opacity:1}}#mission-end-scout{width:140px}#mission-end-statsrow{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:10px 0 4px;font-size:.8rem;color:var(--ui-muted)}#mission-end-statsrow .end-stat{display:flex;flex-direction:column;align-items:center;gap:1px}#mission-end-statsrow .end-stat b{font-size:1.05rem;color:var(--leaf-dark)}#mission-end-learnings{text-align:left;margin:10px auto;max-width:420px;font-size:.88rem;padding-left:22px}#mission-end-learnings li{margin:4px 0}.tutorial-glow{outline:4px solid #ffd34d!important;animation:glow-pulse 1s ease-in-out infinite;position:relative;z-index:36}@keyframes glow-pulse{0%,to{outline-color:#ffd34d;box-shadow:0 0 #ffd34d99}50%{outline-color:#ffb300;box-shadow:0 0 0 10px #ffd34d00}}.tutorial-glow:after{content:"";position:absolute;top:-26px;left:50%;width:0;height:0;border-top:16px solid var(--gold);border-left:11px solid transparent;border-right:11px solid transparent;animation:point-bounce .7s ease-in-out infinite alternate;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}@keyframes point-bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,8px)}}#debug-panel{position:absolute;right:8px;bottom:8px;z-index:60;width:300px;max-width:90vw;background:#141a12eb;color:#b8e6a8;border-radius:10px;padding:10px;font-family:Consolas,monospace;font-size:.7rem;border:1px solid #4f8a4c}#debug-panel h4{color:#f4e16a;margin-bottom:6px;font-size:.75rem}#debug-state-view{white-space:pre-wrap;max-height:220px;overflow-y:auto;margin-bottom:8px}.debug-buttons{display:flex;flex-wrap:wrap;gap:6px}.debug-buttons button{background:#2e4a2e;color:#d8f4c8;border:1px solid #4f8a4c;border-radius:6px;padding:5px 9px;font-size:.7rem;cursor:pointer;min-height:30px}@media(max-width:720px){#mission-panel{width:234px;font-size:.74rem;max-width:58vw}#mission-panel-body{padding:6px 10px 8px}.res-chip{font-size:.7rem;padding:2px 6px 2px 3px}.res-chip .res-icon{width:14px;height:14px}#scout-img{width:104px;margin-right:-20px}#scout-bubble{padding:18px 14px 10px 30px;min-height:96px}#scout-caption{font-size:.97rem}#scout-hint{display:none}#scout-footer .btn{min-width:104px;padding:9px 16px}#selection-panel{min-width:0;max-width:none;left:8px;right:8px;bottom:76px;padding:6px 10px}#selection-portrait{width:44px;height:44px}#selection-needs{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#command-bar{left:8px;right:8px;transform:none;bottom:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;max-width:none}.cmd-btn{min-width:64px;min-height:52px;padding:6px 8px;font-size:.72rem;flex-shrink:0}#build-popover{grid-template-columns:repeat(2,minmax(118px,1fr));bottom:168px;left:8px;right:8px;transform:none;max-width:none}#build-popover .build-effect{display:none}#caption-bar{bottom:148px;font-size:.8rem;max-width:90vw}#hud-top-right{flex-direction:column}#hud-top-right .hud-btn{width:44px;height:44px}#hud-top-right .hud-btn img{width:26px;height:26px}#top-right-menu{height:min(46vh,380px)}.stamp-pop{width:110px;height:110px}}#roster-panel{position:absolute;right:calc(min(70vh,600px)*.34 + 22px);top:230px;width:198px;border-radius:13px;z-index:28;overflow:hidden;display:flex;flex-direction:column}#roster-header{font-size:.7rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#fdf3d7;background:linear-gradient(180deg,#3c7e4a,#2a5c36);padding:6px 10px;cursor:pointer;user-select:none}#roster-panel.collapsed #roster-rows{display:none}#roster-rows{display:flex;flex-direction:column;gap:3px;padding:6px;max-height:44vh;overflow-y:auto}.roster-row{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#fffcf0bf;border:1.5px solid rgba(183,108,18,.25);border-left:4px solid var(--role-color, #8a7a58);border-radius:9px;cursor:pointer;font-family:inherit;text-align:left;transition:transform .08s,background .08s}.roster-row:hover{background:#fffaf0;transform:translate(-2px)}.roster-row.active{background:#fff3cf;border-color:var(--gold-dark);box-shadow:0 0 0 1.5px #f2a3268c}.roster-portrait{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;background:#f1e4c2}.roster-portrait img{width:100%;height:100%;object-fit:cover}.roster-name{flex:1;font-size:.72rem;font-weight:700;color:var(--ui-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-count{font-size:.72rem;font-weight:800;color:#7d6437}@media(max-width:720px){#roster-panel{width:56px;top:auto;bottom:132px;right:calc(min(46vh,380px)*.34 + 14px)}#roster-header{font-size:0;padding:4px;height:14px}.roster-row{padding:3px;gap:0;justify-content:center;position:relative}.roster-name{display:none}.roster-count{position:absolute;right:1px;bottom:0;font-size:.6rem;background:#fff3cf;border-radius:7px;padding:0 3px}}#event-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:32;min-width:250px;max-width:70vw;background:linear-gradient(180deg,#c8842c,#a3641a);border:2px solid #f5dfa4;border-radius:12px;padding:7px 16px 9px;text-align:center;color:#fff6dc;font-weight:800;font-size:.85rem;box-shadow:0 4px 12px #3c1e0466;animation:banner-in .3s cubic-bezier(.34,1.4,.64,1)}@keyframes banner-in{0%{transform:translate(-50%,-24px);opacity:0}to{transform:translate(-50%);opacity:1}}#event-banner-bar{height:4px;margin-top:5px;border-radius:2px;background:#00000040;overflow:hidden}#event-banner-bar i{display:block;height:100%;width:100%;background:#ffe9a8;transition:width .25s linear}#mission-end-fieldnotes{margin:10px auto 0;padding:10px 14px;max-width:470px;text-align:left;background:#fffcf0b3;border:1.5px dashed rgba(168,130,60,.55);border-radius:12px}#mission-end-fieldnotes h3{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:#7d6437;margin-bottom:5px}#fieldnotes-restored{font-size:.8rem;color:var(--ui-ink);margin-bottom:5px}#fieldnotes-synergies{margin:0;padding-left:18px;font-size:.78rem;color:#3f5a2e}#fieldnotes-synergies li{margin:2px 0}#loading-screen{--font-display: "Bree Serif", Georgia, serif;background:var(--exp-bg, none) center / cover no-repeat,radial-gradient(ellipse at 50% 30%,#6fae6a,#2e5b34 55%,#1c3a22);gap:0;overflow:hidden;transition:opacity .5s ease}#loading-screen.exp-fadein{opacity:0}#loading-screen.exp-fadeout{opacity:0;pointer-events:none}.exp-vignette{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#080e0800 30%,#080e088c),linear-gradient(#0a100a52,#0a100a80)}.exp-ribbon{position:absolute;top:26px;left:26px;z-index:5;display:flex;flex-direction:column;align-items:center;line-height:1;padding:9px 18px 11px;transform:rotate(-4deg);background:linear-gradient(168deg,#fff4d8,#ead8aa);border:2px solid #d9b66a;border-radius:8px;box-shadow:var(--shadow-soft),inset 0 0 0 1px #fffcf0b3}.exp-ribbon:before{content:"";position:absolute;top:7px;left:7px;width:7px;height:7px;border-radius:50%;background:#b76c12;box-shadow:0 0 0 2px #fffcf099}.exp-ribbon-sm{font-size:.6rem;letter-spacing:3px;color:var(--gold-dark);font-weight:800}.exp-ribbon-lg{font-family:var(--font-display);font-size:1.15rem;color:var(--leaf-dark)}.exp-scout{position:relative;z-index:3;align-self:center;height:min(74vh,600px);width:auto;margin-right:-30px;filter:drop-shadow(0 18px 26px rgba(8,12,6,.55));animation:exp-scout-in .6s cubic-bezier(.34,1.4,.64,1) backwards;pointer-events:none}@keyframes exp-scout-in{0%{transform:translateY(26px) scale(.96);opacity:0}}.exp-card{position:relative;z-index:2;width:min(660px,78vw);max-height:92vh;overflow:visible;border-radius:var(--radius-card);padding:22px 26px 20px 56px;color:var(--ui-ink);text-align:left;animation:exp-card-in .5s ease backwards .05s}@keyframes exp-card-in{0%{transform:translateY(16px);opacity:0}}.exp-head{border-bottom:2px solid rgba(183,108,18,.25);padding-bottom:8px;margin-bottom:10px}.exp-title{font-family:var(--font-display);font-weight:400;font-size:1.85rem;color:var(--leaf-dark);line-height:1.05}.exp-subtitle{font-style:italic;font-size:.98rem;color:var(--scout-orange);margin-top:3px}.exp-brief{font-size:.9rem;color:var(--ui-ink);line-height:1.4;margin-bottom:12px}.exp-section-label,.exp-fact-h{font-size:.62rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:800;color:var(--gold-dark)}.exp-section-label{display:block;margin-bottom:7px}.exp-animals{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.exp-animal{display:flex;flex-direction:column;align-items:center;gap:4px;width:58px}.exp-animal-ring{width:54px;height:54px;border-radius:50%;overflow:hidden;border:2.5px solid var(--gold);background:#fffaf0;box-shadow:var(--shadow-small),inset 0 0 0 1px #fff9}.exp-animal-ring img{width:100%;height:100%;object-fit:cover;display:block}.exp-animal-label{font-size:.62rem;font-weight:700;color:var(--ui-muted);text-align:center;line-height:1.05}.exp-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:10px}.exp-fact{background:#fffaeb99;border:1px solid rgba(183,108,18,.22);border-left:3px solid var(--leaf);border-radius:8px;padding:7px 10px}.exp-fact-h{display:block;color:var(--leaf-dark);margin-bottom:3px}.exp-fact-b{font-size:.78rem;color:#4a3a22;line-height:1.32}.exp-scoutline{font-size:.82rem;font-style:italic;color:#5a4424;line-height:1.35;background:#f28b221a;border-radius:8px;padding:7px 11px;margin-bottom:14px}.exp-scoutline b{font-style:normal;color:var(--scout-orange)}.exp-progress{display:flex;align-items:center;gap:14px}.exp-compass{width:52px;height:52px;flex:none;filter:drop-shadow(0 2px 3px rgba(40,24,6,.3));transition:filter .4s}.exp-compass svg{width:100%;height:100%;display:block}.exp-compass-ring{fill:none;stroke:var(--gold-dark);stroke-width:2.5}.exp-compass-face{fill:#fff7e4;stroke:#d9b66a;stroke-width:1}.exp-compass-needle{transform-origin:32px 32px;animation:exp-spin 2.2s linear infinite}.needle-n{fill:var(--danger-soft)}.needle-s{fill:#5b86a8}.exp-compass-hub{fill:var(--gold-dark)}.exp-compass.settled{filter:drop-shadow(0 0 6px rgba(242,163,38,.9))}.exp-compass.settled .exp-compass-needle{animation-duration:6s}@keyframes exp-spin{to{transform:rotate(360deg)}}.exp-bar-wrap{flex:1;min-width:0}.exp-bar{height:16px;border-radius:999px;overflow:hidden;position:relative;background:#3a2a182e;border:1.5px solid rgba(183,108,18,.4);box-shadow:inset 0 1px 3px #28180640}.exp-bar-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--leaf),var(--leaf-light) 70%,#8fd07f);box-shadow:0 0 8px #55a85d99;transition:width .25s linear;position:relative;overflow:hidden}.exp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);background-size:200% 100%;animation:exp-shimmer 1.3s linear infinite}@keyframes exp-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.exp-bar-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:5px}.exp-bar-msg{font-size:.8rem;font-weight:700;color:var(--leaf-dark)}.exp-bar-pct{font-family:var(--font-display);font-size:.85rem;color:var(--gold-dark)}.exp-checks{list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:7px;padding:0}.exp-check{display:flex;align-items:center;gap:5px;font-size:.64rem;color:var(--ui-muted)}.exp-check i{width:8px;height:8px;border-radius:50%;background:#c8bca0;box-shadow:inset 0 0 0 1px #00000014;transition:background .3s,box-shadow .3s}.exp-check.on{color:var(--leaf-dark);font-weight:700}.exp-check.on i{background:var(--trust);box-shadow:0 0 5px #39b978cc}.exp-continue{flex:none;align-self:stretch;border:none;cursor:pointer;font-family:var(--font-display);font-size:.92rem;color:#fff7e6;padding:0 16px;border-radius:var(--radius-button);background:linear-gradient(168deg,var(--scout-orange),var(--gold-dark));box-shadow:var(--shadow-small),inset 0 1px #ffffff4d;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .4s,transform .4s,filter .15s;white-space:nowrap}.exp-continue b{font-size:.8rem}.exp-continue.show{opacity:1;transform:none;pointer-events:auto;animation:exp-cont-pulse 1.6s ease-in-out infinite}.exp-continue.show:hover{filter:brightness(1.08)}@keyframes exp-cont-pulse{0%,to{box-shadow:var(--shadow-small),inset 0 1px #ffffff4d}50%{box-shadow:0 0 14px #f2a326b3,inset 0 1px #ffffff4d}}#loading-screen.exp-ready .exp-bar-msg{color:var(--scout-orange)}@media(max-width:880px){.exp-scout{height:min(48vh,360px);margin-right:-30px}.exp-card{padding:20px 22px 18px 30px;width:min(560px,84vw)}.exp-title{font-size:1.55rem}}@media(max-width:620px){#loading-screen{align-items:flex-start;padding:56px 0 0;overflow-y:auto}.exp-scout{display:none}.exp-ribbon{top:12px;left:12px;padding:7px 13px 8px}.exp-ribbon-lg{font-size:.98rem}.exp-card{width:94vw;padding:18px 16px;max-height:none}.exp-title{font-size:1.4rem}.exp-subtitle{font-size:.9rem}.exp-brief{font-size:.84rem}.exp-animals{gap:8px;justify-content:center}.exp-animal{width:46px}.exp-animal-ring{width:44px;height:44px}.exp-animal-label{font-size:.56rem}.exp-facts{grid-template-columns:1fr;gap:7px}.exp-progress{flex-wrap:wrap}.exp-compass{width:44px;height:44px}.exp-bar-wrap{order:3;flex-basis:100%}.exp-continue{order:2;padding:8px 14px}.exp-checks{gap:3px 10px}}@media(max-width:520px){#top-right-menu{display:none}#hud-top-right{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));flex-direction:column;gap:6px}.legacy-hud{display:flex!important}#hud-top-right .hud-btn{width:40px;height:40px}#hud-top-right .hud-btn img{width:23px;height:23px}#mission-panel{top:calc(6px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px));width:168px;max-width:46vw;font-size:.7rem}#bio-breakdown{display:none!important}#roster-panel{right:calc(8px + env(safe-area-inset-right,0px));top:auto;bottom:calc(120px + env(safe-area-inset-bottom,0px));width:48px}#toast-area{top:calc(56px + env(safe-area-inset-top,0px));right:calc(56px + env(safe-area-inset-right,0px));max-width:60vw}#command-bar{bottom:calc(8px + env(safe-area-inset-bottom,0px))}#selection-panel{bottom:calc(72px + env(safe-area-inset-bottom,0px))}#build-popover{bottom:calc(160px + env(safe-area-inset-bottom,0px))}}.hud-btn,.cmd-btn,.btn,.trm-cell,.menu-card,.legacy-hud{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body.mfix #mission-panel{top:calc(56px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px))}body.mfix #mission-panel.collapsed{width:auto;max-width:54vw}body.mfix #mission-panel.collapsed #mission-panel-header{padding:8px 12px}body.mfix #mission-panel.collapsed #mission-step{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}body.mfix #mission-name{font-size:.92rem}body.mfix #mission-panel:not(.collapsed){left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px));width:auto;max-width:none;max-height:62vh;overflow-y:auto;z-index:46}body.mfix #pause-btn{width:40px!important;height:40px!important;font-size:1rem!important}body.mfix #dialogue-overlay{padding:0 8px calc(10px + env(safe-area-inset-bottom,0px))}body.mfix #scout-img{width:66px;margin-right:-10px;margin-bottom:-2px}body.mfix #scout-bubble{min-height:0;padding:13px 14px 9px 22px}body.mfix #scout-caption{font-size:.98rem;line-height:1.4;margin-bottom:6px}body.mfix #scout-speaker{font-size:.66rem}body.mfix #scout-footer .btn{min-width:96px;padding:8px 16px}body.mfix #command-bar{bottom:calc(8px + env(safe-area-inset-bottom,0px))}body.mfix #command-bar .cmd-btn{min-width:58px;min-height:48px}body.mfix #build-popover{left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px));bottom:calc(128px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}body.mfix #build-popover>*{flex:0 0 auto}body.mfix #selection-panel{left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px));min-width:0}body.mfix #mission-panel-body,body.mfix #objectives-list,body.mfix #objectives-bonus{font-size:.82rem}#rotate-nudge{display:none}body.mfix #rotate-nudge{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:999px;background:#281c0ceb;color:#fdf3dc;font-size:.8rem;font-weight:700;box-shadow:0 4px 14px #0006;pointer-events:auto}body.mfix #rotate-nudge.hidden{display:none}body.mfix #rotate-nudge .rn-x{font-size:1.05rem;line-height:1;opacity:.85;padding:2px 6px;background:#ffffff24;border-radius:999px}@media(orientation:landscape){body.mfix #rotate-nudge{display:none!important}}