:root{color-scheme:dark;--bg:#101d1c;--panel:#1b2d29;--ink:#f7f3e7;--muted:#c2d1c6;--gold:#e8bc68;--line:#425b50;--blue:#93d4ef;--danger:#ffb6a5;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,.button{background:#263c33;color:var(--ink);border:1px solid #7d9c87;border-radius:6px;padding:.57rem .78rem;cursor:pointer;min-height:42px;text-decoration:none}button:hover,.button:hover{background:#3e5643}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--gold);color:#241c12;border-color:var(--gold);font-weight:750}a{color:var(--blue)}input,select{background:#10231e;color:#fff;border:1px solid #73917e;border-radius:4px;padding:.45rem;max-width:100%;min-height:38px}label{display:grid;gap:.25rem;color:var(--muted);font-size:.85rem}.top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.65rem 1.2rem;border-bottom:1px solid var(--line);font-size:.8rem}.brand{font-weight:900;letter-spacing:.13em;color:#f2d6a0;text-decoration:none}.contract-label{flex:1;color:var(--muted);letter-spacing:.1em;font-size:.67rem}main{max-width:1650px;margin:auto;padding:1rem 1.2rem}.intro{display:flex;justify-content:space-between;align-items:center;gap:1.2rem}.intro p{margin:.25rem 0;color:var(--muted)}h1{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;margin:.1rem 0}h2{font:500 1.5rem Georgia,serif;margin:.3rem 0 .7rem}h3{font-size:1rem;margin:.4rem 0}.eyebrow{font-size:.65rem;letter-spacing:.15em;color:var(--gold)!important;font-weight:800}.contract-picker{display:grid;gap:.4rem;min-width:205px;font-size:.75rem}.steps{display:flex;gap:.5rem;margin:1rem 0 .45rem}.steps button{flex:1;background:#192d27;text-align:left;border-color:var(--line)}.steps button[aria-current=step]{background:#d9bb82;color:#241d12;border-color:#f2d6a0}.steps b{display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:1.7rem;height:1.7rem;margin-right:.4rem}.status{font-size:.73rem;color:var(--muted);margin:.3rem 0 .7rem;min-height:1em}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:1rem;height:calc(100dvh - 250px);min-height:450px}.map-column{display:flex;flex-direction:column;min-width:0}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.6rem;letter-spacing:.1em;color:var(--muted);min-height:42px}.map-heading button{font-size:.7rem;min-height:30px;padding:.2rem .5rem}.paper{position:relative;overflow:hidden;isolation:isolate;background:#d8c699;box-shadow:0 6px 24px #0008,inset 0 0 60px #6c512a77;border:1px solid #c8ac72;border-radius:3px;flex:1;min-height:0}.paper svg{display:block;width:100%;height:100%;touch-action:none;position:relative;z-index:2;cursor:crosshair}.paper:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(7deg,#47301705 0px,#fff1 1px,transparent 3px,transparent 9px),radial-gradient(ellipse at 0 100%,#8c60294a,transparent 50%),linear-gradient(83deg,transparent 24%,#fff2 25%,#68431718 25.4%,transparent 26%)}.coffee{position:absolute;width:22%;aspect-ratio:1;right:10%;top:6%;border:9px double #88521c39;border-radius:49% 53% 46% 51%;box-shadow:0 0 8px #95551422,inset 0 0 7px #91551433;transform:rotate(-24deg);pointer-events:none;z-index:1}.coffee:after{content:"";position:absolute;left:5%;top:95%;width:18%;height:20%;background:#8a511a26;border-radius:40% 60% 30% 70%}.fold{position:absolute;z-index:3;pointer-events:none;opacity:.5}.fold.vertical{left:49.7%;top:0;bottom:0;width:6px;background:linear-gradient(90deg,#fff5,#6d471c55,#fff2)}.fold.horizontal{left:0;right:0;top:50%;height:6px;background:linear-gradient(#fff5,#6d471c55,#fff2)}.paper-note{position:absolute;bottom:2%;left:5%;font:italic clamp(.65rem,1.2vw,1rem) Georgia,serif;color:#50391b;transform:rotate(-3deg);pointer-events:none;z-index:3}.map-key{display:flex;gap:.7rem;flex-wrap:wrap;font-size:.65rem;padding:.5rem 0;color:var(--muted)}.blue{color:var(--blue)}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:auto;padding:1rem;overscroll-behavior:contain}.side-panel p{font-size:.85rem;color:var(--muted)}.well-list{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.well-list button{padding:.35rem;min-height:35px;font-size:.73rem}.well-list button.selected,.point-tools button.selected{background:var(--gold);color:#241b10}.datum{font-size:.65rem!important;color:#c8b786!important}.evidence-table,.afe-table{width:100%;border-collapse:collapse;font-size:.75rem;margin:.7rem 0}.evidence-table th,.evidence-table td,.afe-table th,.afe-table td{padding:.4rem .3rem;border-bottom:1px solid var(--line);text-align:left}.evidence-table td:last-child,.afe-table td:last-child{text-align:right}.afe-table tfoot{font-weight:800;color:var(--gold)}.log-chart{width:100%;height:240px;background:#f2ecd8;border-radius:3px;display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pill{font-size:.65rem;padding:.2rem .45rem;border:1px solid #688471;border-radius:20px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.8rem 0}.point-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin:.8rem 0}.point-tools button{font-size:.75rem;padding:.4rem}.coordinate-form{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;align-items:end;margin:.7rem 0}.coordinate-form input{width:100%}.coordinate-form button{min-height:38px;padding:.45rem}.coordinate-readout{font-size:.72rem;display:grid;gap:.35rem}.coordinate-readout span{display:flex;justify-content:space-between;gap:.7rem;padding-bottom:.3rem;border-bottom:1px solid var(--line)}.actions{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}.notice{border-left:3px solid var(--gold);background:#12251f;padding:.65rem;font-size:.78rem;color:#eee1c4}.validation{font-size:.78rem;padding:.6rem;margin:.7rem 0;border:1px solid var(--line);border-radius:5px}.validation.good{border-color:#8bbb86}.validation.bad{border-color:#e7a989;color:var(--danger)}.validation ul{padding-left:1.2rem;margin:.3rem 0}.locked{padding:3rem;text-align:center;border:1px solid var(--line);border-radius:8px;margin-top:1.5rem}.drill-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.drill-title .eyebrow{margin-bottom:0}.drill-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin:.5rem 0}.stat{background:var(--panel);border:1px solid var(--line);padding:.4rem .6rem;border-radius:5px}.stat span{display:block;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat b{font-size:1rem;font-variant-numeric:tabular-nums}.drill-screen{position:relative;background:#071112;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:clamp(360px,58vh,680px)}#drillCanvas{width:100%;height:100%;display:block}.crew-observation{position:absolute;top:.7rem;left:.7rem;right:.7rem;max-width:700px;color:#f8f4e8;background:#0c1b18df;border:1px solid #6a8c73;border-radius:5px;padding:.65rem .8rem;font-size:.83rem;pointer-events:none}.control-notice{position:absolute;bottom:.7rem;left:.7rem;background:#10251ee8;color:#f4d392;padding:.4rem .7rem;font-size:.75rem;border-radius:5px;pointer-events:none}.decision-panel{position:absolute;right:.7rem;top:4.8rem;bottom:.7rem;width:min(450px,calc(100% - 1.4rem));padding:1rem;background:#14271ff5;border:2px solid var(--gold);border-radius:7px;overflow:auto}.decision-panel p{font-size:.85rem;color:var(--muted)}.decision-panel button{display:block;width:100%;text-align:left;margin:.5rem 0}.drill-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin:.65rem 0;align-items:center}.steering{display:flex;gap:.3rem}.steering button{touch-action:none;user-select:none}.drill-controls button{font-size:.8rem}.small{font-size:.72rem;color:var(--muted)}.result-panel{padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:1rem}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.result-grid .stat b{font-size:1.3rem}.source-note{font-size:.72rem;color:var(--muted);margin-top:1rem}[hidden]{display:none!important}@media(min-width:1100px){body:has(#workspace:not([hidden])){overflow:hidden}.intro p:not(.eyebrow){font-size:.82rem}}@media(max-width:900px){main{padding:.7rem}.workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:.6rem;height:74vh;min-height:520px}.intro{align-items:start}.contract-label{display:none}.drill-stats{grid-template-columns:repeat(4,1fr)}.steps button{font-size:.8rem;padding:.4rem}.steps b{width:1.4rem;height:1.4rem}.intro p:not(.eyebrow){font-size:.8rem}.side-panel{padding:.7rem}}@media(max-width:650px){.top{padding:.55rem .7rem;gap:.7rem}.top #playerLabel{margin-left:auto;font-size:.65rem}.intro{display:block}.contract-picker{grid-template-columns:1fr 1fr;align-items:center;gap:.6rem;margin-top:.5rem}.contract-picker label{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.steps{gap:.25rem;margin:.65rem 0}.steps button{font-size:.7rem;line-height:1.2;text-align:center;padding:.5rem .2rem}.steps b{display:none}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.map-column{height:48vh;min-height:310px}.side-panel{max-height:45vh;min-height:200px}.map-heading{font-size:.5rem}.map-key{font-size:.55rem;gap:.4rem}.paper-note{font-size:.6rem}.drill-stats{grid-template-columns:repeat(3,1fr)}.stat{padding:.3rem .4rem}.stat b{font-size:.85rem}.drill-screen{height:53vh;min-height:360px}.crew-observation{font-size:.72rem;top:.4rem;left:.4rem;right:.4rem;padding:.5rem}.decision-panel{top:4.5rem;font-size:.8rem}.drill-controls{gap:.35rem}.drill-controls button{font-size:.72rem;min-height:40px;padding:.4rem .55rem}.steering{width:100%}.steering button{flex:1}.drill-title h2{font-size:1.15rem}.drill-title button{font-size:.7rem}.result-grid{grid-template-columns:1fr 1fr}.result-panel{padding:1rem}.locked{padding:1.5rem}}.structure-toggle{display:flex;align-items:center;gap:.3rem;white-space:nowrap;font-size:.64rem;letter-spacing:0}.structure-toggle input{min-height:0;width:14px;height:14px;accent-color:#d9bb82}.map-tools{position:absolute;z-index:5;right:.55rem;top:.55rem;display:flex;align-items:center;gap:.3rem;padding:.3rem;background:#14251fed;border:1px solid #82977c;border-radius:7px;box-shadow:0 2px 12px #0005}.map-tools button{min-width:42px;min-height:42px;padding:.4rem .6rem;font-size:.83rem;background:#244032;color:#fff;border-color:#8aab91}.map-tools #zoomIn,.map-tools #zoomOut{font-size:1.3rem;font-weight:750;padding:.1rem .55rem}.map-tools button[aria-pressed=true]{background:#e8bc68;color:#261b0e}.map-tools span{font-size:.72rem;color:#eed6a0;min-width:2.2rem;text-align:center}.paper svg.panning{cursor:grab}.paper svg.panning:active{cursor:grabbing}.ready-intro{font-size:.8rem!important;margin:.3rem 0 .65rem}.ready-plans{display:grid;gap:.5rem}.ready-card{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.65rem;background:#152a22;border-color:#607c69;line-height:1.25}.ready-card.selected{background:#314833;border:2px solid #e8bc68;padding:calc(.65rem - 1px)}.ready-number{align-self:flex-start;flex:0 0 1.55rem;height:1.55rem;display:grid;place-items:center;border:1px solid #d3bd83;border-radius:50%;font-weight:800;color:#f5d894}.ready-card b{font-size:.88rem;display:block;color:#fff8e6}.ready-card small{display:block;margin:.22rem 0;color:#d6dfd0;font-size:.75rem}.ready-card em{font-style:normal;font-size:.68rem;color:#f0d49c;display:block}.ready-check{margin-left:auto;color:#f3d188;font-size:1.25rem}.spacing-note{font-size:.68rem!important;margin:.6rem 0;color:#c8d3bd!important}.plan-next{position:sticky;bottom:-1rem;background:linear-gradient(#1b2d29ef,#1b2d29 20%);display:grid;gap:.4rem;padding:.7rem 0 .3rem;margin-top:.4rem}.plan-next .primary{width:100%}.plan-next button{font-size:.8rem}.section-title [data-mode]{font-size:.72rem;white-space:nowrap;min-height:36px}.map-heading #fitMap{min-height:36px}.map-key .infill-key{color:#b8c8a8}@media(max-width:650px){.map-tools{top:.4rem;right:.4rem;gap:.25rem;padding:.25rem;max-width:calc(100% - .8rem)}.map-tools button{min-width:40px;min-height:40px;padding:.35rem .48rem;font-size:.74rem}.map-tools span{min-width:1.8rem;font-size:.64rem}.map-heading{gap:.25rem}.map-heading #mapCaption{max-width:43%;line-height:1.1}.map-heading #fitMap{font-size:.65rem;min-height:36px}.structure-toggle{font-size:.6rem}.ready-card{padding:.55rem}.ready-card.selected{padding:calc(.55rem - 1px)}.ready-card b{font-size:.8rem}.ready-card small{font-size:.68rem}.ready-card em{font-size:.65rem}.ready-plans{gap:.35rem}.side-panel:has(.ready-plans){max-height:48vh}.plan-next{bottom:-.7rem}.map-column{height:46vh;min-height:320px}.ready-intro{font-size:.75rem!important}.spacing-note{font-size:.63rem!important}}.ready-card .ready-tradeoff{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ready-evidence{display:block;font-size:.7rem;color:#cce1cb;margin:.25rem 0}.ready-card .card-spacing{color:#d5d9c5;font-size:.65rem}@media(max-width:650px){body:has(#workspace:not([hidden])) .intro>.eyebrow{display:none}.intro h1{font-size:1.5rem}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,.85fr) minmax(265px,1.15fr);height:calc(100dvh - 225px);min-height:455px}.map-column{height:auto;min-height:0}.side-panel,.side-panel:has(.ready-plans){min-height:0;max-height:none;padding:.55rem}.side-panel:has(.ready-plans) h2{font-size:1.1rem;margin:.15rem 0}.side-panel:has(.ready-plans)>.eyebrow{margin:.1rem 0}.ready-intro{font-size:.68rem!important;margin:.2rem 0 .45rem}.ready-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.ready-card{display:grid;grid-template-columns:1fr;align-content:start;gap:.2rem;padding:.4rem;min-width:0;position:relative}.ready-card.selected{padding:calc(.4rem - 1px)}.ready-number{width:1.2rem;height:1.2rem;font-size:.7rem;align-self:start}.ready-check{position:absolute;right:.35rem;top:.3rem;font-size:1rem}.ready-card b{font-size:.74rem;min-height:1.85rem;line-height:1.2}.ready-card .ready-tradeoff{display:none}.ready-evidence{font-size:.62rem;line-height:1.25;margin:.2rem 0}.ready-card em,.ready-card .card-spacing{font-size:.59rem;line-height:1.25;margin:.2rem 0}.spacing-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.35rem 0}.plan-next{bottom:-.55rem;gap:.25rem;padding:.4rem 0 .1rem}.plan-next button{font-size:.72rem;min-height:36px;padding:.35rem .45rem}.map-key{padding:.25rem 0;font-size:.5rem}.paper-note{display:none}}.drill-operations{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;margin:7px 0;background:#172d25;border:1px solid #6f8d76;border-radius:6px}.drill-operations #toggleDrill{margin-right:auto;min-width:145px;border:2px solid #f2d294}.drill-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:7px 0;background:#172b25;padding:7px;border:1px solid #6f8d76;border-radius:6px}.drill-controls .steering{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:auto}.drill-controls .steering>span{grid-column:1/-1;font-size:10px;color:#cfddcd;letter-spacing:.1em}.drill-controls .steering button{min-width:0;min-height:50px;font-size:14px;font-weight:750;border-color:#8bd3ef;color:#f5fbff;background:#163b49}.drill-controls .pace-controls button{background:#25422e;border-color:#94b68d}.drill-audio{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.drill-audio button{font-size:12px}@media(max-width:650px){.drill-controls{gap:14px}.drill-controls .steering button{font-size:12px;min-height:48px;padding:8px 3px}.drill-operations{gap:9px;padding:5px}.drill-operations button{font-size:11px;padding:7px 6px;min-height:44px}.drill-operations #toggleDrill{min-width:115px}.drill-screen{height:clamp(230px,calc(100dvh - 355px),440px);min-height:230px}.drill-title{gap:6px}}@media(max-height:520px)and (orientation:landscape){.drill-screen{height:calc(100dvh - 190px);min-height:160px}.drill-controls .steering button{min-height:40px}.drill-stats{grid-template-columns:repeat(7,1fr)}.drill-operations button{min-height:38px}.drill-operations,.drill-controls{margin:4px 0}}
