/* SP roster S2: mobile first, real links and legible data. */
.tsm-body{margin:0;background:#eef4f8;color:#18334a;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;font-size:16px;line-height:1.65}.tsm-body *{box-sizing:border-box}.tsm-body [hidden]{display:none!important}.tsm-wrap{width:min(1160px,100%);padding:0 14px;margin:auto}.tsm-body a{color:#0c527f;text-underline-offset:3px}.tsm-body a:focus-visible,.tsm-body button:focus-visible,.tsm-body input:focus-visible,.tsm-body select:focus-visible,.tsm-body summary:focus-visible{outline:3px solid #8c44b2;outline-offset:3px}.tsm-skip{position:absolute;left:8px;top:-80px;z-index:1000;padding:12px;background:#fff}.tsm-skip:focus{top:8px}.tsm-crumb{display:flex;gap:8px;font-size:12px;flex-wrap:wrap;padding:13px 0}.tsm-crumb a{padding:4px 0}.tsm-hero{background:linear-gradient(110deg,#173f60,#216783);color:#fff;border-radius:14px;padding:20px 18px}.tsm-kicker{font-size:12px;letter-spacing:.06em;font-weight:700}.tsm-hero h1{font-size:25px;line-height:1.4;margin:4px 0 7px;color:#fff}.tsm-hero p{margin:0;font-size:14px}.tsm-metrics{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:15px;font-size:12px}.tsm-metrics b{font-size:23px;line-height:1.2}.tsm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tsm-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;background:#fff;border:1px solid #b9cedd;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none}.tsm-tabs a[aria-current]{background:#17567b;color:#fff;border-color:#17567b}.tsm-filter{background:white;border:1px solid #c8d9e4;border-radius:12px;padding:12px}.tsm-search{display:flex;gap:8px}.tsm-search input{min-width:0;flex:1;min-height:46px;border:1px solid #a9c0ce;border-radius:6px;font-size:16px;padding:9px;background:#fff;color:#17364d}.tsm-search button,.tsm-reset,.tsm-more{border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:8px 14px}.tsm-search button{background:#145b80;color:#fff}.tsm-filter-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:10px}.tsm-filter label{font-size:12px;color:#35566c;font-weight:650;display:block}.tsm-filter select{display:block;width:100%;margin-top:3px;min-height:44px;border:1px solid #b9ccd9;border-radius:6px;padding:6px;font-size:16px;background:#fff;color:#19354a}.tsm-filter select:disabled{background:#eaf1f7;opacity:1;color:#3a4d60}.tsm-bottom-controls{display:flex;align-items:end;gap:10px;margin-top:8px}.tsm-bottom-controls label{flex:1}.tsm-reset{font-size:13px;white-space:nowrap;background:#e9f0f5;color:#1d4e70}.tsm-result{font-weight:750;margin:14px 0 5px;min-height:26px}.tsm-small{font-size:12px;color:#526b7c;margin:9px 0 14px;line-height:1.7}.tsm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tsm-card{min-width:0;background:#fff;border:1px solid #c8d9e4;border-radius:11px;overflow:hidden}.tsm-card.is-sp{border-left:4px solid #a57720}.tsm-card-link{display:block!important;color:inherit!important;padding:12px;text-decoration:none!important;min-width:0}.tsm-card a:hover{background:#f4fafd}.tsm-card-heading{display:flex;align-items:center;gap:10px;min-height:66px}.tsm-card-heading>div{min-width:0;flex:1}.tsm-card-heading img{flex:none;width:56px;height:56px;object-fit:contain;border-radius:8px}.tsm-card-heading small{display:block;font-size:11px;color:#657c8f}.tsm-card h2{font-size:17px!important;line-height:1.4!important;margin:1px 0 5px!important;padding:0!important;border:0!important;color:#183851!important;background:none!important;overflow-wrap:anywhere}.tsm-card-tags,.tsm-detail-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0}.tsm-badge{display:inline-block;border-radius:4px;padding:1px 7px;background:#ecf3f7;color:#325468;font-size:11px;line-height:1.7;font-weight:650;max-width:100%;overflow-wrap:anywhere}.tsm-badge.rank-f{background:#dce8ef;color:#243e50}.tsm-badge.rank-e{background:#d4efdf;color:#245536}.tsm-badge.rank-d{background:#e1efb9;color:#425915}.tsm-badge.rank-c{background:#d2e6ff;color:#244f82}.tsm-badge.rank-b{background:#edddfa;color:#653e84}.tsm-badge.rank-a{background:#ffe7b7;color:#6a4911}.tsm-badge.rank-s{background:#ffe0e1;color:#882e36}.tsm-badge.rank-ss{background:#514177;color:#fff}.tsm-chevron{font-size:25px;color:#5a7e95}.tsm-letter{width:46px;height:46px;border-radius:9px;background:#e9f1f6;display:flex;align-items:center;justify-content:center;color:#446780;font-weight:800;font-size:21px;flex:none}.tsm-basis{font-size:11px;margin:9px 0 3px;color:#536a79}.tsm-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;gap:2px;background:#edf4f8;border-radius:7px;padding:6px 3px}.tsm-stats>div{text-align:center;min-width:0;border-right:1px solid #dbe6ee}.tsm-stats>div:last-child{border:0}.tsm-stats dt{font-size:10px;white-space:nowrap;color:#516c80}.tsm-stats dd{font-weight:750;font-size:14px;line-height:1.5;margin:0;font-variant-numeric:tabular-nums}.tsm-card-skill{font-size:11px;color:#526b7c;margin:8px 0 0}.tsm-card-skill strong{font-weight:600;color:#234f6a;margin-left:5px}.tsm-pending-label{font-size:12px;margin:8px 0 0;color:#556877}.tsm-more{display:block;background:#175b80;color:#fff;width:min(390px,100%);margin:20px auto}.tsm-empty{padding:22px 15px;border:1px dashed #9db4c7;border-radius:9px;background:#fff}.tsm-section{margin:25px 0;padding:18px 15px;background:white;border:1px solid #c8d9e4;border-radius:12px;scroll-margin-top:16px}.tsm-section h2{font-size:20px;line-height:1.5;margin:0 0 14px;border-bottom:2px solid #d5e4ee;padding-bottom:9px;color:#1a4c6b}.tsm-section h2 small{display:inline-block;font-size:12px;color:#5b7080;font-weight:500}.tsm-section h3{font-size:16px;margin:16px 0 8px}.tsm-chipnav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tsm-chipnav a{min-height:44px;display:flex;align-items:center;border:1px solid #c6d6e2;border-radius:7px;padding:7px 12px;font-size:13px;text-decoration:none;background:#f5f9fc;font-weight:650}.tsm-detail-hero{border:1px solid #c7d8e5;background:white;padding:17px 14px 0;border-radius:12px}.tsm-detail-title{display:flex;align-items:center;gap:13px}.tsm-detail-title img{width:80px;height:80px;object-fit:contain;border-radius:10px;flex:none}.tsm-detail-title>div{min-width:0}.tsm-detail-title h1{font-size:24px;line-height:1.4;margin:3px 0 8px;overflow-wrap:anywhere}.tsm-detail-title .tsm-kicker{color:#8b671e}.tsm-section>.tsm-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.tsm-section>.tsm-stats dd{font-size:25px}.tsm-section>.tsm-stats dt{font-size:12px}.tsm-section>.tsm-stats>div{border:0}.tsm-raw{font-size:13px;border-top:1px solid #dbe4ea;margin-top:12px;padding-top:7px}.tsm-raw summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0;color:#245773;font-weight:600}.tsm-resists{display:grid;gap:10px}.tsm-resist-group{border:1px solid #cbdbe5;border-radius:8px;overflow:hidden;display:flex}.tsm-resist-group h3{display:flex;justify-content:center;align-items:center;font-size:13px;margin:0;padding:10px;width:54px;flex:none;background:#e8eff6;color:#2a4f6d}.tsm-resist-group ul{list-style:none;padding:10px;margin:0;display:flex;gap:6px;flex-wrap:wrap}.tsm-resist-group li{padding:2px 7px;background:#f0f5f9;border-radius:4px;font-size:13px}.tsm-resist-group.weak h3{background:#f8dce0;color:#882d38}.tsm-resist-group.immune h3{background:#d5eee8;color:#1c6257}.tsm-resist-group.heal h3,.tsm-resist-group.reflect h3{background:#e4ddf4;color:#624181}.tsm-traits{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.tsm-traits li{border:1px solid #cfdde6;border-radius:7px;min-height:44px;display:flex;align-items:center;padding:6px 10px;font-size:14px}.tsm-traits li a{display:flex;min-height:30px;align-items:center}.tsm-skill{font-weight:700;background:#eef5fa;padding:11px;border-radius:8px}.tsm-source-list{display:grid;gap:12px}.tsm-source{border:1px solid #c9dbe5;border-left:4px solid #4284ac;border-radius:8px;padding:13px}.tsm-source.gold{border-left-color:#b1862e;background:#fffcf5}.tsm-source h3{margin:7px 0}.tsm-source h3 a{display:flex;align-items:center;justify-content:space-between;min-height:44px;text-decoration:none;font-size:16px}.tsm-source p{font-size:13px;margin:5px 0}.tsm-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;background:#1c5275;color:#fff!important;border-radius:50%;width:44px;height:44px;text-decoration:none;z-index:20}.tsm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.tsm-tabs a:hover,.tsm-chipnav a:hover{background:#e6f0f8}
@media(min-width:700px){.tsm-wrap{padding:0 24px}.tsm-hero{padding:25px}.tsm-hero h1{font-size:32px}.tsm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tsm-filter{padding:18px}.tsm-search{max-width:650px}.tsm-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px}.tsm-bottom-controls{max-width:650px}.tsm-card h2{font-size:18px!important}.tsm-stats dd{font-size:16px}.tsm-section{padding:24px}.tsm-detail-title h1{font-size:31px}.tsm-detail-title img{width:98px;height:98px}.tsm-section>.tsm-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.tsm-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:345px){.tsm-wrap{padding:0 10px}.tsm-card-link{padding:10px}.tsm-card-heading{gap:8px}.tsm-card-heading img{width:48px;height:48px}.tsm-card h2{font-size:16px!important}.tsm-stats dd{font-size:13px}.tsm-detail-title h1{font-size:21px}.tsm-detail-title img{width:65px;height:65px}.tsm-tabs a{padding:8px 10px;font-size:12px}}

.tsm-hero{padding:16px}.tsm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.tsm-metrics span{font-size:11px}.tsm-metrics b{font-size:22px;margin-right:3px}.tsm-hero+.tsm-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tsm-hero+.tsm-tabs a{font-size:12px;padding:7px 6px;line-height:1.5;text-align:center}.tsm-advanced summary{min-height:44px;padding:12px 3px 4px;font-weight:650;font-size:13px;color:#2a5773;cursor:pointer}.tsm-advanced[open] summary{padding-bottom:5px}.tsm-result{margin-top:10px}

/* S3: compact, readable equipment and source-backed two-parent recipes. */
.tsm-library-summary{padding:12px 15px 15px;border-top:1px solid #d7e2e9;background:#f7fafc;border-radius:0 0 14px 14px;font-size:14px;line-height:1.65}
.tsm-library-summary p{margin:0 0 6px;display:flex;gap:10px}.tsm-library-summary>p>span,.tsm-card-recipe>span{flex:0 0 30px;color:#566a77;font-weight:700}.tsm-card-recipe{display:flex;gap:10px;align-items:baseline}.tsm-card-recipe>div{min-width:0;overflow-wrap:anywhere}.tsm-card-recipe a{display:inline-flex;align-items:center;min-height:44px;padding:3px 2px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tsm-multiply{padding:0 5px;color:#617789}.tsm-pair-chart{padding:18px 12px;background:#eff6fb;border:1px solid #b7d2e4;border-radius:13px}.tsm-pair-parents{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:stretch}.tsm-parent{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #bbcfdd;border-radius:10px;padding:10px 6px;text-align:center;min-width:0}.tsm-parent strong{min-width:0;max-width:100%;font-size:15px}.tsm-parent a{display:flex;align-items:center;justify-content:center;min-height:44px;overflow-wrap:anywhere}.tsm-cross{align-self:center;text-align:center;font-size:22px;font-weight:bold;color:#41657b}.tsm-down{text-align:center;color:#335d78;font-size:28px;line-height:1.4}.tsm-pair-child{display:flex;align-items:center;justify-content:center;gap:12px;background:#194d70;color:#fff;border-radius:9px;padding:12px;text-align:center}.tsm-pair-child strong{font-size:17px;overflow-wrap:anywhere}.tsm-parent-prep{margin-top:16px;border:1px solid #c7d7e2;border-radius:10px}.tsm-parent-prep summary{cursor:pointer;font-weight:700;min-height:48px;padding:12px 14px}.tsm-parent-guides{padding:0 14px 14px;display:grid;gap:12px}.tsm-parent-guides>article{padding:12px;border:1px solid #d5e0e8;border-radius:9px;background:#fcfdff;min-width:0}.tsm-parent-guides h3{margin:0;font-size:17px}.tsm-parent-guides a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}.tsm-parent-sources{padding-left:20px}.tsm-parent-sources li{margin:6px 0}.tsm-parent-sources span{font-size:13px;color:#567080}.tsm-detail-button{border:1px solid #b4cbd9;border-radius:8px;padding:7px 10px;background:#eff6fb;line-height:1.5}.tsm-weapon-links{display:flex;flex-wrap:wrap;gap:8px}.tsm-weapon-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;min-width:84px;border:1px solid #c1d2df;border-radius:9px;padding:8px 12px;text-decoration:none;font-weight:700;background:#f3f8fc}.tsm-weapon-links a:hover{background:#e2edf7}.tsm-use{padding:12px;border:1px solid #c1d3df;border-radius:9px;margin:10px 0;background:#f8fbfd}.tsm-use p{margin:5px 0}.tsm-use a{display:inline-flex;align-items:center;min-height:44px}.tsm-detail-toc{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important}.tsm-detail-toc a{white-space:normal!important;text-align:center;justify-content:center;min-width:0;padding:10px 4px}.tsm-recipe-state strong{font-size:19px}.tsm-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tsm-detail-hero small,.tsm-section h3 small{font-size:12px;color:#536c7b}.tsm-section,.tsm-parent{scroll-margin-top:14px}.tsm-library-summary a:focus-visible,.tsm-weapon-links a:focus-visible,.tsm-parent a:focus-visible{outline:3px solid #cb8713;outline-offset:2px}
@media(min-width:700px){.tsm-parent-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.tsm-pair-chart{max-width:760px}.tsm-detail-toc{grid-template-columns:repeat(6,minmax(0,1fr))}.tsm-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* S4: phase controls preserve explicit measurement bases; no mixed-value comparison. */
.tsm-stage-switch{display:flex;gap:8px;margin:15px 0;max-width:360px}
.tsm-stage-switch a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #adc8da;border-radius:10px;font-size:16px;font-weight:800;text-decoration:none!important;background:#f4f8fb;color:#214d69}
.tsm-stage-switch a[aria-current=true]{background:#214d69;color:#fff!important;border-color:#214d69;box-shadow:0 2px 4px #16384d1a}
.tsm-stage-switch a:focus-visible{outline:3px solid #b6770f;outline-offset:3px}
.tsm-body [data-tsm-stage-panel][hidden]{display:none!important}
.tsm-stage-label{display:inline-block;font-size:12px;line-height:1.5;padding:2px 7px;margin-right:5px;border-radius:5px;color:#fff;background:#315e7a;font-weight:800}
.tsm-stage-label.low{background:#5f6875}.tsm-data-heading{font-size:16px;margin:18px 0 10px}.tsm-partial{border-left:3px solid #c39741;background:#fff7e6;padding:11px 13px;color:#614b1b;font-size:14px;line-height:1.65}
.tsm-no-observation{padding:15px 8px;min-height:120px;font-size:14px;line-height:1.7;background:#f3f6f9;border-radius:8px;color:#586b77}.tsm-raw>p{margin:12px}.tsm-stage-switch~.tsm-result{margin-top:12px}

/* S5: real four-grandparent recipes. The intermediate species are not fabricated. */
.tsm-four-label{display:inline-block;padding:2px 7px;border-radius:4px;background:#e8eef9;color:#253f70;font-size:12px;font-weight:700;vertical-align:middle}
.tsm-four-chart{border:1px solid #b9cfe0;border-radius:12px;background:#f4f9fc;padding:16px;margin:16px 0;overflow-wrap:anywhere}
.tsm-pedigree-title{text-align:center;font-weight:700;margin:0 0 14px!important}
.tsm-four-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tsm-four-branch{min-width:0}.tsm-grandparents{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:stretch;gap:5px}
.tsm-grandparent{min-width:0;padding:10px 6px;background:#fff;border:1px solid #cbdce8;border-radius:9px;text-align:center}
.tsm-grandparent img{display:block;margin:0 auto 5px;max-width:100%;height:auto}
.tsm-grandparent strong{display:block;font-size:14px;line-height:1.55}.tsm-grandparent a{display:flex;align-items:center;justify-content:center;min-height:44px;overflow-wrap:anywhere}
.tsm-grandparents .tsm-cross{display:flex;align-items:center;justify-content:center;font-size:20px;color:#496779}
.tsm-intermediate{padding:9px 10px;background:#dfedf5;border-radius:8px;text-align:center;line-height:1.5}
.tsm-intermediate strong,.tsm-intermediate span{display:block}.tsm-intermediate span{font-size:12px;margin-top:3px}
.tsm-final-pair{text-align:center;background:#dfedf5;padding:10px!important;border-radius:8px;margin:14px 0 0!important}
.tsm-four-chart .tsm-down{padding:4px;line-height:1.2;text-align:center}.tsm-four-chart .tsm-pair-child{margin-top:0}
.tsm-four-chart>.tsm-small{margin:14px 0 0!important;font-size:13px}
@media(max-width:640px){.tsm-four-chart{padding:11px}.tsm-four-branches{grid-template-columns:1fr;gap:14px}.tsm-grandparents{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.tsm-grandparent{padding:9px 6px}.tsm-grandparent strong{font-size:14px}.tsm-pedigree-title{font-size:14px}}

/* S6: three stage controls retain large touch targets at 320px. */
.tsm-stage-switch {display:flex; flex-wrap:wrap; gap:8px;}
.tsm-stage-switch a {flex:1 1 64px; min-height:46px; display:inline-flex; align-items:center; justify-content:center;}
.tsm-stage-label.star {background:#ece7fc; color:#493476;}
.tsm-stage-switch a[data-tsm-stage-select="star"][aria-current="true"] {background:#493476; border-color:#493476; color:#fff;}
.tsm-no-observation {overflow-wrap:anywhere;}

/* S11: fourth stage and source-backed resistance pictures. */
.tsm-stage-switch{max-width:430px;gap:6px}
.tsm-stage-switch a{padding:9px 6px;flex:1 1 70px;min-width:0;white-space:nowrap}
.tsm29-photo-link{display:block;margin:10px 0;border:1px solid #cbd8e2;border-radius:10px;background:#f5f8fc;padding:3px;max-width:100%;overflow:hidden}
.tsm29-photo-link img{display:block;width:100%;height:auto;max-width:850px;margin:0 auto;object-fit:contain}
.tsm29-resist-image{margin:10px 0}
@media(max-width:355px){.tsm-stage-switch{gap:5px}.tsm-stage-switch a{font-size:14px;padding:7px 4px;flex-basis:66px}}

/* S12: 5 tabs stay touch friendly without horizontal overflow. */
.tsm-stage-switch{max-width:530px;flex-wrap:wrap}
.tsm-stage-switch a{flex:1 1 75px;min-width:0;min-height:44px}
@media(max-width:390px){.tsm-stage-switch{gap:5px}.tsm-stage-switch a{flex:1 1 30%;font-size:14px;padding:8px 3px}}