@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
.realms{grid-column:1/-1}.realms .section-heading button{font-size:12px;padding:5px 9px}#realm-list{display:grid;gap:7px}.realm-card{display:block;width:100%;text-align:left;border-left:3px solid var(--realm-color);padding:10px 12px}.realm-card b{font:15px Cinzel,Georgia,serif;color:var(--realm-color)}.realm-card small{display:block;font-size:11px;margin-top:5px;line-height:1.5;color:#acb9aa}.realm-card.current{background:#344036;border-color:var(--realm-color)}.realm-card:disabled{cursor:default;opacity:.65}.realm-card.current:disabled{opacity:1}.phase-marks{display:flex;gap:5px;margin-top:7px}.phase-marks i{font-style:normal;font-size:10px;text-align:center;flex:1;padding:3px;background:#111b17;color:#8d9d89}.phase-marks i.cleared{background:#607c4f;color:#faf4da}#dungeon-action{margin-top:12px;width:100%;border-color:#9b865a;color:#e6cf99}#old-road{margin-top:7px;width:100%;font-size:11px;color:#a7b39f}.dialog{max-height:100%;overflow:auto}.dialog button{min-height:42px}.game-shell{position:sticky!important;top:16px}@media(max-width:760px){.game-shell{position:relative!important;top:0}#realm-list{grid-template-columns:1fr 1fr}.realm-card:last-child{grid-column:1/-1}.realm-card small{font-size:10px}.realms{order:2}.journal,.log-section{order:3}}
:root{color-scheme:dark;--bg:#101816;--panel:#17211e;--line:#354036;--gold:#d0b17a;--muted:#9aa79c;--text:#e7e6d9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#263028,var(--bg) 65%);color:var(--text);font:14px Inter,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid var(--line);background:#202a23;border-radius:4px;cursor:pointer;padding:9px 12px}button:hover{border-color:var(--gold);background:#2e372a}button:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid var(--line)}.brand{font:600 26px Cinzel,Georgia,serif;letter-spacing:4px;text-decoration:none;color:var(--text);position:relative;padding-left:47px}.sigil{position:absolute;left:0;top:0;color:var(--gold);font-size:40px}.brand small{display:block;font:10px Inter,sans-serif;letter-spacing:3.4px;color:var(--gold);margin-top:5px}.header-right{display:flex;align-items:center;gap:12px}.local{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin-right:10px}kbd{font:11px Inter,sans-serif;color:var(--muted);border:1px solid #4a5142;border-radius:3px;padding:2px 4px;margin-left:5px}main{max-width:1660px;margin:auto;padding:28px 3% 20px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.game-shell{position:relative;border:1px solid #4b5140;border-radius:7px;overflow:hidden;background:#152c25;align-self:start;box-shadow:0 16px 60px #0004}.location{height:79px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#17231fed;border-bottom:1px solid #4c5544}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font:500 26px Cinzel,Georgia,serif;margin:4px 0 0}#zone-tag{font-size:9px;letter-spacing:1.8px;color:#b8c9a5;border:1px solid #55634b;padding:7px 9px;border-radius:3px}canvas{display:block;width:100%;aspect-ratio:3/2;image-rendering:pixelated;touch-action:none}.world-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:12px 18px;background:#19251f;color:#c7cfb8;font-size:12px}.world-caption button{white-space:nowrap}aside{display:flex;flex-direction:column;gap:23px}aside section{border-bottom:1px solid var(--line);padding-bottom:22px}h2{font:500 18px Cinzel,Georgia,serif;margin:0}h3{font:500 16px Cinzel,Georgia,serif;margin:0}.character-name{display:flex;align-items:center;gap:12px;margin:17px 0 22px}.portrait{height:48px;width:45px;display:grid;place-items:center;background:#303c32;border:1px solid #62684b;color:#d3c598;font-size:32px}.character-name span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.character-name strong{margin-left:auto;font:26px Cinzel;color:var(--gold)}.meter-label{display:flex;justify-content:space-between;font-size:11px;color:#c6cec0;margin:12px 0 7px}.meter{height:7px;background:#303830;border-radius:2px;overflow:hidden}.meter i{display:block;height:100%;width:100%;transition:width .2s}.life i{background:#ab6957}.mana i{background:#639e9c}.xp{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:10px;color:var(--muted)}.xp>div{height:3px;background:#303830;flex:1}.xp i{display:block;height:100%;background:var(--gold)}.pockets{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--gold)}.pockets button{padding:7px;font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading>span{font-size:10px;color:var(--muted)}.weapons{display:grid;gap:8px}.weapons button{display:flex;align-items:center;text-align:left;gap:13px;padding:12px;background:#1a2520}.weapons button.selected{border-color:#b49a67;background:linear-gradient(100deg,#3a3e2c,#202a22)}.weapon-icon{font-size:27px;width:33px;text-align:center;color:#ccceba}.weapon-icon.magic{color:#8db7b3}.weapon-icon.gun{color:#d0a77a}.weapons b{font-size:12px;font-weight:500}.weapons small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:var(--muted)}.weapons kbd{margin-left:auto}.gold{color:var(--gold)!important}.journal h2{margin-top:10px}.journal p{font-size:12px;color:#a9b4a6;line-height:1.8}.journal #objective{color:#d8c598;font-size:12px;padding-top:9px}.log-section{border-bottom:0}.log-section button{font-size:10px;padding:5px 9px}#log{font-size:11px;line-height:1.6;color:#bbc4b3;height:64px;overflow:hidden}#log p{margin:0 0 7px}#log p:first-child{color:var(--gold)}#save-status{display:block;color:#85917f;font-size:10px;margin-top:14px}footer{padding:0 3% 22px;display:flex;justify-content:space-between;gap:20px;color:#869382;font-size:10px;letter-spacing:.4px}footer b{color:#bec5b2;font-weight:400}footer i{padding:0 9px}footer>span:last-child{letter-spacing:2px;font-size:9px}.overlay{position:absolute;inset:79px 0 63px;display:grid;place-items:center;background:#09110dba;backdrop-filter:blur(4px);padding:20px;z-index:3}.overlay[hidden]{display:none}.dialog{max-width:430px;background:#1c2922;border:1px solid #98845a;padding:30px;box-shadow:0 15px 70px #0008}.dialog h2{font-size:27px;color:#e6d3ab;margin-top:13px}.dialog p{line-height:1.8;color:#c3cbbb}.dialog button{margin:8px 8px 0 0;border-color:#85744e}.mobile{display:none} @media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 350px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.local{display:none}header{height:80px}.brand{font-size:22px}footer>span:last-child{display:none}}@media(max-width:760px){header{padding:15px;height:auto}.brand{font-size:19px;letter-spacing:2px;padding-left:34px}.brand small{font-size:8px;letter-spacing:2px}.sigil{font-size:30px}.header-right{gap:6px}.header-right button{font-size:11px;padding:7px}header kbd{display:none}main{display:block;padding:14px 12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.location{padding:12px 16px;height:68px}h1{font-size:22px}.world-caption{font-size:11px;padding:9px}.world-caption kbd{display:none}.mobile{display:flex;padding:10px;gap:8px;align-items:center;background:#18241f;touch-action:none}.dpad{display:flex;gap:5px;margin-right:auto}.mobile button{min-width:40px;min-height:42px;padding:8px}.overlay{inset:68px 0 0}.character-name{gap:8px}.character-name h2{font-size:15px}.character-name span{display:none}.character-name strong{font-size:20px}.portrait{width:34px}.weapons button{padding:9px;gap:4px}.weapons kbd{display:none}.weapons small{font-size:7px}footer{line-height:2}footer i{padding:0 3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}