:root{--bg-0: #0b0506;--bg-1: #1d0a0c;--bg-2: #2a1014;--glass-red: #c41d2b;--glass-deep: #5a0a12;--iron: #2b2a2e;--iron-hi: #55535a;--iron-lo: #121114;--gold: #e3b25a;--gold-hi: #ffd98a;--gold-lo: #8a5e22;--text: #f1e9e2;--text-dim: #b8aba3;--text-faint: #7d716b;--keyword: #ff5b5b;--good: #7fd18b;--rarity-normal: #e8e4de;--rarity-magic: #6aa7ff;--rarity-rare: #f4c84c;--rarity-boss: #ff4a3d;--rarity-supreme: #ff3b6b;--card-normal: linear-gradient(180deg, #4b4b51 0%, #303035 38%, #1d1d21 100%);--card-magic: linear-gradient(180deg, #3f7cb8 0%, #24538a 38%, #132c4c 100%);--card-rare: linear-gradient(180deg, #cf8f3e 0%, #8c5a1d 38%, #3f260a 100%);--card-supreme: linear-gradient(180deg, #c0394f 0%, #7c1527 38%, #3a0811 100%);--card-instrument: linear-gradient(180deg, #a87a33 0%, #6b4815 38%, #2e1e07 100%);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{touch-action:manipulation;overscroll-behavior:none;background:var(--bg-0);color:var(--text);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}.kw{padding:0;border:0;background:none;font:inherit;color:var(--keyword);text-decoration:underline;text-underline-offset:2px;cursor:help}.kw:hover,.kw[aria-expanded=true]{color:#ff8a8a}.kw-tooltip{--tip-scale: max(1, calc(.92 / var(--stage-scale, 1)));position:absolute;z-index:1000;width:calc(280px * var(--tip-scale));padding:calc(10px * var(--tip-scale)) calc(12px * var(--tip-scale));display:flex;flex-direction:column;gap:calc(4px * var(--tip-scale));font-family:var(--font-body);font-size:calc(13px * var(--tip-scale));line-height:1.4;text-align:left;color:var(--text);background:linear-gradient(180deg,#2c1416,#140809);border:1px solid var(--gold);border-radius:6px;box-shadow:0 10px 28px #000000b3;pointer-events:none}.kw-tooltip strong{color:var(--keyword);font-size:1.08em}.gold-button{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:#2a1906;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));border:1px solid #ffe7b0;border-radius:4px;box-shadow:0 0 0 1px #3b2408,0 4px 14px #00000080;cursor:pointer;transition:filter .15s,transform .15s}.gold-button:hover:not(:disabled){filter:brightness(1.12)}.gold-button:active:not(:disabled){transform:translateY(1px)}.gold-button:disabled{filter:grayscale(.85) brightness(.55);cursor:default}.gold-button:focus-visible,button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.ghost-button{font-family:var(--font-display);background:#00000059;border:1px solid var(--iron-hi);border-radius:4px;color:var(--text);cursor:pointer}.ghost-button:hover{border-color:var(--gold)}.panel-frame{background:linear-gradient(180deg,#301618eb,#14090af2);border:1px solid #6d4a2a;box-shadow:inset 0 0 0 1px #0009,inset 0 0 24px #00000080,0 8px 24px #0000008c;border-radius:6px}.archetype-ref svg{margin-right:3px}.boss-glow{animation:boss-pulse 1.8s ease-in-out infinite}@keyframes boss-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.boss-glow{animation:none}}.update-toast{position:fixed;z-index:1000;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px 12px 10px 16px;border:1px solid var(--gold-lo, #8a5e22);border-radius:8px;background:var(--bg-2, #2a1014);color:var(--text, #f1e9e2);font:.95rem/1.3 var(--font-body, system-ui, sans-serif);box-shadow:0 6px 24px #00000080}.update-toast button{flex:none;padding:6px 14px;border:1px solid var(--gold, #e3b25a);border-radius:6px;background:var(--gold-lo, #8a5e22);color:var(--gold-hi, #ffd98a);font:inherit;font-weight:600;cursor:pointer}.update-toast button:hover,.update-toast button:focus-visible{background:var(--gold, #e3b25a);color:var(--bg-0, #0b0506)}