.island-copy{grid-column:1;grid-row:1;align-self:end}
.nav__links a:not(.btn)[aria-current="location"],.sheet-menu a[aria-current="location"]{color:#ead9c7;border-bottom:1px solid #b8755d}
.island-map{grid-column:2;grid-row:1/3;align-self:start;position:sticky;top:110px;isolation:isolate}
#island-map{scroll-margin-top:90px}
#island-game{grid-column:1;grid-row:2;align-self:start;min-width:0}
.island-map::after{content:"";position:absolute;inset:14%;border-radius:50%;background:conic-gradient(from 15deg,transparent 0 315deg,rgba(184,200,152,.14) 345deg,transparent 360deg);pointer-events:none;mix-blend-mode:screen;opacity:.35;animation:island-sweep 9s linear infinite;z-index:0}
.island-map[data-signal="locked"]::after{opacity:.9}
.island-map[data-signal="rising"]::after{opacity:.55}
.island-map .map-pin{z-index:1;transition:color .22s,transform .22s}
.island-map .map-pin:hover{color:#e4d9bf;transform:translateY(-2px)}
.island-map .map-pin:active{transform:translateY(1px)}
.map-pin[data-recovered="true"] span::after{content:"✓";position:absolute;margin-left:12px;margin-top:-24px;font:10px var(--f-mono);color:#c9d6b6}
.receiver{border:1px solid #87987446;background:linear-gradient(150deg,#1d2a22,#142018 72%);padding:23px 24px 21px;box-shadow:inset 0 1px #d6ddbd14;position:relative;overflow:hidden}
.receiver::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#b1c49a05 6px 7px)}
.receiver>*{position:relative}
.receiver__head,.receiver__title,.receiver__dial,.receiver__scale,.receiver__action,.receiver__ledger li{display:flex;align-items:center;justify-content:space-between;gap:12px}
.receiver__head{font:8px var(--f-mono);letter-spacing:.1em;color:#829479;border-bottom:1px solid var(--line);padding-bottom:16px}
.receiver__head strong{font-weight:500;color:#c1b69a;font-variant-numeric:tabular-nums}
.receiver__back{display:none}
.receiver__title{align-items:end;padding:17px 0 21px}
.receiver__title>div>span{font:8px var(--f-mono);letter-spacing:.14em;color:#819277}
.receiver__title h3{font:500 28px/1.1 var(--f-display);margin:6px 0 0;color:#dfe1ca}
.receiver__live{font:7px var(--f-mono);letter-spacing:.08em;color:#c1c8a2;white-space:nowrap}
.receiver__live i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#bdcda2;box-shadow:0 0 10px #bdcda299;animation:receiver-pulse 1.8s ease-in-out infinite}
.receiver__dial{font:8px var(--f-mono);letter-spacing:.09em;color:#899b7e}
.receiver__dial output{font:500 23px var(--f-mono);color:#e4d3a9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.receiver__dial output small{font-size:9px;letter-spacing:.05em}
.receiver__controls{display:flex;align-items:center;gap:10px;margin-top:13px}
.receiver__controls button{width:32px;height:32px;flex:none;background:#293a2b;border:1px solid #aebf9850;color:#d8dfc5;font:21px/1 var(--f-ui);cursor:pointer;transition:background .2s,transform .2s}
.receiver__controls button:hover{background:#43583b}
.receiver__controls button:active{transform:translateY(1px)}
.receiver__controls input{flex:1;min-width:0;accent-color:#ba785e;cursor:pointer}
.receiver__scale{font:7px var(--f-mono);color:#697e65;padding:5px 44px 0}
.receiver__meter{height:3px;background:#394a38;margin:20px 0 16px;overflow:hidden}
.receiver__meter i{height:100%;display:block;background:#b97158;box-shadow:0 0 14px #bc745a;transition:width .14s}
.receiver__action button{display:flex;justify-content:space-between;align-items:center;width:185px;min-height:42px;background:#b86852;border:1px solid #b86852;color:#fff1e5;padding:0 13px;font:9px var(--f-mono);letter-spacing:.08em;cursor:pointer;transition:background .2s,transform .2s}
.receiver__action button:hover{background:#cf8268}
.receiver__action button:active{transform:translateY(1px)}
.receiver__action>span{font:7px var(--f-mono);color:#728568;white-space:nowrap}
.receiver__message{min-height:39px;margin:15px 0 0;font:11px/1.6 var(--f-ui);color:#a8b59b}
.receiver__ledger{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--line)}
.receiver__ledger li{border-bottom:1px solid var(--line);padding:9px 0;font:9px var(--f-ui);color:#8d9c81}
.receiver__ledger li span,.receiver__ledger li em{font:7px var(--f-mono);letter-spacing:.05em}
.receiver__ledger li b{font-weight:500;margin-right:auto}
.receiver__ledger li.recovered{color:#d5d9bd}
.receiver__ledger li.recovered em{color:#c88b6d}
.receiver__complete{margin-top:17px;border-left:2px solid #b97158;padding:3px 0 3px 16px}
.receiver__complete strong{font:italic 23px var(--f-display);color:#e0d0b0}
.receiver__complete p{margin:6px 0 10px;color:#9dab8d;font-size:11px}
.receiver__complete a,.receiver__complete button{font:9px var(--f-mono);color:#d1b096;text-decoration:underline;text-underline-offset:4px}
.receiver__complete button{background:none;border:0;margin-left:20px;cursor:pointer}
@keyframes island-sweep{to{transform:rotate(360deg)}}
@keyframes receiver-pulse{50%{opacity:.3;transform:scale(.65)}}
@media(max-width:800px){.island-copy,.island-map,#island-game{grid-column:1;grid-row:auto}.island-copy{align-self:auto}.island-map{width:100%;position:relative;top:auto}#island-game{width:min(620px,100%);margin:0 auto}.receiver__back{display:inline-block;margin-top:13px;font:8px var(--f-mono);letter-spacing:.07em;color:#c7b198;border-bottom:1px solid #a88f6d55;padding-bottom:4px}}
@media(max-width:560px){.receiver{padding:19px}.receiver__title h3{font-size:25px}.receiver__action>span{font-size:6px}.receiver__action button{width:170px}.receiver__message{font-size:11px}}
@media(prefers-reduced-motion:reduce){.island-map::after,.receiver__live i{animation:none}}
.motion-paused .island-map::after,.motion-paused .receiver__live i{animation-play-state:paused}