/* Original dungeon / parchment skin, layered over the retained application UI. */
:root{--ink:#3f3021;--green:#395c40;--muted:#8b7658;--cream:#15213c;--line:#8b6d42}body{background:#16223d radial-gradient(ellipse at 50% 0,#34416a,transparent 70%) fixed;color:#e7d7ae}header{background:linear-gradient(#233144,#121d2b);border-bottom:3px ridge #8c7651;box-shadow:0 3px 18px #0007}.brand{color:#ded7bb;text-shadow:2px 3px #050a12,0 -1px #fff8}.brand small{color:#9eabaf}.brand img{width:44px;height:44px}.adult{color:#9caaab}nav button{color:#aeb6ba}nav button.active{background:linear-gradient(#42514c,#24382f);color:#e5ddba;border-color:#8b875c;box-shadow:inset 0 1px #b4ba8255}button{border-radius:4px}button:hover{transform:translateY(-1px)}main{max-width:1400px;padding:24px 26px 0}.intro{padding-bottom:22px}.intro .eyebrow{color:#a7ad95}.intro h1{font-size:29px;color:#e7e0ca;text-shadow:1px 2px #060e21}.intro p{color:#a0acba}.date-stamp{color:#b4baae}.eyebrow{color:#80724e}.dungeon-hero{position:relative;isolation:isolate;height:650px;border:4px ridge #8b7a5f;box-shadow:0 12px 40px #03081999,inset 0 0 70px #091222;border-radius:7px;overflow:hidden;background:#20355b}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('./assets/dungeon-v3.png') center 46%/cover no-repeat}.dungeon-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 50%,#08152999 100%);pointer-events:none}.adventure-hud{position:absolute;top:18px;left:17px;display:flex;gap:10px;align-items:center;padding:7px 14px 7px 7px;min-width:225px;background:linear-gradient(120deg,#142131ee,#203439c9);border:3px ridge #947c50;border-radius:5px;box-shadow:0 4px 16px #0006}.adventure-hud strong{display:block;color:#e1cf9f;font-size:12px;font-weight:550}.adventure-hud small{font-size:9px;color:#9eab9a}.sprite{display:block;background-image:url('./assets/companions-v3.png');background-size:300% 400%;background-repeat:no-repeat;background-position:0% 0%;aspect-ratio:1;flex-shrink:0}.portrait{width:55px;height:55px;outline:2px solid #a58a50;background-color:#352e50;border-radius:3px}.hud-meter{display:block;width:130px;height:8px;margin:6px 0;background:#101a17;border:1px solid #776d42;box-shadow:inset 0 1px 3px #000}.hud-meter i{display:block;height:100%;width:100%;background:linear-gradient(#9eaa54,#537b39)}.hero-controls{position:absolute;top:18px;right:18px;display:flex;gap:6px}.hero-controls button{padding:7px 11px;color:#d1c59e;background:#142233d9;border:2px ridge #8d7950;font-size:10px}.hero-controls button[aria-pressed=true]{color:#c6e1ac;border-color:#829873}.quest-board{position:absolute;right:23px;top:110px;width:215px;background:linear-gradient(100deg,#d6bb85,#e7cfa0 60%,#c5a76e);color:#483720;padding:18px 15px;border:8px ridge #6c573e;box-shadow:0 5px 20px #0008}.quest-board .eyebrow{font-size:7px;letter-spacing:1px;color:#78613e}.quest-board h2{font-size:21px;letter-spacing:2px;margin:8px 0 18px}.quest-board button{display:block;width:100%;text-align:left;padding:12px 7px;color:#493821;background:transparent;border-block:1px solid #9b7d4538;box-shadow:inset 0 1px #f8e1b94f}.quest-board button:hover{background:#aa8a4930}.quest-board b{display:block;font-size:15px;font-family:Georgia,'Songti SC',serif;letter-spacing:1px}.quest-board small{font-size:9px;color:#7d6542}.hero-companions{position:absolute;bottom:58px;left:20px;display:flex;align-items:end;gap:0}.companion{background:transparent!important;border:0;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;filter:drop-shadow(0 9px 6px #0007);animation:companionBreathe 4s ease-in-out infinite}.companion .sprite{width:235px}.dog-companion{margin-left:-23px;animation-delay:-1.3s}.dog-companion .sprite{width:210px}.character-name{font-size:10px;color:#e9d9ad;text-shadow:1px 2px #000;background:#152334d9;border:1px solid #a0895e;box-shadow:inset 0 1px #c1ac6855;padding:4px 10px;margin-top:3px;letter-spacing:1px}.companion:hover .sprite{filter:brightness(1.08)}.companion.boop{animation:boop .55s ease-in-out}.hero-dialogue{position:absolute;left:31px;bottom:17px;background:#172235df;color:#d4ccaf;padding:8px 14px;border:1px solid #7e7759;max-width:440px;font-size:11px;box-shadow:0 3px 8px #0004}.enter-journal{position:absolute;bottom:27px;left:56%;transform:translateX(-50%);padding:12px 28px!important;white-space:nowrap;font:16px Georgia,'Songti SC',serif!important;letter-spacing:2px}.enter-journal:hover{transform:translateX(-50%) translateY(-1px)}.gold{background:linear-gradient(#426950,#214b35);color:#e7dfb4;border:3px ridge #ad9b64;box-shadow:inset 0 0 9px #a1cd6344,0 4px 15px #061b15a0;text-shadow:1px 1px #14281a}.gold:hover{background:linear-gradient(#587b57,#2b5d3e)}.sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sparkles i{position:absolute;font-style:normal;font-size:15px;opacity:0;animation:twinkle 5s ease-in-out infinite;color:var(--glow);text-shadow:0 0 8px var(--glow),0 0 16px var(--glow);will-change:opacity,transform}@keyframes twinkle{0%,100%{opacity:0;transform:translateY(5px) scale(.4) rotate(0)}40%{opacity:.85;transform:translateY(-8px) scale(1) rotate(80deg)}70%{opacity:.2;transform:translateY(-20px) scale(.5) rotate(150deg)}}@keyframes companionBreathe{50%{transform:translateY(-5px) rotate(.4deg)}}@keyframes boop{30%{transform:translateY(-11px) rotate(-4deg)}70%{transform:rotate(4deg)}}.adventure-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 3px 22px;color:#99a6af;font-size:9px}.character-picker{display:flex;align-items:center;gap:7px}.character-picker>span{font-size:10px;color:#a9b1aa;margin-right:4px}.character-picker button{padding:5px 12px;font-size:10px;background:#26334a;color:#afb8bf;border:1px solid #566273}.character-picker button[aria-pressed=true]{border-color:#b2a36a;color:#eadbac;background:#3a424a}.volume-label{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:400;margin:0;color:#aaa88c;font-size:10px}.volume-label input{width:85px;height:5px;padding:0;accent-color:#aa9f6f}.paper{background:linear-gradient(105deg,#dfc18d,#eddbaf 45%,#d9b67d);border:7px ridge #7d664b;box-shadow:0 8px 25px #030b2055,inset 0 0 40px #92713b22;border-radius:4px;color:#49371e}.paper h2{font-size:26px;color:#433326}.paper h2 small{color:#8d7652}.paper .eyebrow{color:#8d774d}.paper .pill{color:#937c51;border-color:#ab8b57}.form-lede{color:#8b7554}.paper input,.paper select,.paper textarea{background:#f0dfb9;border:1px solid #ad8d5b;border-radius:3px;box-shadow:inset 0 2px 3px #805a2d18;color:#554126}.paper input::placeholder,.paper textarea::placeholder{color:#aa9269}.paper label{color:#5c452a;font-size:12px}.paper .note{color:#967e57}.paper button:not(.gold){color:#6a502f;background:#ccb280;border:1px solid #ae8e5a}.paper .actions button{font-size:12px}.paper input:focus,.paper select:focus,.paper textarea:focus{outline-color:#c5aa6a}.paper .stars button{background:transparent!important;color:#a28a56;border:0;padding:0 4px;font-size:25px}.paper .stars button.on{color:#7d5ca4;text-shadow:0 1px #f6e2b9}.panel{background:linear-gradient(120deg,#d5b984,#e7d0a0);color:#584224;border:6px ridge #7d664b;border-radius:4px;box-shadow:0 6px 20px #0003}.panel .eyebrow{color:#877044}.panel h2{color:#493824;font-size:25px}.panel .subtle,.panel .note{color:#8a724c}.panel .pill{border-color:#ab8e5d;color:#8b754f}.sober-panel{background:linear-gradient(120deg,#d8c794,#e0d1a3)}.big{color:#5d7045}.progress{background:#b2b086}.progress i{background:linear-gradient(#8ea663,#5a7941)}.sober-button{background:linear-gradient(#b8c394,#97aa74);color:#3b5330;border-color:#7d905b}.journal-rewards h3{color:#61522e}.journal-badges span{border-color:#b7a16b;color:#9c875b}.journal-badges span.earned{background:#c9c899;border-color:#98a56e;color:#657948}.support{background:linear-gradient(120deg,#c9ac7b,#ddc290)}.support p,.support summary{color:#8a704c}.support a{color:#5b6c45}.badge{color:#9a8a60}.medal{border:3px ridge #b49b67;border-radius:4px;background:linear-gradient(140deg,#c5b17f,#ac9765);color:#a49161;box-shadow:inset 0 1px #e5d1a055}.earned .medal{background:linear-gradient(140deg,#cbd9a7,#8aa663);color:#456435;border-color:#d0bb77}.earned{color:#72804f}.inventory{grid-template-columns:repeat(5,1fr)}.paper .inventory button{background:radial-gradient(ellipse at 40% 25%,#48566b,#1e293b 70%);border:4px ridge #958264;border-radius:3px;color:#c8bb98;min-height:90px;box-shadow:inset 0 0 8px #0008,0 2px 3px #4e321744}.inventory svg{width:46px;height:46px;filter:drop-shadow(2px 4px 2px #0008) saturate(1.25)}.paper .inventory button[aria-pressed=true]{background:radial-gradient(ellipse at 40% 25%,#597348,#263f32 70%);border-color:#b2ce85;box-shadow:0 0 10px #6e8f5066,inset 0 0 8px #0005}.method-fieldset legend{color:#725534}.optional-details{border-color:#af915d}.optional-details summary{color:#866c48}.optional-details summary span{color:#9e845b}.history{color:#4d3a26;background:linear-gradient(110deg,#dfc18d,#eddbaf,#d9b67d);border:7px ridge #7d664b;border-radius:4px}.history button{background:#c3a672;color:#634b2b;border-color:#a98c58}.history h2{color:#473625}.entry{border-color:#af925c77}.entry-meta{color:#95774b}.entry p{color:#6f5635}.empty{color:#8a7249;border-color:#b19a6a}.chill-panel{padding:17px 13px;margin:24px -3px 0;background:linear-gradient(100deg,#6b4d7d17,#72614310);border:1px solid #aa895b;border-radius:4px}.chill-panel label{margin:5px 0 0}.chill-panel label span{font-size:10px;font-weight:400;color:#947e56}.chill-panel output{font:25px Georgia;color:#6b4a83;white-space:nowrap}.face-ratings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:15px}.paper .face-ratings button{padding:3px 0 6px;background:linear-gradient(#3c3c58,#272b41);border:3px ridge #9b835b;color:#d7c59c;min-width:0;border-radius:3px}.face-ratings .sprite{width:100%;filter:drop-shadow(0 3px 3px #0008)}.face-ratings button span:last-child{font:15px Georgia}.paper .face-ratings button[aria-pressed=true]{border-color:#a9ce7a;box-shadow:0 0 12px #80b56c88}.decimal-rating{display:flex;align-items:center;gap:12px;margin-top:12px}.decimal-rating input[type=range]{flex:1;padding:0;height:5px;accent-color:#7a6a9b;min-width:0}.decimal-rating input[type=number]{width:82px;padding:7px}.decimal-rating button{font-size:10px;padding:7px 10px}.relic-panel{margin-bottom:19px;background:linear-gradient(135deg,#25354f,#19243c);border-color:#80735a;color:#cdbf98}.relic-panel h2{color:#d7cbaa;font-size:22px}.relic-panel .eyebrow{color:#8e9a9d;font-size:8px}.relic-panel .pill{color:#a9b2aa;border-color:#67776d}#relicCanvas{height:220px;margin:5px -12px;background:radial-gradient(ellipse,#53606f44,transparent 70%);display:grid;place-items:center;touch-action:pan-y}#relicCanvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.relic-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.relic-tabs button{padding:6px 2px;font-size:10px;background:linear-gradient(#35455a,#263345);color:#b3b9b3;border:2px ridge #817557}.relic-tabs button[aria-pressed=true]{border-color:#a2be83;color:#d4dfb2}.relic-panel .note{font-size:9px;color:#879aa3}.sober-mode .hud-meter i{background:linear-gradient(#b3cfb1,#759c84)}.sober-mode .dungeon-hero::after{background:linear-gradient(transparent 50%,#143c3699 100%)}.legacy-world{margin-top:25px;border:2px ridge #77674b;background:#1a2b3f;padding:12px;border-radius:4px}.legacy-world>summary{padding:5px 9px;cursor:pointer;color:#c3bd9f;font-size:12px}.legacy-world>summary span{color:#8296a1;font-size:10px;margin-left:12px}.legacy-world .world{margin-top:15px}.legacy-world .world-legend{color:#9ca99e;padding-bottom:3px}.world{border-radius:4px}.world-legend button{color:#a7b29a}.world-top-right{color:#496754}.world-heading .location{color:#3f573f}footer{color:#80909e;font-size:9px}dialog{background:linear-gradient(#ead5ab,#cfb17c);color:#4f3922;border:6px ridge #8d754e;border-radius:5px}dialog::backdrop{background:#0e1836a6;backdrop-filter:blur(7px)}dialog p{color:#8f754d}#toast{background:#263c39;color:#e4d5ae;border:3px ridge #a89a6a;border-radius:4px;box-shadow:0 6px 30px #0007}.effects-off .sparkles{display:none}.effects-off .companion,.effects-off .companion.boop{animation:none}.effects-off .dungeon-hero{scroll-behavior:auto}.effects-off .hud-meter i{transition:none}
@media(max-width:1100px){.dungeon-hero{height:590px}.hero-companions .sprite{width:190px}.dog-companion .sprite{width:175px}.quest-board{width:190px;right:16px;padding:13px 10px;top:105px}.quest-board h2{font-size:18px}.quest-board button{padding-block:10px}.hero-dialogue{max-width:350px;font-size:10px}.enter-journal{left:58%;padding:12px 20px!important;font-size:13px!important}.inventory{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){main{padding:20px 11px 0}header{padding:14px 15px}.brand img{width:34px;height:34px}.brand{font-size:22px}.brand small{font-size:7px;letter-spacing:2px}.intro h1{font-size:24px}.intro .eyebrow{font-size:7px}.dungeon-hero{height:600px;border-width:3px}.hero-backdrop{background-size:auto 600px;background-position:center top}.hero-controls{top:10px;right:8px;flex-direction:column;gap:3px}.hero-controls button{font-size:8px;padding:5px 7px}.adventure-hud{top:10px;left:8px;min-width:180px;padding:5px 8px 5px 5px;gap:7px;border-width:2px}.portrait{width:43px;height:43px}.adventure-hud strong{font-size:10px}.adventure-hud small{font-size:8px}.hud-meter{width:110px;height:6px;margin:4px 0}.quest-board{width:132px;top:247px;right:9px;border-width:5px;padding:10px 7px}.quest-board .eyebrow{font-size:5px;letter-spacing:0}.quest-board h2{font-size:15px;margin:4px 0 8px;letter-spacing:1px}.quest-board button{padding:9px 1px}.quest-board b{font-size:11px;letter-spacing:0}.quest-board small{font-size:7px}.hero-companions{bottom:75px;left:0;gap:0}.hero-companions .sprite{width:145px}.dog-companion{margin-left:-38px}.dog-companion .sprite{width:128px}.character-name{font-size:7px;padding:3px 5px;letter-spacing:0}.hero-dialogue{bottom:43px;left:9px;right:9px;max-width:none;font-size:9px;padding:6px 8px}.enter-journal{bottom:7px;left:50%;font-size:10px!important;padding:6px 19px!important;letter-spacing:1px;border-width:2px}.adventure-bar{flex-wrap:wrap;padding:10px 3px 18px;gap:9px}.adventure-bar>span{display:none}.character-picker{gap:5px}.character-picker>span{font-size:9px}.character-picker button{font-size:9px;padding:5px 8px}.volume-label{font-size:9px}.volume-label input{width:70px}.paper{border-width:5px;padding:18px 13px}.panel{border-width:5px;padding:20px}.paper h2{font-size:24px}.face-ratings{gap:4px}.paper .face-ratings button{border-width:2px;padding-bottom:5px}.face-ratings button span:last-child{font-size:12px}.chill-panel{padding:13px 8px}.chill-panel output{font-size:21px}.chill-panel label{font-size:11px}.chill-panel label span{display:block;font-size:9px}.paper input,.paper select{font-size:11px}.paper .inventory button{min-height:86px;border-width:3px}#relicCanvas{height:230px}.history{border-width:5px}.legacy-world{padding:8px}.legacy-world>summary{font-size:10px}.legacy-world>summary span{font-size:8px;margin-left:7px}.hero-backdrop{background-position:center 14%}}
@media(prefers-reduced-motion:reduce){.companion,.sparkles i{animation:none!important}.sparkles{display:none}}
/* Keep the entire seven-leaf crest visible at every breakpoint. */
.hero-backdrop{background-position:center top}
@media(max-width:720px){.hero-backdrop{background-position:center top}.adventure-hud{top:192px}}