/* Presentation only. Simulator code and the original stylesheet remain unchanged. */
:root{--ink:#eee5d2;--muted:#c0b9a6;--cream:#24251f;--gold:#b89a60;--line:#675d48;--wood:repeating-linear-gradient(1deg,transparent 0 5px,#090a0780 6px,transparent 7px 12px),repeating-linear-gradient(178deg,#443b2e25 0 2px,transparent 3px 19px),linear-gradient(95deg,#27241d,#383127 45%,#211f19);--paper:radial-gradient(ellipse at 5% 0,#ab8b5633,transparent 60%),url('assets/grain.svg'),linear-gradient(#e6dcc5,#d8ccb1)}

body{background:var(--wood);background-attachment:fixed;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}
header{background:var(--wood);box-shadow:0 3px 16px #0008;border-bottom:3px double #7c6b4e;padding:23px 4%;position:relative;z-index:1}
.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:3px;color:#f0e5cb;text-shadow:1px 2px #000}
.brand span{font-family:'Segoe UI',sans-serif;font-size:10px;font-weight:500;letter-spacing:5px;margin-top:5px}
nav a{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:1.6px;padding:10px 0;border-bottom:1px solid transparent}
nav a:hover{color:#e8cd94;border-color:var(--gold)}
.edition{color:#d1bc91;border-color:#776346;background:#181a1480;font-size:9px}
main{max-width:1700px;padding:0 3%}
.intro{position:relative;isolation:isolate;min-height:290px;padding:44px 24px 38px;margin:0 -1%;overflow:hidden;border-bottom:1px solid #87724b}
.intro:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#151b18f5 0%,#171d18e8 38%,#24281e55 77%),url('assets/brushed.jpg') right 52%/cover no-repeat;filter:saturate(.65)}
.intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#181c17c9,transparent 65%);pointer-events:none}
.intro .eyebrow{color:#c2a474;letter-spacing:3px}
.intro h1{font:bold clamp(35px,4.3vw,67px)/1.06 Georgia,serif;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 16px;text-shadow:0 3px 10px #0009}
.intro h1 em{font-style:normal;color:#d9c7a2;font-size:.68em;letter-spacing:2px}
.intro p:not(.eyebrow){color:#e2dfd0;max-width:620px;font-size:14px}
.intro-aside{align-self:flex-end;border-left:2px solid #aa8c59;padding:16px 20px;background:#151914a8;color:#e8d5af;max-width:290px;line-height:1.8}
.intro-aside small{color:#d0cbb9}
.live-dot{background:#adba7c;box-shadow:0 0 0 3px #adba7c20}
.lab{margin-top:24px;gap:18px;grid-template-columns:300px minmax(0,1fr);align-items:start}
.panel{background:var(--wood);padding:20px;border:1px solid #8e7851;outline:1px solid #0d100c;outline-offset:4px;border-radius:4px;box-shadow:inset 0 0 0 5px #14171070,0 8px 20px #0004}
.panel h2,.habitat-panel>.eyebrow,.panel summary{color:#e8dbc0;letter-spacing:1px}
.panel h2{font-family:Georgia,serif;font-weight:bold;font-size:19px}
.habitat-panel>.eyebrow{font-size:12px}
.panel-title:not(:first-child),.habitat-panel,.blind-panel,.environment-panel{border-color:#6c5b40}
.panel-title span{color:#c3a16b;font-family:Georgia,serif;font-size:15px}
.panel label{font-size:12px;font-weight:500;color:#ded7c7}
.muted,.panel .muted{color:#c2bcae}
.panel .muted{font-size:11px;line-height:1.7}
select,input[type=number]{background:#e6decc;color:#292c22;border:1px solid #a39171;box-shadow:inset 0 1px 3px #30281e35;border-radius:3px;min-height:39px;font-size:13px;padding:9px}
.range-label output{color:#e1c690;font-variant-numeric:tabular-nums}
input[type=range]{accent-color:#b6a371;min-height:22px;cursor:pointer}
.panel input:disabled{cursor:default}
button,.file-button{background:linear-gradient(#3b3c32,#292d24);border:1px solid #817253;border-radius:3px;color:#eee7d4;box-shadow:inset 0 0 0 2px #12150f60,0 2px 3px #0003;font-size:11px;letter-spacing:.3px;min-height:39px}
button:hover,.file-button:hover{background:#545544;border-color:#b7a075;color:#fff3d8}
button.primary,button[aria-pressed=true]{background:linear-gradient(#626b43,#404c31);border-color:#b9ae7c;color:#fff7df}
button.primary:hover{background:#69734d}
button:disabled{opacity:.4}
button:focus-visible,.file-button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #e1ba67;outline-offset:3px}
.field{background:#1f251f;border:1px solid #a18b61;border-radius:5px;padding:8px;box-shadow:0 0 0 4px #151812,0 12px 30px #0005}
.field-bar{background:#232920;border-radius:0;border-bottom:1px solid #555b46;color:#e7dfcc;padding:11px 10px}
.field-bar small{color:#afb49f}
.field-bar b{font-size:11px;letter-spacing:2px}
#count{color:#d4bf91;white-space:nowrap}
.view-tools{background:#20241f;padding:12px 0;gap:7px}
.view-tools>div{flex-wrap:wrap}
.view-tools button{color:#e7e3d5;border-color:#686550;border-radius:3px}
.view-tools button[aria-pressed=true]{color:#fff5d9;background:#57623e;border-color:#b4ab76}
.view-tools button:hover{background:#4b5440}
.canvas-wrap{border:1px solid #131c16;border-radius:3px}
.wind-badge,.map-bottom{background:#18231cd9;color:#fff4dc}
.scene-info{background:#232920;color:#c9cbbb;padding:12px 10px;line-height:1.6;border-bottom:1px solid #565c45}
.flock-control{background:#30382b;border:0;padding:16px 18px 6px;color:#e8e6d5}
.flight-bar{background:#30382b;border:0;padding:12px 18px 18px}
.flight-bar span{color:#cbd0bd}
.readout{background:var(--paper);color:#34382b;border:0;border-top:3px double #ae956b;border-radius:0 0 3px 3px;padding:24px;gap:24px}
.readout .eyebrow{color:#6a644e;letter-spacing:2px}
.readout h3{color:#333d29}
.readout #findings{color:#555b47}
.inventory{border-color:#b4a383}
.inventory div div{border-bottom:1px dotted #bcaf94;padding:6px 0}
.keyboard{padding:12px 16px;border-bottom:1px solid #565945;color:#d8d9c9}
.keyboard p{max-width:700px;color:#bac2ae}
.keyboard summary{color:#e0d3b5}
.save-bar{padding:17px 12px 8px;background:#24291f}
#notice{color:#d4c9ae;margin-top:4px}
#battlePlanPreview{color:#ebd4a2;text-underline-offset:3px}
.product{margin-top:52px;background:var(--paper);color:#34372b;border:1px solid #a28c63;border-radius:4px;padding:32px;gap:38px;box-shadow:0 8px 24px #0003}
.product .eyebrow,.about .eyebrow{color:#736044;letter-spacing:2px}
.product h2,.about h2{font-weight:bold;text-transform:uppercase;letter-spacing:.3px;font-size:34px}
.product p,.about p,.about li{color:#505341}
.product img{border-radius:2px;border:5px solid #4a4737;box-shadow:0 2px 6px #302d2740}
.product details{border-bottom:1px solid #b5a17d}
.product video{border-radius:2px}
.about{background:var(--paper);color:#383b2d;margin:22px 0 42px;padding:32px;border:1px solid #ad956b;border-radius:4px;gap:38px}
.about p:first-child{margin-top:0}
.about a{text-underline-offset:3px}
.about summary{color:#4b5038}
footer{background:var(--wood);border-top:3px double #82704e;color:#e2d3b2;letter-spacing:2px}
footer span{color:#bbb49e}
.lab.wide .panel{max-width:850px}
.lab.wide .field{width:100%}
@media(min-width:1500px){.lab{grid-template-columns:315px minmax(0,1fr)}
}
@media(max-width:1000px){.lab{grid-template-columns:255px minmax(0,1fr)}
.panel{padding:16px}
.intro-aside{display:none}
.view-tools{justify-content:flex-start}
.product,.about{gap:24px;padding:25px}
.brand{font-size:24px}
}
@media(max-width:760px){header{padding:20px 4%;flex-wrap:wrap;gap:15px}
nav{gap:22px}
.edition{display:none}
.lab{grid-template-columns:230px minmax(0,1fr);gap:12px}
.intro{padding:32px 12px;min-height:250px}
.intro h1{font-size:40px}
.intro:before{background-position:center,right center}
.readout{padding:17px}
.view-tools button{font-size:10px;padding:8px}
.flight-bar,.flock-control{padding-left:12px;padding-right:12px}
}
@media(max-width:620px){main{padding:0 4%}
.lab{gap:20px}
.panel{width:100%;padding:17px;gap:8px 16px}
.field{width:100%;padding:6px}
.intro{margin:0 -4.4%;padding:28px 5%;min-height:270px}
.intro h1{font-size:37px}
.intro h1 em{font-size:.67em;letter-spacing:1px}
.intro p:not(.eyebrow){font-size:13px}
.brand{font-size:25px}
nav{width:100%;justify-content:space-between;gap:12px}
nav a{font-size:10px;letter-spacing:1px;padding:3px 0}
.view-tools>div{gap:5px}
#cameraControls{width:100%}
.view-tools button{min-height:40px}
.save-bar>*:not(#notice){flex:1 1 140px;text-align:center}
.readout{gap:20px}
.product,.about{margin-top:28px;padding:22px;gap:20px}
.product h2,.about h2{font-size:29px}
.map-bottom{letter-spacing:.5px}
.field-bar{padding:10px 5px}
.scene-info{font-size:9px}
.flock-control .range-label{max-width:none}
footer{line-height:1.8}
.panel .preset-row{flex-wrap:wrap}
#environmentControls{gap:8px 14px}
.lab.wide .panel{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
button,.file-button{transition:none}
}

/* Timber grain, stitched canvas borders and a small marsh emblem. */
:root{--wood:url('assets/timber.svg') repeat,linear-gradient(#30291f,#211f19)}

.brand{position:relative;padding-left:64px}
.brand:before{content:'';position:absolute;left:0;top:-8px;width:52px;height:62px;background:url('assets/marsh-mark.svg') center/contain no-repeat}
.panel{background-blend-mode:soft-light}
.intro-aside{border:1px dashed #9d8054;outline:5px solid #392e20bd;background:#392e20d9}
.panel-title:not(:first-child){border-top-style:dashed}
.product,.about{outline:1px dashed #9a8052;outline-offset:-7px}
@media(max-width:620px){.brand{padding-left:56px}
.brand:before{width:46px;height:55px;top:-5px}
}

:root{--wood:linear-gradient(#19181299,#19181299),url('assets/timber.svg') repeat}