:root{--ink:#193136;--paper:#f8edcf;--oak:#a86635;--red:#df563e;--blue:#2487ad;--green:#5d8a56;--gold:#d6a847;--shadow:0 18px 42px rgba(52,31,17,.24)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d9c19e;color:var(--ink);font-family:"Avenir Next","Trebuchet MS",sans-serif}button,input{font:inherit}.game-shell{min-height:100vh;display:grid;grid-template-rows:76px minmax(560px,1fr) 176px;overflow:hidden}.topbar{display:grid;grid-template-columns:230px 1fr 150px 48px;align-items:center;gap:22px;padding:11px 30px;background:#17383b;color:#fff}.topbar>div:first-child{display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#efc268}.topbar strong{font-size:20px}.route{display:flex;justify-content:center;gap:8px}.route i{width:34px;height:8px;border-radius:99px;background:#4d686a}.route i.current{background:#fff}.route i.done{background:#efc268}.readout{text-align:right;display:flex;flex-direction:column}.readout span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bad0cf}.readout b{color:#efc268}.mute{width:42px;height:42px;border:1px solid #5e7b7c;border-radius:50%;background:#23494c;color:#fff;cursor:pointer}.table{position:relative;overflow:hidden;padding:20px 34px 18px;background-color:var(--oak);background-image:linear-gradient(90deg,rgba(255,255,255,.04),transparent 35%,rgba(64,30,13,.07)),repeating-linear-gradient(0deg,rgba(84,42,20,.08) 0 2px,transparent 2px 68px)}.field-note{position:absolute;z-index:8;left:38px;top:25px;display:flex;flex-direction:column;padding:12px 17px;background:#fff7df;box-shadow:0 7px 16px rgba(52,31,17,.2);transform:rotate(-1.5deg)}.field-note b{font:700 20px Georgia,serif}.field-note span{font-size:11px;color:#65716c}.map-frame{position:relative;width:min(820px,67vw);height:500px;margin:0 auto;display:grid;place-items:center;perspective:1000px}.paper{position:relative;width:760px;height:480px;overflow:hidden;background:var(--paper);border:12px solid #fff6dc;box-shadow:var(--shadow);transform:rotate(var(--paper-rotation,0deg));transform-origin:center;transition:transform .25s ease-out}.paper.folded{transform:rotate(var(--paper-rotation,0deg)) rotateX(12deg) scale(.96);box-shadow:0 26px 40px rgba(44,27,14,.35)}.folds{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,transparent 32%,rgba(92,65,39,.13) 33%,transparent 34%,transparent 65%,rgba(92,65,39,.13) 66%,transparent 67%),linear-gradient(0deg,transparent 49%,rgba(92,65,39,.12) 50%,transparent 51%)}.contours{position:absolute;inset:0;background:#8fc276}.contours i{position:absolute;border:16px solid rgba(58,121,68,.22);border-radius:50%}.contours i:nth-child(1){width:260px;height:200px;left:-70px;top:20px}.contours i:nth-child(2){width:300px;height:250px;right:-60px;top:10px}.contours i:nth-child(3){width:220px;height:170px;left:100px;bottom:-70px}.contours i:nth-child(4){width:260px;height:180px;right:120px;bottom:-70px}.river{position:absolute;z-index:1;left:46%;top:-80px;width:84px;height:650px;background:#3c9fc1;transform:rotate(15deg);border:8px solid #78c7d8;border-radius:48% 55% 45% 60%}.grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(24,52,55,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(24,52,55,.22) 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);opacity:0;transition:opacity .15s}.paper.show-grid .grid{opacity:1}.axis{position:absolute;z-index:8;display:none;color:#18383b;font-size:12px;font-weight:900;pointer-events:none}.paper.show-grid .axis{display:flex}.eastings{left:0;right:0;bottom:2px;justify-content:space-around}.northings{top:0;bottom:0;left:4px;flex-direction:column-reverse;justify-content:space-around}.feature{position:absolute;z-index:5;width:76px;min-height:58px;border:0;background:transparent;cursor:pointer;transform:translate(-50%,-50%);text-shadow:0 1px #fff}.feature:focus-visible{outline:4px solid #fff;outline-offset:4px;border-radius:15px}.feature i{display:grid;place-items:center;width:34px;height:34px;margin:auto;border-radius:50%;background:#fff6d9;border:4px solid var(--red);color:#17383b;font-style:normal;font-weight:900;box-shadow:0 5px 10px rgba(44,29,14,.25)}.feature b,.feature small{display:block;font-size:10px}.feature small{font-weight:900;color:#8c3126}.camp{left:21%;top:70%}.bridge{left:51%;top:52%}.lookout{left:84%;top:21%}.shelter{left:37%;top:22%}.falls{left:69%;top:69%}.paper:not(.layer-bridges) .bridge i{opacity:.18}.paper:not(.layer-shelters) .shelter i{opacity:.18}.route-layer,.fog-layer{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.route-layer path{fill:none;stroke:var(--red);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14 10}.route-layer #flightPath{stroke:#fff;stroke-width:4;stroke-dasharray:none;filter:drop-shadow(0 0 5px var(--red))}.fog-layer{z-index:6;display:none}.paper.show-fog .fog-layer{display:block}.token{position:absolute;z-index:9;left:18%;top:66%;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#18383b;color:#efc268;box-shadow:0 6px 13px rgba(32,22,14,.32);transition:left .45s ease-out,top .45s ease-out}.token b{position:absolute;top:40px;min-width:max-content;padding:3px 6px;border-radius:8px;background:#fff6dc;color:#17383b;font-size:9px}.compass{position:absolute;z-index:12;right:36px;top:30px;width:150px;height:150px;display:grid;place-items:center;border:12px solid #c99a3d;border-radius:50%;background:#fff7df;box-shadow:var(--shadow)}.compass span{position:absolute;width:12px;height:92px;background:linear-gradient(var(--red) 0 50%,#244c63 50%);clip-path:polygon(50% 0,100% 45%,62% 50%,62% 100%,38% 100%,38% 50%,0 45%)}.compass i{position:absolute;top:5px;font-style:normal;font-weight:900;color:#9d3027}.compass b{position:absolute;top:156px;min-width:max-content;color:#fff7df;font-size:11px}.tool-dock{position:absolute;z-index:10;left:30px;bottom:20px;display:flex;gap:10px;padding:10px;border-radius:18px;background:rgba(255,247,223,.88);box-shadow:var(--shadow)}.tool{min-width:86px;height:54px;border:2px solid transparent;border-radius:12px;background:#fff7df;font-weight:800;cursor:pointer}.tool.on{border-color:#17383b;background:#e8c36f}.scale-card,.layer-card{position:absolute;z-index:10;right:30px;bottom:20px;width:225px;padding:12px 15px;border-radius:15px;background:#fff7df;box-shadow:var(--shadow);display:none}.scale-card.on,.layer-card.on{display:block}.scale-card span,.layer-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#65716c}.scale-card i{display:block;height:8px;margin-top:7px;border-radius:9px;background:#d9cfb8;overflow:hidden}.scale-card em{display:block;height:100%;width:0;background:var(--red);transition:width .3s}.layer-card{bottom:110px}.impact{position:absolute;z-index:20;left:50%;top:43%;transform:translate(-50%,-50%) scale(.7);font:900 46px Georgia,serif;color:#fff;text-shadow:0 6px 13px rgba(0,0,0,.35);opacity:0}.impact.on{animation:impact .75s ease-out}.toast{position:absolute;z-index:20;right:35px;bottom:20px;padding:12px 18px;border-radius:13px;background:#17383b;color:#fff;opacity:0;transform:translateY(8px);transition:.16s}.toast.on{opacity:1;transform:none}.table.highlight .paper,.table.highlight .compass,.table.highlight .scale-card{filter:drop-shadow(0 0 10px #fff)}.action-tray{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);align-items:center;gap:30px;padding:23px 38px;background:#fff9e9;border-top:1px solid #d6c8ad}.mission-copy span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:#a33c31}.mission-copy h1{font:700 clamp(24px,2.3vw,36px)/1.06 Georgia,serif;margin:6px 0}.mission-copy p{margin:0;color:#67716d}.controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.choice,.primary,.quiet{min-height:48px;border:0;border-radius:14px;padding:12px 17px;font-weight:850;cursor:pointer;transition:transform .15s ease-out}.choice{background:#e8dfcf}.choice small{display:block;font-size:11px;color:#66716d}.primary{background:#17383b;color:#fff}.primary.gold{background:#d7a843;color:#193136}.quiet{background:transparent;border:1px solid #c8bca6}.choice:hover,.primary:hover,.quiet:hover{transform:translateY(-2px)}@keyframes impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@media(max-width:950px){.game-shell{grid-template-rows:72px minmax(600px,1fr) auto}.topbar{grid-template-columns:1fr auto auto}.route{display:none}.readout{display:none}.table{padding:20px}.map-frame{width:100%;transform:scale(.82)}.compass{right:12px;transform:scale(.72);transform-origin:top right}.action-tray{grid-template-columns:1fr;padding:22px}.controls{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}