*{box-sizing:border-box}body{margin:0;background:#171c1a;color:#eee7d2;font-family:Georgia,serif;overflow:hidden}canvas#game{position:fixed;width:100%;height:100%;inset:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #ffdf9a;outline-offset:4px}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 40%,transparent 40%,#07101699 100%);box-shadow:inset 0 0 90px #0005}header{position:fixed;top:28px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:start;z-index:3}.brand{font-size:21px;letter-spacing:5px;text-shadow:0 2px 5px #000}.brand span{color:#cb994b;font-size:12px}.brand small{display:block;font:9px Arial;letter-spacing:2.5px;margin-top:9px;color:#d6cbb5}#pauseBtn{background:#111b2077;border:1px solid #b3a78655;padding:12px 17px;font:12px Arial;letter-spacing:2px}#hud{display:none;position:fixed;inset:0;pointer-events:none}#battlebar{position:absolute;top:35px;width:360px;left:50%;transform:translateX(-50%);font:10px Arial;letter-spacing:2px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}#battlebar b{font-size:19px;margin:0 7px;color:#fff}.balance{order:3;width:100%;height:4px;background:#a44938}.balance i{display:block;width:50%;height:100%;background:#9cbdbe}#objective{position:absolute;top:105px;left:35px;font:11px Arial;letter-spacing:2px;color:#e9c989}#objective small{display:block;margin-top:9px;font:12px Arial;letter-spacing:0;color:#e2dfd2}#message{position:absolute;top:23%;width:100%;text-align:center;font-size:27px;text-shadow:0 2px 10px #000;transition:opacity .4s}#feed{position:absolute;right:35px;top:105px;text-align:right;font:12px Arial;color:#e4d1aa;line-height:2}#player{position:absolute;bottom:92px;left:35px;display:flex;align-items:center;gap:15px}.portrait{border:1px solid #bc9d62;width:47px;height:56px;display:grid;place-items:center;background:#121c20bb;font-size:30px}#player strong{font-size:15px;letter-spacing:2px}#player strong small{font:8px Arial;color:#d5c7a7;margin-left:10px}.meter{width:220px;height:7px;background:#112024dd;margin-top:8px}.meter i{display:block;height:100%;transition:width .1s}.hp i{background:#bc654e}.stamina i{background:#c5ac70}.stamina{height:3px}#kills{font-size:25px;font-weight:normal;padding-left:15px;border-left:1px solid #ffffff33}#kills small{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px}#abilities{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:28px;white-space:nowrap;font:9px Arial;letter-spacing:1px}#abilities span{text-align:center}kbd{display:block;margin-bottom:8px;font:10px Arial;color:#ffe2a5}#movement{position:absolute;left:35px;bottom:15px;font:9px Arial;letter-spacing:1px;color:#c5bfa9}#map{position:absolute;right:35px;bottom:40px;border:1px solid #c5bfa955;border-radius:50%;background:#14201dcc;width:132px;height:132px}section{position:fixed;z-index:4}#menu{left:8%;top:23%;width:420px}h1{font-size:76px;letter-spacing:7px;line-height:.95;margin:22px 0;color:#f3ead4;font-weight:normal;text-shadow:0 3px 20px #0008}h1 em{font-style:normal;color:#d9ac68}.eyebrow{font:10px Arial;letter-spacing:4px;color:#dfbe7f}.rule{width:60px;height:2px;background:#c49a57;margin-top:28px}p{font-size:20px;line-height:1.5}.intro{font:14px/1.8 Arial;max-width:350px;color:#d1ccba;margin:18px 0 28px}.primary{background:#c5a26a;color:#19221f;border:1px solid #e4c389;padding:18px 25px;font:11px Arial;letter-spacing:2px;min-width:260px;text-align:left}.primary span{float:right}.primary:hover{background:#e4bf7f}.menuFoot{font:10px/1.9 Arial;letter-spacing:1px;color:#d4c7aa;margin-top:20px}.text{display:block;border:0;background:none;padding:14px 0;font:10px Arial;letter-spacing:2px;color:#cdb68e}#loading{font:11px Arial;color:#ceb47f}#pause,#end,#credits{left:50%;top:50%;transform:translate(-50%,-50%);padding:45px;background:#111e22ee;border:1px solid #c6ac7755;min-width:400px;text-align:center;box-shadow:0 15px 100px #0009}h2{font-size:50px;font-weight:normal;margin:20px 0}#pause .text{margin:auto}label{font:12px Arial;display:block;margin-top:20px}#credits{max-width:600px}#credits p{font:12px/1.7 Arial}#endText{font:14px/1.8 Arial}body.playing header .brand{font-size:14px}body.playing .brand small{font-size:7px}[hidden]{display:none!important}@media(max-width:850px){#battlebar{top:75px;width:260px}#objective{top:130px}#abilities{gap:14px;bottom:22px}#movement{display:none}#map{right:20px;bottom:90px;width:95px;height:95px}#menu{top:20%;left:6%}h1{font-size:60px}#player{bottom:82px}header{left:20px;right:20px}#feed{top:160px}}