.wbt-card{--bg-base:#0a0a0a;--bg-surface:#0d0d0d;--bg-raised:#141414;--border-subtle:#ffffff0f;--border-strong:#ffffff1a;--accent-red:#ef4444;--accent-amber:#f59e0b;--accent-green:#10b981;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--corner:#ef44448c;color:var(--text-primary);font-family:Saira Condensed,Saira,sans-serif}.wbt-card .card{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:0;flex-direction:column;padding:0;display:flex;position:relative}.wbt-card .card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(var(--corner),var(--corner)) 0 0/14px 2px no-repeat, linear-gradient(var(--corner),var(--corner)) 0 0/2px 14px no-repeat, linear-gradient(var(--corner),var(--corner)) 100% 0/14px 2px no-repeat, linear-gradient(var(--corner),var(--corner)) 100% 0/2px 14px no-repeat, linear-gradient(var(--corner),var(--corner)) 0 100%/14px 2px no-repeat, linear-gradient(var(--corner),var(--corner)) 0 100%/2px 14px no-repeat, linear-gradient(var(--corner),var(--corner)) 100% 100%/14px 2px no-repeat, linear-gradient(var(--corner),var(--corner)) 100% 100%/2px 14px no-repeat;position:absolute;inset:-1px}.wbt-card .card-damage{color:var(--accent-red);letter-spacing:-.01em;padding:.9em 1.5em .6em;font-family:Share Tech Mono,Courier New,monospace;font-size:2em;font-weight:700;position:relative}.wbt-card .card-damage:before{content:"◆";vertical-align:middle;color:var(--accent-red);opacity:.7;margin-right:.3em;font-size:.45em}.wbt-card .card-damage.card-profit,.wbt-card .card-damage.card-tycoon,.wbt-card .card-damage.card-profit:before,.wbt-card .card-damage.card-tycoon:before{color:var(--accent-green)}.wbt-card .damage-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-top:.3em;font-size:.4em;font-weight:400;display:block}.wbt-card .card-cost{border-top:1px solid var(--border-subtle);color:var(--accent-amber);flex-direction:column;gap:.35em;padding:.55em 1.5em;font-family:Share Tech Mono,Courier New,monospace;font-size:1.1em;font-weight:600;display:flex}.wbt-card .cost-top{justify-content:space-between;align-items:center;display:flex}.wbt-card .cost-left{align-items:center;gap:.3em;display:flex}.wbt-card .cost-sublabel{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-left:.4em;font-family:Saira Condensed,sans-serif;font-size:.5em}.wbt-card .card-efficiency{font-size:.7em}.wbt-card .cost-breakdown{opacity:.85;letter-spacing:.03em;border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:.3em 1.4em;padding-top:.3em;font-family:Saira Condensed,sans-serif;font-size:.85em;font-weight:400;display:grid}.wbt-card .cost-line.positive{color:var(--accent-green)}.wbt-card .cost-line.negative{color:#fb7185}.wbt-card h3{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;margin-top:0;margin-bottom:0;font-size:.7em;display:flex}.wbt-card .card-skills{border-top:1px solid var(--border-subtle);padding:.7em 1.5em}.wbt-card .card-skills h3{margin-bottom:.45em}.wbt-card .card-items{border-top:1px solid var(--border-subtle);padding:.7em 1.5em .9em}.wbt-card .card-items h3{margin-bottom:.45em}.wbt-card .skills-grid{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:0;display:flex}.wbt-card .skills-grid>*{box-sizing:border-box;flex:0 calc(20% - .4rem);min-width:52px}.wbt-card .skill{color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-subtle);aspect-ratio:1;box-sizing:border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.15em;padding:.4em .2em;font-size:.95em;font-weight:600;display:flex;position:relative}.wbt-card .skill svg{flex-shrink:0;width:1.4em;height:1.4em;overflow:visible}.wbt-card .econ-skill{color:inherit}.wbt-card .items-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em;display:grid}.wbt-card .gear-item{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:0;position:relative}.wbt-card .quantity-label{text-align:center;color:#fff;white-space:nowrap;background:#000000a6;flex-direction:column;align-items:center;gap:0;padding:2px 0;font-size:.7em;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.wbt-card .gear-item img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}
