@import url('data:text/css,');
*{box-sizing:border-box}body{margin:0;background:#b9cbd0;color:#fff5d8;font-family:Georgia,serif;overflow:hidden}canvas{display:block}#menu{position:absolute;z-index:2;inset:0;padding:10vh 7vw;background:linear-gradient(90deg,rgba(27,24,22,.94),rgba(27,24,22,.65) 48%,rgba(27,24,22,.06));display:flex;align-items:flex-start;justify-content:center;flex-direction:column}#menu[hidden]{display:none}.eyebrow{font:11px/1.5 system-ui;letter-spacing:3px;color:#edc38d}h1{font-size:clamp(48px,8vw,112px);line-height:.95;letter-spacing:-4px;margin:25px 0}h1 span{color:#d39755}.intro{font-size:22px;line-height:1.6;color:#dfd2be}.actions{display:flex;gap:12px;margin-top:20px}button{border:1px solid #d5a565;background:#d5a565;color:#25211c;padding:17px 25px;font:bold 14px system-ui;cursor:pointer}button+button{background:transparent;color:#f4dfbc}button:disabled{opacity:.55;cursor:default}#status{font:13px system-ui;max-width:550px;color:#dcc4a6}.instructions{display:flex;gap:36px;margin-top:32px;font:12px/1.8 system-ui}.instructions b{display:block;letter-spacing:2px;color:#d8a268}.note{font:11px/1.7 system-ui;color:#b9ab97;margin-top:30px}#hud{position:absolute;top:0;padding:20px;z-index:1;width:100%;background:linear-gradient(#20170e99,transparent);font:12px system-ui;display:flex;justify-content:space-between;gap:15px}#hud[hidden],#crosshair[hidden]{display:none}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;pointer-events:none}@media(max-width:650px){#menu{padding:6vw}.instructions{gap:15px}h1{letter-spacing:-2px}.intro{font-size:18px}.actions{flex-wrap:wrap}#hud{flex-direction:column}}
#hud{flex-wrap:wrap;pointer-events:none}#combat{flex-basis:100%;color:#ffe2a8;font-weight:600;line-height:1.5}#combat[data-kind="innocent"],#combat[data-kind="danger"]{color:#ffb09b}