:root{--paper:#f0e2c6;--ink:#30291e;--sand:#d7ab6b;--gold:#e2b45f;--dark:#201e1a;--muted:#a69d8a;--red:#a74a32}*{box-sizing:border-box}html{background:var(--dark);color:var(--paper);font-family:Arial,Helvetica,sans-serif}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f5c570;outline-offset:4px}[hidden]{display:none!important}button{touch-action:manipulation}.topbar{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:800;font-size:16px;letter-spacing:1px}.brand-mark{padding:9px 6px;border:1px solid #b69459;border-radius:50%;font-family:Georgia,serif;color:var(--gold);font-size:19px;letter-spacing:-2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a69d8a;margin-top:5px;font-weight:400}.edition{font-size:9px;color:#a69d8a;letter-spacing:3px}.tools{display:flex;gap:10px;align-items:center}.tools button{background:transparent;border:1px solid #ffffff20;border-radius:4px;min-height:34px;padding:7px 11px;font-size:10px;color:#ccc0a8}.tools button:hover{background:#ffffff0d}#fullscreen{font-size:20px;padding:3px 9px}main{max-width:1500px;margin:auto}.landing{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding:50px 6% 0;gap:24px;background:radial-gradient(ellipse at 80% 30%,#49402b55,transparent 60%)}.title-copy{padding-bottom:25px;z-index:1}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);font-weight:bold}.title-rule{color:#be985e;margin-top:25px;letter-spacing:4px;font-size:12px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,70px);line-height:1.05;letter-spacing:-1px;font-weight:900;margin:17px 0 25px;color:#f0e1bc;text-shadow:2px 3px 0 #0004}h1>span{display:block;font-weight:normal;font-style:italic;font-size:clamp(23px,2.5vw,36px);line-height:1.3;margin-bottom:8px;color:#d1a55f}h1 i{font-style:normal;letter-spacing:1px;font-size:.61em;white-space:nowrap}.tagline{font-family:Georgia,serif;font-size:24px;line-height:1.35;margin-bottom:16px;color:#e2d0ac}.intro{color:#a99e88;line-height:1.75;font-size:13px}.start-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.primary{background:#d5aa63;border:1px solid #eac88a;color:#282319;padding:16px 23px;display:inline-flex;gap:37px;align-items:center;justify-content:space-between;font-size:13px;font-weight:bold;border-radius:3px;box-shadow:0 4px 0 #80623b;transition:background .15s}.primary:hover{background:#f0c77f}.primary span{font-size:20px}.secondary{background:transparent;border:1px solid #8d7858;color:#dfc393;padding:15px 19px;border-radius:3px;font-size:12px}.start-note{font-size:8px;letter-spacing:1.7px;color:#8f8674;margin-top:23px}.cover{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:520px}.cover canvas{width:117%;max-width:none;aspect-ratio:1;filter:drop-shadow(0 15px 30px #0005)}.cover-stamp{position:absolute;right:0;top:15px;border:2px solid #a5884f88;border-radius:100%;height:112px;width:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(15deg);color:#c1a16c;background:#201e1a44;outline:1px solid #a5884f88;outline-offset:-7px}.cover-stamp span{font-size:7px;letter-spacing:1.3px;margin:7px}.cover-stamp strong{font-size:10px;letter-spacing:.5px}.cover-caption{position:absolute;bottom:12px;font:italic 12px Georgia,serif;color:#9f9278}.landing-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;padding:26px 0;border-top:1px solid #b99a632b;color:#a7987d;font-size:9px;letter-spacing:1.7px;width:100%;margin-top:12px}footer{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#8b8374}footer button{border:0;background:transparent;color:#a99b80;font-size:10px;text-decoration:underline;text-underline-offset:4px}.game{padding:20px 4% 0}.game-bar{display:flex;align-items:center;justify-content:space-between;min-height:43px;color:#d4b17b;font-size:11px;letter-spacing:1.5px}.game-bar>div{display:flex;gap:12px;align-items:center}.live-dot{background:#d7a75b;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px #d7a75b55}.game-bar small{color:#8b8578;font-size:9px;border-left:1px solid #ffffff20;padding-left:12px;letter-spacing:0}.game-menu button{border:0;background:transparent;font-size:11px;color:#c9bb9f;padding:8px}.stage{position:relative;border:5px solid #695238;outline:1px solid #ad875333;border-radius:5px;overflow:hidden;background:#dbb17b;box-shadow:0 12px 30px #0004}.stage>canvas{display:block;width:100%;aspect-ratio:12/7;touch-action:none;cursor:crosshair}.objective{position:absolute;top:18px;left:18px;background:#f7e9cded;color:#443421;padding:11px 17px;border-left:3px solid #a34c32;max-width:min(64%,410px);border-radius:2px;pointer-events:none;box-shadow:0 3px 14px #5d331a25}.objective>span{display:block;font-size:8px;letter-spacing:1.7px;color:#9c6842;margin-bottom:5px}.objective strong{font-family:Georgia,serif;font-size:15px;line-height:1.3}.compass{position:absolute;right:20px;top:12px;display:flex;flex-direction:column;align-items:center;color:#694b32;text-shadow:0 1px #e6cb9b}.compass span{font:10px Georgia,serif}.compass b{font-size:38px;line-height:1}.interaction{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);background:#29231de8;border:1px solid #e4ba77aa;padding:10px 17px;border-radius:5px;font-size:12px;white-space:nowrap;pointer-events:none}.interaction kbd{background:#e4ba77;color:#30291e;border:0}.portrait-hint{display:none}kbd{display:inline-block;font:9px Arial,sans-serif;padding:3px 5px;border:1px solid #a99b8055;border-radius:3px;margin:0 4px;color:#cfc2a8}#toast{position:absolute;top:100px;left:50%;transform:translateX(-50%);padding:11px 18px;color:#fff4d9;background:#654628ef;border:1px solid #e4ba7799;border-radius:4px;max-width:80%;font-size:13px;text-align:center;pointer-events:none}.bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0}.hero-switch{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #8b704944;background:#302b23;padding:9px 14px;border-radius:5px;min-width:240px}#heroBadge{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#476f66;color:#f3dfbd;font:bold 23px Georgia,serif}#heroName{display:block;font:16px Georgia,serif;color:#e7cfaa}#heroSkill{display:block;font-size:9px;color:#a99e88;margin-top:4px}.switch-key{margin-left:auto;font-size:11px;color:#bda578}.inventory{display:flex;align-items:center;gap:9px}.inventory>span:first-child{font-size:8px;color:#968a72;letter-spacing:1px;margin-right:5px}.slot{display:grid;place-items:center;width:40px;height:40px;font-size:22px;color:#6b604b;border:1px solid #6e5b3d88;background:#29251f;border-radius:4px}.slot.filled{background:#4a3d29;color:#edc579;border-color:#a98146}.keyboard-note{font-size:10px;color:#9e927c}.touch-controls{display:flex;align-items:center;gap:18px;padding:2px 0 10px}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,38px);gap:4px;touch-action:none}.dpad button{background:#3d3529;border:1px solid #806847;border-radius:5px;color:#d4b17b;touch-action:none;user-select:none}.dpad button:active{background:#967444;color:white}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.action-button{background:#bc9051;color:#251e15;border:1px solid #ddb67c;font-size:13px;padding:15px 26px;border-radius:25px;font-weight:bold}.action-button span{padding-left:20px}.touch-controls p{font-size:10px;color:#998e7a;margin-left:auto}dialog{background:#f1e3c8;color:#3c2b1e;border:1px solid #b38b50;border-radius:7px;width:min(560px,calc(100% - 30px));max-height:85dvh;padding:0;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#14120eca;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;gap:13px;border-bottom:1px solid #b1936338;padding:20px 24px;background:#e3cda7}#dialogIcon{font-size:22px;color:#9f6940}#dialogName{font:700 24px Georgia,serif}#dialogClose{margin-left:auto;font-size:25px;color:#7e6544;border:0;background:transparent;padding:0 4px}#dialogBody{padding:22px 26px 8px;font:17px/1.65 Georgia,serif}#dialogBody p{margin:0 0 16px}#dialogBody small{font:11px/1.7 Arial,sans-serif;color:#836d50}#dialogActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:12px 26px 24px}#dialogActions button{padding:12px 18px;color:#f6e7c7;background:#6b4f30;border:1px solid #654728;border-radius:4px;font-size:12px}#dialogActions button:first-child{background:#a94b31;border-color:#91432c}#dialogActions button:hover{filter:brightness(1.12)}.clue{font:italic 20px/1.6 Georgia,serif;text-align:center;padding:15px;background:#e2cba4;border:1px dashed #a67d46;border-radius:3px;color:#73512f}.symbols{display:flex;gap:12px;justify-content:center;margin:20px 0}.symbols button{border:1px solid #af8c5c;background:#e4cba3;color:#704b26;border-radius:5px;font-size:32px;width:66px;height:65px;touch-action:manipulation}.sequence{display:block;font-size:28px;letter-spacing:10px;min-height:45px;text-align:center;color:#935d2f}.puzzle-message{min-height:25px;text-align:center;color:#9f432b;font:12px Arial,sans-serif}.quest-list{list-style:none;padding:0;font:14px/2 Arial,sans-serif}.quest-list li{padding:4px 0;border-bottom:1px solid #99764e22}.quest-list .finished{color:#73804e}.quest-list .current{color:#a14d33;font-weight:bold}.finish-star{font-size:65px;display:block;text-align:center;color:#ac7136}.finish-title{font:28px Georgia,serif;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1100px){.touch-controls{opacity:.75}.dpad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,28px)}.action-button{padding:11px 23px}}@media(max-width:760px){.topbar{height:69px;padding:0 5%}.edition{display:none}.brand{font-size:13px}.brand small{font-size:6px}.tools{gap:5px}.tools button{padding:6px 8px;font-size:9px}.landing{grid-template-columns:1fr;padding:33px 7% 0;gap:0}.title-copy{padding:0}.eyebrow{font-size:8px}.title-rule{margin-top:20px}h1{font-size:clamp(38px,11vw,53px);margin:12px 0 20px}.tagline{font-size:22px}.intro{font-size:12px}.start-actions{margin-top:20px}.cover{min-height:310px;max-height:480px;margin-top:10px;overflow:hidden}.cover canvas{width:108%;max-width:500px}.cover-stamp{height:85px;width:85px;top:15px;right:5px}.cover-stamp strong{font-size:8px}.cover-stamp span{font-size:6px;margin:4px}.cover-caption{font-size:10px;bottom:0}.landing-bottom{font-size:7px;letter-spacing:.4px;padding:22px 0;gap:15px;line-height:1.7;margin-top:20px}footer{font-size:6px;padding:22px 6%;gap:20px;line-height:1.5}.game{padding:8px 2% 0}.game-bar{font-size:9px;min-height:36px}.game-bar small{display:none}.game-bar>div{gap:7px}.game-menu button{font-size:10px;padding:6px}.stage{border-width:3px}.objective{top:9px;left:8px;padding:7px 10px;max-width:72%}.objective>span{font-size:6px;letter-spacing:1px;margin-bottom:3px}.objective strong{font-size:11px}.compass{right:10px;top:7px}.compass b{font-size:25px}.compass span{font-size:7px}.interaction{bottom:10px;padding:7px 10px;font-size:9px}.interaction kbd{display:none}.bottom-bar{gap:8px;padding:10px 2px}.hero-switch{min-width:0;padding:7px 9px;gap:7px}#heroBadge{width:29px;height:29px;font-size:19px}#heroName{font-size:14px}#heroSkill{font-size:7px}.switch-key{font-size:9px;margin-left:5px}.keyboard-note{display:none}.inventory{gap:4px}.inventory>span:first-child{display:none}.slot{width:32px;height:32px;font-size:18px}.touch-controls{padding:2px 2px 10px;gap:13px}.touch-controls p{font-size:8px;max-width:100px;line-height:1.5}.dpad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,34px)}.action-button{padding:14px 18px;font-size:11px}.action-button span{padding-left:10px}.portrait-hint{display:block;position:absolute;bottom:7px;left:7px;font-size:7px;color:#47301f;background:#f4dfb9b8;padding:4px 5px;pointer-events:none}.interaction{bottom:28px}#toast{top:65px;font-size:10px;padding:7px 10px}#dialogBody{font-size:16px;padding:18px 21px 6px}.dialog-top{padding:16px 20px}#dialogName{font-size:21px}#dialogActions{padding:10px 20px 20px}}@media(orientation:landscape) and (max-height:600px){.game{padding-top:0}.game~footer,body.playing .topbar{display:none}.game-bar{min-height:33px}.stage>canvas{max-height:calc(100dvh - 145px);width:100%;aspect-ratio:auto;object-fit:contain}.bottom-bar{padding:6px 0}.touch-controls{position:relative;padding:0;min-height:45px}.dpad{grid-template-columns:repeat(3,35px);grid-template-rows:repeat(2,27px);position:absolute;bottom:55px;left:12px;opacity:.85}.action-button{position:absolute;bottom:67px;right:14px;opacity:.9}.touch-controls p{margin:0 auto}.portrait-hint{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body.playing footer{display:none}
@media(min-width:761px) and (min-height:601px){body.playing .topbar{height:62px}.game{padding:8px 20px 0;max-width:min(1300px,calc((100dvh - 245px)*12/7 + 40px));margin:0 auto}.game-bar{min-height:36px}.bottom-bar{padding:12px 0}.touch-controls{padding-bottom:8px}.touch-controls p{max-width:215px;line-height:1.5}}
@media(orientation:landscape) and (max-height:600px){.stage{max-width:calc((100dvh - 145px)*12/7 + 6px);margin:0 auto}.stage>canvas{max-height:none;aspect-ratio:12/7;object-fit:fill}}

#dialogIcon{display:block;width:58px;height:58px;flex:0 0 58px}#dialogIcon canvas{width:58px;height:58px;display:block;border-radius:50%;border:1px solid #9d783f}.cover canvas{filter:drop-shadow(0 16px 25px #0007)}

.canyon-symbols{gap:8px}.canyon-symbols button{width:31%;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.canyon-symbols button small{font:10px/1.3 Arial,sans-serif;color:#70502e;max-width:100%;padding:0 3px}.inventory{flex-shrink:0}#travel{color:#e4bd7e}@media(max-width:760px){.canyon-symbols button{height:86px;font-size:26px}.canyon-symbols button small{font-size:9px}.inventory{gap:3px}.inventory .slot{width:29px;height:32px}.hero-switch{flex-shrink:1;min-width:0}.hero-switch small{max-width:125px}#travel{font-size:8px}}

.route-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.route-controls label{font:600 13px Arial,sans-serif;display:grid;gap:8px;color:#60492e}.route-controls select{width:100%;min-width:0;font:16px Georgia,serif;padding:12px 6px;color:#352b20;background:#ead7ae;border:1px solid #9c7a48;border-radius:5px}.route-controls select:focus-visible{outline:3px solid #6b8e82}@media(max-width:500px){.route-controls{grid-template-columns:1fr;gap:10px}}

.party-scene .objective{top:auto;bottom:18px;max-width:34%;padding:9px 12px}.party-scene .objective strong{font-size:13px}.cowboy-photo{display:block;width:auto;max-width:100%;max-height:50vh;margin:0 auto 18px;border:9px solid #75512c;outline:2px solid #bb9454;box-shadow:0 5px 20px #35210f44}@media(max-width:600px){.party-scene .objective{max-width:40%;bottom:9px;left:9px;padding:6px 8px}.party-scene .objective>span{display:none}.party-scene .objective strong{font-size:10px}}