*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10120f;color:#ddd8c7;font-family:Georgia,'Times New Roman',serif}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:2px solid #d6bc75;outline-offset:5px}button:hover{color:#fff5d2}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:0}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 37%,#0507049c 100%);box-shadow:inset 0 0 90px #0005}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 60px #8a0909;opacity:0;z-index:5}#fog-flash{position:fixed;inset:0;background:#d1d6ca;pointer-events:none;opacity:0;z-index:8}.screen{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,#03050499,#05080533 60%,#03050455)}.title-top{position:absolute;top:35px;left:0;width:100%;text-align:center;letter-spacing:4px;font:10px Arial,sans-serif;color:#b3b3a4}.title-main{position:absolute;left:8%;top:22%;width:51%;text-align:center;text-shadow:0 2px 16px #000}.sigil{font-size:57px;color:#b29b62;text-shadow:0 0 28px #d8793966}.title-main h1{font-size:clamp(42px,6vw,92px);font-weight:400;letter-spacing:7px;line-height:1.1;margin:17px 0}.rule{height:1px;background:linear-gradient(90deg,transparent,#a68b53,transparent);margin:23px auto;width:90%}.title-main p{font-style:italic;font-size:18px;color:#b7b6a5;letter-spacing:1px}.title-main button{display:block;margin:38px auto 0;width:260px;padding:15px 20px;background:linear-gradient(90deg,transparent,#79633b55,transparent);border-block:1px solid #9d875355;letter-spacing:2px;font-size:18px}.title-main button span{float:right;color:#9e8b60}.title-main .quiet{border:0;background:none;font:11px Arial,sans-serif;letter-spacing:2px;margin-top:6px;color:#a7a69a}.title-bottom{position:absolute;bottom:25px;width:100%;padding:0 34px;display:flex;justify-content:space-between;color:#8e9385;font:10px Arial,sans-serif;letter-spacing:1px}.title-bottom span{letter-spacing:2px;color:#b1b4a2}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 4px #000}.vitals{position:absolute;left:36px;top:28px;display:flex;align-items:center;gap:14px}.humanity{width:64px;height:64px;border-radius:50%;border:4px double #969279;background:radial-gradient(circle,#242b25 35%,#686a51 38%,#232a22 50%,#626752 65%,#1a1a12 70%);box-shadow:0 0 0 2px #25281e,0 4px 8px #000;display:grid;place-items:center}.humanity span{font-size:25px;color:#d5d6bb}.bars{width:330px}.bar{background:#16140fe0;border:2px solid #716852;box-shadow:0 1px 2px #000, inset 0 0 0 1px #000;position:relative;overflow:hidden}.bar b,.bar i{position:absolute;top:0;left:0;height:100%;width:100%}.bar i{background:#b5a362;transition:width .65s .3s}.health{height:20px}.health b{background:linear-gradient(#962522,#66201d 50%,#882c22)}.stamina{height:12px;margin-top:5px;width:82%}.stamina b{background:linear-gradient(#628140,#3c642d 50%,#638344)}.vital-note{margin-top:6px;font-size:11px;color:#c8c5ad;letter-spacing:1px}.top-right{position:absolute;right:30px;top:33px;display:flex;align-items:center;gap:18px}.top-right span{font:9px Arial,sans-serif;letter-spacing:2px;color:#b9bbae}.top-right button{pointer-events:auto;background:#14161099;border:1px solid #88816b66;padding:7px 10px;font:10px Arial,sans-serif;letter-spacing:1px}#help-button{border-radius:50%;width:28px;height:28px;padding:0;font:16px Georgia}.equipment{position:absolute;bottom:55px;left:37px}.loadout{display:grid;grid-template-columns:60px 70px;grid-template-rows:70px 84px;gap:5px}.equipment-slot{border:2px solid #6a6452;background:radial-gradient(#413f3355,#12150fbd);box-shadow:0 2px 5px #000;position:relative}.equipment-slot svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #000)}.sword{grid-column:2;grid-row:1}.shield{grid-column:1;grid-row:2}.flask{grid-column:2;grid-row:2}.active{border-color:#a28d58;box-shadow:inset 0 0 10px #ae923544,0 2px 5px #000}.flask span{position:absolute;bottom:0;right:6px;font-size:24px}.item-name{font-size:18px;margin-top:12px}.item-name span{color:#ad9963}.equipment small{display:block;color:#b0ae9e;font:10px Arial,sans-serif;margin-top:9px}kbd{font:10px Arial,sans-serif;border:1px solid #91897688;padding:2px 4px;background:#16181288}.equipment small kbd{font-size:9px}#souls{position:absolute;bottom:35px;right:34px;background:linear-gradient(90deg,#15181199,#11120f);border:1px solid #81735977;padding:6px 12px;width:156px;display:flex;justify-content:space-between;align-items:center}#souls span{color:#b39c65;font-size:26px}#souls b{font-weight:400;font-size:22px}#boss-hud{position:absolute;bottom:68px;left:23%;width: sixty;right:12%;opacity:0;transform:translateY(12px);transition:opacity 1s,transform 1s}#boss-hud.visible{opacity:1;transform:none}.boss-label{display:flex;justify-content:space-between;font-size:22px;margin:0 2px 9px}.boss-label #boss-phase{font-size:11px;letter-spacing:2px;align-self:center;color:#b99b6f}.boss{height:17px}.boss b{background:linear-gradient(#862321,#641b1a,#812824)}#interact{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);text-align:center;background:linear-gradient(90deg,transparent,#0a0c09ee 25%,#0a0c09ee 75%,transparent);min-width:420px;padding:13px 40px;border-block:1px solid #8b80554d;font-size:19px;display:none}#interact kbd{margin-right:14px;color:#dac791;border-color:#aa9363;font-size:13px}#hint{position:absolute;bottom:15px;width:100%;text-align:center;font:10px Arial,sans-serif;color:#b7b9a8;letter-spacing:1px}#toast{position:absolute;top:19%;left:50%;transform:translateX(-50%);font-size:17px;color:#d9c592;opacity:0;transition:opacity .3s;text-align:center}#lock-marker{position:absolute;width:24px;height:24px;border:1px solid #e9e8d57a;border-radius:50%;box-shadow:0 0 10px #fff6;text-align:center;color:#fff;font-size:28px;line-height:14px;display:none;transform:translate(-50%,-50%)}#area-banner{pointer-events:none;position:fixed;top:33%;width:100%;text-align:center;opacity:0;transition:opacity 1.4s;z-index:7;text-shadow:0 2px 8px #000}#area-banner span{font-size:42px;letter-spacing:5px}#area-banner div{height:1px;width:55%;margin:16px auto;background:linear-gradient(90deg,transparent,#d1ccb2,transparent)}#event-banner{position:fixed;top:34%;width:100%;padding:20px;text-align:center;background:linear-gradient(transparent,#030403bd 40%,#030403bd 60%,transparent);pointer-events:none;opacity:0;transition:opacity 1.5s;z-index:9}#event-banner h2{font-size:70px;font-weight:400;letter-spacing:7px;margin:15px;color:#921e1b;text-shadow:0 2px 10px #000}#event-banner p{font:13px Arial,sans-serif;letter-spacing:2px;color:#b7b19f}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#040604bc;backdrop-filter:blur(7px);padding:20px}.menu-panel{width:min(580px,100%);background:linear-gradient(#24271ff2,#13160ff5);border:1px solid #817454;padding:32px 38px;position:relative;box-shadow:0 20px 90px #000}.close{position:absolute;right:15px;top:9px;background:none;font-size:28px;color:#b5aa87}.eyebrow{font:9px Arial,sans-serif;letter-spacing:3px;color:#a89667}.menu-panel h2{font-weight:400;font-size:30px;margin:15px 0 25px}.control-grid{display:grid;grid-template-columns:1fr 1.2fr;font:12px Arial,sans-serif;gap:14px;color:#b8baad}.control-grid b{font-weight:400;color:#e0d9bf}.counsel{font-size:14px;color:#a9ad9c;line-height:1.6;border-top:1px solid #68644866;padding-top:17px;margin-top:23px}.settings{font:11px Arial,sans-serif;display:grid;gap:10px;color:#bfbca7}.settings input{accent-color:#a38d53}#resume{margin:23px auto 0;display:block;background:#7c68412b;border:1px solid #8b794966;padding:11px 28px}.inventory-row{padding:17px 0;display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #66604455}.inventory-row span{width:100%;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#928971}.inventory-row strong{font-weight:400;width:100%}.inventory-row small{color:#a3a793;font:11px Arial}.inventory-row button{background:#76633b55;padding:6px 10px;font:11px Arial}#mobile-notice{display:none;position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse at top,#3a3c2e,#10140f 65%);padding:50px 28px;text-align:center;align-content:center}#mobile-notice h2{font-size:31px;font-weight:400;line-height:1.2}#mobile-notice p{font:14px/1.8 Arial,sans-serif;color:#b8bcab;max-width:390px;margin:25px auto}#mobile-notice button{padding:15px 20px;border:1px solid #a4915c;background:#74603a33;font-size:15px}#mobile-notice small{display:block;font-style:italic;color:#9e9e89;margin-top:28px}#webgl-error{position:fixed;inset:0;background:#171911;display:grid;place-content:center;text-align:center;padding:30px;z-index:50}@media(max-width:760px) and (orientation:portrait){#mobile-notice:not(.dismissed){display:grid}}@media(max-width:900px){.vitals{left:16px;top:17px;gap:8px}.humanity{width:43px;height:43px}.humanity span{font-size:18px}.bars{width:210px}.top-right{right:14px;top:20px}.top-right span{display:none}.equipment{transform:scale(.7);transform-origin:bottom left;left:15px;bottom:32px}.boss-label{font-size:16px}#boss-hud{left:24%;right:8%;bottom:52px}#souls{right:15px;bottom:23px;width:110px}#hint{font-size:8px}#event-banner h2{font-size:43px}#area-banner span{font-size:28px}.title-main{top:12%;width:65%;left:4%}.title-main h1{font-size:45px}.sigil{font-size:40px}.title-main button{margin-top:20px}.title-bottom{font-size:8px;padding:0 15px}.title-top{font-size:8px;top:20px}.menu-panel{max-height:93vh;overflow:auto;padding:22px}.control-grid{gap:10px}.menu-panel h2{font-size:25px;margin:12px 0 20px}}