/* P0.1: one proportional layout overrides the older per-screen card geometry. */
.poke-card.tcg-card.tcg-card{container-type:inline-size;aspect-ratio:63 / 88;height:auto;min-height:0;align-self:start;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,9fr) minmax(0,37fr) minmax(0,3fr) minmax(0,4fr) minmax(0,1fr) minmax(0,27fr) minmax(0,7fr) minmax(0,2fr);gap:3px;padding:7px;border-width:6px;border-radius:13px;overflow:hidden}
.tcg-card.tcg-card>*{min-height:0;min-width:0}
.tcg-card.tcg-card .card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:4px;padding:0}
.tcg-card.tcg-card .card-name{font-size:clamp(11px,6cqw,22px);line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere}
.tcg-card.tcg-card .shiny-label{font-size:clamp(6px,2.3cqw,8px);margin:1px 0 0 3px;padding:1px 2px}
.tcg-card.tcg-card .type-tag{grid-column:2;grid-row:1;font-size:clamp(8px,3cqw,10px);padding:2px 4px;white-space:nowrap;justify-self:end}
.tcg-card.tcg-card .type-tags{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1px;min-width:0}
.tcg-card.tcg-card .type-tags .type-tag{grid-column:auto;grid-row:auto;background:var(--tag-pale);box-shadow:inset 0 0 0 1px var(--tag);color:#101a25;font-size:clamp(8px,3cqw,10px);line-height:1.05;padding:0 3px;border:0;text-align:center;white-space:nowrap}
.tcg-card.tcg-card .type-tags .type-tag>[aria-hidden]{font-size:.85em;line-height:1}
.tcg-card.tcg-card .portrait{height:100%;min-height:0;border-width:2px}
.tcg-card.tcg-card .portrait img{width:88%;height:94%;max-width:88%;max-height:94%;object-fit:contain}
.tcg-card.tcg-card .dex-number{margin:0 -2px;padding:1px 5px;font-size:clamp(6px,2.5cqw,9px);line-height:1.25;align-self:stretch}
.tcg-card.tcg-card .dex-number>span{font-size:clamp(5px,2cqw,7px)}
.tcg-card.tcg-card .card-hp{display:none}
.tcg-card.tcg-card .hp-current{font-size:clamp(11px,4.6cqw,17px);letter-spacing:0}
.tcg-card.tcg-card .hp-total,.tcg-card.tcg-card .card-hp strong>small{font-size:clamp(8px,2.8cqw,11px)}
.tcg-card.tcg-card .hp-percent{font-size:clamp(7px,2.6cqw,10px);margin:0}
.tcg-card.tcg-card .hp-track{grid-column:1;grid-row:4 / 6;align-self:center;height:clamp(8px,3cqw,12px);min-height:8px;margin:0;padding:0;border-width:0}
.tcg-card.tcg-card .moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;gap:4px;border:0}
.tcg-card.tcg-card .move{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(0,1fr);align-items:start;min-height:0;height:100%;min-width:0;padding:2px;border:1px solid #44624e66;border-radius:4px;background:#fff5;gap:1px 2px}
.tcg-card.tcg-card .move-name{grid-column:1/-1;grid-row:1;font-size:clamp(10px,4.3cqw,15px);line-height:1.25;text-align:center}
.tcg-card.tcg-card .move-details{display:contents;margin:0;min-width:0}
.tcg-card.tcg-card .move-details small{grid-column:1/-1;grid-row:2;justify-self:center;font-size:clamp(10px,3.8cqw,14px);line-height:1.2;text-align:center}
.tcg-card.tcg-card .move-details b{grid-column:1;grid-row:3;justify-self:start;align-self:end;font-size:clamp(10px,3.8cqw,14px);line-height:1.2}
.tcg-card.tcg-card .move-pp{grid-column:2;grid-row:3;justify-self:end;align-self:end;font-size:clamp(10px,3.8cqw,14px);line-height:1.2;margin:0;text-align:right}
.tcg-card.tcg-card .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:1px;padding:1px;border-radius:5px}
.tcg-card.tcg-card .stats>div{gap:1px;min-width:0}
.tcg-card.tcg-card .stats small{font-size:clamp(6px,2.4cqw,9px);line-height:1.25}
.tcg-card.tcg-card .stats strong{font-size:clamp(9px,3.6cqw,13px);line-height:1.25}
.tcg-card.tcg-card .card-print-footer{font-size:clamp(5px,1.85cqw,7px);line-height:1.25;padding:0;flex-wrap:nowrap}
#selection-grid.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start}
#selection-grid .select-item{width:100%;max-width:350px;justify-self:center}
.binder-sheet{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.binder-pocket .binder-empty{aspect-ratio:63 / 88;min-height:0}
.binder-dialog{max-width:430px}.binder-dialog .tcg-card{width:100%;max-width:360px}
.battle-area .fighter{max-width:360px}
@media(max-width:1050px){.binder-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.binder-sheet{grid-template-columns:1fr}.binder-pocket{max-width:355px;width:100%;justify-self:center}}
/* P0.2: only visual placement changes; player/enemy IDs and handlers stay intact. */
@media(max-width:680px){.battle-area{display:flex;flex-direction:column;align-items:center;gap:12px}.battle-area .fighter{width:100%;max-width:350px}.battle-area .fighter:first-child{order:2}.battle-area .fighter:last-child{order:0}.battle-area .versus{display:none;order:1}.battle-bottom{grid-template-columns:1fr}.battle-area .tcg-card .move{touch-action:manipulation}}