/* Shared TCG front: silver for normal cards, yellow for shiny cards. */
.poke-card.tcg-card{--card-frame:#afb4bc;--card-paper:#ddd5bc;--card-scene:url('meadow.png');--card-pattern:url('energy-normal.svg');position:relative;isolation:isolate;display:flex;flex-direction:column;gap:7px;width:100%;min-width:0;padding:10px;border:7px solid var(--card-frame);border-radius:17px;color:#192b27;background-color:var(--card-paper);background-image:var(--card-pattern),radial-gradient(ellipse at 20% 20%,#ffffff88,transparent 55%),linear-gradient(120deg,#ffffff44,transparent 45%,#0000000b);background-size:70px 84px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat;box-shadow:inset 0 0 0 1px #344b4e66,inset 0 0 12px #fff6,0 6px 17px #0005}
.poke-card.tcg-card.shiny{--card-frame:#f2d13e;box-shadow:inset 0 0 0 1px #98802c88,inset 0 0 13px #fffa,0 0 0 1px #eed35e,0 6px 18px #0005}
.tcg-card[data-card-type='Grass']{--card-paper:#b8dc67;--card-pattern:url('energy-grass.svg')}
.tcg-card[data-card-type='Bug']{--card-paper:#cada76;--card-pattern:url('energy-bug.svg')}
.tcg-card[data-card-type='Water']{--card-paper:#7fcde5;--card-pattern:url('energy-water.svg');--card-scene:url('stream.png')}
.tcg-card[data-card-type='Ice']{--card-paper:#ade2e6;--card-pattern:url('energy-ice.svg');--card-scene:url('stream.png')}
.tcg-card[data-card-type='Fire']{--card-paper:#f2b47b;--card-pattern:url('energy-fire.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Electric']{--card-paper:#f2df70;--card-pattern:url('energy-electric.svg')}
.tcg-card[data-card-type='Fighting']{--card-paper:#e5ac8a;--card-pattern:url('energy-fighting.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Ground']{--card-paper:#e1c394;--card-pattern:url('energy-ground.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Rock']{--card-paper:#d7c5a0;--card-pattern:url('energy-rock.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Flying']{--card-paper:#b8dbe5;--card-pattern:url('energy-flying.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Psychic']{--card-paper:#d4add6;--card-pattern:url('energy-psychic.svg');--card-scene:url('stream.png')}
.tcg-card[data-card-type='Poison']{--card-paper:#c8aad7;--card-pattern:url('energy-poison.svg')}
.tcg-card[data-card-type='Ghost']{--card-paper:#bcafd6;--card-pattern:url('energy-ghost.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Dragon']{--card-paper:#babbe3;--card-pattern:url('energy-dragon.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Dark']{--card-paper:#bcb5b0;--card-pattern:url('energy-dark.svg');--card-scene:url('highlands.png')}
.tcg-card[data-card-type='Steel']{--card-paper:#c1d0d4;--card-pattern:url('energy-steel.svg');--card-scene:linear-gradient(135deg,#dce8ee,#778c9e)}
.tcg-card[data-card-type='Dark']{--card-scene:linear-gradient(135deg,#382e48,#8b7a91)}
.tcg-card[data-card-type='Fairy']{--card-paper:#edc2e0;--card-pattern:radial-gradient(circle at 20% 30%,#ffffff70 0 2px,transparent 3px);--card-scene:linear-gradient(135deg,#ffe3f5,#c68fd1)}
.tcg-card .card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 5px;min-width:0;min-height:0;padding:0 1px}
.tcg-card .card-name{font-family:Arial,Helvetica,sans-serif;font-weight:850;font-size:19px;line-height:1.1;letter-spacing:-.5px;overflow-wrap:anywhere;color:#111e1b;min-width:0}
.tcg-card .card-hp{display:block;margin:0;text-align:right;white-space:nowrap;font-size:15px;color:#14211e;line-height:1}
.tcg-card .card-hp strong{font-size:inherit;font-weight:900}.tcg-card .card-hp strong>small{font-size:8px;font-weight:850}
.tcg-card .hp-current{font-size:20px;font-weight:950;letter-spacing:-1px}.tcg-card .hp-total{font-size:9px;color:#2e4c49}.tcg-card .hp-percent{display:block;font-size:7px;color:#36544c;margin-top:3px}
.tcg-card .type-tag{grid-column:1 / -1;justify-self:start;border:1px solid #2d4f4b55;background:#ffffff50;color:#223a32;border-radius:3px;font-size:9px;font-weight:800;padding:2px 6px;line-height:1.2}
.tcg-card .shiny-label{display:inline-block;margin:4px 0 0 4px;padding:2px 4px;border:1px solid #9b792f7a;border-radius:3px;font-size:7px;vertical-align:middle;background:#fff1a1;color:#67400b;letter-spacing:.3px}
.tcg-card .portrait{position:relative;isolation:isolate;flex:0 0 auto;display:grid;place-items:center;width:100%;height:162px;overflow:hidden;border:3px solid #dde4e3;outline:1px solid #6f7a7199;border-radius:2px;background-color:#eef6e2;background-image:var(--card-scene);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #2b594f55,0 1px 2px #0002}
.tcg-card .portrait-glow{position:absolute;inset:0;width:100%;height:100%;border-radius:0;filter:none;z-index:0;background:none;display:none;pointer-events:none}
.tcg-card .portrait img{position:relative;z-index:1;display:block;max-width:88%;max-height:92%;width:88%;height:92%;min-width:0;min-height:0;object-fit:contain;mix-blend-mode:normal;filter:none}
.tcg-card.shiny .portrait:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 18%,#fff0bb44 30%,transparent 42%,#bff6ed33 55%,transparent 68%,#f5d2f333 80%,transparent 90%);mix-blend-mode:screen;border:1px solid #fff7ad88}
.tcg-card .dex-number{position:relative;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:5px;flex:0 0 auto;margin:-4px -4px 0;padding:4px 7px;border:1px solid #8a979a;border-top-color:#fbfffe;border-radius:9px 2px 9px 2px;background:linear-gradient(#f7fbfa,#b9c2c3 45%,#f1f5f4 60%,#a5afb3);box-shadow:0 1px 1px #fff8,inset 0 -1px 0 #69777e55;color:#334346;font-size:8px;font-weight:750;letter-spacing:.2px;line-height:1.2}
.tcg-card .dex-number>span{font-size:6px;letter-spacing:.7px;white-space:nowrap}
.tcg-card .hp-track{height:7px;flex:0 0 auto;margin:0;background:#7a282438;padding:1px;border:1px solid #ffffff77;border-radius:8px;box-shadow:inset 0 1px 2px #0002}
.tcg-card .hp-fill{border-radius:6px}
.tcg-card .moves{display:grid;grid-template-columns:1fr;gap:0;min-height:0;border-top:1px solid #536a554d}
.tcg-card .move{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 6px;min-width:0;min-height:46px;width:100%;padding:7px 5px;border:0;border-bottom:1px solid #536a554d;border-radius:0;background:#ffffff0a;color:#172b25;text-align:left;box-shadow:none}
.tcg-card .move-name{grid-column:1;grid-row:1;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:850;line-height:1.15;color:#142720;overflow-wrap:anywhere}
.tcg-card .move-details{display:contents;margin:0}.tcg-card .move-details small{grid-column:1;grid-row:2;font-size:9px;color:#2f4c45;line-height:1.2}
.tcg-card .move-details b{grid-column:2;grid-row:1;font-size:13px;font-weight:900;color:#193229;white-space:nowrap;line-height:1.2}
.tcg-card .move-pp{grid-column:2;grid-row:2;margin:0;font-size:9px;font-weight:800;color:#294b3f;text-align:right;white-space:nowrap}
.tcg-card .move:hover:not(:disabled){background:#fff8;box-shadow:inset 3px 0 0 #345a49;transform:none}
.tcg-card .move:focus-visible{outline:2px solid #164b7a;outline-offset:-2px;background:#fff9}
.tcg-card .move.view-only{opacity:1}.tcg-card .move:disabled:not(.view-only){opacity:.55;background:#1c3b2b0d}.tcg-card .move.no-pp{opacity:.5}
.tcg-card .stats{border-top:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 2px;margin-top:0;flex:0 0 auto;min-width:0;border-bottom:1px solid #788b7c;border-top:1px solid #ffffffcc;border-radius:8px 1px 8px 1px;background:linear-gradient(#f3f6eedd,#b5c7b5aa 48%,#e5ece1dd 55%,#b4c1b4cc)}
.tcg-card .stats small{font-size:7px;color:#3d504a;font-weight:800}.tcg-card .stats strong{font-size:12px;font-weight:850;color:#1c342b}
.card-print-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:1px 1px 0;font-size:6px;letter-spacing:.5px;font-weight:800;color:#344b3b;line-height:1.3}
/* Sizes vary by screen, but frame colors and the same card contents never change. */
.binder-pocket .poke-card.tcg-card{padding:7px;gap:6px;border-width:6px;border-radius:11px}
.binder-pocket .tcg-card .card-name{font-size:15px}.binder-pocket .tcg-card .hp-current{font-size:18px}.binder-pocket .tcg-card .portrait{height:141px}.binder-pocket .tcg-card .move{min-height:42px;padding:6px 3px}.binder-pocket .tcg-card .move-name{font-size:11px}.binder-pocket .tcg-card .type-tag{font-size:8px}.binder-pocket .tcg-card .stats small{font-size:7px}.binder-pocket .tcg-card .stats strong{font-size:12px}
.mart-pulls .poke-card.tcg-card{padding:7px;gap:6px;border-width:6px;border-radius:11px 11px 0 0}.mart-pulls .tcg-card .portrait{height:137px}.mart-pulls .tcg-card .card-name{font-size:15px}.mart-pulls .tcg-card .hp-current{font-size:17px}.mart-pulls .tcg-card .move{min-height:43px;padding:6px 3px}.mart-pulls .tcg-card .move-name{font-size:10px}.mart-pulls .tcg-card .stats small{font-size:7px}
.fighter .poke-card.tcg-card{padding:11px;gap:8px;border-width:9px;border-radius:18px}.fighter .tcg-card .card-name{font-size:23px}.fighter .tcg-card .hp-current{font-size:25px}.fighter .tcg-card .hp-total{font-size:10px}.fighter .tcg-card .portrait{height:205px}.fighter .tcg-card .type-tag{font-size:10px}.fighter .tcg-card .move{min-height:53px;padding:8px 6px}.fighter .tcg-card .move-name{font-size:14px}.fighter .tcg-card .move-details b{font-size:17px}.fighter .tcg-card .move-details small{font-size:10px}.fighter .tcg-card .move-pp{font-size:10px}.fighter .tcg-card .stats small{font-size:8px}.fighter .tcg-card .stats strong{font-size:14px}
.binder-dialog .tcg-card .portrait{height:190px}
@media(max-width:1050px){.binder-pocket .tcg-card .card-name{font-size:13px}.binder-pocket .tcg-card .hp-current{font-size:16px}.binder-pocket .tcg-card .hp-total{font-size:8px}.binder-pocket .tcg-card .portrait{height:124px}.binder-pocket .tcg-card .move-name{font-size:10px}.binder-pocket .tcg-card .move-details b{font-size:11px}.binder-pocket .tcg-card .move-pp{font-size:8px}}
@media(max-width:680px){
 .poke-card.tcg-card{border-width:5px;padding:7px;gap:6px;border-radius:12px}.tcg-card .card-name{font-size:15px}.tcg-card .hp-current{font-size:17px}.tcg-card .hp-total{font-size:8px}.tcg-card .card-hp strong>small{font-size:7px}.tcg-card .portrait{height:132px}.tcg-card .dex-number{font-size:7px;padding:4px 5px}.tcg-card .dex-number>span{font-size:5px;letter-spacing:.3px}.tcg-card .move-name{font-size:11px}.tcg-card .move-details b{font-size:12px}.tcg-card .stats small{font-size:7px}
 .fighter .poke-card.tcg-card{padding:10px;gap:7px;border-width:8px}.fighter .tcg-card .card-name{font-size:22px}.fighter .tcg-card .portrait{height:190px}.fighter .tcg-card .move-name{font-size:13px}.fighter .tcg-card .move-details b{font-size:16px}.fighter .tcg-card .move{min-height:50px}.fighter .tcg-card .stats{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:600px){
 .binder-pocket .poke-card.tcg-card,.mart-pulls .poke-card.tcg-card{padding:5px;gap:5px;border-width:4px;border-radius:8px}.binder-pocket .tcg-card .card-head,.mart-pulls .tcg-card .card-head{grid-template-columns:1fr;gap:3px}
 .binder-pocket .tcg-card .card-name,.mart-pulls .tcg-card .card-name{font-size:14px}.binder-pocket .tcg-card .card-hp,.mart-pulls .tcg-card .card-hp{grid-column:1;grid-row:2;text-align:left;display:flex;gap:6px;align-items:center}.binder-pocket .tcg-card .hp-current,.mart-pulls .tcg-card .hp-current{font-size:16px}.binder-pocket .tcg-card .hp-percent,.mart-pulls .tcg-card .hp-percent{margin:0;font-size:7px}.binder-pocket .tcg-card .type-tag,.mart-pulls .tcg-card .type-tag{grid-row:3;font-size:8px;padding:2px 4px}
 .binder-pocket .tcg-card .portrait,.mart-pulls .tcg-card .portrait{height:112px;border-width:2px}.binder-pocket .tcg-card .move,.mart-pulls .tcg-card .move{min-height:47px;padding:6px 1px;gap:4px 2px}.binder-pocket .tcg-card .move-name,.mart-pulls .tcg-card .move-name{font-size:10px}.binder-pocket .tcg-card .move-details small,.mart-pulls .tcg-card .move-details small{font-size:8px}.binder-pocket .tcg-card .move-details b,.mart-pulls .tcg-card .move-details b{font-size:10px}.binder-pocket .tcg-card .move-pp,.mart-pulls .tcg-card .move-pp{font-size:8px}
 .binder-pocket .tcg-card .stats,.mart-pulls .tcg-card .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 2px}.binder-pocket .tcg-card .stats small,.mart-pulls .tcg-card .stats small{font-size:7px}.binder-pocket .tcg-card .stats strong,.mart-pulls .tcg-card .stats strong{font-size:11px}.card-print-footer{font-size:5px;letter-spacing:.1px;flex-wrap:wrap}
}
@media(max-width:360px){.binder-pocket .tcg-card .card-head,.mart-pulls .tcg-card .card-head{grid-template-columns:minmax(0,1fr) auto}.binder-pocket .tcg-card .card-hp,.mart-pulls .tcg-card .card-hp{grid-column:2;grid-row:1;display:block;text-align:right}.binder-pocket .tcg-card .type-tag,.mart-pulls .tcg-card .type-tag{grid-row:2}.binder-pocket .tcg-card .portrait,.mart-pulls .tcg-card .portrait{height:170px}.binder-pocket .tcg-card .stats,.mart-pulls .tcg-card .stats{grid-template-columns:repeat(5,minmax(0,1fr))}.binder-pocket .tcg-card .card-name,.mart-pulls .tcg-card .card-name{font-size:17px}}
/* Keep custom-property image URLs beside the stylesheet that consumes them. */
@supports (background-image:image-set(url('probe.webp') type('image/webp'))){
 .poke-card.tcg-card{--card-scene:image-set(url('meadow.webp') type('image/webp'),url('meadow.png') type('image/png'))}
 .tcg-card:is([data-card-type='Water'],[data-card-type='Ice'],[data-card-type='Psychic']){--card-scene:image-set(url('stream.webp') type('image/webp'),url('stream.png') type('image/png'))}
 .tcg-card:is([data-card-type='Fire'],[data-card-type='Fighting'],[data-card-type='Ground'],[data-card-type='Rock'],[data-card-type='Flying'],[data-card-type='Ghost'],[data-card-type='Dragon'],[data-card-type='Dark'],[data-card-type='Steel']){--card-scene:image-set(url('highlands.webp') type('image/webp'),url('highlands.png') type('image/png'))}
}