:root{--gold:#e6bf6a;--gold-hi:#fff0c2;--ink:#0b0806;--paper:#efe4cf;--hp:#efe6d6;--red:#b3261e;--mana:#5d8fd6;--stamina:#d9a13f}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;background:#000;margin:0;font-family:Cormorant Garamond,serif;overflow:hidden}#app canvas{display:block}.screen{opacity:0;pointer-events:none;z-index:20;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}.screen.on{opacity:1;pointer-events:auto}#loading{z-index:40;background:radial-gradient(circle at 50% 45%,#2a1c12 0%,#050302 70%)}#loading .ink{color:var(--gold);text-shadow:0 0 40px #e6aa4699;font-family:Ma Shan Zheng,serif;font-size:160px;animation:2s ease-in-out infinite breathe}#loading .load-text{letter-spacing:.4em;opacity:.7;margin-top:12px;font-family:Cinzel,serif;font-size:14px}@keyframes breathe{50%{opacity:.55;transform:scale(.97)}}#title{cursor:pointer;background:linear-gradient(#00000026,#0000008c)}.title-wrap{text-align:center;filter:drop-shadow(0 6px 30px #000c);margin-top:-16vh}.title-wrap .cn{color:#f4ead7;letter-spacing:.08em;font-family:Ma Shan Zheng,serif;font-size:clamp(70px,11vw,150px);line-height:1}.title-wrap .cn2{color:var(--gold);text-shadow:0 0 60px #ffaa3c73;font-family:Ma Shan Zheng,serif;font-size:clamp(90px,15vw,210px);line-height:.95}.title-wrap .en{letter-spacing:.55em;color:#e8dcc4;margin-top:18px;font-family:Cinzel,serif;font-size:clamp(12px,1.6vw,20px)}.title-wrap .sub{opacity:.8;margin-top:10px;font-size:clamp(14px,1.6vw,22px);font-style:italic}.prompt{letter-spacing:.35em;opacity:.85;margin-top:44px;font-family:Cinzel,serif;font-size:13px;animation:2.2s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.controls{text-align:center;opacity:.85;text-shadow:0 1px 6px #000;padding:0 16px;font-size:16px;line-height:1.8;position:absolute;bottom:4vh}.controls b{color:var(--gold);letter-spacing:.08em;font-family:Cinzel,serif;font-size:13px;font-weight:600}.controls .dim{opacity:.6;font-style:italic}#hud{pointer-events:none;opacity:0;z-index:10;transition:opacity .8s;position:fixed;inset:0}#hud.on{opacity:1}#vitals{align-items:center;gap:14px;display:flex;position:absolute;bottom:6.5vh;left:4vw}#gourd{width:34px;height:48px;position:relative}#gourd svg{fill:#d7a050d9;stroke:#2b1a0b;stroke-width:2px;filter:drop-shadow(0 0 6px #000c);width:100%;height:100%}#gourd .count{color:#fff;text-shadow:0 0 4px #000;font-family:Cinzel;font-size:15px;position:absolute;bottom:-4px;right:-8px}.bars{flex-direction:column;gap:5px;display:flex}.bar{background:#0000008c;border:1px solid #fff0d22e;width:min(30vw,380px);height:7px;position:relative;box-shadow:0 0 10px #0009}.bar.thin{border-color:#fff0d21a;width:min(24vw,300px);height:3px}.bar .fill,.bar .lag{width:100%;position:absolute;top:0;bottom:0;left:0}#hp .fill{background:linear-gradient(90deg, #cfc4b0, var(--hp));box-shadow:0 0 8px #fff5dc59}#hp .lag{background:#8a2a1f}#mp .fill{background:var(--mana)}#st .fill{background:var(--stamina)}#might{border-color:#ff964673;height:6px;margin-top:4px;display:none}#might.on{display:block}#might .fill{background:linear-gradient(90deg,#6f7680,#c9ced6);box-shadow:0 0 10px #ff8232b3}#might .lbl{white-space:nowrap;letter-spacing:.25em;color:#ffb070;text-shadow:0 0 6px #000;font-family:Cinzel;font-size:10px;position:absolute;top:-4px;left:calc(100% + 10px)}.spell.transform{border-color:#ff964699}.spell.transform.active .g{color:#ffb070;text-shadow:0 0 12px #ff7828}#rightcluster{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:6vh;right:4vw}#focus{gap:8px;display:flex}.pip{--v:0;background:linear-gradient(0deg, #ffbe50f2 calc(var(--v) * 100%), #00000073 calc(var(--v) * 100%));border:1px solid #f0c8788c;width:26px;height:26px;transition:box-shadow .2s;transform:rotate(45deg);box-shadow:0 0 6px #000000b3}.pip.full{background:radial-gradient(circle,#fff3c9 0%,#f0b24a 55%,#a86a1c 100%);border-color:#ffe7a8;box-shadow:0 0 14px #ffb43ce6,0 0 30px #ff962866}.pip.flash{animation:.5s ease-out pipflash}@keyframes pipflash{0%{filter:brightness(3);transform:rotate(45deg)scale(1.8)}to{transform:rotate(45deg)scale(1)}}#spells{gap:10px;display:flex}.spell{--cd:0;background:radial-gradient(circle,#281c10d9,#000000b3);border:1px solid #f0d29680;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 8px #000000b3}.spell:after{content:"";background:conic-gradient(#000000b8 calc(var(--cd) * 360deg), transparent 0);position:absolute;inset:0}.spell .g{color:#d8c6a0;font-family:Ma Shan Zheng;font-size:26px}.spell.ready .g{color:var(--gold-hi);text-shadow:0 0 10px #ffbe50e6}.spell.nomana .g{color:#6a6f88}.spell .key{opacity:.7;z-index:2;font-family:Cinzel;font-size:10px;position:absolute;bottom:1px;right:7px}#boss{opacity:0;width:min(56vw,760px);transition:opacity 1s;position:absolute;bottom:13vh;left:50%;transform:translate(-50%)}#boss.on{opacity:1}#boss .name{text-shadow:0 0 8px #000,0 0 2px #000;align-items:baseline;gap:14px;margin-bottom:6px;display:flex}#boss .name .cn{color:#f2e7d0;font-family:Ma Shan Zheng;font-size:26px}#boss .name .en{letter-spacing:.25em;opacity:.8;font-family:Cinzel;font-size:13px}#boss .stance{background:#00000080;width:100%;height:3px;margin-bottom:4px;position:relative}#boss .stance .fill{background:linear-gradient(90deg,#d7a44a,#ffe2a0);width:100%;position:absolute;inset:0;box-shadow:0 0 8px #ffc864b3}#boss.broken .stance .fill{background:#fff}#boss .hp{background:#0009;border:1px solid #fff0d22e;width:100%;height:6px;position:relative}#boss .hp .fill,#boss .hp .lag{width:100%;position:absolute;inset:0}#boss .hp .fill{background:linear-gradient(90deg,#bfb3a0,#f1e7d4)}#boss .hp .lag{background:#d6a14a}#boss.p2 .hp .fill{background:linear-gradient(90deg,#a23b2b,#e5b18a)}#toast{opacity:0;text-shadow:0 0 10px #000;font-size:20px;font-style:italic;transition:opacity .3s;position:absolute;bottom:24vh;left:50%;transform:translate(-50%)}#toast.on{opacity:.9}#bigtext{color:var(--gold);text-shadow:0 0 50px #ffaa3ccc;opacity:0;pointer-events:none;z-index:15;font-family:Ma Shan Zheng;font-size:180px;transition:opacity .25s,transform .6s cubic-bezier(.2,.8,.2,1);position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)scale(1.4)}#bigtext.on{opacity:.85;transform:translate(-50%,-50%)scale(1)}#bigtext.white{color:#fff;text-shadow:0 0 40px #aad2ffe6}#danger{pointer-events:none;z-index:9;position:fixed;inset:0;box-shadow:inset 0 0 160px #c8140a00}#danger.on{animation:.7s ease-out danger}@keyframes danger{0%{box-shadow:inset 0 0 200px #dc140acc}to{box-shadow:inset 0 0 160px #dc140a00}}#namecard{text-align:left;opacity:0;pointer-events:none;z-index:12;transition:opacity 1.4s,transform 3s ease-out;position:fixed;bottom:20vh;left:7vw;transform:translate(-30px)}#namecard.on{opacity:1;transform:none}#namecard .cn{color:#f6ecd8;writing-mode:horizontal-tb;text-shadow:0 0 30px #000000e6;font-family:Ma Shan Zheng;font-size:clamp(50px,7vw,100px)}#namecard .en{letter-spacing:.5em;color:var(--gold);margin-top:6px;font-family:Cinzel;font-size:14px}#banner{background:radial-gradient(#00000059,#000000bf)}#banner .big{color:var(--gold);text-shadow:0 0 60px #ffaa3cb3;font-family:Ma Shan Zheng;font-size:clamp(120px,20vw,260px);line-height:1}#banner.death .big{color:#c9c0b4;text-shadow:0 0 40px #a0140acc}#banner .line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(60vw,700px);height:1px;margin:10px 0 16px}#banner .small{letter-spacing:.4em;text-align:center;font-family:Cinzel;font-size:clamp(12px,1.5vw,18px);line-height:2}#pause{cursor:pointer;background:#0009}kbd{letter-spacing:.06em;color:var(--gold-hi);white-space:nowrap;background:#1e140abf;border:1px solid #e6bf6a8c;border-bottom-width:2px;border-radius:4px;padding:3px 8px;font-family:Cinzel,serif;font-size:12px;display:inline-block}#keys{z-index:30;opacity:0;pointer-events:none;background:linear-gradient(#140e09ed,#080604ed);border:1px solid #e6bf6a59;width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);padding:22px 26px 18px;transition:opacity .25s,transform .25s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-48%);box-shadow:0 20px 60px #000000b3,inset 0 0 40px #e6aa460f}#keys.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.keys-title{letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid #e6bf6a40;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;font-family:Cinzel,serif;font-size:15px;display:flex}.keys-title .cn{color:var(--gold);letter-spacing:0;font-family:Ma Shan Zheng;font-size:30px}.keys-title .hint{letter-spacing:.2em;opacity:.55;margin-left:auto;font-size:10px}.keys-grid{grid-template-columns:max-content 1fr;align-items:center;gap:7px 16px;font-size:16px;display:grid}.keys-grid .sec{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.8;grid-column:1/-1;margin-top:8px;font-family:Cinzel,serif;font-size:11px}.keys-grid kbd{justify-self:end}.keys-pad{opacity:.6;margin-top:14px;font-size:13px;font-style:italic}#keyhint{opacity:0;z-index:11;pointer-events:none;text-shadow:0 0 6px #000;font-size:14px;transition:opacity .6s;position:fixed;top:16px;right:16px}#keyhint.on{opacity:.7}