/* The First Watch — proposed player opening, built without script. */
.player-start{--accent:#d3f576}
.start-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:630px;background:#20322c;overflow:hidden}
.start-hero-image,.start-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.start-hero-image{object-fit:cover;object-position:62% 50%}.start-hero-shade{z-index:-1;background:linear-gradient(90deg,#0b1b17eb,#0c2119c4 34%,#10251b22 75%),linear-gradient(0deg,#0d1d18aa,transparent 35%)}
.start-hero-inner{padding-block:4rem 5.5rem}.start-hero .eyebrow{color:var(--lime);margin-bottom:1.5rem;font-size:.62rem}.start-hero h1{font-size:clamp(5.5rem,9vw,9rem);line-height:.94;letter-spacing:-.02em;max-width:10ch}.start-hero h1>span{color:var(--lime)}.start-hero-inner>p:not(.eyebrow){color:#e3ebdd;max-width:37ch;font-size:1rem;line-height:1.9;margin-top:1.5rem}.start-hero .button{margin-top:1.8rem}.start-hero>.image-tag{bottom:1.2rem;left:auto;right:max(2rem,calc((100% - 86rem)/2));font-size:.48rem}
.start-status{background:var(--lime);color:#1b241c}.start-status .shell{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;font:500 .59rem/1.7 var(--mono);letter-spacing:.05em}
.start-framing{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-block:2.5rem;border-bottom:1px solid #3c5144}.player-start .start-framing h2{font:500 .62rem/1.8 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.7rem}.start-framing p{font-size:.77rem;line-height:1.9;color:#c1d0c3}
.start-premise{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;padding-block:4.5rem}.player-start .eyebrow{color:var(--accent)}.start-premise .eyebrow,.start-kit .eyebrow,.start-beats .eyebrow,.start-routes .eyebrow,.start-arrival .eyebrow,.start-review .eyebrow{margin-bottom:.9rem}
.player-start h2{font-size:clamp(3rem,4.8vw,5rem);line-height:1.02}.opening-prose{font-size:1rem;line-height:1.95;color:#cbd9cc}.first-objective{border-left:3px solid var(--accent);background:#1a2e23;margin-top:1.6rem;padding:1rem 1.2rem}.first-objective .micro{font-size:.55rem;color:var(--accent)}.first-objective>p:last-child{font-size:.84rem;line-height:1.9;margin-top:.55rem;color:#d5e2d2}
.start-kit{background:var(--paper);color:var(--forest);color-scheme:light;padding-block:4rem}.start-kit .eyebrow{color:#4c6b45}.start-kit .section-heading>p{color:#426046}.kit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem 3rem;list-style:none;padding:0;margin:0}.kit-grid>li{display:flex;align-items:start;gap:1rem;border-top:1px solid #b2c9ae;padding-top:1.3rem}.kit-grid>li>span{font:500 .7rem/1.5 var(--mono);color:#5e7a52;padding-top:.15rem}.kit-grid h3{font-size:1.8rem;line-height:1.1}.kit-grid p{font-size:.8rem;line-height:1.9;color:#405d44;margin-top:.65rem}
.start-beats{padding-block:4.5rem}.beat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;list-style:none;padding:0;margin:0}.beat-grid>li{border:1px solid #3b5541;border-top:3px solid var(--accent);border-radius:3px;background:#14261e;padding:1.6rem}.beat-time{font:500 .57rem/1.7 var(--mono);color:var(--accent)}.beat-grid h3{font-size:2.2rem;margin-top:.9rem;line-height:1.05}.beat-grid>li>p{font-size:.82rem;line-height:1.9;color:#d0decf;margin-top:.9rem}.beat-grid dl{margin:1rem 0 0}.beat-grid dl>div{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #3d5141}.beat-grid dt{font:500 .54rem/1.8 var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.beat-grid dd{margin:.35rem 0 0;font-size:.76rem;line-height:1.9;color:#b9ccb9}
.start-orientation{padding-bottom:4.5rem}.start-orientation>.eyebrow{margin-bottom:.9rem}.start-orientation>h2{margin-bottom:2rem}.start-orientation .source-note{max-width:100ch}
.start-routes{background:#dce8d9;color:var(--forest);color-scheme:light;padding-block:4rem}.start-routes .eyebrow{color:#4b6d47}.start-routes .section-heading>p{color:#426143}.route-options{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;min-width:0;padding:0;border:0;margin:0}.route-options>legend{padding:0;margin-bottom:1.1rem;font:500 .63rem/1.8 var(--mono);color:#3f5f40}.route-control{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.route-option{display:block;padding:1.3rem;background:#edf3e9;border:1px solid #9ab592;border-radius:3px;cursor:pointer;min-width:0}.route-option .micro{font-size:.57rem;color:#4e6c46}.route-name{display:block;font:700 2.1rem/1.1 var(--heading);margin-top:.8rem}.route-short{display:block;font-size:.75rem;line-height:1.8;margin-top:.7rem;color:#426143}.route-select{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #aec6a5;padding-top:.85rem;margin-top:1.15rem;font:500 .56rem/1.8 var(--mono)}.route-control:checked+.route-option{background:#24422d;border-color:#24422d;color:#eff5e7;box-shadow:0 4px 0 #a8bf9f}.route-control:checked+.route-option .micro{color:#d0ee9c}.route-control:checked+.route-option .route-short{color:#d3e2cd}.route-control:focus-visible+.route-option{outline:3px solid #24422d;outline-offset:5px}.route-option:hover{border-color:#24422d}.route-panels{grid-column:1/-1;background:#f0f5ec;border:1px solid #9eb794;border-radius:3px;padding:1.6rem 1.8rem;margin-top:.8rem}.route-panel{display:none}.route-panel h3{font-size:2.3rem;line-height:1.1}.route-panel>p{font-size:.86rem;line-height:1.9;margin-top:1rem;max-width:100ch;color:#3c5d3e}.route-panel dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin:1.5rem 0 0;padding-top:1.2rem;border-top:1px solid #adc3a4}.route-panel dt{font:500 .57rem/1.8 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#496a44}.route-panel dd{font-size:.78rem;line-height:1.9;margin:.5rem 0 0;color:#365839}
#route-people:checked~.route-panels>.route-panel-people,#route-habitat:checked~.route-panels>.route-panel-habitat,#route-wharf:checked~.route-panels>.route-panel-wharf{display:block}
.start-bio{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;padding-block:4rem}.start-bio .eyebrow{color:#ffb3a0;margin-bottom:.9rem}.start-bio h2{font-size:clamp(2.8rem,4vw,4rem);color:#ffb3a0}.start-bio>p{font-size:.86rem;line-height:2;color:#d3c8c2}
.start-arrival{background:#22382a;border-block:1px solid #3f5a40;padding-block:4rem}.start-arrival .section-heading>div{max-width:38rem}.start-arrival .section-heading>p{max-width:48ch}.arrival-hook{margin-top:1.7rem;max-width:95ch;border-left:3px solid var(--accent);padding-left:1.1rem}.arrival-hook .micro{color:var(--accent);font-size:.56rem}.arrival-hook>p:last-child{color:#bed0ba;font-size:.82rem;line-height:1.95;margin-top:.5rem}
.start-review{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;padding-block:4.5rem}.start-review h2{margin-bottom:2rem}.start-review h3{font-size:1.8rem;line-height:1.1;color:var(--accent);margin-bottom:1rem}.start-review ul,.start-review ol{padding-left:1.1rem;margin:0;color:#bcd0b9;font-size:.8rem;line-height:1.95}.start-review li+li{margin-top:.75rem}.start-review ol+h3{margin-top:2rem}.start-next{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;padding-bottom:4rem}.start-next .button{margin:0}.start-next>a:not(.button){font-size:.76rem;color:var(--accent)}
@media(max-width:1000px){.start-premise{gap:3rem}.start-framing{gap:1.4rem}.start-bio,.start-review{gap:2.5rem}.route-option{padding:1rem}.route-name{font-size:1.9rem}.route-panel dl{gap:1.2rem}.kit-grid{gap:1.5rem 2rem}}
@media(max-width:760px){.start-framing{grid-template-columns:1fr;gap:1.3rem}.start-framing article+article{border-top:1px solid #3d5343;padding-top:1.3rem}.start-premise,.start-bio,.start-review{grid-template-columns:1fr;gap:1.8rem}.start-hero{min-height:600px}.start-hero h1{font-size:clamp(5rem,11vw,7rem)}.beat-grid{gap:1rem}.beat-grid>li{padding:1.3rem}.route-options{grid-template-columns:1fr}.route-option{padding:1rem 1.2rem}.route-name{font-size:2rem;margin-top:.35rem}.route-short{margin-top:.4rem}.route-select{margin-top:.7rem;padding-top:.55rem}.route-panel dl{grid-template-columns:1fr;gap:1.2rem}.route-panels{margin-top:.5rem}.route-panel h3{font-size:2rem}.route-option .route-select{font-size:.54rem}.start-arrival .section-heading>p{max-width:70ch}}
@media(max-width:540px){.start-hero{min-height:590px}.start-hero-inner{padding-block:3rem 5.8rem}.start-hero .eyebrow{font-size:.51rem;max-width:28ch;line-height:1.8;margin-bottom:1.1rem}.start-hero h1{font-size:4.7rem}.start-hero-inner>p:not(.eyebrow){font-size:.85rem;max-width:29ch;line-height:1.85;margin-top:1.3rem}.start-hero>.image-tag{left:1.25rem;right:auto;bottom:1.1rem;font-size:.4rem}.start-hero .button{font-size:.76rem}.start-status .shell{min-height:65px;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;padding-block:.8rem;font-size:.46rem}.start-status .shell>span:last-child{grid-column:1/-1}.start-framing{padding-block:2rem}.start-framing h2{font-size:.58rem}.start-framing p{font-size:.74rem}.start-premise{padding-block:3rem}.player-start h2{font-size:3rem}.opening-prose{font-size:.85rem}.first-objective{padding:1rem}.first-objective>p:last-child{font-size:.78rem}.start-kit{padding-block:3rem}.kit-grid{grid-template-columns:1fr;gap:1.5rem}.kit-grid h3{font-size:1.8rem}.kit-grid p{font-size:.77rem}.start-beats{padding-block:3rem}.beat-grid{grid-template-columns:1fr;gap:1.4rem}.beat-grid>li{padding:1.3rem}.beat-grid h3{font-size:2.2rem}.beat-grid>li>p{font-size:.8rem}.start-orientation{padding-bottom:3rem}.start-orientation>h2{margin-bottom:1.6rem}.start-routes{padding-block:3rem}.route-options>legend{font-size:.58rem}.route-panels{padding:1.2rem}.route-panel>p{font-size:.8rem}.route-panel dd{font-size:.77rem}.start-bio{padding-block:3rem}.start-bio h2{font-size:2.8rem}.start-bio>p{font-size:.8rem}.start-arrival{padding-block:3rem}.arrival-hook>p:last-child{font-size:.78rem}.start-review{padding-block:3rem}.start-review ul,.start-review ol{font-size:.78rem}.start-next{align-items:start;flex-direction:column;gap:1.3rem;padding-bottom:3rem}}
@media(max-width:360px){.start-hero h1{font-size:4.1rem}.player-start .nav-row nav{gap:.5rem}.player-start .nav-row nav a{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.player-start *{scroll-behavior:auto}}
@media print{.start-hero{min-height:0;display:block;background:#fff}.start-hero-image,.start-hero-shade,.start-hero>.image-tag,.start-hero .button,.start-status,.start-next{display:none}.start-hero-inner{padding:0}.start-hero h1,.start-hero h1>span{font-size:40pt;color:#111}.start-hero-inner>p:not(.eyebrow){color:#222;max-width:none}.start-framing,.start-premise,.start-bio,.start-review{padding-block:6mm;gap:6mm}.start-framing p,.opening-prose,.first-objective>p:last-child,.start-bio>p,.arrival-hook>p:last-child{color:#222;font-size:9pt}.start-kit,.start-arrival,.start-routes{background:#f1f4ed;color:#111;padding-block:7mm}.start-beats,.start-orientation{padding-block:7mm}.beat-grid{grid-template-columns:1fr 1fr}.beat-grid>li{background:#fff;border-color:#777;break-inside:avoid}.beat-grid>li>p,.beat-grid dd,.kit-grid p,.start-review ul,.start-review ol{color:#222;font-size:9pt}.route-options{display:block}.route-control,.route-option{display:none}.route-panels{padding:0;border:0;background:#fff}.route-panel{display:block;break-inside:avoid;padding:5mm;border:1px solid #777;margin-bottom:5mm}.route-panel>p,.route-panel dd{color:#222;font-size:9pt}.route-panel dl{grid-template-columns:1fr 1fr 1fr}.player-start .eyebrow,.player-start .micro,.beat-time,.beat-grid dt,.route-panel dt,.start-review h3,.start-bio h2{color:#222}.first-objective{background:#f1f4ed;border-color:#555}.start-review{grid-template-columns:1fr 1.5fr}}