/* Karus Gate: antique gold, copper and a dark emerald gateway. */
:root{--green:#d9b56c;--bg:#101210;--panel:#191d18;--border:#34372e}
.brand{gap:12px;letter-spacing:2px}.brand-mark{width:48px;height:58px;object-fit:contain;flex-shrink:0}.brand>span{color:#f1e4c7}.brand-sub{color:#d9b56c;font-size:12px;letter-spacing:7px;margin-top:6px}.header{background:#131711;border-bottom-color:#45402f}.primary,.register{background:#d9b56c;color:#201b10}.primary:hover,.register:hover{background:#ebc981}.hero{border-color:#655434;background-color:#192018}.hero h1 em{color:#e2bf7d}.hero-caption{color:#e8d3a5}.hero .hero-art{background-image:linear-gradient(90deg,#101810e8,transparent 90%),url('assets/hero.png')}.eyebrow{color:#dbb878}.bottom-callout{border-color:#514b35}.footer-brand{display:flex;align-items:center;gap:8px;color:#f1e4c7}.footer-brand .brand-mark{width:32px;height:40px}.footer-brand span{color:#d9b56c}.modal-brand{display:flex;align-items:center;gap:10px;color:#d9b56c}.modal-mark{width:26px;height:32px;object-fit:contain}.admin-entry{border-left:2px solid #d9b56c}.member-avatar{background:#363d28;color:#e8d1a1}.hero .hero-copy{z-index:1}.brand:focus-visible{outline-color:#d9b56c}
@media(max-width:700px){.brand{font-size:18px;letter-spacing:1px;gap:8px}.brand-mark{width:36px;height:44px}.brand-sub{font-size:10px;letter-spacing:5px}.header{gap:16px}}

/* Integrated Karus Gate lockup: preserve its aspect ratio at every size. */
.brand{flex-shrink:0;gap:0;min-height:44px}
.brand-lockup{display:block;width:142px;height:auto;object-fit:contain;flex-shrink:0;mix-blend-mode:screen}
.footer-brand .brand-lockup{width:138px}
.modal-brand .brand-lockup{width:112px}
@media(max-width:850px){.brand .brand-lockup{width:122px}}
@media(max-width:380px){.brand .brand-lockup{width:108px}.header{gap:9px}}

/* Compact marketplace cards: readable information, small native item icons. */
.cards{gap:14px}
.card>.card-art{height:100px}
.card .card-art img{width:64px;height:64px;object-fit:contain}
.card>.card-body{padding:12px;gap:0}
.card .item-title{font-size:14px;line-height:1.4;min-height:0;margin:0 0 4px;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
.card .card-upgrade{height:auto;min-height:0;margin:0 0 8px;font-size:12px;line-height:1.5;color:#d6c6a6;white-space:normal;overflow:visible;text-overflow:clip}
.bundle-thumbnails{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 8px;min-height:0}
.bundle-thumbnails img{width:24px;height:24px;object-fit:contain;background:#111510;border:1px solid #646046;border-radius:3px}
.bundle-more{font-size:11px;font-weight:700;color:#c8cebf;margin-left:3px}
.card .card-price-change{margin-top:auto;height:20px;min-height:20px;align-items:center}
.card .card-price-change s,.card .price-discount{font-size:10px}
.card .price-discount{padding:2px 6px}
.card .card-price{font-size:23px;line-height:1.25;margin:0 0 10px}
.card .card-bottom{margin-top:0;min-height:28px;padding-top:7px;font-size:11px}
.card .card-buy{min-height:40px;margin-top:9px;padding:8px 10px;line-height:1.4;font-size:13px}
@media(max-width:580px){.cards{gap:10px}.card>.card-art{height:90px}.card .card-art img{width:56px;height:56px}.card>.card-body{padding:10px}.card .item-title{font-size:13px}.card .card-upgrade{font-size:11px}.card .card-price{font-size:21px}.card .card-buy{min-height:42px;font-size:12px}.bundle-thumbnails img{width:22px;height:22px}.card .card-bottom{font-size:10px}.card .card-price-change{height:24px;min-height:24px}}