@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{color:#e4e7d9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111b19;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#e5e5d5;background:#1c2a25;border:1px solid #425047;border-radius:5px;padding:11px 14px;font-size:12px}button:hover{background:#304237;border-color:#b59d65}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #e9c880}button[aria-pressed=true]{color:#e8cb84;border-color:#a48c55}header{border-bottom:1px solid #364039;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:0 max(5vw,24px);display:flex}.brand{color:#e6d7b2;letter-spacing:2.4px;align-items:center;gap:14px;font-family:Georgia,serif;font-size:16px;text-decoration:none;display:flex}.brand small{letter-spacing:2px;color:#87988c;text-transform:uppercase;margin-top:8px;font:9px Inter,sans-serif;display:block}.ring{color:#c5a559;font:52px Georgia}nav{gap:8px;display:flex}nav button{color:#bcc7b9;background:0 0;border-color:#0000}main{max-width:1440px;margin:auto;padding:0 5vw}.chapter{letter-spacing:2px;color:#829688;align-items:center;gap:22px;padding:25px 0;font-size:10px;display:flex}.chapter>span:first-child{color:#c5ac76}.right{letter-spacing:.4px;margin-left:auto}.layout{grid-template-columns:minmax(0,1fr) 290px;gap:26px;display:grid}.story{background:#19241f;border:1px solid #3a473e;border-radius:9px;overflow:hidden}.scene{isolation:isolate;background:#6b8063 url(/images/shire.webp) 50% 48%/cover;height:390px;position:relative;overflow:hidden}.scene:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#0a1818e6);position:absolute;inset:0}.scene.danger{filter:saturate(.65);background-position:90%}.scene.danger:after{background:linear-gradient(#17274040,#08111cf0)}.location{position:absolute;bottom:29px;left:32px}.location>span,.eyebrow{letter-spacing:2.5px;color:#c4ad7a;text-transform:uppercase;font-size:9px}h1,h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}h1{color:#fff7e4;margin:7px 0 0;font-size:54px;line-height:1.05}.location p{color:#d4d9c6;font-size:11px}.scene-note{letter-spacing:1.6px;color:#e3e3c7;font-size:8px;position:absolute;top:18px;right:18px}.mist{pointer-events:none;background:radial-gradient(#ffffff20,#0000 65%);width:150%;height:35%;animation:35s linear infinite drift;position:absolute;top:12%;left:-40%}.motes{color:#ffe1a3;font-size:12px;animation:8s ease-in-out infinite float;position:absolute;top:30%;left:20%}.motes i{position:absolute;top:50px;left:210px}.motes b{position:absolute;top:180px;left:110px}.traveller{color:#ddcf9c;text-align:center;letter-spacing:2px;font-size:9px;position:absolute;bottom:30px;right:30px}.traveller span{font-size:60px;line-height:1;animation:5s infinite float;display:block}.description{color:#dedfcd;margin:13px 0 20px;font-family:Cormorant Garamond,Georgia,serif;font-size:23px;line-height:1.5}.choices{flex-wrap:wrap;gap:7px;display:flex}.choices button{font-size:11px}.response{color:#c6cfbf;background:#111c1880;border-left:2px solid #b69b63;margin:22px 0;padding:13px 16px;font-size:13px;line-height:1.7}label{color:#bbc5b8;margin-bottom:10px;font-size:11px;display:block}.input-row{gap:7px;display:flex}input{color:#e9e4d2;background:#111b17;border:1px solid #435044;border-radius:5px;flex:1;min-width:0;padding:13px;font-size:12px}.primary{color:#18201a;background:#c5ad74;border-color:#c5ad74}.primary:hover{background:#e4cc91}.hint{color:#899b8d;font-size:9px;line-height:1.6}.panel{background:#16211d;border:1px solid #35453b;border-radius:7px;margin-bottom:16px;padding:22px}h2{margin:10px 0 18px;font-size:26px}.exit{text-align:left;background:0 0;border-width:0 0 1px;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:16px 0;font-size:13px;display:flex}.exit small{color:#98a793;margin-top:7px;font-size:9px;display:block}.inventory{flex-wrap:wrap;gap:8px;display:flex}.inventory button{color:#d4ba78;font-size:11px}.muted,.quest p,.map p{color:#9dac9f;font-size:11px;line-height:1.8}.quest small{color:#a6ad98;font-size:10px;line-height:1.6}.progress{background:#344137;height:3px;margin:20px 0}.progress span{background:#baa06a;height:100%;display:block}.panel summary{cursor:pointer;color:#c2c9b7;font-size:12px}.panel ol{color:#b4c0ad;padding-left:16px;font-size:11px;line-height:1.7}.reset{margin-top:12px;display:block}footer{color:#7f9383;border-top:1px solid #334037;justify-content:space-between;gap:30px;margin:30px 0;padding:22px 0;font-size:10px;line-height:1.7;display:flex}footer details{max-width:480px}a{color:#ccb67d}.map{margin-top:24px}.map svg{width:100%;max-height:390px}.map line{stroke:#657252;stroke-width:.3px}.map circle{fill:#6a7763}.map circle.visited{fill:#dabd79}.map text{fill:#d5ddcb;font-size:2.5px}.notice{z-index:20;background:#374330;border:1px solid #bba36c;padding:16px;font-size:13px;position:fixed;bottom:15px;left:5%;right:5%}.notice button{margin-left:16px}@keyframes drift{to{transform:translate(40%)}}@keyframes float{50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (width<=850px){header{flex-wrap:wrap;gap:15px;height:auto;min-height:90px;padding:18px 5vw}nav{justify-content:space-between;width:100%}nav button{padding:8px;font-size:10px}.layout{grid-template-columns:1fr}.scene{height:330px}aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{margin:0}footer{display:block}.chapter{letter-spacing:1px;gap:12px;font-size:8px}}@media (width<=500px){aside{grid-template-columns:1fr}.scene{height:310px}.narrative{padding:23px 20px}h1{font-size:43px}.description{font-size:21px}.location{left:20px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row .primary{flex:1}.chapter .right{text-align:right;max-width:72px;font-size:8px}.brand{font-size:14px}footer{margin-bottom:70px}}.traveller img{object-fit:contain;filter:drop-shadow(0 8px 9px #0008);width:110px;height:160px;display:block}.location{right:145px}@media (width<=500px){.location{right:95px}h1{font-size:35px}button{min-height:44px}}.traveller.walk{animation:.6s ease-out walk}.traveller.hide{animation:.7s ease-out forwards hide}.traveller.gesture{animation:.5s ease-in-out gesture}@keyframes walk{0%{transform:translate(-50px)}to{transform:translate(0)}}@keyframes hide{to{opacity:.55;transform:translateY(18px)scale(.82)}}@keyframes gesture{50%{transform:rotate(-4deg)}}@media (width<=500px){.traveller img{width:74px;height:112px}.traveller{right:15px}}.layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.scene{isolation:isolate;background-position:50%;background-size:cover;height:470px}.scene-heading{z-index:2;text-shadow:0 2px 12px #000;position:absolute;top:28px;left:30px;right:20px}.scene-heading>span{color:#ebd6a6;letter-spacing:3px;text-transform:uppercase;font-size:10px}.scene-heading h1{margin-top:8px;font-size:48px}.scene:after{z-index:-1;background:linear-gradient(#06110e55,#0000 58%,#081812e0)}.scene-note{color:#ddd7bd;inset:auto auto 16px 24px}.cast{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:125px 20px 43px}.actor{box-shadow:none;transform-origin:bottom;border:0;flex-direction:column;flex-shrink:1;align-items:center;width:116px;min-width:0;padding:0;animation:7s ease-in-out infinite breathe;display:flex;position:relative;background:0 0!important}.actor-art{object-fit:contain;filter:drop-shadow(0 8px 8px #0008);pointer-events:none;width:100%;height:235px;display:block}.actor span:not(.atlas-art){color:#f0e1be;white-space:nowrap;background:#102118b8;border:1px solid #bc9b5755;border-radius:20px;padding:5px 9px;font-size:10px}.actor.selected span:not(.atlas-art){background:#294130;border-color:#d8bb73}.actor.selected .actor-art{filter:drop-shadow(0 0 8px #dec98088)}.frodo{width:100px;margin-right:auto}.frodo .actor-art{height:166px}.atlas-art{filter:drop-shadow(0 8px 8px #0008);background-repeat:no-repeat;background-size:400% 100%;width:100%;height:210px;display:block}.actor:has(img[src*=rider]){width:220px}.actor:has(img[src*=rider]) .actor-art{height:240px}.actor.walk{animation:.7s ease-out actor-walk}@keyframes actor-walk{0%{transform:translate(8px)}to{transform:translate(0)}}.actor.hide{animation:.8s ease-out forwards hide}.actor.give{animation:1.1s ease-out offer}.actor.talk{animation:2s ease-in-out infinite breathe}.speaking-mark{color:#fff4c6;font-size:26px;position:absolute;top:2px}.response>span{letter-spacing:1.8px;text-transform:uppercase;color:#d4b777;font-size:9px}.response p{margin:7px 0 0}.response{min-height:80px;margin:18px 0;font-size:14px}.description{margin:12px 0;font-size:21px}.conversation-target{color:#bfc8b5;align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.conversation-target button{margin-left:auto;padding:7px 10px}.near-map{padding:22px 16px}.near-map h2{margin-bottom:0}.compass{background:radial-gradient(circle,#77956112,#0000 70%);grid-template-rows:repeat(3,minmax(72px,auto));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 0;display:grid;position:relative}.compass button{word-break:normal;background:#1b3026;border-color:#6a77594d;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 3px;font-size:10px;line-height:1.35;display:flex}.compass button small{text-transform:uppercase;letter-spacing:1.4px;color:#c8ac75;font-size:8px}.compass button b{color:#bca373;font-size:10px}.compass button:hover{background:#334932}.no-path{text-align:center;color:#63776b;text-transform:uppercase;letter-spacing:1px;align-self:center;font-size:8px}.you{color:#d7bd80;flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.you span{font-size:30px}.height-route{min-height:35px;display:flex}.height-route.upper{justify-content:flex-end;margin-top:8px}.height-route.lower{justify-content:flex-start}.height-route button{background:#283526;padding:8px 10px;font-size:10px}.map-hint{text-align:center;color:#91a28f;font-size:9px;line-height:1.8}.pack summary{padding:4px 0}.pack .inventory{margin-top:15px}.command-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#17271ff5;border:1px solid #73805b99;border-radius:12px;width:min(100% - 32px,1060px);padding:13px 20px 9px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 60px #0009}.dock-status{color:#c5cfb9;align-items:center;gap:7px;min-height:25px;margin-bottom:8px;font-size:10px;display:flex}.status-dot{background:#6b7e6e;border-radius:50%;width:6px;height:6px}.status-dot.active{background:#c9d990;box-shadow:0 0 10px #b8d892}.dock-toggles{gap:8px;margin-left:auto;display:flex}.dock-toggles button{background:0 0;border:0;min-height:28px;padding:5px 8px;font-size:10px}.input-row{flex-wrap:nowrap}.input-row input{flex:auto;min-height:46px;font-size:14px}.mic{background:#263b2d;min-width:48px}.mic.active{color:#e6f6bd;background:#395137;border-color:#c5cf88}.primary{min-width:95px}.command-dock .hint{margin:6px 0 0;font-size:9px}footer{padding-bottom:180px}footer button{color:#91a88e;background:0 0;border:0;font-size:9px}.drawer-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:25;background:#07100de8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.drawer{border-color:#77805d;width:min(720px,100%);max-height:90dvh;margin:0;padding:30px;overflow-y:auto}.drawer.map-drawer{flex-direction:column;width:min(1300px,100%);height:90dvh;padding:16px;display:flex;overflow:hidden}.map-drawer h2,.map-drawer p{margin:4px 0 8px}.map-frame{flex:1;grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:minmax(0,1fr) 28px;min-height:80px;display:grid}.map-pan{accent-color:#c5ae6e;min-width:0;min-height:0;margin:0;padding:0}.map-pan-x{grid-column:1;width:100%;height:28px}.map-pan-y{writing-mode:vertical-lr;direction:ltr;width:28px;height:100%}.map-drawer .map-detail{flex-shrink:0;max-height:20dvh;overflow:auto}.map-drawer .close{flex-shrink:0;align-self:flex-end}.map-scroll::-webkit-scrollbar{display:none}.map-scroll{scrollbar-width:none;overscroll-behavior:contain}@media (height<=550px){.map-drawer>.eyebrow,.map-drawer>p{display:none}.map-drawer h2{font-size:20px}}.map-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.map-controls input{width:150px}.map-scroll{background:#19261f;border:1px solid #65745a;border-radius:8px;overflow:auto}.world-graph{color:#d4c99d;min-width:100%;height:auto;display:block}.map-edge{stroke:#899378;stroke-width:4px}.map-edge.vertical{stroke-dasharray:9 7}.map-edge.selected{stroke:#ecd078;stroke-width:7px}.map-node{cursor:pointer}.map-node circle{fill:#24312a;stroke:#a6ab89;stroke-width:4px}.map-node.visited circle{fill:#77936a}.map-node.current circle{fill:#ead08a;stroke:#f7edca}.map-node.selected circle,.map-node:focus circle{stroke-width:8px;stroke:#fff}.map-node text{fill:#e4dec6;paint-order:stroke;stroke:#19261f;stroke-width:5px;font-family:Georgia,serif;font-size:23px}.map-node .map-here{fill:#efd587;font-size:20px}.map-height{fill:#c8cbb9;paint-order:stroke;stroke:#19261f;stroke-width:4px;font-size:17px}.map-region{fill:#c8b578;opacity:.45;letter-spacing:7px;font-size:32px}.map-detail{border-top:1px solid #485944;margin-top:12px}.voice-help{margin:16px 0}.voice-help summary{cursor:pointer;color:#dac98c}.you strong{overflow-wrap:anywhere;font-size:12px;line-height:1.15}.you small{font-size:10px}.item-detail{border-bottom:1px solid #485944;gap:5px;padding:9px 0;display:grid}.item-detail small{color:#b3bea6;line-height:1.4}.item-detail button{justify-self:start;padding:7px 9px}.drawer .close{float:right}.drawer h2{font-size:32px}.drawer h3{color:#d6c48f;margin-top:25px;font-family:Georgia,serif;font-size:18px;font-weight:400}.drawer p{color:#b0bfaa;font-size:12px;line-height:1.8}.drawer li{margin-bottom:12px;font-size:13px;line-height:1.7}.drawer input:not([type=range]),select{color:#e8e8d8;background:#102019;border:1px solid #59704e;border-radius:5px;width:100%;max-width:100%;margin:10px 0 18px;padding:12px;font-size:14px;display:block}.drawer label{margin-top:18px}.world-list{flex-wrap:wrap;gap:6px;display:flex}.world-list button{font-size:11px}.world-list button.current{color:#ead498;border-color:#c2ad71}.world-list button:disabled{opacity:.65;cursor:default}.notice{z-index:40;bottom:160px;box-shadow:0 8px 35px #0008}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:disabled{cursor:wait;opacity:.55}input,button,select{touch-action:manipulation}@keyframes breathe{50%{transform:translateY(-2px)rotate(.2deg)}}@keyframes offer{40%{transform:translate(-25px)rotate(-3deg)}}@media (width<=1000px){.layout{grid-template-columns:minmax(0,1fr) 290px}.scene{height:420px}.cast{left:12px;right:12px}.actor{width:85px}.actor-art{height:210px}.atlas-art{height:165px}.frodo{width:74px}.frodo .actor-art{height:140px}.actor:has(img[src*=rider]){width:170px}.scene-heading h1{font-size:39px}.scene-heading{left:22px}}@media (width<=760px){header{gap:11px;min-height:0;padding:14px 5vw}.brand{letter-spacing:1.8px;font-size:13px}.brand small{font-size:8px}.ring{font-size:38px}nav button{min-height:34px;font-size:9px}nav{justify-content:space-between}.chapter{padding:15px 0}.layout{flex-direction:column;gap:16px;display:flex}.story,aside{width:100%}.scene{height:310px}.scene-heading{top:19px;left:19px;right:16px}.scene-heading h1{font-size:34px}.scene-heading>span{font-size:8px}.cast{gap:2px;inset:85px 13px 33px}.actor{width:80px}.actor-art{height:175px}.atlas-art{height:155px}.actor:has(img[src*=rider]){width:140px}.actor:has(img[src*=rider]) .actor-art{height:165px}.frodo{width:62px}.frodo .actor-art{height:117px}.actor span:not(.atlas-art){padding:4px 5px;font-size:8px}.scene-note{font-size:7px;bottom:10px;left:17px}.narrative{padding:20px}.description{margin:9px 0;font-size:18px;line-height:1.5}.response{min-height:0;padding:13px;font-size:13px;line-height:1.65}.choices button{min-height:42px;font-size:11px}.choices{gap:6px}aside{grid-template-columns:1fr;gap:14px;display:grid}.near-map{padding:20px}.compass{grid-template-rows:repeat(3,74px);gap:8px}.compass button{font-size:11px}.command-dock{bottom:max(8px, env(safe-area-inset-bottom));border-radius:11px;width:calc(100% - 16px);padding:10px 11px 8px}.dock-status{flex-wrap:wrap;gap:5px;font-size:9px}.dock-toggles{gap:1px;margin-left:auto}.dock-toggles button{padding:4px;font-size:9px}.input-row{flex-wrap:nowrap;gap:6px}.input-row input{flex-basis:auto;min-width:0;padding:10px;font-size:16px}.mic{min-width:42px;padding:8px}.primary{min-width:66px;padding:9px;font-size:11px;flex:0!important}.command-dock .hint{font-size:8px;line-height:1.4}.drawer-backdrop{padding:10px}.drawer{max-height:92dvh;padding:21px}.drawer h2{font-size:27px}.notice{font-size:12px;bottom:155px}.conversation-target{flex-wrap:wrap;font-size:10px}footer{padding-bottom:170px}.chapter .right{max-width:none}.quest{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}header{height:72px}.chapter{padding:14px 0}.layout{gap:18px}.scene{aspect-ratio:2;background-position:bottom;height:auto}.cast{aspect-ratio:3/2;pointer-events:none;width:100%;height:auto;display:block;inset:auto 0 0}.cast .actor{left:var(--actor-x);top:var(--actor-y);width:12%;height:var(--actor-height);pointer-events:auto;min-height:0;margin:0;transition:left .6s,top .6s;animation:none;position:absolute;transform:translate(-50%,-100%)}.cast .actor:has(img[src*=rider]){width:19%}:is(.cast .actor:has(img[src*=wolf]),.cast .actor:has(img[src*=warg])){width:23%}.cast .actor:has(img[src*=watcher]){width:38%}.cast .actor img[src*=watcher]{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.cast .actor .actor-art,.cast .actor .atlas-art{width:100%;height:100%;transform:scaleX(var(--actor-flip));object-fit:contain;object-position:center bottom;filter:brightness(var(--actor-light,1)) drop-shadow(0 3px 2px #0009);flex:none}.cast .actor .atlas-art{width:auto;margin-inline:auto}.cast .actor:before{content:"";filter:blur(2px);background:#0005;border-radius:50%;width:50%;height:5%;position:absolute;bottom:0;left:25%}.cast .actor span:not(.atlas-art){text-overflow:ellipsis;max-width:150%;padding:2px 6px;font-size:9px;position:absolute;top:100%;overflow:hidden}.cast .actor.selected .actor-art,.cast .actor.selected .atlas-art{filter:brightness(var(--actor-light,1)) drop-shadow(0 0 5px #e0ca8e99)}.scene-heading{top:18px;left:22px}.scene-note{font-size:8px;bottom:9px}.narrative{padding:18px 22px}.description{margin:8px 0 12px;font-size:20px;line-height:1.4}.response{min-height:0;margin-bottom:12px;padding:12px 14px}.response p{line-height:1.5}.command-dock{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;margin:0 18px 18px;padding:12px 14px;position:static;bottom:auto;left:auto;transform:none}footer{margin-bottom:0;padding-bottom:18px}.panel{padding:16px}.height-route{min-height:0;padding:4px 0}.height-route:empty{display:none}.compass{grid-template-rows:repeat(3,minmax(64px,auto))}.near-map h2{margin:8px 0 10px}.cast-roster{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.cast-roster button{min-height:36px;padding:5px 8px;font-size:10px}.cast-roster small,.agenda-status{color:#a4b3a2;margin-top:3px;font-size:9px;display:block}.world-events{color:#c8cdbb;border-left:2px solid #887a51;padding-left:10px;font-size:12px}.world-events p{margin:5px 0}@media (width<=700px){header{height:auto;padding:10px 4vw}main{padding:0 3vw}.scene{aspect-ratio:1.6;height:auto}.scene-heading{top:12px;left:16px}.scene-heading h1{font-size:30px}.narrative{padding:14px}.description{font-size:18px}.command-dock{width:auto;margin:0 10px 12px;padding:10px;position:static;transform:none}.cast .actor span:not(.atlas-art){display:none}.cast .actor{width:13%}.compass{--north-row:24px;--south-row:24px;grid-template-rows:minmax(var(--north-row), auto) minmax(60px, auto) minmax(var(--south-row), auto);gap:5px;padding:6px 0}.compass:has(button[data-direction=norr],button[data-direction=nordost],button[data-direction=nordväst]){--north-row:60px}.compass:has(button[data-direction=söder],button[data-direction=sydost],button[data-direction=sydväst]){--south-row:60px}.compass button{gap:3px;min-height:44px;padding:6px 3px}.compass button b{display:none}.you{gap:3px}.you span{font-size:22px}.near-map h2{margin:4px 0 6px;font-size:22px}.map-hint{margin:5px 0 0}.panel{padding:14px}footer{margin:0;padding:14px 0}}.battle{background:linear-gradient(145deg,#182922,#0c1817);border-radius:12px;padding:clamp(14px,3vw,28px)}.battle h2{margin:10px 0}.initiative{gap:8px;margin:12px 0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.initiative li{border:1px solid #4b5c50;border-radius:20px;flex:none;padding:6px 12px;font-size:12px}.initiative .current{color:#f2da91;background:#394334;border-color:#c5a967}.battle-grid{background:linear-gradient(#111a16bb,#111a16bb),url(/images/ruins.webp) 50%/cover;border:1px solid #59624c;border-radius:6px;gap:2px;width:100%;max-width:640px;margin:auto;padding:4px;display:grid}.battle-cell{aspect-ratio:1;background:#12251c66;border:1px solid #ffffff0c;border-radius:3px;min-width:0;min-height:0;padding:0;position:relative}.battle-cell:disabled{opacity:1;cursor:default}.battle-cell.reachable{color:#bcc893;background:#44644d55;border-color:#75846166}.battle-cell.rock{color:#939388;background:#4c4b4199}.battle-cell.party{background:#244a3edd;border-color:#709781}.battle-cell.enemy{background:#512d2add;border-color:#a56559}.battle-cell.active{box-shadow:inset 0 0 0 2px #efcd77}.battle-cell.target{outline-offset:-3px;outline:2px solid #ddb482}.battle-token{color:#e1c3a1;background-repeat:no-repeat;height:76%;font-size:clamp(18px,3vw,32px);display:block}.battle-cell small{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;font-size:9px;position:absolute;bottom:5px;left:1px;right:1px;overflow:hidden}.hp-strip{background:#171a16;height:3px;position:absolute;bottom:1px;left:2px;right:2px}.hp-strip i{background:#a7c584;height:100%;display:block}.battle-sides{text-align:center;letter-spacing:2px;color:#b5b99e;padding:8px;font-size:10px}.battle-summary{flex-wrap:wrap;gap:8px 16px;margin:12px 0;font-size:13px;display:flex}.battle-summary small{color:#e1b879}.battle-controls select{color:#e8e4cc;background:#16251e;border:1px solid #71806b;border-radius:5px;max-width:100%;margin-left:8px;padding:8px}.battle-controls .choices{margin-top:10px}.battle-help{color:#b1baa7;font-size:12px}.battle-log{border-top:1px solid #51624d;margin-top:16px;padding-top:6px}.battle-log p{margin:8px 0;font-size:13px}.battle-log small{color:#d7bd7c;font-variant-numeric:tabular-nums;display:block}.narrative[hidden]{display:none}@media (width<=600px){.battle{padding:12px}.battle-cell small{font-size:8px}.battle-controls .choices button{min-height:42px;padding:8px}}.battle-token{width:100%;margin-inline:auto}.battle-token.atlas-token{width:38%}.battle-feedback{color:#dec88d;font-size:14px}.battle-log summary{cursor:pointer;color:#d7bd7c;padding:8px 0;font-size:13px}.layout.in-combat{grid-template-columns:minmax(0,1fr);max-width:920px;margin-inline:auto}.layout>aside[hidden]{display:none}.battle-grid{max-width:480px}.rune-puzzle{background:#13221b;border:1px solid #706741;border-radius:10px;margin:16px 0;padding:16px}.rune-board{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:4px;width:min(100%,300px);margin:12px auto;display:grid}.rune-board button{background-image:url(/images/dragon-seal.svg);background-size:300% 300%;border:1px solid #ad995e;border-radius:4px;justify-content:flex-start;align-items:flex-start;padding:4px;display:flex}.rune-board button:disabled{opacity:1;cursor:default;border-color:#465449}.rune-board button:not(:disabled){box-shadow:inset 0 0 0 2px #c6b36e}.rune-board button span{color:#fff1c0;background:#101a15e8;border-radius:4px;padding:1px 6px;font-size:15px}.rune-empty{background:#08130e;border-radius:4px}.rune-reference{width:min(100%,240px);margin:12px auto;display:block}.rune-puzzle>button{margin:4px}.cast .actor:has(img[src*=balrog]){width:25%}.cast .actor:has(.atlas-art[style*=ent-cast]){width:calc(var(--actor-height) / 3)}.battle-portrait{pointer-events:none;width:100%;height:100%;display:block}.battle-portrait.large{z-index:2;width:calc(200% + 4px);height:calc(200% + 4px);position:absolute;top:0;left:0}.cast .actor:has(.atlas-art[style*=eastern-cast]){width:calc(var(--actor-height) / 3)}:is(.cast .actor:has(.atlas-art[style*=rohan-cast]),.cast .actor:has(.atlas-art[style*=imladris-cast])){width:calc(var(--actor-height) / 4)}.cast .actor:has(img[src*=shelob]){width:32%}.cast .actor:has(.atlas-art[style*=eriador-hosts]){width:calc(var(--actor-height) * 3 / 8)}.cast .actor:has(.atlas-art[style*=gondor-cast]){width:calc(var(--actor-height) * 3 / 8)}.scene .cast .actor[style*=--actor-width]{width:var(--actor-width);transform:translate(calc(-1 * var(--actor-origin-x)), calc(-1 * var(--actor-origin-y)))}.scene.full-scene{aspect-ratio:3/2}.road-root-cover{z-index:110;pointer-events:none;clip-path:polygon(14% 61%,44% 61%,46% 70%,14% 70%);background:url(/images/scene-road.webp) 50%/100% 100%;position:absolute;inset:0}.scene{--scene-crop:25%}.scene.danger{background-position:bottom}.scene.full-scene{--scene-crop:0%}@media (width<=700px){.scene:not(.full-scene){--scene-crop:6.25%}}.road-root-cover:after{content:"";inset:var(--scene-crop) 0 0;background:linear-gradient(#06110e55,#0000 58%,#081812e0);position:absolute}.scene.danger .road-root-cover:after{background:linear-gradient(#17274040,#08111cf0)}.cast.road-cast .actor{transition:none}.road-root-cover:before{content:"";opacity:var(--scene-shade,0);background:#071327;position:absolute;inset:0}.scene .cast .actor .actor-art{height:100%}.road-rider-passing{z-index:100;pointer-events:none;width:8.7%;height:8.7%;animation:3.3s linear forwards road-rider-pass;position:absolute;top:55%;left:66%;transform:translate(-50%,-100%)}.road-rider-passing img{object-fit:contain;width:100%;height:100%}@keyframes road-rider-pass{0%,15%{opacity:1;width:8.7%;height:8.7%;top:55%;left:66%}40%{width:13%;height:13%;top:61%;left:59%}72%{opacity:1;width:23%;height:23%;top:79%;left:81%}to{opacity:0;width:29%;height:29%;top:102%;left:112%}}@media (prefers-reduced-motion:reduce){.road-rider-passing{animation:3.3s linear forwards road-rider-fade}}@keyframes road-rider-fade{0%,60%{opacity:1}to{opacity:0}}.scene-time-shade{z-index:0;pointer-events:none;background:#071327;transition:opacity 1s;position:absolute;inset:0}.scene-frame-toggle{z-index:120;background:#12201cdd;padding:6px 9px;font-size:11px;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:reduce){.scene-time-shade{transition:none}}.scene-labels{z-index:120;pointer-events:none;position:absolute;inset:0}.scene-labels>span{color:#f0e1be;white-space:nowrap;background:#102118e8;border:1px solid #bc9b5755;border-radius:20px;padding:2px 6px;font-size:9px;position:absolute;transform:translate(-50%,3px)}.scene-labels>.selected{background:#294130;border-color:#d8bb73}@media (width<=700px){.scene-labels{display:none}}.mobile-scene-caption{display:none}@media (width<=700px){.mobile-scene-caption{background:#19251e;border-radius:8px 8px 0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mobile-scene-caption span{color:#c5b781;font-size:9px}.mobile-scene-caption h1{overflow-wrap:anywhere;margin:3px 0 0;font-size:22px;line-height:1.12}.mobile-scene-caption button{max-width:106px;min-height:44px;padding:6px 8px;font-size:11px}.scene .scene-heading,.scene .scene-frame-toggle{display:none}.mobile-scene-caption+.scene{border-radius:0}}.combat-dice{background:#17271f;border:1px solid #736341;border-radius:12px;margin:1rem 0;padding:.75rem}.dice-events{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding-top:.6rem;display:grid}.dice-event{flex-direction:column;gap:.3rem;min-width:0;font-size:.85rem;display:flex}.dice-row{flex-wrap:wrap;gap:.3rem;display:flex}.die{text-align:center;color:#ddc882;width:54px}.die svg{width:54px;height:54px;overflow:visible}.die polygon{fill:#304938;stroke:#ddc882;stroke-width:2px}.die path{fill:none;stroke:#b3a063;stroke-width:.7px;opacity:.5}.die text{fill:#fff4c9;text-anchor:middle;paint-order:stroke;stroke:#253a2c;stroke-width:4px;font:700 25px Georgia,serif}.die small{font-size:.7rem;display:block}.die-rolling svg{animation:.65s ease-out both dice-land}@keyframes dice-land{0%{transform:translateY(-14px)rotate(-125deg)scale(.8)}45%{transform:translateY(3px)rotate(45deg)}70%{transform:translateY(-5px)rotate(-15deg)}to{transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.die-rolling svg{animation:none}}@media (width<=600px){.dice-events{scroll-snap-type:x proximity;padding-bottom:.6rem;display:flex;overflow-x:auto}.dice-event{scroll-snap-align:start;flex:0 0 220px}}@media (width<=700px){nav{flex-wrap:wrap}nav button{flex:90px;min-height:44px}}header{gap:12px;height:auto;min-height:48px;padding-top:0;padding-bottom:0}.ring{border:3px solid #c5a559;border-radius:50%;flex-shrink:0;width:46px;height:46px;font-size:0}.brand small{margin-top:4px}nav{flex-wrap:wrap;gap:2px}nav button{padding:9px 8px}.drawer .mic-setting{cursor:pointer;align-items:center;gap:12px;display:flex}.drawer .mic-setting input{flex:0 0 20px;width:20px;height:20px;margin:0}.map-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.map-scroll:active{cursor:grabbing}:fullscreen{background:#111b19;overflow:auto}@media (width<=700px){header{padding:0 4vw}.ring{width:40px;height:40px}}@media (width>=701px){.mobile-scene-caption{background:#19251e;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.mobile-scene-caption>div{align-items:baseline;gap:14px;min-width:0;display:flex}.mobile-scene-caption span{color:#c5b781;font-size:9px}.mobile-scene-caption h1{margin:0;font-size:25px;line-height:1.1}.mobile-scene-caption button{flex-shrink:0;padding:6px 9px}.scene .scene-heading,.scene .scene-frame-toggle{display:none}}.rune-board[hidden]{display:none}.chest-rewards article{border-top:1px solid #425047;padding:12px 0}.chest-rewards h4{color:#e8cb84;margin:4px 0}