*{box-sizing:border-box}body{margin:0;background:#070b13;color:#e9dfc7;font-family:Georgia,'Malgun Gothic',serif;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%}header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:start;justify-content:space-between;text-shadow:0 2px 12px #000}.brand{font-size:19px;letter-spacing:5px}.brand span{color:#d6a862}.brand small,.place small{display:block;font-family:'Malgun Gothic',sans-serif;font-size:10px;letter-spacing:2px;margin-top:9px;color:#9eabb6}.place{text-align:center;font-size:10px;letter-spacing:4px}.health{position:absolute;top:123px;width:178px;text-shadow:0 2px 10px #000}.left{left:36px}.right{right:36px;text-align:right}.health small{font-family:'Malgun Gothic',sans-serif;letter-spacing:1px;font-size:10px;color:#ccd4db}.health strong{display:block;font-size:35px;font-weight:normal;margin:12px 0 10px}.health i{font-size:12px;font-style:normal;color:#8392a1}.hpbar{height:3px;background:#1f2933}.hpbar b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#92714b,#f2d6a1);transition:width .6s}.right .hpbar b{background:linear-gradient(90deg,#6e496f,#ccadd4)}.health em{display:block;font-size:10px;font-style:normal;color:#9da7b1;margin-top:12px}#cue{position:absolute;left:50%;top:22%;transform:translateX(-50%);text-align:center;pointer-events:none;width:65%;transition:opacity .5s}#eyebrow{letter-spacing:4px;color:#b69a6b;font-size:9px}h1{font-size:clamp(20px,2.2vw,34px);font-weight:normal;letter-spacing:3px;text-shadow:0 2px 20px #000;margin:14px 0}#caption{font-size:11px;color:#a6b4be;letter-spacing:1px}button,select{border:1px solid #74644c70;background:#0a111bdd;color:#dbccae;font-family:inherit;cursor:pointer}button:hover,button:focus-visible{border-color:#e9c185;outline:1px solid #c9985940;background:#222529}header button{padding:9px 13px;font-size:11px}footer{position:absolute;bottom:42px;left:36px;right:36px;display:flex;align-items:end;gap:20px;transition:transform .6s,opacity .6s}.study>small{display:block;font-size:9px;letter-spacing:3px;color:#83929c;margin-bottom:10px}.choices{display:flex;gap:8px}.choices button{text-align:left;padding:13px 18px;min-width:180px;font-size:12px}.choices button>span{display:inline-block;color:#927b5d;margin-right:9px;font-size:10px}.choices button small{display:block;margin:7px 0 0 25px;font-size:9px;color:#75838e}.choices .active{border-color:#cba267;background:linear-gradient(140deg,#343129dd,#101a23ee)}#cast{padding:20px 23px;font-size:13px;letter-spacing:2px;border-color:#b68d51;background:#b48a5129;min-width:165px}#cast span{margin-left:25px}footer label{font-size:10px;color:#9ba9b4;margin-bottom:17px;white-space:nowrap}select{padding:7px;margin-left:5px}.bottomnote{position:absolute;bottom:13px;left:36px;font-size:8px;letter-spacing:2px;color:#677581}body.playing footer{transform:translateY(85%);opacity:.2}body.playing #cue{opacity:0}#impact{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:32px;letter-spacing:12px;color:#e8dcc4;text-shadow:0 0 30px #e8bc8199;pointer-events:none;opacity:0;transition:opacity .2s}@media(max-width:900px){header{left:18px;right:18px}.place{display:none}.health{top:85px;width:115px}.left{left:18px}.right{right:18px}.health strong{font-size:25px}footer{left:18px;right:18px;gap:8px;bottom:30px}.choices button{min-width:0;padding:10px;font-size:10px}.choices button small{display:none}#cast{min-width:100px;padding:14px;font-size:10px}footer label{display:none}.bottomnote{left:18px;font-size:7px}#cue{top:23%}#caption{font-size:9px}}