@import url('data:text/css,');
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff3e6;background:#0b080b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #69534d;background:#1e1519;padding:14px 20px;border-radius:3px;min-height:44px}button:hover{background:#543024}button:focus-visible{outline:2px solid #ffa766;outline-offset:3px}.primary{background:#ff632d;color:#180c09;border:0;font-weight:900;letter-spacing:1px}.primary:hover{background:#ff9960}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}main{position:fixed;inset:0;background:linear-gradient(90deg,#100a0cf5 0%,#100a0ce6 40%,#100a0c00 85%);padding:32px 5vw;overflow:auto}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#e4a186;font-weight:700}.tag{font-size:10px;letter-spacing:2px;border:1px solid #724135;padding:8px;color:#ff9960}.intro{margin-top:6vh;max-width:620px}h1{font-size:clamp(50px,8vw,110px);line-height:.85;letter-spacing:-5px;margin:22px 0;color:#ff6a32;font-weight:950}h1 span{display:block;color:#fff0df;font-size:.65em;letter-spacing:2px;margin-top:10px}.lede{color:#c2aaa1;line-height:1.6;font-size:17px}.hero{display:flex;align-items:center;gap:18px;margin:26px 0}.hero img{width:80px;height:96px;object-fit:cover;border:1px solid #8e5c51;filter:saturate(.5)}small{font-size:10px;letter-spacing:1px;color:#bdada6}h2{margin:8px 0;letter-spacing:-1px}.hero p{font-size:12px;color:#cfb9b0;line-height:1.6}.actions{display:flex;gap:10px}.hint{font-size:11px;color:#a68e86;line-height:1.8}.disclaimer{font-size:10px;letter-spacing:1px;color:#c5947e}aside{position:absolute;right:8%;top:27%;text-align:center;font-size:13px;line-height:2;letter-spacing:3px}.sigil{font-family:Georgia;font-size:160px;line-height:1.3;color:#ff692d;text-shadow:0 0 60px #f40}aside em{color:#bd9d94;font-size:9px;font-style:normal}.top{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.identity{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:bold}.identity img{width:40px;height:40px;object-fit:cover}.identity small{display:block;font-size:8px;margin-top:5px}#clock{position:absolute;left:50%;transform:translateX(-50%);font-size:40px;font-weight:900;font-variant-numeric:tabular-nums}#exit{padding:8px 12px;font-size:10px}.stats{position:absolute;top:78px;left:24px;display:flex;gap:18px;font-size:12px}#notice{position:absolute;top:21%;width:100%;text-align:center;font-weight:bold;letter-spacing:2px;font-size:15px;text-shadow:0 2px 5px #000}#cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:26px monospace;color:#fff}#hit{position:absolute;top:55%;width:100%;text-align:center;color:#ffba6b;font-weight:bold;font-size:12px}.bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none}.meter{width:130px;height:4px;background:#592d2d;margin:8px 0}.meter i{display:block;height:100%;background:#ff6b37}#stage{font-size:10px;letter-spacing:2px}.pad{position:absolute;width:130px;height:130px;border:1px solid #ffffff35;border-radius:50%;bottom:65px;touch-action:none;user-select:none;background:#ffffff06}.pad span{position:absolute;width:100%;text-align:center;top:45%;font-size:9px;letter-spacing:2px;color:#e5c9bb}#move{left:25px}#move i{position:absolute;left:45px;top:45px;width:40px;height:40px;border-radius:50%;background:#ffb68d44}#look{right:25px;width:175px;height:155px;border-radius:30px}#ability{position:absolute;bottom:25px;right:215px;border-color:#ff8f52;color:#ffbc89;min-width:145px;font-size:11px;font-weight:bold;touch-action:none}.left #move{left:auto;right:25px}.left #look{right:auto;left:25px}.left #ability{right:auto;left:215px}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #ff2300;opacity:0}#settings,#results{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#160f16f5;border:1px solid #965343;padding:28px;width:min(500px,94vw);max-height:92vh;overflow:auto;box-shadow:0 20px 120px #000}#settings label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:13px}#settings input[type=checkbox]{margin-left:0}#results h2{font-size:36px}#resultStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}#resultStats div{background:#281b20;padding:12px;font-size:12px;color:#c0a89c}#resultStats b{display:block;font-size:28px;color:#ffb17a;margin-bottom:5px}#lesson{font-size:13px;line-height:1.5;color:#d3b9ac}#rotate{display:none;position:fixed;inset:0;background:#100a0df5;z-index:20;text-align:center;padding:25vh 20px 0;font-size:35px}#rotate p{font-size:15px}#rotate h2{font-size:22px}[hidden]{display:none!important}@media(max-height:520px){main{padding:16px 4vw}.intro{margin-top:14px}h1{font-size:53px;margin:10px 0}.lede{font-size:12px;margin:10px 0}.hero{margin:10px 0}.hero img{width:55px;height:65px}.hero h2{font-size:19px}.hint{margin:8px 0;font-size:9px}.hero p{margin:4px 0}.intro>.eyebrow{display:none}.tag{font-size:8px}.top{top:10px}.stats{top:60px}.pad{width:110px;height:110px;bottom:60px}#move i{left:35px;top:35px}#look{width:150px;height:125px}#ability{right:190px}aside{right:9%;top:22%}.sigil{font-size:100px}}@media(orientation:portrait) and (pointer:coarse){#rotate{display:block}}@media(max-width:700px){aside{display:none}.tag{display:none}}