@import url("./shine.css?v=r104");
.arena-collection-face{background:#eae9dd;color:#1b3021;border:2px solid #8b9175;border-radius:10px;overflow:hidden;padding:0;position:relative;text-align:left;font:15px system-ui,-apple-system,sans-serif;line-height:normal}
.arena-collection-face img{width:100%;height:170px;object-fit:contain;background:#fff;display:block;margin:0;border-radius:0;filter:none;opacity:1}
.arena-collection-face .desc{display:block;padding:5px 12px 14px;font-size:10px;line-height:1.8}
.arena-collection-face .card-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:9px;letter-spacing:1px;color:#4d654c}
.arena-collection-face .card-head b{font-size:15px;font-weight:500}
.arena-collection-face .card-title{font:19px Georgia;padding:12px 14px 8px;display:block}
.arena-collection-face .stats{margin:0;border:0;border-radius:0;box-shadow:none;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 10px 12px;gap:4px}
.arena-collection-face .stats span{text-align:center;font-size:7px;letter-spacing:.2px}
.arena-collection-face .stats b{display:block;font:20px Georgia;margin-bottom:3px}
.arena-collection-face .plant-head{align-items:flex-start;gap:5px;padding:10px!important;min-height:54px;letter-spacing:0}
.arena-collection-face .plant-head>span:first-child{font:15px Georgia;flex:1;min-width:0}
.arena-collection-face .rarity-stars{color:var(--star-color);font-size:10px;line-height:1.4;letter-spacing:0;max-width:55px;overflow-wrap:anywhere;text-align:right;flex-shrink:0;text-shadow:0 1px 1px #0002}
.arena-collection-face .plant-art{position:relative;isolation:isolate;background:radial-gradient(ellipse at 12% 50%,color-mix(in srgb,var(--excellence-color) 22%,white),white 75%);overflow:hidden;width:100%}
.arena-collection-face .plant-art img{position:relative;z-index:1;mix-blend-mode:multiply;background:transparent;padding-bottom:16px}
.arena-collection-face .excellence-motif{position:absolute;left:5%;top:8%;font:90px Georgia;color:var(--excellence-color);opacity:.26;transform:rotate(-12deg);z-index:0}
.arena-collection-face .excellence-resinamento .excellence-motif{width:40px;height:55px;border-radius:65% 35% 65% 35%;background:var(--excellence-color);font-size:0;transform:rotate(-35deg)}
.arena-collection-face .excellence-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.3px;color:#496044;z-index:2}
.arena-collection-face .tier-label{text-align:center;padding:5px;font-size:8px;letter-spacing:.6px;color:#4d654c;border-top:1px solid #b5bca5}
.arena-collection-face .card-title{font-size:15px}.arena-collection-face .rarity-stars{max-width:60px;font-size:8px}

/* White art panel matches support cards; motifs retain their Arena color. */
.arena-achievement-card .arena-collection-face .plant-art,.arena-collection-face .plant-art{background:#fff}

/* Shared card proportions: two-column header and equal artwork spacing. */
:is(.card,.arena-collection-face)>.card-head{height:48px;min-height:48px;padding:8px!important;box-sizing:border-box}
:is(.card,.arena-collection-face)>.plant-head{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:5px;align-items:start;flex-wrap:nowrap}
:is(.card,.arena-collection-face)>.plant-head>span:first-child{font:15px/17px Georgia,serif;min-width:0;overflow-wrap:normal}
:is(.card,.arena-collection-face)>.plant-head>.rarity-stars{width:100%;max-width:56px;justify-self:end;margin:0;font-size:7px;line-height:12px;letter-spacing:0;overflow-wrap:anywhere;text-align:right}
:is(.card,.arena-collection-face) .plant-art img,:is(.card,.arena-collection-face)>img,:is(.card,.arena-collection-face)>.shine-art img{box-sizing:border-box;padding:6px 4px 16px}

@media(max-width:540px){.card>.plant-head>span:first-child{font-size:12px;line-height:15px}}

.arena-achievement-card>.arena-collection-face{height:auto}
.arena-achievement-grid{align-items:start}
.card-drop-guide summary{cursor:pointer;padding:8px 0;font-weight:600}
.card-drop-guide details[open]>small{display:block;margin-top:8px}

/* Full-width paper panels and two deliberate name lines in every card. */
:is(.card,.arena-collection-face){container-type:inline-size}
:is(.card,.arena-collection-face)>.card-head,
:is(.card,.arena-collection-face)>.tier-label,
:is(.card,.arena-collection-face)>.stats{width:100%;flex-shrink:0;align-self:stretch}
:is(.card,.arena-collection-face)>.plant-head{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);height:52px;min-height:52px}
:is(.card,.arena-collection-face)>.plant-head>span.plant-name{white-space:nowrap;font-size:clamp(6px,var(--name-scale,7cqw),15px);line-height:17px}
:is(.card,.arena-collection-face)>.tier-label{min-height:24px;display:flex;align-items:center;justify-content:center}

:is(.card,.arena-collection-face) .energy-cost{justify-self:end;text-align:right;color:#4d654c;line-height:1;letter-spacing:0}
:is(.card,.arena-collection-face) .energy-cost b{display:block;font:20px/22px Georgia,serif}
:is(.card,.arena-collection-face) .energy-cost small{display:block;font:6px/10px system-ui,sans-serif;letter-spacing:.3px}
:is(.card,.arena-collection-face) .support-kind{display:block;padding:12px 12px 4px;font:8px/12px system-ui,sans-serif;letter-spacing:1px;color:#4d654c}

/* Resumo de cruza sempre visível; detalhes completos ficam no catálogo. */
.cross-card-hint{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:30px;padding:6px 9px;border-top:1px solid #b5bca5;background:#dedfce;color:#314c38;text-align:left}
.cross-card-hint b{font:700 7px/1 system-ui;letter-spacing:1px;color:#6e582d}.cross-card-hint small{min-width:0;font:600 8px/1.35 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-card-origin{background:#eee2c4}.cross-card-origin b{color:#765322}
.lineage ul{list-style:none;margin:7px 0;padding:0;display:grid;gap:5px}.lineage li{padding:5px 7px;border:1px solid #b5bca5;border-radius:6px;background:#f4f1e7}.lineage li span{color:#9a6b25;font-weight:800}.lineage li strong{color:#1f5735}.lineage small{display:block;margin-top:7px}
@media(max-width:540px){.cross-card-hint{grid-template-columns:1fr;gap:2px;padding:5px 6px}.cross-card-hint small{font-size:6px}.cross-card-hint b{font-size:6px}}