: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(380px,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-health-bar{margin-top:8px;height:18px;overflow:hidden;border-radius:999px;background:#4727182e;box-shadow:inset 0 0 0 1px #14212e14}.hud-health-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff7c67,#ffb250 45%,#8ee07f);transition:width .12s ease-out}.hud-health-text{margin-top:6px;font-size:.95rem;font-weight:700}.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}.hud-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.hud-option-button,.hud-start-button,.hud-action-button{border:1px solid rgba(20,33,46,.12);border-radius:12px;background:#ffffffe0;color:#14212e;font:inherit;cursor:pointer}.hud-option-button{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left}.hud-option-button.is-selected{border-color:#d07e30;box-shadow:0 0 0 2px #d07e302e}.hud-option-swatch{width:18px;height:18px;flex:0 0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px #14212e2e}.hud-start-button{width:100%;margin-top:14px;padding:12px 14px;font-weight:700;background:linear-gradient(135deg,#f1bf64,#ffd79a)}.hud-action-row{margin-top:14px}.hud-action-button{width:100%;padding:12px 14px;font-weight:700;background:linear-gradient(135deg,#ffb24d,#ffe08f)}.hud-action-button.is-disabled{cursor:not-allowed;opacity:.68}.craft-board{display:grid;grid-template-columns:repeat(7,28px);gap:4px;margin-top:10px}.craft-cell{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(20,33,46,.14);border-radius:6px;background:#ffffffc7;font-size:.72rem;font-weight:700;color:#314555}.craft-cell.is-cursor{border-color:#d07e30;box-shadow:0 0 0 2px #d07e3038}