@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');
*{box-sizing:border-box}body{margin:0;background:#080f14;color:#c2d5d5;font-family:Inter,Arial,sans-serif}header{height:88px;border-bottom:1px solid #243037;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{text-decoration:none;color:#dbe7df;font-family:Georgia,serif;letter-spacing:5px;font-size:22px}.brand span{color:#9dc6ba;margin-right:16px}.edition{font-size:10px;letter-spacing:3px;color:#829797}.edition i{margin:0 20px;color:#3c5c60}button{cursor:pointer;font-family:inherit}header button{background:none;border:1px solid #334449;color:#afc3c3;padding:11px 16px;font-size:9px;letter-spacing:2px}main{max-width:1540px;margin:auto;padding:27px 5%}.topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#698287;margin-bottom:16px}.frame{position:relative;border:1px solid #354d50;box-shadow:0 25px 90px #0008;overflow:hidden;background:#0b1c23}canvas{display:block;width:100%;aspect-ratio:16/9;outline:none}.hud{position:absolute;inset:28px 34px auto;display:flex;justify-content:space-between;pointer-events:none}.health{font-size:24px;color:#d5f1e2;letter-spacing:7px;text-shadow:0 0 14px #80cbb8}.currency{font-family:Georgia,serif;font-size:21px;margin-top:9px}.currency small{font:8px Inter,Arial;letter-spacing:2px;color:#779c9f;margin-left:8px}.location{text-align:right;display:flex;flex-direction:column;gap:8px}.location small{font-size:8px;letter-spacing:3px;color:#739497}.location span{font-family:Georgia,serif;font-size:20px;color:#b1c4bf}.bottomhud{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#91b5b2;pointer-events:none}#overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061219a8,#06121965,#061219a8);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.sigil{font-size:48px;color:#bcd9c4;text-shadow:0 0 35px #c4ffe2}.eyebrow{font-size:8px;letter-spacing:4px;margin-top:20px;color:#aac6bb}h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(40px,7vw,110px);letter-spacing:14px;margin:5px 0 0;color:#e0e8d9;text-shadow:0 0 35px #b8eacb30}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:23px;letter-spacing:3px;margin:0;color:#9bb7ad}.rule{width:90px;height:1px;background:#7e9b8666;margin:25px}.intro{font-family:Georgia,serif;line-height:1.9;font-size:16px;color:#adc4bc;margin:0 0 28px}#start{border:1px solid #94b7a6;background:#b9d8c30c;color:#dfebdd;padding:17px 26px;font-size:10px;letter-spacing:3px;transition:.2s}#start:hover{background:#b9d8c330;box-shadow:0 0 40px #a1d1b51a}#start span{margin-left:26px}.savehint{font-size:7px;letter-spacing:2px;color:#708f8c;margin-top:20px}footer{display:flex;align-items:center;gap:22px;margin-top:23px;font-size:8px;letter-spacing:1px;color:#819697}footer div{display:flex;align-items:center;gap:5px}kbd{font-family:inherit;font-size:8px;border:1px solid #34464a;border-bottom:2px solid #415356;min-width:22px;padding:6px;text-align:center;color:#c2d0cc}.footnote{margin-left:auto;font:italic 12px Georgia,serif;color:#647e80}.notice{position:absolute;top:24%;width:100%;text-align:center;font:22px Georgia,serif;letter-spacing:2px;color:#e6efcf;opacity:0;transition:opacity .3s;pointer-events:none;text-shadow:0 2px 8px #000}#pause{position:absolute;inset:0;background:#061117d9;text-align:center;padding-top:20%;font-family:Georgia,serif}#pause h2{font-size:36px;font-weight:400}#pause p{color:#8faead}#boss{display:none;position:absolute;bottom:65px;left:30%;width:40%;text-align:center;font-size:10px;letter-spacing:4px;color:#d9c4a9}#boss>div{height:4px;background:#354348;margin-top:12px}#boss i{display:block;height:100%;background:#c3b08b;width:100%}[hidden]{display:none!important}@media(max-width:900px){header{height:65px}.edition,.footnote{display:none}main{padding:20px 2%}footer{gap:12px;flex-wrap:wrap}.hud{inset:15px 20px auto}.health{font-size:17px}h1{letter-spacing:8px}.rule{margin:12px}.intro{font-size:12px;margin-bottom:12px}.sigil{font-size:25px}.eyebrow{margin:10px}.subtitle{font-size:16px}.bottomhud{bottom:12px;font-size:7px}.savehint{margin:10px}}
/* Vermilion lacquer, jade stone and aged gold. */
body{background:#102622;color:#e3d3aa}header{border-color:#596144;background:linear-gradient(90deg,#132d27,#1c3028)}.brand{color:#f0d39b;letter-spacing:4px}.brand span{color:#d97954}.edition{color:#b8bc96}header button{border-color:#737454;color:#e0cf9b}.topline{color:#b5b18c}.frame{border-color:#b29358;box-shadow:0 20px 70px #05140c99,0 0 0 5px #84703a14}.health{color:#f4dba4;text-shadow:0 0 14px #dba45c44}.location small{color:#d6c59c}.location span{color:#f3dfb7}.currency{color:#f4d89e}.currency small{color:#c6c4a2}.bottomhud{color:#f5deb0;text-shadow:0 2px 4px #163b31}#overlay{background:linear-gradient(90deg,#122d26b0,#16382c55,#122d2699)}h1{color:#ffe7ac;letter-spacing:11px;text-shadow:0 3px 0 #425849,0 0 45px #ffe4a02a}.sigil{color:#e49d6c}.eyebrow{color:#ead4a2}.subtitle{color:#ecd6a5}.intro{color:#f0e2c0}.rule{background:#e1b66d88}#start{border-color:#dfb978;background:#913c2dcc;color:#ffedc7}#start:hover{background:#b55036;box-shadow:0 0 35px #e7af532b}.savehint{color:#e0c99a}kbd{border-color:#667457;color:#e4d6b1;background:#1c332a}footer{color:#b9b995}.footnote{color:#a4b08d}#pause{background:#112c24e8}#pause p{color:#d3c7a0}.notice{color:#ffedb6;text-shadow:0 2px 8px #172e24}
#cinematic{position:absolute;inset:0;pointer-events:none}#cinematic button{pointer-events:auto;background:#17352c;border:1px solid #c7a775;color:#f4dfaf;padding:9px 18px;font-size:10px;letter-spacing:2px}#introSkip{position:absolute;right:20px;top:17px}.intro-caption{position:absolute;bottom:2%;left:10%;width:80%;text-align:center}.intro-caption h2{font:16px Georgia,serif;letter-spacing:3px;color:#f1d9a5;margin:0 0 8px}.intro-caption p{font:14px Georgia,serif;line-height:1.4;color:#e5ddc3;margin:0 0 10px}.cinematic .hud,.cinematic .bottomhud,.cinematic .notice{visibility:hidden}@media(max-width:800px){.intro-caption h2{font-size:10px;margin-bottom:3px}.intro-caption p{font-size:10px;margin-bottom:5px}#cinematic button{font-size:8px;padding:5px 9px}}
.act-two-start{background:transparent;border:0;border-bottom:1px solid #b89c65;color:#e5d4a5;font-size:9px;letter-spacing:2px;margin-top:14px;padding:7px 12px;cursor:pointer}
.save-files{display:flex;flex-direction:column;gap:8px;width:min(390px,85%)}.save-files button{padding:12px 16px;background:#17382cdd;border:1px solid #b49863;color:#f5dfb0;font:10px Inter,Arial;letter-spacing:1px;text-align:left}.save-files button:hover{background:#784331}#overlay .intro{margin-bottom:12px}#overlay .rule{margin:12px}#overlay h1{font-size:clamp(35px,6vw,86px)}#fileStatus{margin:10px 0 0}#saveQuit{margin-left:auto;margin-right:12px}.cinematic #fileStatus{visibility:hidden}
body{background:radial-gradient(ellipse at 50% 0,#244139 0,#0a1b19 65%)}header{height:72px;background:#102621b0}.frame{border:1px solid #aa976960;box-shadow:0 25px 85px #0009,0 0 0 4px #b59b6120;border-radius:3px}main{max-width:1700px;padding:20px 3%}.topline{font-size:9px;color:#b8b79e}.hud{inset:24px 28px auto}.health{font-size:19px;letter-spacing:3px}.location{padding:12px 16px;background:linear-gradient(90deg,transparent,#112c2466);border-right:2px solid #c5ac7470}.bottomhud{padding:10px 14px;background:linear-gradient(90deg,#0b242bbb,transparent,#0b242b88);border-bottom:1px solid #b9a37844;bottom:14px;left:18px;right:18px;font-size:9px}.save-files button{background:linear-gradient(100deg,#17372dec,#254536ce);transition:background .2s,transform .2s}.save-files button:hover{background:#775334;transform:translateX(3px)}#overlay{background:linear-gradient(90deg,#0b221da0,#19342844,#0b221d9c)}.notice{font-size:23px;letter-spacing:2px}footer{gap:16px;margin-top:17px}#cinematic .intro-caption{bottom:2.3%}
.frame:has(#overlay:not([hidden])) .hud,.frame:has(#overlay:not([hidden])) .bottomhud{visibility:hidden}#overlay{padding:18px 12px}#overlay .sigil{display:none}#overlay .eyebrow{margin:0 0 8px}#overlay .savehint{font-size:7px;margin:7px 0 0}#overlay .intro{line-height:1.5;font-size:13px}#overlay .rule{margin:10px}@media(max-width:800px){#overlay h1{font-size:37px;letter-spacing:7px;margin:0}#overlay .eyebrow{font-size:6px;letter-spacing:2px;margin:0 0 5px}#overlay .subtitle{font-size:14px}#overlay .intro{font-size:10px;line-height:1.4;margin:0 0 7px}#overlay .rule{margin:7px}.save-files{gap:5px}.save-files button{padding:9px 12px;font-size:9px}#overlay .savehint{font-size:6px;letter-spacing:1px;margin-top:5px}#overlay{padding:12px}}
#chiMeter{width:180px;margin:10px 0 8px}.chi-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#f5d991;margin-bottom:5px}.chi-track{height:7px;background:#102d28;border:1px solid #a7915966;border-radius:5px;overflow:hidden}#chiFill{display:block;height:100%;width:0;background:linear-gradient(90deg,#7dbdab,#ffe2a0);box-shadow:0 0 12px #ead58c;transition:width .12s linear}@media(max-width:800px){#chiMeter{width:120px;margin:6px 0}.chi-label{font-size:7px}.chi-track{height:5px}}

#chiPower{display:block;margin-top:5px;color:#f1d69d;font-size:10px;letter-spacing:1px}

#xpMeter{width:200px;margin:8px 0 12px;color:#f5ddac}#xpFill{display:block;height:100%;background:linear-gradient(90deg,#ad793f,#ffe099);transition:width .2s}#levelPower{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;color:#e6c891}

#hpMeter{width:200px;height:10px;background:#201c25;border:1px solid #b7a07866;border-radius:5px;overflow:hidden;margin:5px 0 10px}#hpFill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a3403f,#ed9b70);transition:width .15s}

#inventory{position:absolute;inset:5%;z-index:35;padding:24px;background:#102824f5;border:1px solid #caa96a;color:#eee0ba;overflow:auto;box-shadow:0 15px 70px #0009}#inventory[hidden]{display:none}.inventory-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.inventory-head h2{font:30px Georgia;margin:6px 0}.inventory-head small{letter-spacing:2px;color:#d6b873}.inventory-note,.empty-charms{color:#bfc9b7;font-size:14px}#charmList{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:22px}.charm-card{display:flex;gap:15px;align-items:center;padding:17px;background:#ffffff05;border:1px solid #c9aa623b}.charm-symbol{font:38px Georgia;color:#f4d58c}.charm-card h3{font:18px Georgia;margin:0 0 6px}.charm-card p{font-size:12px;line-height:1.5;margin:0 0 8px;color:#bccbbd}.charm-card small{font-size:9px;letter-spacing:1px;color:#cfb77e}

.charm-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:86px;background:radial-gradient(ellipse,#ddc08212,transparent 70%);border-radius:12px}.charm-symbol svg{width:72px;height:81px;filter:drop-shadow(0 4px 4px #0006)}.charm-card:hover .charm-symbol svg{transform:translateY(-3px);transition:transform .18s ease}

.charm-quantity{display:inline-block;padding:3px 7px;margin-left:5px;border:1px solid #cfaf6c66;border-radius:10px;color:#ffe1a0;font:12px sans-serif}

.equipped-row{grid-column:1/-1;display:flex;gap:14px}.charm-slot{min-height:85px;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d9bc77;background:#20392e;color:#e9d8ad;padding:10px}.charm-slot svg{width:50px;height:60px}.charm-slot small{display:block;margin-top:6px;font-size:9px}.charm-card button{margin-top:6px}.charm-card button:disabled{opacity:.4;cursor:default}#charmList>.inventory-note{grid-column:1/-1;margin:0}

.save-row{display:flex;gap:8px;width:100%;align-items:stretch}.save-row>button:first-child{flex:1;text-align:left}.save-row>.delete-save{flex:0 0 auto;width:auto;color:#efb1a0;border-color:#aa6c6155;font-size:10px;padding:8px 12px}.delete-save[hidden]{display:none}

#travelMenu{position:absolute;inset:7%;z-index:30;overflow:auto;padding:28px;background:#102722f5;border:1px solid #cbb17a;color:#f4e4bc}#travelMenu[hidden]{display:none}#travelList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#travelList button{padding:16px;text-align:left}#travelList button:disabled{opacity:.4}

#prologueEnding{position:absolute;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(#091d20e8,#0e2425f5);color:#f3deb0;overflow:auto}#prologueEnding[hidden]{display:none}#prologueEnding h2{font:clamp(28px,4vw,58px) Georgia,serif;letter-spacing:.14em;margin:12px 0}.ending-emblem{font-size:34px;color:#d7b570}.ending-main{font:clamp(20px,2.4vw,32px)/1.5 Georgia,serif;margin:14px 0}.ending-copy{color:#b8c7b8;line-height:1.7;margin:8px 0}.ending-thanks{font:italic 22px Georgia,serif;margin:14px 0}#endingProgress{font-size:12px;letter-spacing:.12em;color:#bfa979}.ending-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.ending-actions button{padding:14px 20px}.prologue-finished .hud,.prologue-finished .bottomhud{visibility:hidden}

.equipped-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.charm-slot{min-width:0;overflow-wrap:anywhere}

.trials-panel{position:absolute;inset:16% 10%;z-index:40;background:#171f35f5;border:1px solid #dabc83;color:#f7e5be;text-align:center;padding:30px;overflow:auto}.trials-panel[hidden]{display:none}.trials-panel h2{font:32px Georgia;letter-spacing:.1em}.trials-panel p{line-height:1.6}.trials-panel button{margin:10px;padding:16px}

header{gap:10px;flex-wrap:wrap;height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}#trialsButton{border-color:#c6a56d;color:#f0d59b}.trials-panel button{background:#25374b;color:#f7e5be;border:1px solid #ac9368}.trials-panel button:hover{background:#45516a}
/* Jade, bronze and parchment presentation. */
body{background:radial-gradient(ellipse at 50% -10%,#2d443c 0,#101c1e 42%,#080f13 85%);color:#e1dfcb}header{background:linear-gradient(180deg,#192c29ed,#101e1ded);border-bottom:1px solid #b99b5c45;box-shadow:0 8px 35px #0004}.brand{color:#f1dfb5;letter-spacing:6px}.brand span{color:#d7b977}header button{border-color:#b5a07545;border-radius:3px;color:#d7d7bd;background:#172b2a;transition:background .18s,border-color .18s,box-shadow .18s}header button:hover{background:#30473d;border-color:#dac187;box-shadow:0 0 18px #d1b77516}button:focus-visible{outline:2px solid #f2d899;outline-offset:4px}main{max-width:1740px}.frame{border-color:#baa77980;box-shadow:0 28px 70px #0008,0 0 0 1px #0d1819,0 0 0 5px #b8a27812;border-radius:6px}canvas{image-rendering:auto}.health{font-family:Georgia,serif;font-variant-numeric:tabular-nums;font-size:23px;letter-spacing:1px;text-shadow:0 2px 5px #000}.hud>div:first-child{padding:12px 15px;background:linear-gradient(115deg,#071715c9,#07171565);border-left:2px solid #c3ac74;border-radius:2px;box-shadow:0 8px 25px #0002}.location{color:#f2e5c9;background:linear-gradient(90deg,transparent,#071b1acc);border-right-color:#e0bd78}.location span{color:#f0e0bc}#hpMeter,#xpMeter .chi-track,.chi-track{border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 5px #0009}#hpFill{background:linear-gradient(180deg,#c5d789,#679b72 45%,#3a695c);box-shadow:0 0 10px #b5d29344}#boss{padding:10px 22px 14px;background:linear-gradient(90deg,transparent,#101a25e8 18%,#101a25e8 82%,transparent);text-shadow:0 2px 4px #000}#boss span{color:#f4deb0;letter-spacing:3px}#boss>div{height:9px;border:1px solid #d0b47770;border-radius:8px;background:#140e17;overflow:hidden}#bossfill{background:linear-gradient(180deg,#f0bb86,#bc655e 50%,#773d47);box-shadow:0 0 12px #ed936955}.bottomhud{border:1px solid #c3ad7233;border-radius:3px;background:linear-gradient(90deg,#0c2020e0,#0d2221a8,#0b2021d9);color:#ede0bf;letter-spacing:1px}.trials-panel,#inventory,#travelMenu{background:radial-gradient(ellipse at top,#314943f5,#101e25fa 70%);border:1px solid #d2b77780;border-radius:5px;box-shadow:0 25px 90px #000a,inset 0 0 60px #ddc89108}.trials-panel h2{font-family:Georgia,serif;color:#f6dfad;font-weight:400}.trials-panel p{color:#d6d8c7}.trials-panel button{background:linear-gradient(#3d5147,#243a35);border-color:#b99e63;border-radius:3px;color:#f8e8c5}.save-files button{border-radius:3px;background:linear-gradient(110deg,#233d34f5,#142923eb);box-shadow:inset 0 1px #e6d29d18}.save-files button:hover{background:linear-gradient(110deg,#5b6041,#32463b)}#overlay{background:radial-gradient(ellipse at center,#102b2040,#081712c9)}#overlay h1{color:#f6e4ba;text-shadow:0 3px 2px #14241e,0 0 40px #e7ca7c25;letter-spacing:10px}#overlay .subtitle{color:#e3cba1}.notice{color:#ffe9b4;text-shadow:0 3px 15px #000,0 0 20px #be99594d}footer{color:#b2b5a2;font-size:10px}@media(max-width:900px){header .edition{display:none}header{padding:10px 3%;gap:7px}header button{padding:9px 10px;font-size:8px;letter-spacing:1px}.brand{font-size:17px;letter-spacing:3px}.hud{inset:12px}.health{font-size:17px}.hud>div:first-child{padding:7px}.location{padding:6px}.location span{font-size:14px}}
@media(max-width:600px){#overlay .sigil,#overlay .eyebrow,#overlay .rule,#overlay .intro,#overlay #savehint{display:none}#overlay h1{font-size:clamp(24px,7vw,42px);margin:0;letter-spacing:6px}#overlay .subtitle{font-size:12px;margin:3px 0 7px}.save-files{gap:5px;width:85%}.save-files button{padding:7px 10px;font-size:9px}#fileStatus{font-size:8px;margin:5px 0 0}.trials-panel{inset:3%;padding:10px}.trials-panel h2{font-size:20px;margin:6px}.trials-panel p{font-size:11px;margin:6px}.trials-panel button{margin:4px;padding:9px;font-size:10px}.hud>div:first-child{max-width:125px}.health{font-size:14px}#xpMeter{margin-top:4px}.chi-label{font-size:7px}.location{display:none}}