:root{color-scheme:dark;--paper:#f1e5cc;--gold:#dcba7b;--ink:#251e19}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:Georgia,serif}button{font:inherit;color:inherit;cursor:pointer;background:#342920;border:1px solid #ad926354;border-radius:8px;min-height:44px;padding:10px 14px}button:active{background:#705438}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}#game{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) 104px;position:relative;isolation:isolate}header{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#251e19;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:5}small{font:10px/1.5 system-ui;letter-spacing:2px;color:var(--gold)}header h1{font-size:21px;margin:4px 0}header p{font:12px/1.45 system-ui;margin:0;max-width:480px;color:#dbcdb5}nav{display:flex;gap:6px}nav button{font-size:12px}#viewport{overflow:hidden;position:relative;touch-action:none;background:#8b714c}#world{position:absolute;width:1600px;height:900px;transform-origin:0 0;will-change:transform}#background{position:absolute;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}#targets{position:absolute;inset:0}.target{position:absolute;transform:translate(-50%,-100%);border:1px solid #e9ce9577;background:#201d17dd;font:14px system-ui;box-shadow:0 4px 16px #0004;white-space:nowrap;padding:8px 12px;min-height:38px}.target::after{content:'';display:block;position:absolute;bottom:-7px;left:calc(50% - 5px);border-top:7px solid #201d17dd;border-left:5px solid transparent;border-right:5px solid transparent}.target.near{background:#796039;border-color:#f4d9a3}#player{position:absolute;width:180px;height:200px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 6px 3px #0005)}#sprite{width:100%;height:100%;background-image:url('art/segundo.png');background-repeat:no-repeat;background-size:800% 100%;background-position:0 0;transform-origin:50% 96%}#player.walking #sprite{animation:walk .38s ease-in-out infinite alternate}@keyframes walk{from{transform:translateY(-2px) rotate(-1deg)}to{transform:translateY(1px) rotate(1deg)}}#destination{position:absolute;width:15px;height:7px;border:1px solid #f4d9a3;border-radius:50%;display:none;pointer-events:none}footer{z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px max(20px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:12px;background:#251e19}#hint{text-align:center;font:11px/1.6 system-ui;color:#c6b69d}#joystick{width:80px;height:80px;flex-shrink:0;border-radius:50%;border:1px solid #b5a17a77;background:#13110e55;position:relative;touch-action:none}#stick{position:absolute;left:25px;top:25px;width:30px;height:30px;border-radius:50%;background:#cfb586;box-shadow:0 2px 8px #0004;pointer-events:none}#interact{max-width:220px;min-width:130px;min-height:52px;border-color:#d1b07988}#dialogue{position:absolute;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:calc(100% - 32px);overflow:auto;background:#251e19fa;border:1px solid #b79a66;padding:22px;border-radius:12px;box-shadow:0 8px 60px #000a}#speaker{font-size:11px}#line{font-size:19px;line-height:1.5;margin:12px 0 18px;white-space:pre-line}#choices{display:flex;flex-wrap:wrap;gap:8px}#choices button{flex:1 1 180px;text-align:left}#choices .card{flex:1 1 0;min-width:70px;background:#e7d4ad;color:#55331e;border:4px solid #bd9e6b;min-height:118px;text-align:center;font-size:30px;position:relative}.card.marked{border-right:4px dashed #79503c}.card small{display:block;letter-spacing:0;color:#55331e;font-size:11px;margin-top:10px}#toast{position:absolute;top:150px;left:50%;transform:translateX(-50%);z-index:25;max-width:90%;padding:12px 18px;background:var(--paper);color:var(--ink);border-radius:8px;font:14px system-ui;text-align:center}#loading{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#251e19;text-align:center;padding:24px}#loading h2{font-size:34px;font-weight:normal}#loading p{font:14px system-ui}body.dialogue-open footer{visibility:hidden}@media(max-width:600px){header{display:block;padding-top:max(9px,env(safe-area-inset-top))}header h1{font-size:18px}header p{font-size:12px;min-height:34px}nav{margin-top:8px}nav button{flex:1;min-height:36px;padding:6px 12px}#game{grid-template-rows:auto minmax(0,1fr) 100px}#hint{max-width:100px;font-size:10px}#interact{font-size:13px;min-width:116px;max-width:145px}#dialogue{padding:18px}#line{font-size:17px}}@media(max-height:500px) and (orientation:landscape){#game{grid-template-rows:auto minmax(0,1fr) 0}header{padding:6px 14px}header h1{font-size:16px;margin:2px 0}header p{font-size:11px}footer{position:absolute;bottom:8px;width:100%;background:none;pointer-events:none;padding-bottom:0}footer>*{pointer-events:auto}#hint{display:none}#joystick{width:70px;height:70px}#stick{left:20px;top:20px}#interact{background:#251e19dd}}
/* Eight equal cells, 2172 × 724 source; preserve the actual character proportions. */
#player{width:86.25px;height:230px}#sprite{transform:scaleX(var(--flip,1))}#player.walking #sprite{animation:walk-art .38s ease-in-out infinite alternate}@keyframes walk-art{from{transform:scaleX(var(--flip,1)) translateY(-2px) rotate(-1deg)}to{transform:scaleX(var(--flip,1)) translateY(1px) rotate(1deg)}}