html,body{margin:0;min-height:100%;overflow:hidden;background:#6bd8e8;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app,#game-root{width:100vw;height:100dvh}canvas{display:block}#hud-root{position:fixed;inset:0;pointer-events:none}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:52px 1fr 1fr 1fr 52px;gap:8px;align-items:center}.hud-icon,.hud-pill{min-height:44px;border:2px solid rgba(126,72,31,.36);border-radius:8px;background:linear-gradient(#ffe8b7,#f8bf72);box-shadow:0 5px #753e1552;color:#7b3b1e}.hud-icon{pointer-events:auto;font-weight:900}.hud-pill{display:grid;place-items:center;line-height:1;padding:4px 8px}.hud-pill span{font-size:11px;font-weight:800}.hud-pill strong{font-size:18px}.hud-bottom{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,minmax(44px,72px));justify-content:center;gap:8px;padding:8px;border:2px solid rgba(112,57,18,.32);border-radius:8px;background:linear-gradient(#b66c33,#7b421f);box-shadow:0 8px #43220c47}.deck-slot{aspect-ratio:1;border-radius:8px;background:radial-gradient(circle at 50% 38%,#d9954f,#7b421f 72%);border:2px solid rgba(255,235,180,.4)}.deck-slot.active{background:radial-gradient(circle at 50% 38%,#ff8cb2,#b64b71 72%)}