.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:Cinzel,Georgia,Times New Roman,serif;color:#ecdcb0;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.hud__xp{position:absolute;top:0;left:0;right:0;height:10px;background:#0a0710b3;border-bottom:1px solid rgba(232,196,90,.35);box-shadow:0 1px 8px #0009}.hud__xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#b8860b,#f1d77a);box-shadow:0 0 10px #f1d77a99;transition:width .12s linear}.hud__top{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.hud__level{font-size:13px;letter-spacing:2px;color:#f1d77a;text-transform:uppercase}.hud__timer{font-size:30px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.8)}.hud__hp{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:340px;max-width:70vw;height:20px;background:#0c08109e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(232,196,90,.25);border-radius:4px;overflow:hidden;box-shadow:0 4px 18px #0000008c}.hud__hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#6b1f1f,#b23a3a);box-shadow:inset 0 0 12px #0006;transition:width .12s linear}.hud__hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hud__modal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;background:#04020899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.hud__modal--open{display:flex}.hud__modal-title{font-size:22px;letter-spacing:4px;text-transform:uppercase;color:#f1d77a;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hud__cards{display:flex;gap:18px}.hud__card{width:200px;padding:20px 18px;background:linear-gradient(180deg,#1a121eeb,#0c0810eb);border:1px solid rgba(232,196,90,.4);border-radius:8px;box-shadow:0 8px 30px #0009;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.hud__card:hover{transform:translateY(-6px);border-color:#f1d77a;box-shadow:0 12px 36px #f1d77a40}.hud__card-name{font-size:17px;font-weight:700;color:#f1d77a;margin-bottom:10px}.hud__card-desc{font-size:13px;line-height:1.45;color:#cdbe98;font-family:Georgia,serif}.hud__over{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#040102b3}.hud__over--open{display:flex}.hud__over-title{font-size:52px;font-weight:700;letter-spacing:8px;color:#b23a3a;text-shadow:0 3px 16px rgba(0,0,0,.9)}.hud__over-stats{font-size:16px;letter-spacing:1px;color:#cdbe98}.hud__over-title--win{color:#f1d77a}.hud__restart{margin-top:18px;padding:12px 28px;font-family:Cinzel,Georgia,serif;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#ecdcb0;background:linear-gradient(180deg,#281a1ef2,#100a12f2);border:1px solid rgba(232,196,90,.5);border-radius:6px;cursor:pointer;pointer-events:auto;transition:transform .12s ease,border-color .12s ease}.hud__restart:hover{transform:translateY(-3px);border-color:#f1d77a}