: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{display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:999px;background:#153a42d0}.vital{display:flex;align-items:center;gap:6px;font-size:.86rem;font-variant-numeric:tabular-nums;--bar:#e68e75}.vital-icon{display:inline-flex;width:20px;height:20px}.vital-icon svg{width:100%;height:100%;fill:var(--bar);filter:drop-shadow(0 1px 2px #0008)}.vital output{color:#f0f4ea;min-width:2ch}.health{--bar:#ef8f77}.hunger{--bar:#b7d18a}.thirst{--bar:#7fd0e6}.vital[data-level=low]{color:#ffd2b0}.vital[data-level=low] .vital-icon{animation:vital-pulse 1.4s infinite}.vital[data-level=critical]{color:#ffb4a0}.vital[data-level=critical] .vital-icon{animation:vital-pulse .7s infinite}@keyframes vital-pulse{0%,100%{opacity:1}50%{opacity:.35}}#movement-status{font-size:.68rem;color:#b6d0c3;margin:0 0 0 6px;white-space:nowrap}.quick-actions{display:flex;align-items:end;gap:6px}.quick-actions button{display:flex;align-items:center;gap:6px;font-size:.74rem;padding:7px 10px;background:#153a42d0;min-height:0;border-radius:999px}.quick-actions small{color:#b4cfc4;font-size:.68rem}.button-icon{font-size:1rem}.quick-actions kbd{margin-left:2px}.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%;width:0;height:0;transform:translate(-50%,-50%);color:#fff;opacity:.94;--spread:9px;--arm:11px;--stroke:2.6px}.crosshair i{position:absolute;left:50%;top:50%;background:currentColor;border-radius:999px;box-shadow:0 0 3px #0a1d2699,0 1px 2px #0a1d2673}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:var(--stroke);height:var(--arm)}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:var(--arm);height:var(--stroke)}.crosshair i:nth-child(1){translate:-50% calc(-100% - var(--spread))}.crosshair i:nth-child(2){translate:-50% var(--spread)}.crosshair i:nth-child(3){translate:calc(-100% - var(--spread)) -50%}.crosshair i:nth-child(4){translate:var(--spread) -50%}.crosshair[hidden]{display:none}.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}.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{gap:9px;padding:6px 10px}.vital{font-size:.74rem;gap:4px}.vital-icon{width:16px;height:16px}#movement-status{display:none}.quick-actions{flex-direction:column;gap:4px}.quick-actions button{padding:6px 9px;font-size:.66rem}.button-label{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}.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}}

#online-player-labels{position:fixed;inset:0;pointer-events:none;z-index:4}.online-player-label{position:absolute;transform:translate(-50%,-100%);padding:.25rem .6rem;border-radius:1rem;background:#143c43e8;color:#fff6da;font:600 13px system-ui;border:1px solid #dce5bf66;white-space:nowrap}.online-player-label[hidden]{display:none}#online-connection{font-size:12px;color:#daf0cf;max-width:34rem;overflow-wrap:anywhere}

/* The persistent conversation language is chosen before entering the island. */
.menu-language{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:10px 0 6px}.menu-language label{font-size:.76rem;color:#dfebe3;line-height:1.4}.menu-language select{font:inherit;font-size:.8rem;min-height:40px;max-width:138px;padding:8px 10px;border:1px solid #668780;border-radius:7px;background:#183d43;color:#f3f4e8;color-scheme:dark}.menu-language small{grid-column:1/-1;font-size:.69rem;color:#bed3c9;line-height:1.4}.menu-language select:focus-visible{outline:3px solid #edc78d;outline-offset:2px}

/* Stimm-Hinweis im Gespraech: warum gerade eine andere Stimme spricht. */
.npc-talk-notice{margin:6px auto 0;max-width:min(560px,100%);padding:5px 12px;border:1px solid #ffffff33;border-radius:10px;background:#000000a6;color:#d9e7de;font-size:11.5px;line-height:1.45;text-shadow:0 1px 2px #000;overflow-wrap:anywhere;pointer-events:none}
.npc-talk-notice[hidden]{display:none}
@media(max-width:650px){.npc-talk-notice{font-size:11px}}

/* A quiet play view; permanent panels live in the phone apps. */
#hud .heading,#camera-toggle,#map-toggle,.quick-actions,.expansion-hud,.field-items-launcher{display:none!important}
.hud-top{justify-content:flex-end;padding:20px}.hud-actions{max-width:none;flex-wrap:nowrap}.hud-actions button{border-radius:14px;background:#15383cde;border:1px solid #d8e8e440;min-height:46px}.hud-actions kbd{margin-left:10px}
.hud-bottom{left:20px;bottom:26px;right:auto}.vitals{background:#102e34b8;backdrop-filter:blur(8px);border:1px solid #cde2d325;gap:12px}.control-hint{bottom:8px;font-size:11px;opacity:.7;text-align:right;padding-right:20px;box-sizing:border-box}.toast{top:88px;max-width:min(350px,84vw);padding:10px 16px;pointer-events:none}.warning{top:auto;bottom:92px;font-size:13px;padding:8px 14px}
body.phone-open #hud,body.phone-open #visitor-labels,body.phone-open #online-player-labels{visibility:hidden}
body.phone-open #hud .touch-pad{visibility:visible}
.overlay{z-index:80;background:linear-gradient(90deg,#102c32f5 0%,#163b42db 32%,#18394030 100%);overflow-y:auto;padding:28px 6vw}.overlay header{letter-spacing:.05em}.overlay .build{background:none;letter-spacing:.22em;font-size:11px;opacity:.65}.menu-content{max-width:420px;width:100%;padding:28px 0}.menu-eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#b8dedb;margin:0 0 22px}.menu-content h1{font-size:clamp(68px,10vw,122px);color:#f6f4e8;margin:0 0 24px;letter-spacing:-.075em}.menu-lead{color:#caddd8;line-height:1.55;max-width:350px;font-size:16px}.menu-buttons,.pause-buttons{display:grid;gap:10px;max-width:340px;margin:28px 0 16px}.menu-buttons button,.pause-buttons button{min-height:48px;border-radius:12px;text-align:left;padding:12px 17px;font-size:15px}.menu-buttons>.primary,.pause-buttons>.primary{background:#e7eee0;color:#15373a;border-color:#e7eee0;font-weight:700}.menu-buttons .two-buttons button,.pause-buttons .two-buttons button{font-size:13px}.menu-buttons .online-identity{font-size:11px;opacity:.65}.menu-language-details{font-size:12px;color:#bcd5cd;padding:6px 0}.menu-shortcut{font-size:11px;color:#b8d0c9}.pause-buttons .quiet{background:transparent;border-color:transparent;color:#bdd3cd;font-size:13px}.overlay footer{display:flex;justify-content:space-between;gap:20px;font-size:11px}.overlay[data-view=pause]{background:linear-gradient(90deg,#0d272eee,#143940bd 48%,#18394050)}.overlay[data-view=pause] .build{opacity:.4}
@media(max-width:650px){.overlay{padding:22px}.menu-content{padding:22px 0}.menu-content h1{font-size:76px}.hud-top{padding:12px}.control-hint{display:none}.hud-bottom{left:12px;bottom:14px}.overlay footer{font-size:10px}.vitals{gap:9px}.toast{top:76px}.warning{bottom:76px}}
@media(max-height:650px){.menu-content{padding:14px 0}.menu-content h1{font-size:66px;margin-bottom:12px}.menu-eyebrow{margin-bottom:12px}.menu-buttons,.pause-buttons{margin:16px 0 8px;gap:6px}.menu-buttons button,.pause-buttons button{min-height:39px;padding:8px 14px}.overlay footer{padding-top:12px}}

/* A compact breath gauge appears only in the water. */
.swim-status{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);width:min(285px,80vw);padding:12px 16px;border:1px solid #98e3e94d;border-radius:16px;background:#07343ddd;color:#e8ffff;pointer-events:none;backdrop-filter:blur(9px)}
.swim-status[hidden]{display:none}.swim-status>div{display:flex;justify-content:space-between;font-size:.82rem}.swim-status meter{display:block;width:100%;height:13px;margin:7px 0;accent-color:#73ddd9}.swim-status small{display:block;color:#b0d5d8;text-align:center;font-size:.72rem}.swim-status[data-low=true]{border-color:#ffa371;color:#ffd3b4}
#water-overlay.submerged{background:radial-gradient(ellipse at 50% 30%,#20adb111,#073b5270);box-shadow:inset 0 0 100px #00394f88}
@media(pointer:coarse),(max-width:650px){.swim-status{bottom:70px;left:auto;right:10px;transform:none;width:210px}.touch-pad{bottom:200px}#touch-dive{display:inline-block}#touch-dive[hidden]{display:none}}

@media(pointer:coarse) and (max-height:380px){.touch-pad{bottom:150px}.swim-status{bottom:12px}}

/* Keep the camera switch reachable without a keyboard. */
@media(pointer:coarse){
  #camera-toggle{display:inline-flex!important;align-items:center;justify-content:center}
  .touch-pad{max-width:calc(100vw - 24px);pointer-events:none}
  .touch-pad button{pointer-events:auto;min-width:44px;min-height:44px;padding:8px 10px;font-size:14px}
  .interact-prompt{top:auto;bottom:356px;max-width:calc(100vw - 24px);white-space:normal;text-align:center}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:500px){
  .interact-prompt{left:auto;right:12px;bottom:124px;max-width:calc(100vw - 330px);transform:none}
  .swim-status{bottom:12px}
}

/* Start with the game actions in view, including on a short phone screen. */
#menu{padding:24px clamp(22px,6vw,96px);gap:16px}
#menu header{flex:none;font-size:12px}
#menu .menu-content{flex:none;max-width:360px;padding:18px 0}
#menu .menu-content h1{font-size:clamp(64px,8vw,104px);margin:0 0 12px;letter-spacing:-.065em}
#menu .menu-lead{margin:0;color:#caddd8;font-size:17px}
#menu .menu-buttons,#menu .pause-buttons{max-width:340px;margin:28px 0 0;gap:8px}
#menu .menu-buttons>button,#menu .pause-buttons>button{min-height:48px;border-radius:9px;font-size:16px}
#menu .menu-buttons>.primary,#menu .pause-buttons>.primary{background:#e8ac75;border-color:#e8ac75;color:#233a3c}
#menu .menu-buttons>.primary:hover,#menu .pause-buttons>.primary:hover{background:#f6c493}
#menu .two-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
#menu .two-buttons button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:12px 10px;border:1px solid #89aaa5;background:#24484d;text-align:center;font-size:14px;font-weight:650;color:#f5f7ed}
#menu .two-buttons button:hover{background:#355e62;border-color:#d5e6db;color:#fff}
#menu .menu-action-icon{width:21px;height:21px;flex:none;pointer-events:none}
#menu .pause-buttons{gap:10px}
#menu .pause-buttons>button:not(.primary){background:#24484d;border-color:#89aaa5;color:#f5f7ed;font-weight:650}
#menu .pause-buttons>button:not(.primary):hover{background:#355e62;border-color:#d5e6db}
#menu #pause-daylight:disabled{display:none}
#menu #pause-home{display:flex;align-items:center;gap:13px;min-height:72px;margin-top:6px;padding:13px 16px;border:1px solid #b9cfbf;background:#183b40;text-align:left}
#menu #pause-home:hover{background:#2c5356;border-color:#f0e7d2}
#menu #pause-home>.menu-action-icon:last-child{width:17px;height:17px;margin-left:auto;color:#bfd5ca}
#menu .menu-action-copy{display:grid;gap:3px;min-width:0}
#menu .menu-action-copy strong{font-size:16px;font-weight:700;line-height:1.2}
#menu .menu-action-copy small{font-size:12px;line-height:1.35;font-weight:400;color:#c5d8ce}
#menu button:focus-visible{outline:3px solid #ffe1b5;outline-offset:3px}
#menu #pause-screen .menu-shortcut{margin-top:16px}
#menu .online-identity,#menu #load-status,#menu #save-status{font-size:12px;margin:8px 0 0;max-width:340px;overflow-wrap:anywhere}
#menu .online-identity:empty,#menu #load-status:empty,#menu #save-status:empty{display:none}
#menu footer{flex:none;justify-content:flex-end;font-size:11px}
@media(max-height:650px){
 #menu{padding-block:16px;gap:8px}
 #menu .menu-content{padding:8px 0}
 #menu .menu-content h1{font-size:64px}
 #menu .menu-buttons,#menu .pause-buttons{margin-top:18px;gap:6px}
 #menu .menu-buttons>button,#menu .pause-buttons>button{min-height:44px;padding:10px 16px}
 #menu footer{padding:0}
}
@media(min-width:600px) and (max-height:480px){
 #menu #start-screen{display:grid;grid-template-columns:200px minmax(260px,340px);column-gap:36px;max-width:576px;align-items:start}
 #menu #start-screen h1{grid-column:1;grid-row:1;margin-top:14px}
 #menu #start-screen .menu-lead{grid-column:1;grid-row:2}
 #menu #start-screen .menu-buttons{grid-column:2;grid-row:1/5;margin:0}
 #menu .menu-eyebrow,#menu .menu-shortcut{grid-column:1;margin:0;font-size:11px}
 #menu #load-status,#menu #save-status{grid-column:2}
}

/* Keep every pause action in view on a short landscape display. */
@media(min-width:600px) and (max-height:480px){
 #menu #pause-screen{display:grid;grid-template-columns:190px minmax(260px,340px);column-gap:32px;max-width:562px;align-items:start}
 #menu #pause-screen .menu-eyebrow{grid-column:1;grid-row:1;margin:0 0 10px}
 #menu #pause-screen h1{grid-column:1;grid-row:2;font-size:58px;margin:0 0 14px}
 #menu #pause-screen .menu-lead{grid-column:1;grid-row:3;font-size:14px}
 #menu #pause-screen .menu-shortcut{grid-column:1;grid-row:4;margin-top:16px}
 #menu #pause-screen .pause-buttons{grid-column:2;grid-row:1/5;margin:0;gap:8px}
 #menu #pause-home{min-height:64px;margin-top:4px}
}
@media(max-width:360px){#menu .two-buttons button{font-size:12px;gap:6px;padding-inline:8px}#menu .two-buttons .menu-action-icon{width:18px;height:18px}}