*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#2f2a25;background:#b7e3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{width:100%;height:100%;position:relative}:is(.app-shell:has(.island-travel) .hud,.app-shell:has(.island-travel) .inventory-dock,.app-shell:has(.island-travel) .frame-rate-indicator,.app-shell:has(.island-travel) .place-message,.app-shell:has(.island-travel) .target-panel){visibility:hidden}.island-travel{z-index:9;color:#fff9df;pointer-events:all;background:#8dc8c1;animation:.36s ease-out both island-travel-arrive;position:absolute;inset:0;overflow:hidden}.island-travel__sky,.island-travel__horizon,.island-travel__sea{position:absolute;left:0;right:0}.island-travel__sky{background:linear-gradient(#acdce0,#cce7dc 72%,#9bcfc5);height:46%;top:0}.island-travel__horizon{z-index:1;opacity:.42;background:linear-gradient(166deg,#0000 0 23%,#91b9aa 23.2% 42%,#0000 42.2%),linear-gradient(190deg,#0000 0 37%,#87b1a5 37.2% 59%,#0000 59.2%);height:17%;top:31%}.island-travel__sea{z-index:1;background:linear-gradient(#73bab2,#4f9f9b 55%,#3e8889);top:43%;bottom:0;overflow:hidden}.island-travel__wave-layer{will-change:transform;position:absolute;inset:-20% -30%}.island-travel__wave-layer--far{opacity:.35;background:repeating-linear-gradient(168deg,#0000 0 58px,#e0f6eba6 59px 62px,#0000 63px 118px);animation:5.5s linear infinite island-travel-waves-far}.island-travel__wave-layer--near{opacity:.52;background:repeating-linear-gradient(174deg,#0000 0 104px,#e4f8edb3 105px 109px,#0000 110px 190px);animation:3.2s linear infinite island-travel-waves-near}.island-travel__boat-wrap{z-index:2;transform-origin:50% 75%;will-change:transform;width:clamp(360px,43vw,680px);animation:2.8s ease-in-out infinite island-travel-boat;position:absolute;top:44%;left:50%;transform:translate(-50%,-46%)}.island-travel__boat{filter:drop-shadow(0 18px 14px #1c4a4833);width:100%;display:block}.island-travel__passenger{transform-origin:286px 180px;animation:2.8s ease-in-out infinite island-travel-passenger}.island-travel__wake{z-index:1;filter:blur(.4px);will-change:transform, opacity;background:#dcf6ecb8;border-radius:50%;width:22vw;height:3px;animation:2.2s linear infinite island-travel-wake;position:absolute;top:61%}.island-travel__wake--left{--wake-angle:8deg;left:13%}.island-travel__wake--right{--wake-angle:-8deg;animation-delay:-1.1s;right:13%}.island-travel__bar{z-index:4;background:#101514;height:clamp(68px,12vh,132px);animation:.48s cubic-bezier(.22,.82,.25,1) both island-travel-letterbox;position:absolute;left:0;right:0}.island-travel__bar--top{transform-origin:top;top:0}.island-travel__bar--bottom{transform-origin:bottom;bottom:0}.island-travel__caption{z-index:5;text-align:center;text-shadow:0 2px 14px #081212b8;justify-items:center;gap:4px;animation:.6s ease-out .18s both island-travel-caption;display:grid;position:absolute;bottom:clamp(20px,5.2vh,56px);left:24px;right:24px}.island-travel__caption strong{letter-spacing:.035em;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,2.4vw,1.6rem);font-weight:700}.island-travel__caption span{color:#fff9dfb8;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}@keyframes island-travel-arrive{0%{opacity:0}to{opacity:1}}@keyframes island-travel-letterbox{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes island-travel-caption{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes island-travel-waves-far{0%{transform:translate(-4%)}to{transform:translate(12%,4%)}}@keyframes island-travel-waves-near{0%{transform:translate(7%,-2%)}to{transform:translate(-11%,5%)}}@keyframes island-travel-boat{0%,to{transform:translate(-50%,-46%)rotate(-1.4deg)}50%{transform:translate(-50%,calc(-46% - 13px))rotate(1.6deg)}}@keyframes island-travel-passenger{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1.2deg)}}@keyframes island-travel-wake{0%{opacity:0;transform:rotate(var(--wake-angle)) scaleX(.35)}28%{opacity:.7}to{opacity:0;transform:rotate(var(--wake-angle)) scaleX(1.35)}}@media (prefers-reduced-motion:reduce){.island-travel,.island-travel__bar,.island-travel__caption,.island-travel__boat-wrap,.island-travel__passenger,.island-travel__wave-layer,.island-travel__wake{animation-duration:1ms;animation-delay:0s}}.character-lab{background:#aebf91;width:100%;height:100%;position:relative;overflow:hidden}.character-lab canvas{position:absolute;inset:0}.character-lab__title,.character-lab__controls{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf6e2e0;border:1px solid #36312a24;border-radius:18px;position:absolute;box-shadow:0 18px 50px #333d2f29}.character-lab__title{padding:16px 18px;top:22px;left:22px}.character-lab__title span,.character-lab__group>span{color:#667455;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.character-lab__title h1{margin:3px 0 2px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1}.character-lab__title p{color:#2f2a25a8;margin:0;font-size:.78rem;font-weight:650}.character-lab__controls{gap:14px;width:min(350px,100vw - 44px);padding:16px;display:grid;top:22px;right:22px}.character-lab__group{gap:6px;display:grid}.character-lab__segments{gap:5px;display:flex}.character-lab__segments--wrap{flex-wrap:wrap}.character-lab__segments button{color:#39342e;cursor:pointer;background:#fffdeea8;border:1px solid #3e3a311f;border-radius:9px;flex:auto;min-height:34px;padding:6px 11px;font-size:.76rem;font-weight:800}.character-lab__segments button[aria-pressed=true]{color:#fffceb;background:#728865;border-color:#54704b80;box-shadow:0 5px 14px #445b3f33}.character-lab__group input[type=range]{accent-color:#728865;width:100%}.character-lab__hint{color:#2f2a2594;text-align:center;margin:0;font-size:.7rem;font-weight:650}.character-lab__status{color:#2f2a259e;margin:0;font-size:.7rem;font-weight:700;line-height:1.35}.character-lab__exit{color:#536b4f;text-align:center;font-size:.76rem;font-weight:850;text-decoration:none}@media (width<=720px){.character-lab__title{top:12px;left:12px}.character-lab__title p{display:none}.character-lab__controls{width:calc(100vw - 24px);max-height:54vh;top:auto;bottom:12px;right:12px;overflow:auto}}.contact-lab{background:#b6c9a0;width:100%;height:100%;position:relative;overflow:hidden}.contact-lab canvas{position:absolute;inset:0}.contact-lab__title,.contact-lab__controls,.contact-lab__metrics{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf6e2e6;border:1px solid #36312a24;border-radius:17px;position:absolute;box-shadow:0 18px 50px #333d2f29}.contact-lab__title{padding:14px 17px;top:18px;left:18px}.contact-lab__title>span,.contact-lab__group>span,.contact-lab__metrics-heading span{color:#667455;letter-spacing:.11em;text-transform:uppercase;font-size:.65rem;font-weight:850;display:block}.contact-lab__title h1{margin:3px 0 2px;font-size:clamp(1.25rem,2.1vw,1.85rem);line-height:1}.contact-lab__title p,.contact-lab__metrics>p{color:#2f2a259e;margin:0;font-size:.7rem;font-weight:650}.contact-lab__controls{gap:11px;width:min(335px,100vw - 36px);padding:14px;display:grid;top:18px;right:18px}.contact-lab__group{gap:5px;display:grid}.contact-lab__segments{gap:5px;display:flex}.contact-lab__segments--wrap{flex-wrap:wrap}.contact-lab__segments button{color:#39342e;cursor:pointer;background:#fffdeead;border:1px solid #3e3a311f;border-radius:8px;flex:auto;min-height:31px;padding:5px 9px;font-size:.7rem;font-weight:800}.contact-lab__segments button[aria-pressed=true]{color:#fffceb;background:#728865;border-color:#54704b80;box-shadow:0 5px 14px #445b3f33}.contact-lab__group input[type=range]{accent-color:#728865;width:100%}.contact-lab__hint{color:#2f2a2594;text-align:center;margin:0;font-size:.68rem;font-weight:650}.contact-lab__links{justify-content:center;gap:18px;display:flex}.contact-lab__links a{color:#536b4f;font-size:.72rem;font-weight:850;text-decoration:none}.contact-lab__metrics{width:min(420px,100vw - 36px);max-height:min(44vh,450px);padding:13px;bottom:18px;left:18px;overflow:auto}.contact-lab__metrics-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.contact-lab__metrics-heading strong{margin-top:2px;font-size:.82rem;display:block}.contact-lab__metrics-heading>b{color:#536b4f;font-size:.75rem}.contact-lab__metric-list{gap:3px;margin-bottom:8px;display:grid}.contact-lab__metric-row{background:#fffdee85;border-radius:8px;grid-template-columns:55px 1fr auto;align-items:center;gap:8px;min-height:35px;padding:4px 6px;display:grid}.contact-lab__metric-row>span:nth-child(2){min-width:0}.contact-lab__metric-row strong,.contact-lab__metric-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-lab__metric-row strong{font-size:.68rem}.contact-lab__metric-row small{color:#2f2a2594;margin-top:1px;font-size:.62rem;font-weight:700}.contact-lab__metric-row>b{color:#2f2a25b3;font-variant-numeric:tabular-nums;font-size:.65rem}.contact-lab__metric-state{color:#fff;letter-spacing:.06em;text-align:center;text-transform:uppercase;background:#a8aa9c;border-radius:999px;padding:3px 5px;font-size:.53rem;font-weight:900}.contact-lab__metric-state--pass{background:#4f8b62}.contact-lab__metric-state--check{background:#c2634f}.contact-lab__metric-state--motion{background:#6b7fa0}.contact-lab__metric-state--settling{background:#b18a48}.contact-lab__station-label{color:#3f4637;text-align:center;pointer-events:none;background:#f8f5dde0;border:1px solid #3d443329;border-radius:8px;min-width:125px;padding:6px 9px;box-shadow:0 6px 18px #2c382b21}.contact-lab__station-label strong,.contact-lab__station-label span{display:block}.contact-lab__station-label strong{font-size:.72rem}.contact-lab__station-label span{color:#6d795f;text-transform:uppercase;margin-top:1px;font-size:.6rem;font-weight:800}@media (width<=760px){.contact-lab__title{top:10px;left:10px}.contact-lab__title p{display:none}.contact-lab__controls{width:calc(100vw - 20px);max-height:40vh;top:auto;bottom:10px;right:10px;overflow:auto}.contact-lab__metrics{max-height:27vh;bottom:calc(40vh + 20px);left:10px}}.app-shell--tool-active .hud,.app-shell--tool-active .inventory-dock,.app-shell--tool-active .touch-zoom-controls,.app-shell--tool-active .sea-tuning{pointer-events:none}.splash-screen{z-index:10;color:#2f382b;opacity:1;background:#9bc9d1;place-items:center;transition:opacity .48s,visibility .48s;display:grid;position:absolute;inset:0;overflow:hidden}.splash-screen:before,.splash-screen:after{content:"";position:absolute;inset:0}.splash-screen:before{filter:saturate(.96)contrast(.98);background:url(/opening-splash-coastal.jpg) 50%/cover no-repeat;transform:scale(1.015)}.splash-screen:after{pointer-events:none;background:linear-gradient(#2232221f,#0000 24% 74%,#1c2b1d1f),radial-gradient(circle at 50% 18%,#fff6cf2e,#0000 36%)}.splash-screen--hidden{visibility:hidden;opacity:0;pointer-events:none}.splash-screen__content{z-index:1;text-align:center;justify-items:center;gap:0;width:100%;max-height:100%;padding:clamp(18px,3.5vh,38px) 24px;display:grid;position:relative}.splash-screen__content>span{color:#fff7d4;letter-spacing:-.055em;text-shadow:0 2px #4b4e2e47,0 8px 28px #2b3e2a7a;font-size:clamp(2.4rem,8vw,5.6rem);font-weight:900;line-height:.92}.splash-screen__content>strong{color:#5f704f;letter-spacing:.14em;text-transform:uppercase;margin-top:clamp(56px,12vh,112px);font-size:.82rem;font-weight:850;line-height:1}.splash-screen__progress{background:#5f704f2e;border-radius:999px;width:min(260px,62vw);height:6px;margin-top:10px;position:relative;overflow:hidden}.splash-screen__progress div{border-radius:inherit;background:#6f9b6f;width:42%;animation:1.2s ease-in-out infinite splash-progress;position:absolute;inset:0 auto 0 0}.save-slots{width:min(580px,100vw - 32px);max-height:calc(100vh - 150px);text-shadow:none;scrollbar-width:thin;-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);background:linear-gradient(145deg,#fffae0e0,#eeebc8c7);border:1px solid #fffcde94;border-radius:24px;gap:12px;margin-top:clamp(20px,4vh,42px);padding:clamp(16px,2.5vw,24px);display:grid;overflow-y:auto;box-shadow:0 24px 70px #27392647,inset 0 1px #fffff4d1}.save-slots__list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.save-slot{min-height:78px;color:inherit;text-align:left;cursor:pointer;background:#fffdeb8a;border:1px solid #41513633;border-radius:14px;align-content:center;gap:5px;padding:12px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #fffff8c7}.save-slot:hover{background:#fffdebd1;border-color:#516c427a;transform:translateY(-2px);box-shadow:0 8px 18px #4155361f,inset 0 1px #fffff8e6}.save-slot[aria-pressed=true]{background:linear-gradient(145deg,#e6efbef5,#cddea4e6);border-color:#516f44c7;box-shadow:0 9px 22px #425b382e,inset 0 0 0 1px #ffffe66b}.save-slot strong{color:#4e6348;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;line-height:1}.save-slot span{overflow-wrap:anywhere;font-size:1.05rem;font-weight:850;line-height:1.05}.save-slot small{color:#2f2a25a3;font-size:.76rem;font-weight:750}.save-slots__name{text-align:left;gap:6px;display:grid}.save-slots__name span{color:#5f704f;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.save-slots__name input{width:100%;min-height:44px;color:inherit;background:#fffeefc2;border:1px solid #41513638;border-radius:12px;padding:0 12px;font-weight:750}.save-slots__name input:focus-visible,.save-slot:focus-visible,.save-slots__character button:focus-visible,.save-slots__actions button:focus-visible{outline-offset:2px;outline:3px solid #fff8c2f5;box-shadow:0 0 0 5px #45643c80}.save-slots__actions{justify-content:center;gap:10px;display:flex}.save-slots__character{border:0;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:0;padding:0;display:grid}.save-slots__character legend{color:#2e362db3;letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;margin-bottom:.25rem;font-size:.76rem;font-weight:800}.save-slots__character button{color:#344133;text-align:left;cursor:pointer;background:#fffde88a;border:1px solid #39463729;border-radius:.85rem;gap:.18rem;min-height:4.2rem;padding:.7rem .82rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.save-slots__character button:hover{background:#fffde8d1;border-color:#4969457a;transform:translateY(-1px)}.save-slots__character button[aria-pressed=true]{background:#ebf3cbeb;border-color:#496945b8;box-shadow:0 0 0 2px #708f5829}.save-slots__character button span{color:#2e362da6;font-size:.72rem}.save-slots__actions button{min-width:112px;min-height:44px;color:inherit;cursor:pointer;background:#fffdeea8;border:1px solid #41513633;border-radius:999px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s}.save-slots__actions button:not(:disabled):hover{background:#fffdeeeb;transform:translateY(-2px);box-shadow:0 8px 18px #3c4e3229}.save-slots__actions button:disabled{cursor:default;opacity:.48}.save-slots__start{box-shadow:0 8px 18px #37522f3d,inset 0 1px #ffffec47;color:#fffde9!important;background:linear-gradient(#789d60,#5f844f)!important;border-color:#314e2d61!important}@keyframes splash-progress{0%{transform:translate(-100%)}to{transform:translate(240%)}}@media (width<=620px){.splash-screen__content{padding:14px 12px}.splash-screen__content>span{font-size:clamp(2.4rem,14vw,4rem)}.save-slots{border-radius:18px;gap:10px;width:min(460px,100vw - 20px);max-height:calc(100vh - 90px);margin-top:12px;padding:14px}.save-slots__list{gap:7px}.save-slot{min-height:64px;padding:9px}.save-slot span{font-size:.88rem}.save-slot small{display:none}.save-slots__character button{min-height:3.7rem;padding:.58rem .65rem}}@media (prefers-reduced-motion:reduce){.save-slot,.save-slots__character button,.save-slots__actions button{transition:none}}canvas{display:block}.hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:18px;left:18px;right:18px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#667b47;margin:.1rem 0 1px;font-size:.75rem;font-weight:800;display:block;transform:translateY(2px)}h1{margin:0;font-size:2rem;line-height:.95}.stat-row{pointer-events:auto;background:#fff8dc80;border:1px solid #5d4a3024;border-radius:8px;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;max-width:none;padding:10px;display:flex;position:relative;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.stat-row span,.icon-button,.mode-button{background:#fffef085;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.9rem;font-weight:750;display:inline-flex}.clock-stat{font-variant-numeric:tabular-nums;min-width:82px}.wind-stat{white-space:nowrap;min-width:126px}.wind-stat .wind-stat__label,.wind-stat .wind-stat__strength{min-height:0;font-size:inherit;font-weight:inherit;background:0 0;padding:0}.wind-stat .wind-stat__label{min-width:20px}.wind-stat .wind-stat__strength{color:#2c3d2bb8;font-size:.72rem}.wind-stat__arrow{color:#667b47;transition:transform 1.2s}.icon-button{width:38px;color:inherit;cursor:pointer;border:0}.mode-button{color:inherit;cursor:pointer;border:0}.help-popover{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dceb;border:1px solid #5d4a3024;border-radius:8px;gap:8px;min-width:150px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #475c4329}.help-popover div{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;font-weight:750;display:flex}.icon-button[aria-pressed=true],.mode-button[aria-pressed=true]{color:#675123;background:#f2d680c2}kbd{text-align:center;background:#ffffffbf;border:1px solid #342e272e;border-radius:6px;min-width:42px;padding:5px 8px;font-weight:850}.frame-rate-indicator{z-index:2;color:#443c32;text-align:center;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdeebd;border:1px solid #3f39311f;border-radius:7px;min-width:72px;padding:7px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:850;line-height:1;position:absolute;bottom:12px;left:14px;box-shadow:0 10px 26px #3451501f}.frame-rate-indicator:hover,.frame-rate-indicator[aria-expanded=true]{background:#fff8dcf0}.debug-panel{z-index:6;color:#443c32;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdeef0;border:1px solid #3f393124;border-radius:8px;gap:12px;width:min(360px,100vw - 28px);max-height:min(680px,100vh - 88px);padding:12px;font-size:.78rem;font-weight:760;display:grid;position:absolute;bottom:154px;left:14px;overflow:auto;box-shadow:0 18px 42px #34515033}.debug-panel section,.sea-tuning{gap:8px;display:grid}.debug-panel h2{letter-spacing:0;margin:0;font-size:.82rem}.debug-panel label,.sea-tuning label{gap:4px;display:grid}.debug-panel label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center}.debug-panel select,.debug-panel input[type=range]{width:100%}.sea-tuning__readout{background:#fff8dcb8;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:8px;display:grid}.inventory-dock{z-index:4;pointer-events:auto;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:18px;right:18px}.backpack-button,.hand-button,.clear-hand-button,.backpack-item,.viewfinder__controls button{color:#443c32;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcd1;border:1px solid #5d4a3024;border-radius:8px;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.backpack-button{place-items:center;width:54px;height:54px;display:grid}.hand-button{place-items:center;width:68px;height:68px;display:grid}.hand-button[aria-pressed=true],.backpack-item[aria-pressed=true]{color:#675123;background:#f2d680e6}.clear-hand-button{border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:-7px;left:54px}.backpack-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dceb;border:1px solid #5d4a3024;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;width:min(286px,100vw - 36px);padding:10px;display:grid;position:absolute;bottom:78px;right:0;box-shadow:0 14px 34px #34515029}.backpack-item{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:46px;padding:8px 10px;font-size:.86rem;font-weight:800;display:grid}.backpack-map-item{background:linear-gradient(135deg,#ebd399f0,#fff4cceb);grid-column:1/-1}.island-travel{color:#392d1c;background:radial-gradient(circle at 50% 45%,#537f7a,#244c4d 72%);place-items:center;display:grid}.parchment-map{z-index:8;color:#3f301d;place-items:center;padding:clamp(18px,4vw,58px);font-family:Georgia,Times New Roman,serif;display:grid;position:absolute;inset:0}.parchment-map--backpack{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#142a28a3}.parchment-map__sheet{aspect-ratio:1.38;clip-path:polygon(.8% 2%,14% .7%,28% 1.8%,43% .4%,58% 1.5%,72% .5%,86% 1.8%,99.1% .8%,98.4% 18%,99.3% 36%,98.5% 54%,99.2% 72%,98% 98.8%,81% 97.7%,65% 99.2%,49% 98%,32% 99.1%,16% 97.8%,.7% 99%,1.5% 79%,.5% 61%,1.4% 42%,.4% 22%);background:linear-gradient(90deg,#0000 24.5%,#5c41221a 25%,#fff6cc2e 25.6%,#0000 26.2% 49.3%,#5b3e1e1c 50%,#fff7d32e 50.7%,#0000 51.4% 74.1%,#5b3e1e1a 75%,#fff7d32e 75.7%,#0000 76.3%),linear-gradient(#0000 48%,#fff7d333 49%,#5a3d1d1c 50%,#0000 51.2%),radial-gradient(circle at 15% 18%,#75481c1a 0 1px,#0000 1.5px) 0 0/17px 19px,radial-gradient(circle at 78% 62%,#70451c14 0 1.2px,#0000 1.8px) 0 0/23px 21px,linear-gradient(145deg,#e8d29a,#f5e7b9 46%,#d9bc7f);width:min(1100px,94vw,138vh - 107.64px);position:relative;overflow:hidden;box-shadow:0 28px 70px #12201d73,inset 0 0 55px #623a1833}.parchment-map--travel .parchment-map__sheet{animation:.9s cubic-bezier(.2,.78,.2,1) both parchment-unfold}.parchment-map__sheet:before,.parchment-map__sheet:after{z-index:2;content:"";pointer-events:none;position:absolute}.parchment-map__sheet:before{border:clamp(8px,1vw,14px) solid #64421f1a;inset:0;box-shadow:inset 0 0 28px #4b2d142e}.parchment-map__sheet:after{opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(7deg,#0000 0 13px,#5a3e1e06 14px 15px);inset:0}.parchment-map__drawing{width:90%;height:86%;position:absolute;inset:7% 5%;overflow:visible}.parchment-map__title{z-index:3;color:#49351e;text-align:center;pointer-events:none;justify-items:center;display:grid;position:absolute;top:4.1%;left:50%;transform:translate(-50%)rotate(-.7deg)}.parchment-map__title span{letter-spacing:.08em;font-size:clamp(1.05rem,2.2vw,2rem);font-weight:700}.parchment-map__title small{letter-spacing:.04em;font-size:clamp(.56rem,.9vw,.8rem);font-style:italic}.parchment-map__close{z-index:5;color:#49351e;cursor:pointer;background:#f1dda9bf;border:1px solid #4a311840;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:4%;right:4%}.parchment-map__border,.parchment-map__sea-marks path,.parchment-map__hill-mark,.parchment-map__scale path,.parchment-map__compass circle,.parchment-map__compass path{fill:none;stroke:#604626;stroke-linecap:round;stroke-linejoin:round}.parchment-map__border{stroke-width:.48px;opacity:.64}.parchment-map__sea-marks path{stroke-width:.28px;opacity:.5}.parchment-map__coordinates{fill:#6c5331;opacity:.62;font-size:1.25px;font-style:italic}.parchment-map__island{transform-box:fill-box;transform-origin:50%}.parchment-map__island.is-new{animation:1.4s cubic-bezier(.2,.8,.2,1) .56s both map-island-reveal}.parchment-map__island-shadow{fill:#4a371e38}.parchment-map__island-shape{opacity:.88}.parchment-map__island-shore{fill:none;stroke:#4d3c25;stroke-width:.5px;stroke-linecap:round;stroke-linejoin:round}.parchment-map__hill-mark{stroke-width:.38px;opacity:.63}.parchment-map__place-mark{fill:#f0d796;stroke:#564026;stroke-width:.3px}.parchment-map__island.is-current .parchment-map__place-mark{fill:#b84f38}.parchment-map__island.is-destination .parchment-map__island-shore{stroke:#9a3e2d;stroke-width:.75px}.parchment-map__label{fill:#3f301d;letter-spacing:.06em;paint-order:stroke;stroke:#efdca7b8;stroke-width:.5px;font-size:2.25px;font-weight:700}.parchment-map__route{fill:none;stroke:#a54132;stroke-width:.62px;stroke-linecap:round;stroke-dasharray:1.1 1.45;animation:1.1s linear infinite map-route-dashes}.parchment-map__route.is-known{stroke:#665238;opacity:.72}.parchment-map__route.is-discovery{stroke-width:.82px}.parchment-map__boat{fill:#654323;stroke:#4b321d;stroke-width:.2px;animation:1.8s ease-in-out infinite map-boat-bob}.parchment-map__compass circle{stroke-width:.35px;opacity:.7}.parchment-map__compass path{fill:#6c4c28;stroke-width:.25px}.parchment-map__compass text{fill:#5a4024;font-size:1.7px;font-weight:700}.parchment-map__scale path{stroke-width:.32px}.parchment-map__scale text{fill:#634a2b;font-size:1.25px;font-style:italic}.parchment-map__legend{z-index:3;color:#594326;align-items:center;gap:clamp(9px,2vw,24px);font-size:clamp(.58rem,.9vw,.8rem);font-style:italic;display:flex;position:absolute;bottom:4.2%;left:7%;right:7%}.parchment-map__legend span:last-child{margin-left:auto}.parchment-map__legend i{vertical-align:-1px;border-radius:999px;width:10px;height:10px;margin-right:4px;display:inline-block}.parchment-map__legend .is-you{background:#b84f38;border:1px solid #553d22}.parchment-map__legend .is-route{border-top:2px dotted #a54132;border-radius:0;width:18px;height:0}.island-travel__caption{z-index:10;color:#47341f;width:min(620px,100vw - 40px);text-shadow:none;background:#efdaa3eb;border:1px solid #3f2d1a38;border-radius:3px;padding:10px 20px 11px;animation:.6s ease-out .18s both parchment-caption;bottom:clamp(16px,2.7vh,34px);left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 30px #13272440}.island-travel__caption strong{color:#3e2d1b}.island-travel__caption span{color:#72583a}@keyframes parchment-unfold{0%{opacity:0;filter:brightness(.7);transform:perspective(900px)rotateX(18deg)scaleX(.08)scaleY(.72)}48%{opacity:1;transform:perspective(900px)rotateX(4deg)scaleX(1.025)scaleY(.97)}72%{transform:perspective(900px)rotateX(-1deg)scaleX(.992)scaleY(1.008)}to{filter:none;transform:none}}@keyframes map-route-dashes{to{stroke-dashoffset:-5.1px}}@keyframes map-island-reveal{0%{opacity:0;transform:scale(.62)}55%{opacity:.65}to{opacity:1;transform:scale(1)}}@keyframes map-boat-bob{0%,to{translate:0 -.35px}50%{translate:0 .35px}}@keyframes parchment-caption{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.route-lab{background:#9ab5b1;width:100vw;height:100vh;position:relative;overflow:hidden}.route-lab-toolbar{z-index:2;color:#344334;background:#f7f3dae6;border:1px solid #343e3133;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font:600 13px/1.2 system-ui,sans-serif;display:flex;position:absolute;top:18px;left:18px;right:18px}.route-lab-toolbar span{opacity:.65;font-weight:500}.route-lab-actions{gap:6px;margin-left:auto;display:flex}.route-lab-actions button{color:inherit;cursor:pointer;text-transform:capitalize;background:#ffffff61;border:1px solid #343e3138;border-radius:999px;padding:7px 11px}.route-lab-actions button.is-active{background:#d8e7b7;border-color:#80935d}.shore-lab{background:#9ab5b1;width:100vw;height:100vh;position:relative;overflow:hidden}.shore-lab-toolbar{z-index:2;color:#344334;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3dae6;border:1px solid #343e3133;border-radius:14px;grid-template-columns:minmax(210px,1fr) auto;gap:9px 18px;width:min(620px,100vw - 32px);padding:13px 15px;font:600 13px/1.2 system-ui,sans-serif;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 14px 34px #34515024}.shore-lab-toolbar>div:first-child{gap:3px;display:grid}.shore-lab-toolbar span{opacity:.65;font-size:11px;font-weight:500}.shore-lab-toolbar label{grid-column:1/-1;grid-template-columns:120px minmax(130px,1fr);align-items:center;gap:8px;font-size:11px;display:grid}.shore-lab-toolbar input[type=range]{width:100%}.shore-lab-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.shore-lab-actions button{color:inherit;cursor:pointer;text-transform:capitalize;background:#ffffff61;border:1px solid #343e3138;border-radius:999px;padding:7px 11px}.shore-lab-actions button.is-active{background:#d8e7b7;border-color:#80935d}.footprint-lab{background:#a9c4ba;width:100vw;height:100vh;position:relative;overflow:hidden}.footprint-lab-toolbar{z-index:2;color:#344334;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3daeb;border:1px solid #343e3133;border-radius:14px;align-items:center;gap:18px;padding:12px 14px;font:600 13px/1.2 system-ui,sans-serif;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 14px 34px #34515024}.footprint-lab-toolbar>div{align-items:center;gap:7px;display:flex}.footprint-lab-toolbar>div:first-child{gap:3px;min-width:170px;display:grid}.footprint-lab-toolbar span{opacity:.68;font-size:11px;font-weight:500}.footprint-lab-toolbar button{color:inherit;cursor:pointer;text-transform:capitalize;background:#ffffff61;border:1px solid #343e3138;border-radius:999px;padding:7px 11px}.footprint-lab-toolbar button.is-active{background:#d8e7b7;border-color:#80935d}@media (width<=700px){.parchment-map{padding:10px}.parchment-map__sheet{aspect-ratio:1/1.08;width:min(98vw,92.5926vh - 25.9259px)}.parchment-map__drawing{width:96%;height:77%;inset:12% 2% 11%}.parchment-map__title{top:5%}.parchment-map__legend{flex-wrap:wrap;bottom:5%;left:6%;right:6%}.parchment-map__legend span:last-child{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.parchment-map--travel .parchment-map__sheet,.parchment-map__island.is-new,.parchment-map__route,.parchment-map__boat{animation:none}.island-travel__caption{animation:none;transform:translate(-50%)}}.viewfinder{z-index:3;pointer-events:none;position:absolute;inset:0}.viewfinder__mask{border:2px solid #fffdeec7;position:absolute;inset:0;box-shadow:inset 0 0 0 9999px #131b1c24}.viewfinder__flash{background:#fffdeed1;animation:.26s ease-out forwards viewfinder-flash;position:absolute;inset:0}@keyframes viewfinder-flash{0%{opacity:1}to{opacity:0}}.viewfinder--camera .viewfinder__mask:before,.viewfinder--camera .viewfinder__mask:after{content:"";background:#fffdeebd;position:absolute}.viewfinder--camera .viewfinder__mask:before{height:1px;top:50%;left:18%;right:18%}.viewfinder--camera .viewfinder__mask:after{width:1px;top:18%;bottom:18%;left:50%}.viewfinder--binoculars .viewfinder__mask{-webkit-backdrop-filter:blur(20px)brightness(.45)saturate(.58);backdrop-filter:blur(20px)brightness(.45)saturate(.58);-webkit-mask-composite:source-in;background:#080c0c9e;border:0;box-shadow:inset 0 0 110px #050808ad;-webkit-mask-image:radial-gradient(circle at calc(50% - 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px)),radial-gradient(circle at calc(50% + 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px));mask-image:radial-gradient(circle at calc(50% - 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px)),radial-gradient(circle at calc(50% + 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px));-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.viewfinder__binocular-rim{pointer-events:none;filter:drop-shadow(0 0 16px #0000008f);width:100vmin;height:64vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder__binocular-rim rect{fill:#020505f5}.viewfinder__controls{pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;bottom:100px;right:18px}.viewfinder__controls button{min-height:42px;padding:0 14px;font-weight:850}.viewfinder__controls label{color:#443c32;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcd1;border-radius:8px;gap:4px;min-width:150px;padding:8px 10px;font-size:.72rem;font-weight:850;display:grid;box-shadow:0 12px 30px #475c4324}.viewfinder__controls input{accent-color:#8c9e52;width:100%}.frame-rate-indicator--detailed{min-width:300px;box-shadow:none;text-align:right;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdeeeb;grid-template-columns:repeat(3,auto);gap:5px 10px;padding:8px 10px;line-height:1.15;display:grid}.frame-rate-indicator--detailed strong{grid-column:1/-1;font-size:.82rem}.frame-rate-indicator__hint{color:#777064;text-align:center;grid-column:1/-1;font-family:inherit;font-size:.66rem;font-weight:700}.target-panel{z-index:2;color:#443c32;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdeed1;border:1px solid #3f393124;border-radius:8px;min-width:min(320px,100vw - 36px);padding:10px 18px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #34515029}.target-panel strong{font-size:1rem;line-height:1.1}.target-panel span{color:#675d52;text-transform:lowercase;margin-top:3px;font-size:.82rem;font-weight:750;line-height:1.1}.target-panel small{color:#7d8356;letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:.7rem;font-weight:800}.photo-notice{z-index:8;color:#51483b;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdeee6;border:1px solid #3f393124;border-radius:8px;max-width:min(420px,100vw - 36px);padding:9px 14px;font-size:.8rem;font-weight:800;position:absolute;bottom:102px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #34515029}.hud-objective{color:#4f5737;width:fit-content;max-width:min(340px,48vw);text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f6dab8;border-left:3px solid #6f8043b8;border-radius:0 7px 7px 0;margin:7px 0 0;padding:7px 11px;font-size:.72rem;font-weight:760;line-height:1.25}.place-message{z-index:8;color:#514b36;letter-spacing:.015em;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f7dee6;border:1px solid #5b523a29;border-radius:999px;max-width:min(440px,100vw - 36px);padding:10px 16px;font-size:.78rem;font-weight:800;position:absolute;bottom:94px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #2b443929}.place-message--discovery{color:#67542f;background:#fff9cff0;border-color:#84703638;padding:12px 19px;font-size:.86rem}.touch-zoom-controls{z-index:3;pointer-events:auto;gap:8px;display:none;position:absolute;bottom:18px;left:16px}.touch-zoom-controls button{color:#443c32;touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcc7;border:1px solid #5d4a3024;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.touch-zoom-controls button:active{color:#675123;background:#f2d680d1}.sea-tuning{color:#443c32;gap:6px;display:grid}.sea-tuning strong{font-size:.8rem}.sea-tuning__readout{background:#3f393114;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;padding:6px 7px;font-size:.66rem;font-weight:700;line-height:1.2;display:grid}.sea-tuning label{gap:2px;font-size:.72rem;font-weight:700;display:grid}.sea-tuning input[type=range]{width:100%}@media (hover:none),(pointer:coarse){.touch-zoom-controls{display:flex}}@media (width<=720px){.hud{flex-direction:column;align-items:stretch}.stat-row{justify-content:flex-start;overflow-x:auto}.wind-stat{min-width:62px}.wind-stat .wind-stat__strength{display:none}h1{font-size:2rem}.target-panel{bottom:18px}.inventory-dock{bottom:12px;right:12px}.backpack-panel{grid-template-columns:1fr}.viewfinder__controls{justify-content:flex-end;bottom:88px;left:12px;right:12px}.touch-zoom-controls{bottom:16px}}@media (hover:none),(pointer:coarse){.target-panel{bottom:82px}}