:root{color-scheme:dark;--gold:#edc47d;--cream:#f9edcf;--ink:#171721}*{box-sizing:border-box}body{margin:0;background:#11131b;color:var(--cream);font-family:Georgia,serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.screen{min-height:100vh;display:grid;place-items:center;padding:24px}.home{position:relative;width:min(1200px,100%);min-height:min(680px,85vh);display:grid;place-items:center;text-align:center;background:linear-gradient(#131a1a77,#10141bd9),url('assets/human-village.png') center/cover;border:4px solid #d0a85d;box-shadow:0 20px 70px #000}.home-content{max-width:720px;padding:30px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font:700 12px Arial}h1{font-size:clamp(2.2rem,6vw,5rem);line-height:1;margin:.4em 0;text-shadow:3px 4px #14131c}h1 span{display:block;font-size:.35em;letter-spacing:.22em;margin-top:15px;color:var(--gold)}p{line-height:1.6}button.primary,.choice{background:#bd8841;color:#201811;border:0;padding:13px 21px;font-weight:bold;border-radius:4px}.primary:hover,.choice:hover{background:#f4cd85}.secondary{background:#25283a;color:#f9edcf;border:1px solid #777085;border-radius:4px;padding:10px 15px}.secondary:hover{background:#3b3e53}.buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.game{max-width:1400px;margin:auto;padding:16px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.brand{font-size:1.1rem;color:var(--gold);font-weight:bold}.toolbar{display:flex;gap:7px;flex-wrap:wrap}.map{position:relative;aspect-ratio:1672/941;background-size:100% 100%;border:4px solid #b89355;overflow:hidden}.map.village{background-image:url('assets/human-village.png')}.map.dungeon{background-image:url('assets/dungeon-background.png')}.sprite{position:absolute;transform:translate(-50%,-80%);width:7%;height:18%;border:0;background:none;padding:0;filter:drop-shadow(2px 3px 2px #0009)}.sprite img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.sprite:hover{filter:drop-shadow(0 0 8px #fff)}.sprite span{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#1b1821df;color:white;padding:2px 5px;border-radius:3px;font:11px Arial}.marker{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:#d79024;color:#fff;width:34px;height:34px;font:bold 18px Arial;box-shadow:0 2px 8px #000}.map-help{font:14px Arial;color:#e6d6b9;margin:12px 0}.status{font:13px Arial;color:#c6b99f}dialog{width:min(580px,calc(100% - 30px));max-height:85vh;overflow:auto;background:#252230;color:var(--cream);border:3px solid #b99354;border-radius:5px;box-shadow:0 15px 50px #0009;padding:25px}dialog::backdrop{background:#08090cc9}dialog h2{color:var(--gold);margin-top:0}dialog button{margin:4px}dialog input{display:block;width:100%;background:#151620;color:#fff;border:1px solid #85795e;padding:10px;margin:8px 0 14px}.entry{border-top:1px solid #6c5c49;padding:9px 0}.muted{color:#c7bda7;font-size:.9em}.notice{background:#3a322e;padding:12px;border-left:3px solid var(--gold)}@media(max-width:650px){.screen{padding:8px}.game{padding:8px}.sprite span{display:none}.marker{width:26px;height:26px;font-size:14px}.toolbar button{font-size:12px;padding:8px}.map-help{font-size:12px}}
.player{position:absolute;left:55%;top:78%;width:5%;height:14%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 2px #0009);pointer-events:none}
dialog.conversation{width:min(1400px,calc(100vw - 24px));max-width:none;height:min(90vh,800px);max-height:90vh;padding:0;border:0;border-radius:0;background:#111;overflow:auto;font-family:Arial,sans-serif}dialog.conversation::backdrop{background:#000c}.conversation-scene{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover}.conversation-scene.village{background-image:url('assets/human-village.png')}.conversation-scene.dungeon{background-image:url('assets/dungeon-background.png')}.conversation-characters{flex:1;min-height:260px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px 11% 0}.conversation-characters img{width:clamp(130px,19vw,290px);height:clamp(200px,38vh,350px);object-fit:contain;object-position:bottom;image-rendering:pixelated;filter:drop-shadow(2px 4px 2px #0009)}.conversation-lower{padding:0 3% 24px}.conversation-name,.conversation-text{background:#000c;color:white;padding:10px 16px}.conversation-name{font-size:clamp(20px,2vw,28px);margin-bottom:5px}.conversation-text{font-size:clamp(17px,1.7vw,25px);min-height:90px}.conversation-text p{margin:.35em 0;line-height:1.4}.conversation-text .notice{background:transparent;border:0;padding:0}.conversation-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.conversation-actions button,.conversation-actions button.primary,.conversation-actions button.choice,.conversation-actions button.secondary{flex:1 1 150px;min-height:54px;border:0;border-radius:0;margin:0;background:#0078d4;color:#fff;padding:12px;font-size:clamp(15px,1.4vw,20px);font-weight:bold}.conversation-actions button:hover{background:#005ea8}@media(max-width:600px){dialog.conversation{width:100vw;height:100dvh;max-height:100dvh}.conversation-characters{padding:8px 4% 0;min-height:180px}.conversation-characters img{width:40%;height:27vh}.conversation-lower{padding:0 10px 14px}.conversation-actions{gap:8px;margin-top:10px}.conversation-actions button,.conversation-actions button.primary,.conversation-actions button.choice,.conversation-actions button.secondary{flex:1 1 40%;min-height:44px}}
.player.dungeon{left:18%;top:42%;width:5%;height:18%}
.player{left:53.5%;top:75%;width:8%;height:20%}.player.dungeon{left:16.5%;top:39%;width:8%;height:24%}
/* Conversation layout follows the original game's full-map dialogue screen. */
dialog.conversation{width:min(96vw,calc(90vh * 1.777));height:auto;max-height:94vh;aspect-ratio:1672/941;overflow:auto;background:transparent;box-shadow:none}
.conversation-scene{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:1672/941;display:block;background-size:100% 100%;background-repeat:no-repeat}
.conversation-characters{position:absolute;inset:0;display:block;min-height:0;padding:0;pointer-events:none}
.conversation-characters img{position:absolute;object-fit:contain;object-position:center;image-rendering:pixelated;filter:none}
.conversation-characters img:first-child{left:-3%;bottom:27%;width:36%;height:65%}
.conversation-characters img:last-child{right:5%;bottom:27%;width:28%;height:60%}
.conversation-lower{position:absolute;left:0;right:0;bottom:0;padding:0 3% 2%;}
.conversation-name{padding:5px 8px;margin-bottom:5px;font-size:clamp(15px,1.7vw,27px);line-height:1.1}
.conversation-text{min-height:clamp(65px,7vw,125px);padding:12px 8px;font-size:clamp(14px,1.6vw,26px);display:flex;flex-direction:column;justify-content:center}
.conversation-text p{margin:.2em 0;line-height:1.3}
.conversation-actions{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-top:clamp(12px,2.5vw,40px)}
.conversation-actions button,.conversation-actions button.primary,.conversation-actions button.choice,.conversation-actions button.secondary{flex:0 1 190px;min-height:52px;padding:8px 10px;font-size:clamp(14px,1.3vw,21px);line-height:1.25}
.conversation-actions button:only-child{margin-left:auto}
@media(max-width:650px){dialog.conversation{width:100vw;height:auto;max-height:95dvh;aspect-ratio:auto;overflow:auto}.conversation-scene{min-height:560px;aspect-ratio:auto;background-size:cover}.conversation-characters img:first-child{left:-5%;bottom:43%;width:48%;height:50%}.conversation-characters img:last-child{right:0;bottom:43%;width:42%;height:50%}.conversation-lower{padding:0 10px 14px}.conversation-actions{margin-top:12px;gap:8px}.conversation-actions button,.conversation-actions button.primary,.conversation-actions button.choice,.conversation-actions button.secondary{flex:1 1 40%;min-height:44px}}
.home-buttons{flex-direction:column;align-items:center}.home-buttons button{width:min(280px,100%)}
.dungeon-entrance{position:absolute;left:77%;top:69%;width:9%;height:10%;background:transparent;border:0;cursor:pointer}.dungeon-entrance:hover,.dungeon-entrance:focus-visible{outline:3px solid #fff8;outline-offset:1px;border-radius:45% 45% 0 0}
.village-exit{position:absolute;left:18%;top:77%;width:5%;height:17%;background:transparent;border:0;cursor:pointer}.village-exit:hover,.village-exit:focus-visible{outline:3px solid #fff8;outline-offset:1px}