@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--bg:#121622;--panel:#1a1e2c;--line:#353746;--muted:#a7a7b9;--rose:#efafbb;--gold:#e6c58b;--mint:#a6d1bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eee9e4;font-family:'DM Sans',sans-serif;font-size:16px}button,a,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#252938;color:inherit;border-radius:6px;padding:11px 15px;transition:background .15s,transform .15s}button:hover{background:#383847;border-color:#a68a9e}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--rose);color:#29202c;border-color:var(--rose);font-weight:700}button.primary:hover{background:#ffd0d8}#app{max-width:1800px;margin:auto;padding:0 30px}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;color:#f2dedb;text-decoration:none;font-weight:700;letter-spacing:3px;font-size:19px}.brand small{display:block;font-size:10px;letter-spacing:2.8px;margin-top:6px}.crest{font-size:36px;color:var(--rose)}.chapter{text-align:center;font-size:12px;letter-spacing:2.2px;color:var(--gold)}.chapter small{display:block;letter-spacing:.1px;color:var(--muted);font-size:12px;margin-top:7px}.headerActions{display:flex;gap:8px}.headerActions button{background:none;padding:9px 13px;font-size:15px}.headerActions #sound{border:0;color:var(--muted)}main{display:grid;grid-template-columns:minmax(0,1fr) 265px;margin-top:24px;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:520px}.stage{position:relative;min-width:0;height:min(65vh,720px);min-height:520px;background:#182839;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none;touch-action:none}#sidebar{padding:25px 22px;background:var(--panel);border-left:1px solid var(--line)}.asideHead{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:2px;margin-bottom:26px}.asideHead span+span{color:var(--rose)}.questCard small{font-size:10px;letter-spacing:1.5px;color:var(--gold)}h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;margin:12px 0}.questCard p{font-size:14px;color:var(--muted);line-height:1.7}#questProgress{font-size:12px;color:var(--mint);line-height:1.8}.divider{height:1px;background:var(--line);margin:25px 0}#regionPreview{display:grid;gap:16px}.regionRow{display:flex;align-items:center;gap:12px}.regionDot{width:32px;height:32px;border-radius:5px;display:grid;place-items:center;border:1px solid #ffffff24;color:var(--gold);font-family:Georgia}.regionRow strong{display:block;font-size:13px;font-weight:500}.regionRow small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.quote{color:var(--rose);font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.65;margin:30px 0}.quote small{display:block;font-family:'DM Sans',sans-serif;color:#87879b;font-size:9px;letter-spacing:1.5px;font-style:normal;margin-top:13px}#journalSide{width:100%;font-size:13px;display:flex;justify-content:space-between;background:transparent}.saveStatus{font-size:10px;color:#9393a5;text-align:center;margin-top:15px}#toolbar{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.toolgroup,.shortcuts{display:flex;gap:7px}.toolgroup button{font-size:13px;background:var(--panel);padding:12px}.toolgroup button>span{color:var(--rose);margin-right:8px;font-size:18px}kbd{font:10px 'DM Sans',sans-serif;border:1px solid #484958;padding:2px 4px;border-radius:3px;color:#acaabb;margin-left:6px;white-space:nowrap}.shortcuts button{font-size:14px;color:var(--gold);background:transparent}footer{display:flex;justify-content:space-between;color:#9293a5;font-size:11px;padding:17px 0;gap:15px}footer kbd{margin:0 3px}#xpLabel{color:var(--gold);letter-spacing:1px;font-size:10px;white-space:nowrap}#titleScreen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,25,39,.91),rgba(15,25,39,.45) 53%,rgba(15,25,39,.06)),url('world.png') center/cover;display:flex;align-items:center}.titleContent{padding:45px 7%;position:relative}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(50px,5.5vw,90px);font-weight:400;line-height:1;margin:24px 0;color:#fff0e5;text-shadow:0 3px 10px #18283855}h1 span{display:block;font-size:.55em;margin:12px 0;font-style:italic}h1 em{font-weight:400;color:#f0b5c6}.titleContent p{font-size:14px;color:#e0ccd8;margin:23px 0 28px}.big{padding:15px 24px;font-size:14px}.big span{margin-left:30px}.titleContent>small{display:block;font-size:10px;color:#d1c0ce;margin-top:18px}#continue{display:block;margin-top:10px;background:#151c2abd;font-size:13px}#continue[hidden], [hidden]{display:none!important}.titleFoot{position:absolute;bottom:20px;left:7%;right:5%;display:flex;justify-content:space-between;color:#ddc9d0;font-size:9px;letter-spacing:1.3px;gap:12px}#hud{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:10px;pointer-events:none}.portrait{width:42px;height:52px;background:#392b49dd;border:2px solid #bf8da1;display:grid;place-items:center;font-size:28px;color:var(--gold)}.vitals{width:170px;background:#151827bc;padding:8px;border:1px solid #ffffff18;border-radius:3px}.vitals strong{font-size:11px}.vitals strong span{float:right;color:var(--gold);font-size:10px}.meter{position:relative;height:11px;background:#161728;margin-top:4px;border-radius:2px;overflow:hidden}.meter i{display:block;height:100%;transition:width .2s;background:#d87991}.meter.mana i{background:#85b9d8}.meter span{position:absolute;inset:0;text-align:center;font-size:8px;color:white;text-shadow:1px 1px #000}.coins{background:#151827bc;padding:9px 14px;border-radius:3px}.coins b{display:block;font-size:15px;color:var(--gold)}.coins small{font-size:8px;letter-spacing:2px}#questMini{margin-left:auto;max-width:220px;text-align:right;color:#f7e8c9;font-size:11px;background:#151827b0;padding:9px;border-radius:3px}#prompt{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:5px;background:#171a2de8;color:#f4d3c9;font-size:12px;white-space:nowrap;pointer-events:none;display:none}#toast{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);background:#292135eb;border:1px solid #bd8c9b;border-radius:5px;padding:12px 20px;color:#ffe5d1;text-align:center;font-size:13px;max-width:90%;width:max-content;opacity:0;transition:opacity .3s;pointer-events:none}#locationToast{position:absolute;top:27%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:30px;text-shadow:0 2px 8px #000;color:#ffdfdc;pointer-events:none;opacity:0;transition:opacity 1s}dialog{border:1px solid #656071;border-radius:12px;background:#1b1e2c;color:#eee9e4;padding:0;width:min(880px,94vw);max-height:87vh;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#090d18bf;backdrop-filter:blur(5px)}.modalHead{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#1b1e2c;z-index:2}.modalHead small{color:var(--gold);font-size:10px;letter-spacing:2px}.modalHead h2{margin:5px 0 0;font-size:34px}#modalBody{padding:25px 28px;line-height:1.65}#modalBody p{color:#bcbcce;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{border:1px solid var(--line);border-radius:7px;padding:17px;background:#232635}.card h3{font-size:15px;margin:5px 0}.card p{font-size:12px!important;line-height:1.6;margin:8px 0}.card small{font-size:10px;color:var(--gold);letter-spacing:1px}.card button{font-size:12px;padding:8px 11px;margin:5px 5px 0 0}.card .icon{font-size:27px;color:var(--rose)}.card.active{border-color:#c092a5;background:#342a3b}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.row input,.row select{background:#121624;border:1px solid var(--line);border-radius:5px;padding:10px;color:inherit;min-width:0}.row input{flex:1}.badge{font-size:11px;padding:5px 10px;border:1px solid #4b4254;border-radius:4px;color:var(--gold)}.speech{font-family:Georgia,serif;font-size:23px;color:#f3cbd8;padding:22px 0}.choices{display:grid;gap:10px}.choices button{text-align:left;padding:15px}.dialogPortrait{font-size:45px;float:right;color:var(--gold)}.note{background:#302a3b;border-left:2px solid var(--rose);padding:12px 16px;font-size:13px;color:#d6c5d7;margin:14px 0}#touch{position:absolute;bottom:18px;left:12px;right:12px;justify-content:space-between;pointer-events:none;display:flex}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;touch-action:none;width:48px;height:46px;background:#161b31b0;border:1px solid #ffffff66;font-size:22px;padding:3px;user-select:none;-webkit-user-select:none}@media(max-width:1150px){#app{padding:0 18px}main{grid-template-columns:minmax(0,1fr) 225px}#sidebar{padding:22px 16px}.toolgroup button{padding:10px 9px}.toolgroup kbd{display:none}.chapter{display:none}.titleFoot span:last-child{display:none}}@media(max-width:850px){main{display:block;margin-top:12px;min-height:0}.stage{height:65vh;min-height:430px}#sidebar{display:none}header{height:77px}.brand{font-size:16px}.brand small{font-size:8px}#toolbar{flex-wrap:wrap;padding:12px 0}.toolgroup{width:100%;justify-content:space-between}.toolgroup button{flex:1;font-size:11px;padding:10px 6px}.toolgroup button>span{display:block;margin:0 0 4px}.shortcuts{width:100%;justify-content:center}.shortcuts button{font-size:12px;padding:8px 20px}footer{font-size:10px}#xpLabel,.desktopHint{display:none}.titleContent{padding:30px 8%}h1{font-size:66px}.headerActions #sound span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#questMini{display:none}#prompt{bottom:78px}#toast{bottom:125px}}@media(max-width:450px){#app{padding:0 10px}.headerActions{gap:4px}.headerActions button{padding:8px 10px}.stage{min-height:470px;height:65vh}.titleFoot{font-size:7px}h1{font-size:60px}.grid{grid-template-columns:1fr}.modalHead,#modalBody{padding:18px}.titleContent p{font-size:13px}footer{display:none}.vitals{width:135px}.coins{padding:9px}.portrait{width:34px}.toolgroup button{font-size:10px}.shortcuts button{padding:8px 16px}}
#modalStatus:not(:empty){position:sticky;top:0;z-index:3;background:#473344;border:1px solid #ba8fa3;border-radius:5px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:#ffe3c4}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}