:root{--bg: #1c2412;--panel: rgba(34, 26, 16, .95);--wood: #3b2a18;--wood-light: #5a4128;--gold: #e8b94e;--gold-bright: #f6d27a;--accent: #7c5cff;--accent-2: #46e0c0;--text: #f3e9d2;--muted: #c2b48f;--danger: #ff5d6c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Marcellus,Georgia,Times New Roman,serif;overflow:hidden;user-select:none}#app{position:relative;width:100vw;height:100vh}#game{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(circle at 50% 22%,rgba(232,185,78,.12),transparent 55%),linear-gradient(#0e1409d1,#0a0e07e6);backdrop-filter:blur(3px);text-align:center;padding:2rem}.overlay.hidden{display:none}.title{font-family:Cinzel,serif;font-size:clamp(2.6rem,8vw,5rem);font-weight:800;letter-spacing:.06em;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 45%,#9c6f22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 18px rgba(232,185,78,.35)}.title.victory{background:linear-gradient(180deg,#fff2c0,var(--gold) 55%,#9c6f22);-webkit-background-clip:text;background-clip:text}.title.defeat{background:linear-gradient(180deg,#ff9aa6,var(--danger) 60%,#8a2230);-webkit-background-clip:text;background-clip:text}.subtitle{font-size:1.1rem;color:var(--muted);max-width:38rem;line-height:1.55}.btn{font-family:Cinzel,serif;font-weight:700;font-size:1.05rem;letter-spacing:.04em;color:#2a1c0c;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,#b5852b);border:2px solid #7a571f;border-radius:10px;padding:.8rem 2.4rem;cursor:pointer;box-shadow:0 6px 18px #00000073,inset 0 1px #fff6;transition:transform .08s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:active{transform:translateY(0)}.btn.ghost{background:linear-gradient(180deg,var(--wood-light),var(--wood));color:var(--text);border-color:#2a1c0c}.btn.reroll{background:linear-gradient(180deg,#6fc6b0,var(--accent-2) 60%,#2f9d86);color:#0d2620;border-color:#1f6b58;font-size:.95rem;padding:.55rem 1.6rem}.btn.reroll:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}.stats{font-family:Marcellus,serif;font-size:1.1rem;color:var(--text);line-height:1.9}.stats b{color:var(--gold-bright)}.controls-hint{font-size:.92rem;color:var(--muted)}.controls-bar{position:absolute;top:12px;right:12px;display:flex;gap:8px}.controls-bar.hidden{display:none}.icon-btn{width:38px;height:38px;font-size:1.1rem;color:var(--text);background:#221a10b3;border:1.5px solid var(--wood-light);border-radius:8px;cursor:pointer;transition:filter .15s ease}.icon-btn:hover{filter:brightness(1.3)}.cards{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.card{width:220px;min-height:220px;background:var(--panel);border:2px solid var(--wood-light);border-radius:14px;padding:1.4rem 1.1rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;cursor:pointer;transition:transform .1s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--gold);box-shadow:0 16px 40px #e8b94e40}.card .icon{font-size:3.2rem;line-height:1}.card .name{font-family:Cinzel,serif;font-size:1.15rem;font-weight:700;color:var(--gold-bright)}.card .tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .6rem;border-radius:999px}.tag.new{background:#46e0c033;color:var(--accent-2)}.tag.upgrade{background:#e8b94e38;color:var(--gold-bright)}.tag.passive{background:#7c5cff38;color:#b9a8ff}.card .desc{font-size:.92rem;color:var(--muted);line-height:1.4}.loadout{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}.loadout-row{display:flex;align-items:center;gap:.4rem;justify-content:center}.loadout-label{font-size:.78rem;color:var(--muted);width:9.5rem;text-align:right}.slot{width:34px;height:34px;border-radius:7px;border:1.5px solid rgba(255,255,255,.16);background:#0000004d;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;position:relative}.slot.filled{border-color:var(--gold);background:#e8b94e2e}.slot.filled b{position:absolute;right:2px;bottom:0;font-size:.6rem;color:var(--gold-bright)}