:root{color-scheme:light;font-family:Trebuchet MS,Gill Sans,sans-serif;background:radial-gradient(circle at top,#dff4ff,#c9ecfb 35%,#8ec6dc);color:#14212e}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#app,canvas{display:block;width:100vw;height:100vh}#hud{position:fixed;top:16px;left:16px;width:min(320px,calc(100vw - 32px));padding:16px;border:1px solid rgba(20,33,46,.12);border-radius:18px;background:#fffaf2db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #1c374a29}#hud h1,#hud h2,#hud p{margin:0}.hud-title{font-size:1.05rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.hud-card{padding:10px 12px;border-radius:12px;background:#ffffffbd}.hud-label{display:block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#4a6173}.hud-value{display:block;margin-top:4px;font-size:1.05rem;font-weight:700}.hud-section{margin-top:14px}.hud-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#ffecd0cc;color:#683f12;line-height:1.35}.hud-help,.hud-swords{margin-top:8px;color:#314555;line-height:1.35}.hud-swords{font-size:.95rem}.hud-panel{margin-top:14px;padding:14px;border:1px solid rgba(20,33,46,.12);border-radius:14px;background:#ffffffe0}