:root{color-scheme:dark;--cream:#e8ddc4;--muted:#b7ae98;--gold:#c9a46a;--ink:#191d19}*{box-sizing:border-box}body{margin:0;background:#191d19;color:var(--cream);font:14px/1.6 system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d1b48540;background:#222821bb;color:var(--cream);padding:10px 17px;border-radius:5px;transition:background .2s}button:hover:not(:disabled){background:#6f674b}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);color:#20251d;border:0;width:100%;text-align:left;margin-top:18px;font-weight:650;padding:15px 20px}button.primary span{float:right}h1,h2,.title{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(35px,4vw,55px);line-height:1.13;margin:20px 0}h2{font-size:32px;line-height:1.2;margin:18px 0}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--gold)}.small{font-size:12px;line-height:1.8}#engine{position:fixed;width:1px;height:1px;left:-100px;opacity:0;border:0;pointer-events:none}#viewport{position:fixed;inset:0;outline:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#111b17aa,transparent);z-index:2}header .title{display:block;font-size:22px}nav{display:flex;gap:8px;pointer-events:auto}nav button{background:#15201988;backdrop-filter:blur(12px)}.panel,.drawer{background:#19221eeF;box-shadow:0 25px 90px #0007;border:1px solid #d1b48530;backdrop-filter:blur(18px);border-radius:10px;z-index:4}.panel{position:fixed;left:7%;top:50%;transform:translateY(-50%);width:390px;max-width:85vw;padding:38px}.drawer{position:fixed;right:24px;top:100px;bottom:130px;width:490px;max-width:calc(100vw - 48px);padding:28px;overflow:auto}.close{float:right;border:0;font-size:24px;padding:0 8px;background:none}label{display:block;color:var(--muted);font-size:12px;margin:16px 0}select,input[type=search],#search{display:block;width:100%;padding:10px;background:#0d1712;color:var(--cream);border:1px solid #a99a7840;border-radius:4px}input[type=range]{display:block;width:100%;accent-color:var(--gold);margin-top:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.choices label:last-child{grid-column:1/-1;margin-top:0}#foods{display:grid;grid-template-columns:1fr 1fr;gap:9px}.food{text-align:left;min-height:83px}.food b{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400}.food small{font-size:10px;letter-spacing:.08em;color:var(--gold)}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:24px;background:linear-gradient(transparent,#0b1512d9);pointer-events:none;z-index:2}footer button{pointer-events:auto}#locationLabel{font-size:10px;letter-spacing:.22em;color:var(--gold)}#hint{margin:8px 0;font-size:13px}#actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}kbd{font-size:10px;margin-left:8px;color:var(--gold)}#views{margin-top:10px;font-size:10px;letter-spacing:.13em}#views button{padding:5px 12px;margin-left:7px;font-size:11px}.selected{border-color:var(--gold);background:#675d3d}#loading{position:fixed;inset:0;z-index:10;background:#18231d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}#loading h1{font-size:50px}.loading-line{height:2px;width:180px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:pulse 1.6s infinite}#toast{position:fixed;top:108px;left:50%;transform:translateX(-50%);padding:8px 18px;border-radius:5px;background:#152019d9;pointer-events:none;opacity:0;transition:opacity .2s;z-index:8;max-width:80vw;text-align:center}#crosshair{position:fixed;top:50%;left:50%;color:#f5ebcd77;pointer-events:none;font-size:20px}.entry{border-bottom:1px solid #c9a46a25;padding:14px 0}.entry b{font-family:Georgia,serif;font-size:20px}.entry small{display:block;color:var(--gold)}a{color:var(--gold)}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.2}}@media(max-width:700px){header{padding:15px}.title{display:none!important}nav{gap:3px}nav button{padding:8px;font-size:11px}.drawer{top:75px;bottom:160px}.panel{padding:24px}footer{padding:12px}#hint{font-size:11px}#actions button{font-size:11px;padding:7px}#foods{grid-template-columns:1fr}}

.food-icon{width:56px;height:56px;float:left;margin:0 12px 8px 0}.food[aria-pressed=true]{border-color:var(--gold);background:#574e33}.food:hover{transform:translateY(-2px)}#help li{margin:12px 0}#sourceList a{overflow-wrap:anywhere}

#views,#views input,#views label,#pieces{pointer-events:auto}#pieces{display:flex;gap:6px;justify-content:center;margin:8px}#pieces[hidden]{display:none}.food-icon{width:100%;height:110px;object-fit:contain}.food{overflow:hidden}#orbit{cursor:ew-resize}

/* Phone controls stay usable in portrait, landscape, and Safari's dynamic viewport. */
html,body{width:100%;height:100%;height:100dvh}#viewport{height:100%;height:100dvh;touch-action:none}
#mobileControls{position:fixed;z-index:3;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;pointer-events:none;gap:12px}
#mobileControls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;min-width:48px;min-height:48px;padding:9px;background:#17231ee8}
#mobileControls .held{background:#766648}#mobileControls span{position:absolute;left:0;bottom:110px;font-size:11px;color:var(--cream);text-shadow:0 1px 3px #000}
.move-pad{display:grid;grid-template-columns:repeat(3,48px);gap:5px}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1;grid-row:2}.move-pad button:nth-child(3){grid-column:2;grid-row:2}.move-pad button:nth-child(4){grid-column:3;grid-row:2}
.touch-game body[data-mode="explore"] footer,.touch-game body[data-mode="window"] footer{bottom:145px}.touch-game #hint{display:none}
.touch-game header{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
.touch-game input,.touch-game select{font-size:16px}.touch-game footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.touch-game kbd{display:none}
.immersive header>div,.immersive nav button:not(#fullscreenBtn){display:none}.immersive header{justify-content:flex-end}.immersive #fullscreenBtn{min-width:44px;min-height:44px}
@media(pointer:coarse),(max-width:700px){header{gap:8px;flex-wrap:wrap}header>div{display:none}nav{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:4px}nav button{font-size:11px;padding:8px;min-height:40px}.panel{max-height:calc(100dvh - 24px);overflow:auto}.drawer{top:105px;bottom:12px}#views label{display:inline-flex;align-items:center;gap:3px}#views input{max-width:90px}#views button{margin-left:3px;padding:7px}#actions button{min-height:44px}.immersive nav{width:auto}}
@media(max-height:500px) and (orientation:landscape){.touch-game .drawer{top:64px;bottom:8px}.touch-game header{padding-bottom:4px}.touch-game footer{padding-top:4px}.touch-game #locationLabel{display:none}#mobileControls span{display:none}.touch-game .panel{top:12px;bottom:12px;transform:none}.touch-game #views{margin-top:3px}}

/* Suppress iOS long-press selection only on gameplay controls; forms remain editable. */
button,button *,#viewport,#viewport *,#mobileControls,#mobileControls *,header,footer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{touch-action:manipulation}#actions button,#mobileControls button{touch-action:none}

#graphicsRecovery{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:#211c16;color:#f4eadb}#graphicsRecovery[hidden]{display:none}#graphicsRecovery p{max-width:32rem}#graphicsRecovery button{margin-top:16px;min-height:48px}

#touchGuide{margin:3px auto 7px;max-width:560px;color:#f4e7c7;font-size:12px;line-height:1.4;padding:7px 10px;border:1px solid #c9a46a60;border-radius:6px;background:#17211feb;pointer-events:none}.touch-game #touch{border-color:#dab56f}.touch-game #welcome .small{color:#e8ddc4}