/* Pixel illustrations stay original. Team identity, typography and ownership are code-native. */
@font-face{font-family:TMC Edition;src:url('/assets/collection/edition.ttf') format('truetype');font-display:swap}
.tmc-avatar-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:1;border-radius:50%;flex:none}
#player-profile{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#player-profile .avatar-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 2px}
#player-profile .tmc-avatar-choice{display:grid;justify-items:center;gap:7px;margin:0;cursor:pointer;min-width:0}
#player-profile .tmc-avatar-choice>span{display:block;width:clamp(48px,13vw,76px);height:clamp(48px,13vw,76px);border:3px solid transparent;border-radius:50%;padding:3px;background:#10232b;box-sizing:border-box}
#player-profile .tmc-avatar-choice:has(input:checked)>span{border-color:var(--accent,#d5ff59);background:#d5ff5918}
#player-profile .tmc-avatar-choice:has(input:focus-visible)>span{outline:3px solid #97dfff;outline-offset:3px}
#player-profile .tmc-avatar-choice input{position:static;width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent,#d5ff59)}
.tmc-collection-grid,[data-collection-grid]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}
.tmc-card{min-width:0;position:relative;color:#f3ead2}
.tmc-card-open{display:block;position:relative;width:100%;padding:7px;background:#0f1d29;border:1px solid #718982;border-radius:3px;text-align:left;color:#f5ecd6;box-shadow:5px 7px 0 #050e1580;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:visible}
.tmc-card-open:hover{transform:translateY(-4px);border-color:#e3d0a2;box-shadow:7px 12px 0 #050e1580}
.tmc-card-open:focus-visible{outline:3px solid #97dfff;outline-offset:5px}
.tmc-cover{position:relative;isolation:isolate;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid #d8d0b16b;background:var(--tmc-team-a,#173545);color:#fff2d9}
.tmc-cover-picture{display:block;position:absolute;inset:0;z-index:-3;overflow:hidden}
.tmc-cover-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--tmc-art-x,50%) 50%;image-rendering:auto}
.tmc-cover:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#050d25bf 0%,transparent 30%,transparent 56%,#040e21ed 100%)}
.tmc-cover:after{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #fff1c34a;z-index:0}
.tmc-cover-stripe{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(133deg,var(--tmc-team-a) 0%,var(--tmc-team-a) 9%,var(--tmc-team-a-light) 9%,var(--tmc-team-a-light) 10%,transparent 10%,transparent 86%,var(--tmc-team-b-light) 86%,var(--tmc-team-b-light) 87%,var(--tmc-team-b) 87%);opacity:.92}
.tmc-cover-top{position:absolute;inset:17px 16px auto;display:flex;align-items:start;justify-content:space-between;gap:12px;font-family:TMC Edition,monospace;font-size:9px;line-height:1.45;letter-spacing:.2px}
.tmc-cover-top>span:first-child{max-width:140px;text-shadow:0 2px 3px #06111a}
.tmc-cover-number{font-size:28px;line-height:1;color:#f7e4b5;letter-spacing:-2px}
.tmc-cover-match{position:absolute;inset:auto 17px 42px;display:flex;align-items:baseline;gap:10px;font-family:Clutch Display,Impact,sans-serif;font-size:clamp(28px,3.1vw,44px);line-height:1;letter-spacing:.3px;text-shadow:0 2px 5px #0008}
.tmc-cover-vs{font-family:TMC Edition,monospace;font-size:9px;opacity:.85;letter-spacing:0}
.tmc-cover-bottom{position:absolute;inset:auto 17px 17px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f1dfb968;padding-top:8px;font-family:TMC Edition,monospace;font-size:9px;line-height:1.3;white-space:nowrap}
.tmc-card-state{position:absolute;top:70px;left:24px;border:1px solid #f9df9799;color:#ffebbc;background:#102a31d9;padding:6px 8px;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1.2}
.tmc-card--locked .tmc-card-state{border-color:#c4d2d18c;background:#10232be8;color:#dae1df}
.tmc-card--locked .tmc-cover-picture{filter:saturate(.57) brightness(.8)}
.tmc-card--locked .tmc-card-open{border-color:#54666c;box-shadow:5px 7px 0 #050e1559}
.tmc-card-inspect{display:flex;justify-content:space-between;padding:12px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.2px;color:#ded8c8}
.tmc-card--earned .tmc-card-inspect{color:#e5d6a7}
.tmc-card-caption{padding:20px 4px 0}
.tmc-card-caption h3{font-size:27px;line-height:1.1;margin:0 0 8px}
.tmc-card-caption p{font-size:12px;line-height:1.65;color:var(--muted,#b1c2bd);margin:0}
.tmc-card--compact .tmc-card-caption{padding-top:14px}.tmc-card--compact .tmc-card-caption h3{font-size:24px}
.tmc-cover--archive{aspect-ratio:16/10;border:0;min-height:130px}
.tmc-cover--archive .tmc-cover-picture img{object-position:var(--tmc-art-x,50%) 42%}
.tmc-cover--archive .tmc-cover-top{inset:13px 14px auto;font-size:8px}
.tmc-cover--archive .tmc-cover-match{inset:auto 14px 35px;font-size:38px}
.tmc-cover--archive .tmc-cover-bottom{inset:auto 14px 12px;font-size:8px;padding-top:6px}
.tmc-cover--archive .tmc-cover-number{font-size:23px}
.tmc-card-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 32px);overflow:auto;background:#13262e;border:1px solid #b6a77d;padding:32px;border-radius:7px;color:#f1eedc}
.tmc-card-dialog::backdrop{background:#030e16df;backdrop-filter:blur(5px)}
.tmc-card-close{position:absolute;right:8px;top:5px;z-index:2;width:44px;height:44px;border:0;background:#12252ce6;color:#f6ecd4;font-size:30px;border-radius:50%;line-height:1}
.tmc-card-detail-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.1fr);gap:36px;align-items:center}
.tmc-card-detail-art{border:1px solid #b9ad87;padding:7px;background:#0a1b26;box-shadow:6px 8px 0 #030d1680}
.tmc-card-detail-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 16px}
.tmc-card-detail-copy p{font-size:14px;line-height:1.65;margin-bottom:20px}
.tmc-card-detail-copy .eyebrow{color:#dfc688;font-size:10px;letter-spacing:1.5px;margin-bottom:10px}
.tmc-card-detail-copy dl{margin:0 0 20px;padding:16px 0;border-top:1px solid #82918a66;border-bottom:1px solid #82918a66}
.tmc-card-detail-copy dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#b1c2bd;margin-top:10px}
.tmc-card-detail-copy dt:first-child{margin-top:0}.tmc-card-detail-copy dd{margin:4px 0 0;font-size:13px;line-height:1.5}
.tmc-card-detail-copy .fine{font-size:11px;line-height:1.65;color:#b1c2bd}
.tmc-card-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.tmc-card-detail-actions>a{font-size:12px;padding:12px 14px}
@media(max-width:900px){.tmc-collection-grid,[data-collection-grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.tmc-cover-match{font-size:38px}.tmc-card-detail-layout{gap:24px}}
@media(max-width:580px){.tmc-collection-grid,[data-collection-grid]{grid-template-columns:1fr;gap:32px;max-width:350px;margin-inline:auto}.tmc-card-open{padding:7px}.tmc-cover-match{font-size:46px}.tmc-card-dialog{padding:36px 20px 24px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.tmc-card-detail-layout{grid-template-columns:1fr;gap:28px}.tmc-card-detail-art{max-width:310px;margin:auto;width:100%}.tmc-card-detail-copy h2{font-size:36px}#player-profile .avatar-choices{gap:12px 5px}#player-profile .tmc-avatar-choice>span{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.tmc-card-open{transition:none}.tmc-card-open:hover{transform:none}}
.tmc-collection-controls{display:flex;flex-wrap:wrap;gap:8px}.tmc-collection-controls button,.tmc-collection-empty button{padding:10px 14px;min-height:44px;border:1px solid #597077;background:#172b33;border-radius:3px;color:#d4dfd8;font-size:12px}.tmc-collection-controls button[aria-pressed=true]{background:#d5ff59;color:#152712;border-color:#d5ff59}.tmc-collection-controls button span{margin-left:8px;opacity:.7}.tmc-collection-count{font-size:12px;color:#b1c2bd;margin:16px 0 28px}.tmc-collection-empty{padding:36px 24px;border:1px dashed #617c7b;background:#14282e;text-align:center}.tmc-collection-empty h3{font-size:30px}.tmc-collection-empty p{font-size:13px;color:#b1c2bd}
.tmc-card-drive-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:12px;color:#d6ed98;text-underline-offset:4px;margin-top:6px}