:root{color-scheme:light;--ink:#292c32;--muted:#777a7f;--paper:#fffaf1;--coral:#ee684d;--line:rgba(59,54,44,.12)}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#eee8dd;color:var(--ink);overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible{outline:3px solid #32959f;outline-offset:4px}[hidden]{display:none!important}#game{position:relative;height:100dvh;min-height:550px;overflow:hidden}#world{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 40px rgba(239,231,214,.18)}
.masthead{position:absolute;left:42px;top:30px;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2.5px}.brand-mark{font-size:23px;line-height:1;color:#d67251}.edition{font-weight:500;color:var(--muted);font-size:9px;letter-spacing:1.6px;margin-left:17px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:47px;letter-spacing:-2.2px;line-height:1.02;margin:23px 0 0}h1 span{display:block;color:#62615e}.strap{font-size:12px;color:#77756e;margin:12px 0 0}.tools{position:absolute;right:38px;top:28px;display:flex;gap:8px}.icon-button{background:rgba(255,252,245,.65);backdrop-filter:blur(16px);border:1px solid var(--line);width:39px;height:39px;border-radius:50%;font-size:19px;color:var(--ink)}.icon-button:hover{background:#fff9ef;transform:translateY(-1px)}
.era-caption{position:absolute;left:42px;top:223px;display:flex;align-items:center;gap:11px;pointer-events:none}.era-symbol{font-family:Georgia,serif;font-size:33px;border:1px solid rgba(164,101,76,.25);border-radius:50%;width:51px;height:51px;display:grid;place-items:center;color:#9b604b;background:rgba(255,247,230,.35)}.era-caption small{display:block;letter-spacing:1.5px;color:#9b604b;font-weight:700;font-size:8px;margin-bottom:5px}.era-caption strong{font-size:15px;font-weight:500}.inventory{position:absolute;right:38px;top:102px;width:194px;background:rgba(255,251,242,.66);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 12px 40px rgba(80,62,40,.035)}.inventory-title{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:20px}.inventory-title span{font-weight:400;color:#8b8780;letter-spacing:.5px}.resource{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:12px}.resource>span{width:37px;color:#716d67}.resource b{font-size:11px;font-weight:500;margin-left:auto}.resource-track{display:flex;gap:3px}.resource-track i{display:block;width:7px;height:13px;background:#d2d0c6;border-radius:2px}.resource-track i.on{background:#618b78}.baggage-symbols{font-size:15px;letter-spacing:5px;color:#b37b56}.inventory-rule{height:1px;background:var(--line);margin:20px 0 16px}.inventory small{font-size:8px;letter-spacing:1.5px;color:#8e8980}.inventory p{font-size:11px;color:#625f59;line-height:1.7;margin:7px 0 0}
.board-labels{position:absolute;inset:0;pointer-events:none}.board-label{position:absolute;white-space:nowrap;font-size:9px;letter-spacing:1.7px;font-weight:700;color:#4c4943;text-shadow:0 1px 8px #fff8e8;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);opacity:.85}.board-label b{font-family:Georgia,serif;font-size:17px;font-weight:400;letter-spacing:0}.board-label .mini-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.pawn-label{position:absolute;transform:translate(-50%,-100%);border-radius:8px;background:#2d3432;color:#fff5dd;padding:5px 8px;font-size:8px;letter-spacing:1.2px;font-weight:800;box-shadow:0 3px 10px #302c3420}.pawn-label:after{content:'';position:absolute;top:100%;left:50%;border:3px solid transparent;border-top-color:#2d3432;margin-left:-3px}
.toast{position:absolute;bottom:174px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:max-content;max-width:70%;padding:10px 16px;border:1px solid #fff8;border-radius:99px;background:rgba(255,250,239,.78);backdrop-filter:blur(15px);font-size:11px;color:#67635a;box-shadow:0 4px 24px #74694709;transition:opacity .25s}.toast-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#d49171}.turn-dock{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:40px;width:min(628px,90%);padding:21px 23px 21px 27px;background:rgba(255,252,245,.91);border:1px solid #fff;border-radius:23px;backdrop-filter:blur(25px);box-shadow:0 18px 55px rgba(73,53,35,.10)}.turn-detail{flex:1;min-width:0}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#999084;display:block}.turn-detail strong{display:block;margin-top:7px;font-family:Georgia,serif;font-weight:400;font-size:23px;letter-spacing:-.4px}.turn-detail p{font-size:11px;color:#8b8275;margin:7px 0 0}.roll-button{flex:none;display:flex;align-items:center;gap:14px;border:0;border-radius:15px;background:#ed694e;color:#fffaf0;padding:17px 20px;box-shadow:0 6px 18px #ee694d24;transition:transform .2s,background .2s}.roll-button:hover:not(:disabled){background:#dd583d;transform:translateY(-2px)}.dice-glyph{font-size:31px;line-height:1}.roll-button>span:nth-child(2){font-size:12px;text-align:left;font-weight:650}.roll-button small{display:block;font-size:7px;letter-spacing:1.5px;font-weight:500;margin-top:5px;opacity:.75}.button-arrow{font-size:23px;margin-left:9px}.move-count{display:flex;align-items:center;gap:12px;min-width:200px;justify-content:center}.move-count b{font:44px/1 Georgia,serif;color:#cf6c4f}.move-count span{font-size:11px;line-height:1.5;color:#857c6e}.camera-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:9px;color:#918577;white-space:nowrap;letter-spacing:.25px}.camera-hint span{margin:0 12px}
.encounter{position:absolute;right:35px;bottom:174px;width:340px;padding:25px 27px;background:rgba(255,251,242,.96);border:1px solid #fff;border-radius:23px;backdrop-filter:blur(20px);box-shadow:0 18px 60px #53422b18;animation:card-in .4s ease-out}.encounter-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.text-button{border:0;background:transparent;font-size:10px;color:#8d8172;padding:5px 0}.text-button:hover{color:#bc5c41}.encounter h2,.route-choice h2{font-family:Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-1px;line-height:1.12;margin:19px 0 13px}.encounter>p{font-size:12px;line-height:1.7;color:#746b5f;margin-bottom:20px}.encounter-actions{display:grid;gap:8px}.action-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5eee1;border:1px solid #e6decc;border-radius:11px;padding:13px 14px;color:#595043;text-align:left;font-size:12px}.action-button:hover{background:#fff5df;border-color:#bcb19b}.action-button.primary{background:#334d45;border-color:#334d45;color:#f7f1dd}.action-button small{font-size:9px;opacity:.65}.reflection{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.reflection>span{font-size:7px;font-weight:700;letter-spacing:1.8px;color:#a28d74}.reflection p{font-family:Georgia,serif;font-size:17px;color:#635647;line-height:1.4;margin:9px 0 0}.route-choice{position:absolute;left:38px;bottom:177px;width:255px;padding:23px;background:#fff9eedf;border:1px solid #fff;border-radius:19px;box-shadow:0 15px 45px #4b423916;backdrop-filter:blur(16px);animation:card-in .3s}.route-choice h2{font-size:24px;margin:11px 0}.route-choice>p{font-size:11px;color:#897c6e;line-height:1.5}.route-choice button{width:100%;margin-top:7px}
dialog{width:min(470px,92vw);border:1px solid #fff;border-radius:25px;background:#fff9ed;padding:40px;color:var(--ink);box-shadow:0 25px 120px #392f2840}dialog::backdrop{background:#3b30293b;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:26px;color:#807364}dialog h2{font:40px/1.1 Georgia,serif;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7;color:#817464}.primary-button{background:#ed694e;border:0;border-radius:12px;padding:15px 20px;color:#fff8ea;font-size:12px}.finale{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(490px,92%);padding:40px;background:#fff9edee;border:1px solid #fff;border-radius:27px;box-shadow:0 20px 80px #41332c28;backdrop-filter:blur(16px)}.finale h2{font:43px/1.09 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}.finale h2 em{font-weight:400;color:#bc6950}.finale>p{font-size:13px;color:#857461;line-height:1.6}.final-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:15px}#finalSummary{display:grid;gap:8px;margin:20px 0;font-size:12px;color:#746451}.webgl-error{position:absolute;inset:20%;background:#fff8ed;padding:40px;border-radius:25px}body.encounter-open .toast{opacity:0;pointer-events:none}@keyframes card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.masthead{left:55px;top:40px}h1{font-size:59px}.era-caption{left:55px;top:262px}.inventory{right:50px;top:118px}.tools{right:50px;top:40px}.turn-dock{bottom:65px}.toast{bottom:185px}}
@media(max-width:1000px){.masthead{left:24px;top:22px}h1{font-size:39px}.brand{font-size:9px}.edition{display:none}.era-caption{left:24px;top:198px}.inventory{right:22px;width:160px;padding:15px}.tools{right:22px;top:22px}.inventory-title{margin-bottom:15px}.resource{gap:7px}.resource-track{gap:2px}.resource-track i{width:5px}.encounter{right:22px;width:300px}.route-choice{left:22px}.board-label{font-size:8px;letter-spacing:1px}}
@media(max-width:600px){#game{min-height:0}.masthead{left:19px;top:22px}.brand{font-size:8px;letter-spacing:2px}h1{font-size:33px;letter-spacing:-1.4px;margin-top:18px}.strap{font-size:10px;margin-top:9px}.tools{right:15px;top:20px;gap:5px}.icon-button{width:32px;height:32px;font-size:15px}.era-caption{top:155px;left:19px;gap:8px}.era-symbol{width:33px;height:33px;font-size:22px}.era-caption small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.era-caption strong{font-size:11px}.inventory{top:auto;bottom:155px;right:14px;width:117px;padding:12px;border-radius:13px;background:#fff8ed99}.inventory-title{font-size:8px;letter-spacing:1px;margin-bottom:10px}.inventory-title span{font-size:7px}.resource{font-size:9px;gap:5px;margin-top:8px}.resource>span{width:26px}.resource b{font-size:9px}.resource-track{gap:2px}.resource-track i{width:3px;height:10px}.baggage-symbols{font-size:12px;letter-spacing:1px}.inventory-rule,.inventory small,.inventory p{display:none}.turn-dock{left:14px;right:14px;bottom:35px;transform:none;width:auto;gap:8px;border-radius:17px;padding:16px}.turn-detail strong{font-size:18px;margin-top:5px}.turn-detail p{font-size:9px;max-width:160px;line-height:1.4;margin-top:5px}.eyebrow{font-size:6px;letter-spacing:1.5px}.roll-button{gap:8px;padding:14px 12px;border-radius:11px}.roll-button>span:nth-child(2){font-size:10px}.roll-button small{font-size:5px;letter-spacing:1px}.dice-glyph{font-size:22px}.button-arrow{display:none}.move-count{min-width:120px}.move-count b{font-size:33px}.move-count span{font-size:9px}.camera-hint{bottom:12px;font-size:7px}.camera-hint span{margin:0 6px}.toast{bottom:140px;left:15px;transform:none;max-width:calc(100% - 152px);border-radius:12px;font-size:9px;padding:10px;line-height:1.4}.board-label{font-size:6px;letter-spacing:.7px;gap:4px}.board-label b{font-size:12px}.board-label .mini-dot{display:none}.pawn-label{font-size:6px;padding:4px 6px}.encounter{right:14px;left:14px;bottom:147px;width:auto;padding:20px;border-radius:18px;max-height:calc(100dvh - 220px);overflow:auto}.encounter h2{font-size:27px;margin:13px 0 10px}.encounter>p{font-size:11px;line-height:1.55;margin-bottom:14px}.action-button{font-size:11px;padding:11px 12px}.reflection p{font-size:15px}.route-choice{left:14px;bottom:149px;width:224px;padding:18px}.finale{padding:28px}.finale h2{font-size:35px}.final-actions{align-items:flex-start;flex-direction:column}body.encounter-open .inventory{opacity:0}.lgr-dice-dialog{width:92vw!important}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.finale{left:auto;top:auto;right:28px;bottom:38px;transform:none;width:330px;padding:24px}.finale-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.finale h2{font-size:33px;margin:16px 0}.finale>p{font-size:11px}.finale #finalSummary{font-size:11px;line-height:1.4;margin:16px 0}.finale .final-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.finale.is-collapsed{padding:15px 20px}.finale.is-collapsed>:not(.finale-top){display:none}body.finished .inventory,body.finished .toast{display:none}
@media(max-width:600px){.finale{right:14px;left:14px;bottom:28px;width:auto;padding:20px;max-height:45dvh;overflow:auto}.finale h2{font-size:28px;margin:12px 0}.finale>p{font-size:10px;line-height:1.4;margin-bottom:10px}.finale #finalSummary{font-size:10px;margin:12px 0;gap:5px}.finale .final-actions{flex-direction:row;align-items:center;gap:10px;margin-top:14px}.finale .primary-button{font-size:10px;padding:13px}.finale .text-button{font-size:9px}}
.finale.is-collapsed #finalSummary{display:none}