:root{color-scheme:dark;--ink:#102021;--panel:#16292a;--paper:#eee8d6;--muted:#afc1b9;--gold:#e1bd7a;--line:#81988c40;--display:Impact,"Arial Narrow",sans-serif;--body:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.6 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4d797;outline-offset:5px}[hidden]{display:none!important}h1,h2,p{margin-top:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:10px;left:12px;background:var(--gold);color:var(--ink);padding:12px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.harbor-wrap{max-width:1380px;margin:auto;padding-inline:5vw}
.harbor-header{height:100px;padding:0 4vw;display:flex;gap:35px;align-items:center;border-bottom:1px solid var(--line)}.harbor-brand{display:flex;align-items:center;gap:12px;font:28px/1 var(--display);letter-spacing:2px}.harbor-brand svg{width:39px;height:39px;stroke:var(--gold);stroke-width:1.6;fill:none}.harbor-brand small{display:block;font:8px/1.5 var(--body);letter-spacing:1.8px;color:var(--muted);margin-top:8px}.harbor-header nav{display:flex;gap:29px;margin:auto;font-size:12px;color:var(--muted)}.harbor-header nav a{padding:13px 0}.harbor-header a:hover{color:var(--gold)}.harbor-tools{display:flex;gap:13px;align-items:center;font-size:11px}.harbor-tools button{background:transparent;color:var(--muted);border:0;min-height:44px;padding:8px}.harbor-tools #time-toggle{font-size:24px;color:var(--gold);width:44px;border:1px solid var(--line);border-radius:50%}.owner-login{padding:12px 0}
.island-intro{max-width:1540px;margin:auto;padding:50px 4vw 35px;display:flex;align-items:end;justify-content:space-between;gap:28px}.kicker{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:600;margin:0 0 17px}.island-intro h1{font:clamp(35px,4.1vw,67px)/1.04 var(--display);letter-spacing:1.3px;margin-bottom:0}.intro-right{padding:0 0 5px}.intro-right>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:18px}.text-link{display:inline-flex;align-items:center;gap:30px;min-height:44px;font-size:12px;color:var(--gold);border-bottom:1px solid #e1bd7a60}.text-link:hover{color:#fff1cb}
.island-section{max-width:1672px;margin:0 auto}.map-heading{padding:0 4vw 14px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:11px}.map-heading h2{font:600 11px/1.5 var(--body);letter-spacing:1.6px;text-transform:uppercase;margin:0}.map-heading p{margin:0}.island-frame{position:relative;isolation:isolate;background:#163d42;overflow:hidden}.island-art{display:block;width:100%;height:auto;transition:filter .7s}.island-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#061d2bc2 0%,transparent 22%,transparent 80%,#0b273018)}
.map-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px 8px 7px;background:#102523de;border:1px solid #d3c2988c;color:#f7f0d8;box-shadow:0 3px 20px #071c2560;font-size:11px;white-space:nowrap;border-radius:3px;transition:background .15s,transform .15s}.map-hotspot i{display:block;flex-shrink:0;width:9px;height:9px;border:2px solid #f4d58e;border-radius:50%;box-shadow:0 0 0 4px #e3bb7140}.map-hotspot:hover,.map-hotspot[aria-current=location]{background:#bfa369;color:#0c2527;z-index:4;transform:translate(-50%,-50%) translateY(-3px)}.map-hotspot:hover i{border-color:#123e41}
.map-caption{position:absolute;left:4vw;bottom:27px;display:flex;align-items:center;gap:18px;color:#e5ebdd;pointer-events:none}.map-compass{font:12px/1.3 Georgia,serif;text-align:center;letter-spacing:2px}.map-caption p{font-size:12px;line-height:1.7;margin:0}.map-caption p span{font-size:10px;color:#b5cbc9}.map-index{display:flex;flex-wrap:wrap;justify-content:center;padding:16px 4vw;background:#102324;border-bottom:1px solid var(--line)}.map-index a{min-height:38px;padding:9px 14px;font-size:10px;color:var(--muted);border-right:1px solid var(--line)}.map-index a:hover,.map-index a[aria-current=location]{color:var(--gold)}
.place-panel{padding-block:46px;display:grid;grid-template-columns:1.6fr 1fr;gap:70px;border-bottom:1px solid var(--line)}.place-panel h2{font:36px/1.1 var(--display);letter-spacing:1px;margin-bottom:16px}.place-panel p:not(.kicker){font-size:13px;line-height:1.9;color:var(--muted);max-width:700px}.place-panel aside{border-left:1px solid var(--line);padding-left:30px}.place-links{display:flex;gap:10px;flex-wrap:wrap}.harbor-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:10px 22px;background:var(--gold);border:1px solid var(--gold);color:#13292a;font-size:12px;font-weight:600}.harbor-button:hover{background:#edd49f}
.harbor-library{padding-block:65px 70px}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.library-heading h2{font:40px/1.05 var(--display);letter-spacing:1px;margin:0}.game-search{display:flex;align-items:center;border:1px solid var(--line);width:340px;min-height:48px;background:#172a2b;padding:0 16px;gap:12px}.game-search svg{width:19px;height:19px;stroke:var(--muted);stroke-width:1.5;fill:none;flex-shrink:0}.game-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--paper);padding:12px 0;font-size:12px}.game-search input::placeholder{color:#a5b6ae}.library-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px;padding-block:20px}.library-meta p{margin:0}
.harbor-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.island-game{border:1px solid var(--line);background:#142728;min-width:0;transition:border-color .2s}.island-game:hover{border-color:#d1bc88}.island-game-art{height:220px;display:flex;align-items:end;position:relative;overflow:hidden;background:linear-gradient(135deg,#243d3e,#0a2025)}.island-game-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.island-game:hover img{transform:scale(1.03)}.island-game-art.doom img{object-fit:contain;padding:10px;background:radial-gradient(#594223,#190e07)}.game-platform{position:absolute;bottom:12px;left:14px;background:#122221e8;padding:3px 9px;border:1px solid #b6b39470;font-size:9px;letter-spacing:1px;color:#efdfb8}.island-game-body{padding:23px}.island-game-body h3{font:28px/1.1 var(--display);letter-spacing:1px;margin:0 0 9px;overflow-wrap:anywhere}.island-game-version{font-size:11px;color:var(--gold);margin-bottom:10px}.island-game-variant{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.island-game-body .text-link{margin-top:3px;font-size:11px;justify-content:space-between;width:100%}#harbor-status{color:var(--muted);font-size:13px}
.harbor-story{padding-block:58px 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.harbor-story h2{font:40px/1.1 var(--display);letter-spacing:1px}.harbor-story>div>p:not(.kicker){font-size:13px;line-height:1.95;color:var(--muted)}.harbor-story .story-signature{color:var(--gold)}.harbor-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:27px;color:var(--muted);font-size:10px}.harbor-footer .harbor-brand{font-size:24px;color:var(--paper)}.harbor-footer p{margin:0}
[data-time=night] .island-art{filter:brightness(.5) saturate(.75) hue-rotate(10deg)}[data-time=evening] .island-art{filter:brightness(.76) saturate(1.05) sepia(.13)}[data-time=morning] .island-art{filter:brightness(1.02) saturate(.83)}[data-season=autumn] .island-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:#b67f3310;mix-blend-mode:screen}[data-season=winter] .island-shade{background:linear-gradient(0deg,#061d2bc2,transparent 30%,#dbefff25)}
@media(max-width:1100px){.harbor-header{gap:20px;height:90px}.harbor-header nav{gap:18px;font-size:11px}.harbor-brand{font-size:24px}.harbor-brand small{font-size:7px;letter-spacing:1px}.harbor-tools{gap:6px}.harbor-games{grid-template-columns:repeat(2,minmax(0,1fr))}.island-game-art{height:240px}.map-hotspot{font-size:10px;padding:6px;gap:6px;min-height:38px}.island-intro{padding-top:38px}}
@media(max-width:760px){.harbor-header{height:auto;min-height:85px;flex-wrap:wrap;padding:20px 5vw 12px;gap:16px}.harbor-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px;margin:0}.harbor-tools{margin-left:auto}.harbor-tools #sound-toggle{font-size:10px}.owner-login{display:none}.harbor-brand svg{width:30px;height:30px}.harbor-brand{font-size:22px}.harbor-brand small{font-size:6px}.island-intro{padding:34px 5vw 26px;display:block}.island-intro h1{font-size:clamp(31px,7.8vw,51px)}.intro-right{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.intro-right>p{font-size:11px;margin:0}.intro-right .text-link{font-size:11px;gap:16px}.kicker{font-size:8px;letter-spacing:2px;margin-bottom:13px}.map-heading{padding-inline:5vw}.map-heading h2{font-size:9px}.map-heading p{font-size:9px}.map-hotspot{min-width:36px;min-height:36px;width:36px;height:36px;padding:0;justify-content:center;background:#102523b8;border-radius:50%}.map-hotspot>span{display:none}.map-hotspot i{width:7px;height:7px}.map-caption{left:5vw;bottom:10px;gap:10px}.map-caption p{font-size:9px}.map-caption p span{display:none}.map-compass{font-size:9px}.map-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px 4vw}.map-index a{font-size:10px;min-height:44px;text-align:center;padding:10px 4px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.harbor-library{padding-block:40px}.library-heading{display:block}.library-heading h2{font-size:33px}.game-search{width:100%;margin-top:24px;min-height:48px}.library-meta{font-size:10px}.library-meta>p{max-width:230px}.harbor-games{gap:16px}.island-game-art{height:160px}.island-game-body{padding:17px}.island-game-body h3{font-size:24px}.island-game-version{font-size:10px}.harbor-story{grid-template-columns:1fr;gap:10px;padding-block:38px}.harbor-story h2{font-size:34px;margin-bottom:20px}.harbor-story>div>p:not(.kicker){font-size:12px}.place-panel{grid-template-columns:1fr;gap:20px;padding-block:32px}.place-panel aside{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid var(--line)}.place-panel h2{font-size:30px}.harbor-footer{flex-wrap:wrap;gap:12px 25px;padding-block:24px}.harbor-footer p{margin-left:auto}.harbor-footer>a:last-child{width:100%}}
@media(max-width:430px){.harbor-games{grid-template-columns:1fr}.island-game-art{height:210px}.harbor-tools #sound-toggle{padding-inline:0;font-size:9px}.harbor-tools #time-toggle{width:36px;min-height:36px;font-size:21px}.harbor-brand small{max-width:130px;font-size:6px}.map-hotspot{width:28px;min-width:28px;height:28px;min-height:28px}.intro-right{gap:10px}.intro-right>p{font-size:10px}.intro-right .text-link{font-size:10px;gap:10px}.library-meta{gap:20px}.library-meta>span{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media(forced-colors:active){.map-hotspot,.map-index a,.island-game,.game-search{border-color:CanvasText}.island-shade{display:none}.map-hotspot i{background:Highlight}.island-game-art{background:Canvas}.harbor-button{border-color:ButtonText}}