/* Harbor case: three document folders and a walkable street chart. */
.arrival-art{background-image:none;background-color:#183936}.arrival-copy{max-width:750px}.game{max-width:1300px}#desk-title{font-size:clamp(32px,4vw,53px);font-weight:400;margin:18px 0 28px}.acts{display:flex;gap:10px;margin-bottom:22px}.acts button{flex:1;padding:16px 12px;border:1px solid #a78e60;background:#183a38;font:16px Georgia}.acts button[aria-current=true]{background:#e9d3a7;color:#173630}.acts button:disabled{opacity:.45;cursor:not-allowed}.work{background:#f6f0e1 url(p12-textura.webp);color:#24473e;padding:32px;border:1px solid #c3ab7b;box-shadow:0 18px 50px #071b2355;min-height:400px}.work h2{font-size:29px;font-weight:400}.work h3{font-size:20px}.work p{font-size:16px}.weighings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.weight-slip{padding:18px 12px;border:1px solid #b7a17a;text-align:center;background:#fffcf3}.weight-slip span{display:block;font-size:18px}.weight-slip strong{display:block;font-size:25px;margin-top:14px;color:#7d6337}.parcel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.parcel{border:1px solid #bfac87;padding:12px;background:#fffaf0}.parcel h3{margin:8px 0}.parcel label{display:block;font:14px/1.5 system-ui;margin-top:10px}.parcel input{width:100%;padding:10px;color:#173a32;background:#fffdf8;border:1px solid #a69a7d;font:18px Georgia}.parcel button{width:100%;padding:12px 7px;background:#e8ddc7;border:1px solid #a89770;color:#284f42;font-size:14px;margin-top:14px}.parcel button[aria-pressed=true]{background:#234c42;color:#fff6df}.action-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:26px}.document-note{border-left:3px solid #ab8c50;padding:12px 18px;background:#e9e2cf}.route-layout{display:grid;grid-template-columns:1fr 300px;gap:28px}.street-map{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;align-content:start}.place{min-width:0;background:#fffcf0;border:1px solid #a78f65;color:#1e483e;padding:10px 4px;min-height:125px;position:relative;z-index:1}.place:after{content:'';position:absolute;top:50%;right:-29px;width:28px;border-top:2px solid #a89165;z-index:-1}.place:nth-child(3n):after{display:none}.place:before{content:'';position:absolute;left:50%;bottom:-29px;height:28px;border-left:2px solid #a89165;z-index:-1}.place:nth-child(n+7):before{display:none}.place strong{display:block;font-size:16px;margin-top:6px}.place .plate{display:inline-block;padding:3px 9px;border:1px solid #9d814d;background:#e2ce9e;color:#294737;font:18px Georgia;margin-top:8px}.place[aria-pressed=true]{outline:3px solid #327969;outline-offset:3px;background:#e4ebdc}.place.current{box-shadow:0 0 0 5px #d6b76c}.route-sheet{border:1px solid #b7a17a;padding:18px;background:#fffcf3}.route-sheet details{margin:14px 0;border-top:1px solid #d1c3a9;padding-top:12px}.route-sheet summary{cursor:pointer;font-weight:bold}.route-sheet p{font-size:14px;margin:8px 0}.route-readout{margin:20px 0;font-size:18px;line-height:1.7}.safe-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.safe-panel{background:#173c38;color:#faedce;padding:32px;text-align:center;border:4px double #b79a5f}.dials{display:flex;justify-content:center;gap:10px;margin:24px 0}.dial{display:flex;flex-direction:column;gap:8px}.dial button{font:22px Georgia;padding:6px 12px;background:#2c5449;color:#f7e9cb;border:1px solid #b6a077}.dial output{font:40px Georgia;background:#ece0c4;color:#1f4036;padding:10px}.safe-panel select{width:100%;padding:12px;font:16px Georgia;background:#fff8e5;color:#1c4036;margin-top:10px}.safe-panel label{font-size:16px}.dossier-image{width:100%;height:auto;max-height:320px;object-fit:contain}.staff{display:grid;grid-template-columns:1fr 1fr;gap:20px}.staff article{border-bottom:1px solid #bead8b;padding-bottom:16px}.staff h3{margin:10px 0}.staff p{font-size:15px}.staff small{font-size:14px}.art-slot{display:none}.with-art .art-slot{display:block}.parcel img{width:100%;height:115px;object-fit:contain}.place img{width:100%;height:90px;object-fit:cover}.staff img{width:100%;height:190px;object-fit:contain}.victory{border:1px solid #b59a65;background:#eee3c9;padding:24px}.arrival-copy .arrival-note,.eyebrow,.tools small{font-size:12px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ce8e27;outline-offset:3px}.reduced *{animation:none!important;transition:none!important}
@media(max-width:850px){.route-layout,.safe-layout{grid-template-columns:1fr}.parcel-grid,.weighings{grid-template-columns:1fr 1fr}.acts{gap:6px}.acts button{font-size:14px;padding:12px 6px}.game{padding-left:16px;padding-right:16px}.work{padding:22px 16px}.street-map{gap:20px}.place:after{right:-21px;width:20px}.place:before{bottom:-21px;height:20px}}
@media(max-width:450px){.work{padding:18px 12px}.parcel-grid,.weighings{gap:9px}.parcel{padding:9px}.place{min-height:100px;padding:8px 2px}.place strong{font-size:13px}.place img{height:64px}.safe-panel{padding:22px 12px}.dials{gap:7px}.dial output{font-size:31px;padding:8px}.work h2{font-size:25px}.staff{gap:12px}.staff img{height:135px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.with-art .arrival-art{background-image:url(hero.webp)}.safe-layout>div>img,#dialog-body>img{display:block;width:100%;max-height:350px;object-fit:contain;margin-bottom:22px}.safe-layout>div>img{max-height:none}.work .eyebrow{color:#80632e}.tools button small{line-height:1.5}#dialog-body details{padding:18px 0;border-top:1px solid #bca782}#dialog-body summary{cursor:pointer;font-weight:bold}#dialog-body>img{height:auto}.victory{margin-top:25px}
.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{width:auto;height:auto;clip-path:none;top:12px}