/* The supplied artwork is deliberately retained as a UI skin. All controls and
   changing values are HTML, with the original 852 × 1846 coordinate system. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&display=swap');
:root{--gold:#edb96c;--dim:#c7b99d;--border:#8b632d;--panel:#110e0a}html{min-height:100%;background:#090806}body{background:radial-gradient(ellipse at top,#30261b,#090807 75%);font-family:Georgia,'Times New Roman',serif;color:#e8d0a7}.game{width:min(100%,852px);margin:auto;position:relative;min-height:100vh;box-shadow:0 0 100px #000;background:#100d09 url('assets/panel-original.png') center top/100% auto repeat-y;container-type:inline-size;overflow:clip}.masthead{display:block;aspect-ratio:852/145;background:url('assets/panel-original.png') center 4.1%/100% auto;margin-top:0}body:has(.reference-home) .masthead{display:none}main{padding:0 3.4% 5%;max-width:none}body:has(.reference-home) main{padding:0}h1,h2,h3,.quote{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(28px,6cqw,48px);color:var(--gold);text-shadow:1px 2px 3px #000}h2{font-size:clamp(21px,4cqw,34px);color:var(--gold)}h3{font-size:clamp(19px,3.5cqw,29px);color:var(--gold)}p{color:#e1d0b1}.eyebrow{font:clamp(8px,1.6cqw,13px) 'Cinzel',Georgia;letter-spacing:1.6px;color:#e5b66f}.pagetop{margin:0 0 3%;padding:3% 2%;border-bottom:1px solid #a97431;background:linear-gradient(90deg,#100c08e8,#100c0870)}.pagetop p{font-size:clamp(12px,2.4cqw,19px)}.pagetop .tag{display:none}.grid,.three,.stack{gap:18px}.grid{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr}.card{border-radius:0;border:10px solid transparent;border-image:url('assets/frame.svg') 25 stretch;background:linear-gradient(#060504c9,#0c0907e8),url('assets/panel-original.png') center 65%/150% auto;background-clip:padding-box;box-shadow:0 3px 12px #000b;padding:20px}.card p{font-size:clamp(13px,2.4cqw,20px)}.muted,.card .muted{font-size:clamp(11px,2cqw,16px);color:#c2b193}.tag{border-color:#886131;border-radius:0;font-family:Georgia;font-size:13px}.bar{height:10px;background:#030201;border:1px solid #584120;box-shadow:0 1px 1px #000}.bar span{background:linear-gradient(#ffe4a0,#ffad2c 40%,#d17513);box-shadow:0 0 10px #ff9e28}.primary,.secondary{font:clamp(14px,2.8cqw,23px) Georgia;color:#f1c681;border-radius:0;border:1px solid #bd8136;background:linear-gradient(110deg,#291606,#64371355,#201206);box-shadow:inset 0 0 0 3px #1a1008,inset 0 0 0 4px #65421b,0 2px 6px #000;padding:12px 20px;text-shadow:0 2px 2px #000}.primary:hover,.secondary:hover{filter:brightness(1.3)}.quest{padding:14px 0;border-bottom:1px solid #514028}.quest strong{font:clamp(15px,3cqw,25px) Georgia}.quest small{font:clamp(11px,2.1cqw,17px) Georgia;line-height:1.4;color:#c9b590}.check{width:32px;height:32px;border-color:#cd953e;color:#d7f453;background:#080705;box-shadow:inset 0 0 6px #000;font-size:21px}.check.done{background:#283309;border-color:#a8c537;box-shadow:0 0 9px #b5d82a55}.reward{font:clamp(14px,2.7cqw,23px) Georgia;color:#ffbc48}.tabs button{border-radius:0;border-color:#8b632d;background:#0c0805d9;color:#d8bd90;font:clamp(15px,3cqw,24px) Georgia}.tabs .selected{background:linear-gradient(#6d3b12,#26160a);border-color:#edb96c;color:#ffd58b}.medal{width:clamp(110px,25cqw,200px);height:clamp(110px,25cqw,200px)}.achievement{padding:15px 8px}.achievement h3{font-size:clamp(18px,3.4cqw,28px)}.achievement .tag{font-size:clamp(11px,2.3cqw,18px)}.achievement.locked .medal{filter:grayscale(.65);opacity:.65}.challenge{grid-column:auto}.challenge button{font-size:clamp(13px,2.7cqw,21px)}.challenge .symbol{font-size:55px}.notice{color:#dbc49d;font-size:clamp(12px,2.3cqw,18px);background:#100b08c9;padding:15px}.moods button{background:#160e08;border-color:#795326;border-radius:0;font-family:Georgia;font-size:clamp(11px,2.2cqw,18px);color:#edc78f}.moods button.selected{background:#63401c;color:#ffe7ad}.day{font-size:clamp(13px,2.4cqw,20px)}.day span{border-color:#b2823f;color:#ffc55b;font-size:clamp(15px,3cqw,24px);background:#080503}.day.on span{box-shadow:0 0 12px #f99c2355;background:#53300d}.quote{font-size:clamp(19px,3.4cqw,28px);color:#f0d7ad}.leader{font-size:clamp(16px,3cqw,25px)}.leader small{font-size:clamp(12px,2.2cqw,18px)}.inventory button{background:#170f09;border-color:#b88238;color:#eec38a;font-family:Georgia}.chart i{background:linear-gradient(#ffd67c,#bd6b1e)}.chart{font-size:16px}.portrait{height:480px}dialog{border-radius:0;background:#140e08;border:2px solid #b37b32;color:#f0d7ad;font-family:Georgia}dialog p{font-size:18px}#toast{background:linear-gradient(#4e2d13,#211309);color:#ffda9a;border:1px solid #c18c48;font-family:Georgia;font-size:16px;max-width:90%;text-align:center;bottom:100px;box-shadow:0 2px 20px #000;z-index:99}
nav#nav{display:flex;position:relative;z-index:20;gap:0;justify-content:space-around;width:96%;margin:0 auto 2%;min-height:100px;border:9px solid transparent;border-image:url('assets/frame.svg') 25 stretch;background:linear-gradient(#0d0a07d9,#080604ef),url('assets/panel-original.png') center 98%/110% auto;box-shadow:0 0 16px #000}nav#nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:5px 0;gap:6px;border:0;border-right:1px solid #634820;border-radius:0;color:#d7ad72;font:clamp(12px,2.9cqw,25px) Georgia;position:relative;text-shadow:0 2px 3px #000}nav#nav a:last-child{border-right:0}nav#nav a span{font-size:clamp(27px,5.7cqw,48px);width:auto;line-height:1}nav#nav a.active{background:radial-gradient(ellipse at bottom,#ee850855,transparent 75%);color:#ffdb87;text-shadow:0 0 12px #ff8400}nav#nav a.active:before{content:'';position:absolute;top:-9px;width:13px;height:13px;transform:rotate(45deg);background:#ffdd8d;box-shadow:0 0 15px 5px #ff8d1d;border:1px solid #ffac32}body:has(.reference-home) nav#nav{margin-top:-16.3%;min-height:14.2cqw;margin-bottom:2%;background:linear-gradient(#080604e8,#080604e8),url('assets/panel-original.png') center 98%/110% auto}
.reference-home{width:100%;aspect-ratio:852/1846;background:url('assets/panel-original.png') center top/100% 100%;position:relative;color:#efd0a0;font-size:2.8cqw}.reference-home button{font-family:Georgia}.ref-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ref-settings{position:absolute;left:90%;top:5.4%;width:8%;height:4%;opacity:0}.ref-level{position:absolute;left:6.4%;top:11.85%;font-size:4.7cqw;background:#110d07e8;padding-right:1%;color:#efc382;line-height:1}.ref-xp{position:absolute;left:74%;top:12.65%;width:22.5%;text-align:center;background:#0b0906ec;color:#ebc58e;font-size:3cqw;line-height:1.25;white-space:nowrap}.ref-xpbar{position:absolute;left:26.2%;top:13.17%;width:46%;height:.91%;background:#060504;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,0 100%,0 30%)}.ref-xpbar span{display:block;height:100%;background:linear-gradient(#ffe1a0,#ffb42e,#c76d13);box-shadow:0 0 15px #ff9d2c}.ref-next{position:absolute;left:65.3%;top:44.4%;width:24%;background:radial-gradient(#bb8b48,#a87538);color:#190e04;font-size:3.8cqw;line-height:1.3;padding:0 .5%}.ref-count{position:absolute;right:7.3%;top:49.5%;background:#090704ef;color:#ffc060;width:8%;font-size:3.5cqw;text-align:right}.ref-quests{position:absolute;left:10.4%;top:52.63%;width:81%;height:12.1%;display:flex;flex-direction:column;justify-content:space-around;background:linear-gradient(90deg,#070604f5,#0b0906f5),url('assets/panel-original.png') center 60%/100% auto}.ref-quest{display:flex;align-items:center;gap:6.7%;height:20%;border-bottom:1px solid #6c50324d;white-space:nowrap}.ref-quest:last-child{border:0}.ref-quest .check{width:3.9cqw;height:3.9cqw;font-size:3.2cqw;padding:0;flex-shrink:0}.ref-quest .ref-label{flex:1;font-size:2.9cqw;letter-spacing:-.04em}.ref-quest .reward{font-size:2.9cqw;color:#ffb53b;flex-shrink:0}.ref-calendar{position:absolute;left:57.3%;top:71.4%;width:37%;height:9.2%;background:#080604f2;display:grid;grid-template-columns:repeat(7,1fr);gap:1%;text-align:center}.ref-calendar .day{font-size:2.7cqw;color:#e4c99b;display:flex;flex-direction:column;justify-content:space-around}.ref-calendar .day span{height:3.7cqw;width:3.7cqw;font-size:2.5cqw;margin:0 auto;display:grid;place-items:center;line-height:1;border-width:1px}.ref-streak{position:absolute;left:65%;top:68.05%;font-size:3.3cqw;background:#0b0805ed;color:#f2c17e;padding-right:2%;line-height:1.5}.ref-objective{position:absolute;left:21.4%;top:71%;width:29%;height:6.6%;background:#0c0906ec;font-size:2.8cqw;line-height:1.45;color:#e7cfaa}.ref-goalbar{position:absolute;left:15.7%;top:77.15%;width:21%;height:.8%;background:#080503;border:1px solid #8b5926;border-radius:20px;overflow:hidden}.ref-goalbar span{height:100%;display:block;background:linear-gradient(#ffc65c,#e48a19)}.ref-goalcount{position:absolute;left:37.5%;top:76.85%;background:#0a0805ef;font-size:2.8cqw;line-height:1.3}.ref-goalbutton{position:absolute;left:18%;top:79.3%;width:23%;height:1.9%;background:transparent;border:0;color:#f3c57f;font-size:2.6cqw}.ref-chestcopy{position:absolute;left:31%;top:83.5%;width:41%;height:5%;background:#0b0804f5;font-size:2.7cqw;line-height:1.4}.ref-chestcopy strong{display:block;color:#ffb234;font-weight:normal;font-size:3.3cqw}.ref-chest{position:absolute;left:33%;top:88.7%;height:2%;width:36%;font-size:2.8cqw;background:transparent;border:0;color:#edbb73}.below-reference{padding:1% 3.4% 3%}.reference-more{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reference-more .card{margin:0}.reference-more .moods{gap:3px}.reference-more .moods button{font-size:12px}.reference-more .quote{font-size:21px}.reference-more h2{font-size:27px}.reference-more p{font-size:14px}
.ref-next{background-color:#b08041;background-image:url('assets/parchment.svg');font-weight:500;width:25%;top:44.35%;font-size:3.7cqw}.ref-calendar{background:#090705}.ref-goalbutton{top:79.55%;height:1.75%;background:linear-gradient(90deg,#291506,#43280d,#271407);border:1px solid #a76b2a;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}nav#nav a span.nav-icon{display:block;width:7.2cqw;height:7.2cqw;background-image:url('assets/panel-original.png');background-size:1183.33% 2563.89%;background-position:var(--icon-x) 97.45%;font-size:0;filter:drop-shadow(0 0 3px #b5792744)}nav#nav a.active span.nav-icon{filter:drop-shadow(0 0 7px #ffad2e)}nav#nav a:nth-child(3) span.nav-icon{background-position:7.1% 70.6%;background-size:1420% 3076.67%;width:7.2cqw;height:7.2cqw}
@media(min-width:1000px){body{padding:24px 0}.game{border-radius:45px;outline:1px solid #5b442233}}@media(max-width:650px){.shell{padding:0}.game{min-height:100dvh}.card{padding:12px;border-width:8px}.grid,.three,.stack{gap:12px}.stack{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.challenge{grid-column:1/-1}.reference-more{grid-template-columns:1fr}.reference-more .moods button{font-size:13px}.portrait{height:340px}nav#nav{min-height:75px;margin-top:15px}body:has(.reference-home) nav#nav{min-height:13.5cqw;border-width:5px}nav#nav a{padding:3px 0;gap:4px}.quest .check{width:25px;height:25px}.tag{padding:6px}.pagetop{display:block}.pagetop p{line-height:1.45}.ref-quest .check{width:3.9cqw;height:3.9cqw;font-size:3.2cqw}.ref-quest{gap:6.7%}.card .quote{font-size:22px}}
.ref-calendar .day span.lit{color:#ffd46e;border-color:#e5a23f;background:#4c2a0a;box-shadow:0 0 10px #f8a12580}.ref-calendar .day span{font-size:2.1cqw}
.game{background:#100c09 url("assets/obsidian.svg") repeat}.card{background:#0b0806 url("assets/obsidian.svg") repeat;background-clip:padding-box}.pagetop{background:linear-gradient(90deg,#090604f5,#110b05c0)}.below-reference{background:#100c09 url("assets/obsidian.svg") repeat}