/* Exact card proportions and information order reconstructed from the supplied Arena selection references. */
.catalog-layout{display:block}.catalog-wrap{max-width:1080px}.rarity-section{padding:0;margin:0 0 48px;border:0;background:transparent}.rarity-section:before,.rarity-section:after{display:none}.rarity-section-heading{margin:0 0 20px;padding:0 0 12px}.catalog-nav:before,.catalog-nav:after{display:none}
.rarity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,320px));justify-content:start;align-items:start;gap:26px}
.augment-card{position:relative;isolation:isolate;display:flex;width:100%;min-height:520px;aspect-ratio:auto;padding:0 25px 22px;overflow:hidden;border:6px solid #a8b1ae;border-radius:0;background:linear-gradient(155deg,#001a1c 0%,#001012 56%,#000d0f 100%);box-shadow:inset 0 0 0 1px rgba(242,248,241,.18),inset 0 0 70px rgba(8,68,70,.15),0 12px 26px rgba(0,0,0,.42);color:#e9eee7;text-align:center;transition:border-color .18s ease,box-shadow .18s ease}
.augment-card:before{position:absolute;z-index:-1;inset:10px;right:10px;bottom:10px;width:auto;height:auto;content:"";border:1px solid rgba(162,192,187,.35);border-radius:0;background:none;box-shadow:none;clip-path:polygon(0 0,30px 0,30px 2px,calc(100% - 30px) 2px,calc(100% - 30px) 0,100% 0,100% 30px,calc(100% - 2px) 30px,calc(100% - 2px) calc(100% - 30px),100% calc(100% - 30px),100% 100%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 2px),30px calc(100% - 2px),30px 100%,0 100%,0 calc(100% - 30px),2px calc(100% - 30px),2px 30px,0 30px)}
.augment-card:after{position:absolute;z-index:-1;inset:17px;content:"";border:1px solid rgba(60,106,105,.26);background:linear-gradient(135deg,rgba(91,147,144,.11),transparent 42%);clip-path:none}.augment-card:hover{z-index:1;transform:none;border-color:#f1efe0;background:linear-gradient(155deg,#002124 0%,#001316 56%,#000e10 100%);box-shadow:inset 0 0 0 2px rgba(250,248,232,.42),inset 0 0 68px color-mix(in srgb,var(--card-color) 20%,transparent),0 0 26px color-mix(in srgb,var(--card-color) 42%,transparent),0 15px 30px rgba(0,0,0,.52)}
.card-top{display:none}.card-sigil{position:relative;z-index:1;right:auto;top:auto;display:grid;place-items:center;align-self:center;width:146px;height:146px;padding:0;margin:54px auto 45px;border:0;background:transparent;filter:drop-shadow(0 8px 12px rgba(0,0,0,.54));clip-path:none}.card-sigil:before{display:none}.card-sigil img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.44));transform:scale(1.2)}
.card-identity{position:relative;z-index:1;align-self:stretch;min-height:56px}.augment-card h3,.card-identity h3{margin:0;color:#f1eddb;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.12;letter-spacing:0;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.78)}.card-original{display:none}.card-level{display:block;margin-top:10px;color:#e5e0cf;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.04em}
.card-effect{position:relative;z-index:1;width:100%;padding-top:16px;margin-top:30px;border-top:1px solid rgba(192,164,92,.45);text-align:center}.card-effect p{margin:0}.card-effect-primary{display:block;overflow:visible;color:#edf0e5;font-size:12px;font-weight:600;line-height:1.48;text-wrap:pretty}.card-effect-secondary{display:block;overflow:visible;padding-top:12px;margin-top:12px!important;border-top:1px solid rgba(144,169,163,.25);color:#bcc7c0;font-size:11px;font-weight:400;line-height:1.48}
.card-facts{position:relative;z-index:1;display:grid;gap:5px;padding-top:11px;margin-top:12px;border-top:1px solid rgba(144,169,163,.25);color:#c2cdc5;text-align:center}.card-facts span{display:block;font-size:10px;line-height:1.35}.card-facts b{display:inline;margin-right:5px;color:#dfbd67;font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.card-max-effect{position:relative;z-index:1;display:grid;gap:5px;padding-top:12px;margin-top:12px;border-top:1px solid rgba(192,164,92,.45);color:#dfc776;text-align:center}.card-max-effect span{font-family:var(--font-mono);font-size:8px;letter-spacing:.11em;text-transform:uppercase}.card-max-effect strong{display:block;overflow:visible;color:#f0eee1;font-family:var(--font-ui);font-size:11px;font-weight:600;line-height:1.45}.card-max-effect strong::first-line{color:#f0d983}
.augment-card.updated-card{min-height:520px;aspect-ratio:auto;text-align:center}.updated-card .card-sigil,.updated-card .card-identity{align-self:center;text-align:center}.card-effect-updates{margin-top:28px;text-align:left}.updated-card .patch-changes{display:grid;gap:0;margin:0;border-top:1px solid rgba(155,193,190,.18)}.updated-card .patch-change{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px 0;border-bottom:1px solid rgba(155,193,190,.14)}.updated-card .patch-change>span{color:#c3d0c9;font-size:10px;line-height:1.35}.updated-card .patch-change b,.updated-card .patch-change strong{display:grid;gap:2px;color:#bd7d75;font-family:var(--font-mono);font-size:8px;font-weight:500;text-align:right}.updated-card .patch-change strong{color:#a9d7af}.updated-card .patch-change i{max-width:95px;color:#e6ece5;font-size:8px;font-style:normal;line-height:1.2;overflow-wrap:anywhere}
@media(max-width:1240px){.rarity-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.augment-card{min-height:0;padding-right:20px;padding-left:20px}.card-sigil{width:132px;height:132px;margin-top:48px;margin-bottom:40px}.augment-card h3,.card-identity h3{font-size:19px}}
@media(max-width:1040px){.rarity-card-grid{grid-template-columns:repeat(2,minmax(0,320px));gap:22px}.catalog-wrap{max-width:670px}}
@media(max-width:820px){.sidebar{transform:translateX(-102%)}.app-shell{margin-left:0}.catalog-layout{display:block}.catalog-wrap{max-width:none}.rarity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.augment-card{min-height:0;padding-right:18px;padding-left:18px;border-width:5px}.card-sigil{width:112px;height:112px;margin-top:38px;margin-bottom:31px}.augment-card h3,.card-identity h3{font-size:18px}.card-effect{margin-top:23px}.card-effect-primary{font-size:11px}.card-effect-secondary{font-size:10px}.card-facts span,.card-max-effect strong{font-size:10px}}
@media(max-width:560px){.rarity-card-grid{grid-template-columns:minmax(0,320px);justify-content:center;gap:16px}.augment-card{min-height:520px;padding-right:25px;padding-left:25px;border-width:6px}.card-sigil{width:146px;height:146px;margin-top:54px;margin-bottom:45px}.augment-card h3,.card-identity h3{font-size:20px}.card-effect{margin-top:30px}.card-effect-primary{font-size:12px}.card-effect-secondary{font-size:11px}.card-facts span,.card-max-effect strong{font-size:11px}.augment-card.updated-card{min-height:520px}}
@media(prefers-reduced-motion:reduce){.augment-card{transition:none}}