*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0a0908;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e8e0d4}#c{display:block;width:100%;height:100%;cursor:none}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}.bar-wrap{position:absolute;top:28px;width:min(340px,38vw)}.bar-wrap.left{left:28px}.bar-wrap.right{right:28px;text-align:right}.name{font-family:Impact,Arial Narrow,sans-serif;letter-spacing:.18em;font-size:1.35rem;margin-bottom:6px;text-shadow:0 2px 8px #000}.label{font-size:.65rem;letter-spacing:.22em;opacity:.7;margin:8px 0 4px}.meter{height:10px;background:#0000008c;border:1px solid rgba(232,224,212,.25);overflow:hidden;position:relative}.meter i{display:block;height:100%;width:100%;transform-origin:left center;transition:transform 80ms linear}.bar-wrap.right .meter i{transform-origin:right center}.meter.health i{background:linear-gradient(90deg,#8b1e1e,#d94a2b)}.meter.stamina{background:linear-gradient(90deg,#0000008c 0% calc(var(--cap, 1) * 100%),#28140cd9 calc(var(--cap, 1) * 100%) 100%)}.meter.stamina i{background:linear-gradient(90deg,#8a6a1a,#e0b33a)}#prompt{position:absolute;right:28px;bottom:36px;max-width:320px;padding:12px 16px;background:#460c0cb8;border-left:3px solid #c0392b;font-size:.85rem;line-height:1.35;opacity:0;transition:opacity .25s ease}#prompt.show{opacity:1}#round-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.2em;text-shadow:0 4px 24px #000;white-space:nowrap}#round-banner.hidden{display:none}#menu{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(120,40,20,.35),transparent 55%),linear-gradient(180deg,#1a1210,#0a0908)}#menu.hidden{display:none}.panel{text-align:center;padding:40px 48px;max-width:480px}.panel h1{font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(3rem,10vw,5.5rem);letter-spacing:.16em;line-height:.95;color:#f0e6d8}.panel .sub{margin-top:8px;opacity:.65;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.controls{list-style:none;text-align:left;margin:28px auto;display:grid;gap:8px;font-size:.9rem}.controls kbd{display:inline-block;min-width:1.4em;padding:2px 7px;margin-right:2px;border:1px solid rgba(232,224,212,.35);background:#ffffff0f;font-family:inherit;font-size:.8rem}#start-btn{pointer-events:auto;margin-top:8px;padding:14px 36px;border:none;background:#b8321f;color:#fff;font-family:Impact,Arial Narrow,sans-serif;font-size:1.4rem;letter-spacing:.18em;cursor:pointer;transition:background .12s ease,transform .12s ease}#start-btn:hover{background:#d4452e;transform:translateY(-1px)}#pause{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#080605b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}#pause.hidden{display:none}.pause-panel{text-align:left;max-width:420px;padding:32px 36px;background:#16100eeb;border:1px solid rgba(232,224,212,.18)}.pause-panel h2{font-family:Impact,Arial Narrow,sans-serif;letter-spacing:.2em;font-size:2rem;text-align:center;margin-bottom:20px}.setting{border:1px solid rgba(232,224,212,.2);padding:12px 14px 14px;margin:0 0 14px}.setting legend{padding:0 6px;letter-spacing:.12em;font-size:.75rem;text-transform:uppercase;opacity:.85}.setting label{display:flex;align-items:center;gap:8px;margin:8px 0;cursor:pointer;font-size:.95rem}.setting .hint{font-size:.75rem;opacity:.6;margin:4px 0 10px;line-height:1.35}.setting input[type=range]{width:100%;accent-color:#c0392b}.pause-actions{display:grid;gap:10px;margin-top:18px}#resume-btn,#quit-btn{padding:12px 20px;border:none;font-family:Impact,Arial Narrow,sans-serif;font-size:1.15rem;letter-spacing:.16em;cursor:pointer}#resume-btn{background:#b8321f;color:#fff}#resume-btn:hover{background:#d4452e}#quit-btn.ghost{background:transparent;color:#e8e0d4;border:1px solid rgba(232,224,212,.35)}#quit-btn.ghost:hover{background:#ffffff0f}