.race-trait-card{margin-bottom:16px}.race-trait-card h2{font-size:16px}.race-trait-card>p{font-size:12px;line-height:1.9;color:#7d6b54}.trait-style{display:inline-block;font-size:10px;font-weight:700;white-space:nowrap;border:1px solid #b8c99d;color:#546b42;background:#edf1df;border-radius:20px;padding:5px 10px}.trait-name{font-weight:600;color:#65533e!important;margin:18px 0 10px}.trait-name small{font-weight:400;font-size:10px}.trait-phases{display:flex;gap:5px;margin:10px 0 12px}.trait-phases span{flex:1;text-align:center;padding:7px 2px;border-radius:7px;background:#f0eadf;color:#a59c8b;font-size:10px}.trait-phases .favored{background:#dde7c5;color:#536744;font-weight:700;box-shadow:inset 0 -2px #c5d2a5}.trait-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.trait-numbers>div{padding:12px 10px;background:#f6edda;border:1px solid #e4d4b7;border-radius:12px}.trait-numbers span{display:block;color:#907c60;font-size:10px}.trait-numbers strong{display:block;font-size:27px;color:#705c42;line-height:1.6;font-variant-numeric:tabular-nums}.trait-numbers small{display:block;font-size:9px;color:#998368;white-space:nowrap}.trait-numbers b{color:#6d8651}.trait-distance{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px dashed #ddd0ba;padding-top:12px;font-size:11px;color:#a18861}.trait-distance strong{color:#806344}.trait-fine,.race-trait-card p.trait-fine{font-size:10px;line-height:1.8;color:#97836a}.trait-guide-modal{max-width:720px!important}.trait-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trait-guide-card{min-width:0;background:#fffaf0;border:1px solid #e1d5bd;border-radius:20px;padding:20px}.trait-guide-heading{display:flex;align-items:center;gap:12px}.trait-guide-heading .pixel-pony{width:68px;height:73px;flex:none}.trait-guide-heading h3{font-size:16px;color:#68573e;margin:0 0 7px}.trait-guide-card>p{font-size:12px;line-height:1.8;color:#857256;min-height:44px;margin:10px 0}.trait-guide-card .trait-guide-distance{min-height:0;font-weight:700;color:#738453;font-size:11px}.trait-guide-card .btn{font-size:12px;padding:11px 10px;min-height:44px}.race-trait-banner{display:flex;align-items:center;gap:8px;padding:9px 11px;margin:8px 0;border:1px solid #d9d8bd;border-radius:12px;background:#eeefdf}.race-trait-banner p{margin:0;min-width:0}.race-trait-skill{display:block;font-size:11px;color:#6b704e}.race-trait-note{display:block;font-size:9px;line-height:1.6;color:#8c8b71}.race-trait-banner.is-specialty{background:#fff1c2;border-color:#d9bc64;box-shadow:inset 0 0 0 1px #fff9d9}.race-trait-banner.is-specialty .race-trait-skill{color:#9b7529}.race-racer.is-specialty .race-pony{filter:drop-shadow(0 0 3px #fff3a2)}.race-racer.is-specialty .race-shadow{box-shadow:0 0 0 2px #f3dd87}.race-trait-mark{position:absolute;right:3px;top:0;color:#fff4b3;text-shadow:1px 1px #77612f;font-size:14px;visibility:hidden}.race-racer.is-specialty .race-trait-mark{visibility:visible}.race-trait-result{display:block;font-size:9px;color:#8c7759;margin-top:3px}.stats-evolution-note{font-size:10px;color:#8a785f;line-height:1.7;margin-top:8px}
.trait-distance-choice{margin:14px 0 18px}.trait-distance-choice button{flex:1;min-height:44px}
@media(max-width:600px){.trait-guide-grid{grid-template-columns:1fr}.trait-guide-modal{padding:20px!important}.trait-guide-heading h3{font-size:16px}.trait-guide-card{padding:18px}.race-trait-banner{padding:8px}.race-trait-note{font-size:9px}.race-trait-card h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.race-racer.is-specialty .race-pony{filter:none}}