:root{color-scheme:dark;font:16px/1.45 'Avenir Next','Trebuchet MS',sans-serif;color:#f5f7ed;background:#26454d;--accent:#e8ac75;--muted:#bed0ca}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d3e6da33;border-radius:9px;padding:12px 17px;background:#254951;color:#f5f7ed;transition:background .15s,transform .15s}button:hover{background:#38616a}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffd39c;outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.primary{background:#e8ac75;color:#233a3c;border-color:#e8ac75;font-weight:700}.primary:hover{background:#f6c493}.muted{color:var(--muted);font-size:.86rem}p{margin:.7em 0}h2,h3{margin:.1em 0 .6em}h2{font-size:1.8rem;line-height:1.15}h3{font-size:1.02rem}kbd{font-size:.74rem;border:1px solid #deeee45c;border-radius:4px;padding:3px 6px;margin-left:5px;color:#d5e9dd}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:0}
.overlay{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(90deg,#0f272ef5,#0f272ec2 31%,#0f272e1f 70%);padding:28px 4.5vw 24px}header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;gap:20px}.build{color:#dcece0;background:#163d4588;padding:7px 11px;border-radius:5px}.menu-content{margin:auto 0;max-width:390px;padding:15px 0}.island-mark{font-size:2.4rem;color:#e8ac75;line-height:1}h1{font-size:clamp(4.3rem,8vw,7rem);letter-spacing:-.06em;line-height:.95;margin:.08em 0 .28em;font-weight:800}h1 span{display:block;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:0;font-weight:500;line-height:1.4;margin-top:12px;color:#cae4d2}.intro{font-size:1.01rem;max-width:350px;color:#d2e2d9;line-height:1.65}.menu-buttons{display:grid;gap:9px;max-width:335px;margin:26px 0 12px}.menu-buttons>.primary{padding:15px}.two-buttons{display:flex;gap:9px}.two-buttons button{flex:1;background:#26494dab}#load-status,#save-status{font-size:.76rem;color:#b7d2c9;max-width:340px}footer{font-size:.72rem;color:#d1e1d3;line-height:1.6}footer a{opacity:.75}
#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto;box-shadow:0 4px 16px #00171921}.hud-top{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:24px 30px}.heading{background:linear-gradient(90deg,#153a3dd9,#153a3d9c);border-radius:11px;padding:14px 20px;max-width:420px}.heading>strong{font-size:1.8rem;letter-spacing:-.05em;margin-right:17px}.heading>span{font-size:.82rem;color:#ffe1af}#objective{font-size:.94rem;margin:5px 0;color:#f6ecd9}#location{font-size:.78rem;color:#c5d6cc;margin:4px 0}.hud-actions{display:flex;gap:7px}.hud-actions button{background:#183f49de;padding:10px 13px;font-size:.8rem}#pause{font-weight:bold;min-width:43px}.hud-bottom{position:absolute;bottom:55px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end}.vitals{min-width:246px;padding:16px 18px 11px;border-radius:12px;background:#153a42e8}.vital{display:grid;grid-template-columns:72px 1fr 26px;align-items:center;gap:10px;font-size:.69rem;margin:6px 0}.vital span{color:#d5e2dc}.vital output{text-align:right;font-variant-numeric:tabular-nums}.vital meter{appearance:none;width:100%;height:7px;background:#071d268c;border:none;border-radius:9px;overflow:hidden}.vital meter::-webkit-meter-bar{border:0;background:#071d268c;height:7px}.vital meter::-webkit-meter-optimum-value{background:var(--bar)}.vital meter::-moz-meter-bar{background:var(--bar)}.health{--bar:#e68e75}.energy{--bar:#e8c46b}.hunger{--bar:#a5c380}.thirst{--bar:#79c5d9}#movement-status{font-size:.7rem;color:#b6d0c3;margin:10px 0 0}.quick-actions{display:flex;align-items:end;gap:8px}.quick-actions button{font-size:.82rem;padding:12px 15px;background:#153a42e8;text-align:left;min-height:69px}.quick-actions small{display:block;color:#b4cfc4;font-size:.7rem;margin-left:28px}.button-icon{font-size:1.2rem;margin-right:8px}.control-hint{position:absolute;bottom:15px;width:100%;text-align:center;font-size:.73rem;text-shadow:0 1px 4px #000;margin:0;color:#f2f8ecb0}.crosshair{position:absolute;left:50%;top:50%;font:700 30px/1 sans-serif;transform:translate(-50%,-50%);opacity:.55;text-shadow:0 1px 3px #163d4d}.interact-prompt{position:absolute;left:50%;top:65%;transform:translateX(-50%);white-space:nowrap}.interact-prompt button{background:#f5efdfe8;color:#243c41;border:1px solid #fff9;padding:11px 18px;font-weight:600;font-size:.87rem;box-shadow:0 4px 20px #173f4344}.interact-prompt kbd{background:#244d50;color:#fff;margin-right:8px;margin-left:0;padding:4px 7px}.toast{position:absolute;top:126px;left:50%;transform:translateX(-50%);max-width:min(460px,84vw);padding:14px 20px;background:#153b45ee;border-left:3px solid #e8ac75;border-radius:9px;font-size:.84rem;box-shadow:0 8px 24px #18333428}.toast p{margin:4px 0 0;color:#d2e1d6;font-size:.78rem}.warning{position:absolute;top:210px;left:50%;transform:translateX(-50%);max-width:min(480px,90vw);background:#743e30eb;border:1px solid #eab29877;color:#ffe6cf;border-radius:9px;padding:10px 16px;text-align:center;font-size:.84rem}
#damage,#water-overlay{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:2}#damage{box-shadow:inset 0 0 110px 35px #b62922;background:radial-gradient(ellipse at center,transparent 43%,#9e19192b);transition:opacity .1s}#water-overlay{background:linear-gradient(0deg,#187a9840,transparent 26%);z-index:1}dialog{border:1px solid #8db5aa40;border-radius:18px;background:#193e47f7;color:#f2f5e9;box-shadow:0 30px 90px #031a2a80;padding:28px;width:min(580px,calc(100% - 30px));max-height:88dvh;overflow:auto}dialog::backdrop{background:#061c2699;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-heading p{margin:0 0 5px}.dialog-heading h2{margin:0}.dialog-heading>button{font-size:1.4rem;padding:2px 12px;border:0;background:#2b515c}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.row button{flex:1;white-space:nowrap}label{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;font-size:.89rem}input[type=range]{width:100%;accent-color:#e8ac75;cursor:pointer}.checkbox{justify-content:start;gap:10px}input[type=checkbox]{width:18px;height:18px;accent-color:#e8ac75}select{background:#284e59;color:#fff;border:1px solid #a1c0b633;border-radius:7px;padding:10px;width:100%}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.item{display:flex;flex-direction:column;padding:13px;border-radius:9px;background:#2b505a}.item-top{display:flex;gap:10px;align-items:center}.item-symbol{font-size:2rem;line-height:1.2}.item h3{font-size:.9rem;margin:0}.item small{display:block;color:#c1d5ca;font-size:.75rem}.item p{font-size:.76rem;line-height:1.45;color:#c7d7cd;margin:8px 0;flex:1}.item button{padding:6px 10px;font-size:.79rem;background:#3b6470}.item-empty{grid-column:1/-1;padding:20px;color:#c5d7ce;text-align:center;border:1px dashed #c9e3d33b;border-radius:10px}.recipe{border-top:1px solid #9dc3b32e;margin-top:24px;padding-top:20px}.recipe p{font-size:.85rem;color:#bfd3c9}.recipe .row{margin:12px 0 0;font-size:.82rem}#inventory-feedback{font-size:.82rem;color:#ffdbb0;min-height:1.3em}.emote-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emote-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:23px 10px}.emote-grid span{font-size:2rem}.controls-list{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;font-size:.88rem}.controls-list dt{color:#ffdeb6}.controls-list dd{margin:0;color:#cfdfd5}#help>p{font-size:.87rem;color:#c7d9ce}#death{text-align:center;max-width:450px}#death p{color:#c4d8d0;font-size:.9rem}#death button{margin-top:15px;width:100%}#map{width:min(640px,94vw)}.map-frame{position:relative;aspect-ratio:1;background:#87c3c1;border-radius:10px;overflow:hidden}.map-frame>img{display:block;width:100%;height:100%;object-fit:cover}.map-frame>svg,.map-frame>#map-markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#map-player{position:absolute;transform:translate(-50%,-50%);width:11px;height:11px;background:#f0764f;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #f0764f44}.map-marker{position:absolute;transform:translate(-50%,-50%);font-size:18px;color:#fff;text-shadow:0 1px 3px #183d4b,0 1px 4px #183d4b}.map-marker.cave{color:#fff6a7}.map-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.77rem;margin-top:15px;color:#c4ddd0}.map-legend span:first-child{color:#ffb38c}.touch-pad{display:none;pointer-events:auto;position:absolute;bottom:135px;left:20px;text-align:center;user-select:none}.touch-pad button{padding:9px 15px;background:#183d48ad;touch-action:none;font-size:1rem;margin:2px}.touch-pad button.active{background:#a4c9bd;color:#183d48}
@media(pointer:coarse){.touch-pad{display:block}.control-hint{display:none}.hud-bottom{bottom:20px}.vitals{min-width:220px}.hud-actions button{padding:11px}.interact-prompt{top:58%}.quick-actions kbd{display:none}}
@media(max-width:650px){.overlay{padding:20px;background:linear-gradient(90deg,#14343aed,#14343aae 70%,#14343a55)}.menu-content{max-width:315px}h1{font-size:4.5rem}.intro{font-size:.9rem}.menu-buttons{margin:18px 0 8px}footer{font-size:.65rem}.hud-top{padding:12px;gap:8px}.heading{padding:10px 12px;max-width:calc(100vw - 135px)}.heading>strong{font-size:1.35rem}.heading>span{font-size:.68rem;display:block}.heading #objective{font-size:.75rem}.heading #location{font-size:.67rem}.hud-actions{flex-wrap:wrap;justify-content:end;max-width:115px}.hud-actions button{font-size:.65rem;padding:8px}.hud-bottom{left:12px;right:12px;bottom:33px;gap:8px}.vitals{min-width:190px;padding:10px 12px}.vital{grid-template-columns:58px 1fr 22px;gap:6px;font-size:.61rem}.quick-actions{flex-direction:column;gap:5px}.quick-actions button{min-height:0;padding:9px 10px;font-size:.7rem;min-width:117px}.button-icon{display:none}#inventory-count{display:none}.quick-actions kbd{font-size:.6rem;padding:2px 3px}.control-hint{font-size:.53rem;bottom:10px}.toast{top:144px;font-size:.78rem}.warning{top:225px;font-size:.76rem}.interact-prompt{top:59%;max-width:95vw}.interact-prompt button{font-size:.72rem}.touch-pad{left:12px;bottom:155px}dialog{padding:21px}.inventory-grid{gap:7px}.item{padding:11px}.controls-list{gap:10px 12px;font-size:.78rem}.map-legend{gap:10px;font-size:.65rem}}
@media(max-height:650px){.menu-content{padding:7px 0}.island-mark{display:none}h1{font-size:4.2rem}.intro{font-size:.87rem}.menu-buttons{margin:16px 0 8px;gap:6px}.menu-buttons>.primary{padding:11px}.overlay{padding-top:15px;padding-bottom:12px}footer{font-size:.65rem}.hud-top{padding-top:12px}.toast{top:110px}.warning{top:180px}.hud-bottom{bottom:30px}.vitals{padding:10px 13px}.touch-pad{bottom:155px}.control-hint{bottom:7px}}
.overlay{overflow-y:auto}
@media(prefers-reduced-motion:reduce){button,#damage{transition:none}}

#visitor-labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.visitor-label{position:absolute;transform:translate(-50%,-100%);padding:5px 9px;max-width:240px;border:1px solid #d9dfcd80;border-radius:7px;background:#143a42e8;color:#f7f4e7;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 2px 8px #071c2566}.visitor-label.selected{border-color:#edc481;color:#ffe4b1}#visitor-guide{font-size:.75rem;color:#ffe0a4;margin:5px 0 0}.map-marker.visitor-pin{pointer-events:auto;z-index:1;min-width:16px;height:16px;padding:0;border:1px solid #24484c;border-radius:50%;font:700 10px/14px sans-serif;text-shadow:none;background:#f5dfab;color:#183a42;box-shadow:none}.map-marker.visitor-pin.selected{z-index:3;background:#fff6dd;outline:3px solid #e99352;outline-offset:2px}.map-destination-layer{pointer-events:none}#map-destination{stroke:#ffcf78;stroke-width:3;stroke-dasharray:8 6}#visitor-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visitor-list-item{padding:10px 12px;text-align:left;font-size:.78rem}.visitor-list-item strong,.visitor-list-item small{display:block}.visitor-list-item small{font-size:.69rem;color:#c7d7cc;margin-top:3px}.visitor-list-item[aria-pressed=true]{border-color:#e8bd77;background:#38565a}.visitor-list-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:25px}.visitor-list-heading h3{margin:0}.visitor-list-heading button{padding:5px 9px;font-size:.73rem}#map>.dialog-heading{position:sticky;top:-28px;background:#193e47;z-index:5;padding:10px 0}.visitor-list-heading+.muted{font-size:.76rem}@media(max-width:500px){#visitor-list{grid-template-columns:1fr}.visitor-label{font-size:11px;max-width:205px}#map>.dialog-heading{top:-21px}}