*{box-sizing:border-box}body{margin:0;background:#071323;color:#e5eff7;font:17px/1.65 system-ui}header,main{max-width:1050px;margin:auto;padding:20px}header span{display:block;font-size:12px;letter-spacing:.15em;color:#a4cece}h1{font:42px Georgia;margin:12px 0}a{color:#8de9e0}button,input,textarea,select{font:inherit}button{border:1px solid #8aadaa;background:#173d4c;color:#f3ffff;padding:11px 15px;border-radius:9px;margin:6px}button:disabled{opacity:.5}label{display:block;margin:16px 0}textarea,select{width:100%;padding:12px;background:#0b2032;color:#fff;border:1px solid #96aeb5;border-radius:8px}audio{display:block;max-width:100%;margin:18px 0}.panel{padding:22px;background:#112536;border:1px solid #496473;border-radius:14px;margin:18px 0}.panel[hidden],[hidden]{display:none!important}#scene{height:360px;position:relative;overflow:hidden;background:linear-gradient(#07162e 60%,#132d44);border:5px solid #665541;border-radius:18px;box-shadow:0 0 40px #d4a24412}.moon{position:absolute;width:45px;height:45px;background:#e2e9da;border-radius:50%;top:28px;left:15%}.lighthouse{position:absolute;right:16%;top:60px;font-size:70px;color:#d4d3b3}.lighthouse i{position:absolute;width:230px;height:70px;right:10px;top:30px;background:linear-gradient(90deg,transparent,#ead99c55);clip-path:polygon(0 0,100% 45%,100% 55%,0 100%);transform-origin:right;animation:beam 12s ease-in-out infinite alternate}#ocean{position:absolute;height:30%;bottom:0;width:100%;background:repeating-linear-gradient(175deg,#183f58 0 8px,#23506a 10px 12px);transition:height 1s}#scene nav{position:absolute;bottom:5px;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;background:#091827bb}#path,#chair,#boat,#shelter{position:absolute;background:#081c2bd9;padding:5px 10px;font-size:13px;border-radius:8px}#path{left:8%;top:46%}#chair{left:5%;top:15%}#boat{right:5%;top:68%}#shelter{right:2%;top:5%}#status{color:#ffdf9b}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93ffeb;outline-offset:3px}@keyframes beam{to{transform:rotate(-24deg);opacity:.3}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:600px){header,main{padding:14px}.panel{padding:15px}#scene{height:340px}#scene nav button{font-size:14px;padding:10px;margin:4px}}

.chair-art{display:none;position:absolute;bottom:90px;left:25%;width:45px;height:55px;border:7px solid #c09666;border-bottom-width:14px;border-radius:10px;background:#e1b87722;box-shadow:0 13px 0 -8px #c09666}.has-chair .chair-art{display:block}.boat-art{display:none;position:absolute;bottom:76px;right:23%;width:95px;height:25px;background:#b18555;border-radius:0 0 80% 60%;transform:rotate(-4deg);box-shadow:0 8px 20px #92c7d877}.has-boat .boat-art{display:block}.explore-actions{display:flex;flex-wrap:wrap;gap:8px}
/* Keep native file controls and long labels inside narrow encounter panels. */
input[type="file"]{display:block;width:100%;max-width:100%;min-width:0}
.panel button{max-width:calc(100% - 12px);white-space:normal;overflow-wrap:anywhere}
.panel{overflow-wrap:anywhere}