.owner-portrait{display:inline-block;flex:0 0 auto;width:54px;height:54px;overflow:hidden;border:2px solid #fff9ed;border-radius:50%;box-shadow:0 2px 7px #70543d20;vertical-align:middle;background-color:#f6eedc}
.owner-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.ranch-owner{display:flex;align-items:center;gap:9px;text-align:left;color:#65513e;border:0;background:transparent;padding:0}
.ranch-owner .owner-portrait{width:43px;height:43px}.ranch-owner span{font-size:13px}.ranch-owner small{display:block;font-size:10px;margin-top:3px;color:#92795e}
.mobile-ranch-menu .mobile-owner-button{padding:0;min-width:34px;overflow:hidden}.mobile-owner-button .owner-portrait{width:32px;height:32px;box-shadow:none;border:0}
.rival-card{display:flex;align-items:center;gap:16px;padding:17px 23px;margin-bottom:18px;background:#fbf0df}
.rival-card>.owner-portrait{width:76px;height:76px}.rival-card>div{flex:1;min-width:0}.rival-card h3{font-size:18px;margin:4px 0 5px}.rival-card p{font-size:11px;line-height:1.6;margin:0}.rival-card>.sprite-wrap{width:80px}.rival-card .btn{flex-shrink:0}
.opponent-preview{min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid #e5d6bc;background:#fffcf4;flex:1}
.rivals .opponent-preview>.owner-portrait{width:43px;height:43px}.opponent-preview>span:not(.sprite-wrap):not(.owner-portrait){font-size:10px}.rivals .opponent-preview small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.opponent-preview.is-rival{background:#f9ebdf;border-color:#dba58a}
.owner-editor .owner-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 19px}.owner-tabs .btn{font-size:12px;min-height:40px}.owner-editor-grid{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px}
.owner-appearance{text-align:center;background:#f8f0df;border-radius:18px;padding:18px 12px;align-self:start}.owner-large .owner-portrait{width:120px;height:120px}.owner-appearance p{font-size:12px;margin:10px 0}.owner-appearance>small{display:block;font-size:10px;line-height:1.6;margin-top:12px;color:#9b8064}.owner-appearance>.btn{white-space:normal;line-height:1.5;font-size:11px}
.portrait-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.portrait-choices .portrait-choice{padding:3px;min-width:0;border:2px solid transparent;border-radius:12px;background:#fff9ed;min-height:48px}.portrait-choice.selected{border-color:#789779;background:#e7eddb}.portrait-choice .owner-portrait{width:40px;height:40px;border:0;box-shadow:none}
.owner-fields{min-width:0}.owner-fields .form-grid{gap:9px 13px}.owner-fields label{font-size:11px;margin:13px 0 7px}.owner-fields p{font-size:12px;line-height:1.7}.owner-fields select,.owner-fields input{width:100%;min-width:0}.owner-name-preview{background:#eef0df;padding:13px;border-radius:10px}.owner-lock{padding:10px;background:#ffe9db;border-radius:9px;font-size:12px}
.rival-edit-preview{display:flex;gap:16px;align-items:center;margin-top:16px;background:#f8f0df;padding:12px;border-radius:15px}.rival-edit-preview>.sprite-wrap{width:85px}.rival-edit-preview>div{min-width:0}.rival-edit-preview b,.rival-edit-preview small{display:block;margin-top:6px}.rival-edit-preview b{font-size:15px;overflow-wrap:anywhere}.rival-edit-preview small{font-size:10px;line-height:1.6}
.matchup{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;margin:17px 0}.owner-pair{display:grid;grid-template-columns:46px minmax(0,1fr);gap:5px 7px;text-align:left;padding:13px 9px;background:#f5efdf;border-radius:14px;min-width:0}.owner-pair.is-rival{background:#f9e7db}.owner-pair>.owner-portrait{width:43px;height:43px}.owner-pair>div{min-width:0}.owner-pair small{font-size:9px;display:block}.owner-pair strong{font-size:13px;display:block;overflow-wrap:anywhere}.owner-pair>.sprite-wrap{grid-column:1/-1;justify-self:center;width:95px}.owner-pair>b{grid-column:1/-1;text-align:center;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.matchup-vs{font-size:16px;font-weight:bold;color:#b48b61}.rival-greeting{font-size:12px!important;color:#a76d51}
.battle-top .combatant-panel{grid-template-columns:58px minmax(0,1fr)}.combatant-panel>.owner-portrait{width:54px;height:54px}.combatant-info{min-width:0}.combatant-panel .combat-owner-name{font-size:10px;display:block;color:#977a5d;line-height:1.25}.combatant-info>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
@media(max-height:650px) and (orientation:landscape){.rival-card{padding:11px 16px;gap:12px}.rival-card>.owner-portrait{width:57px;height:57px}.rival-card h3{font-size:15px}.rival-card>.sprite-wrap{width:60px}.owner-editor-grid{grid-template-columns:170px minmax(0,1fr);gap:18px}.owner-appearance{padding:12px}.owner-large .owner-portrait{width:85px;height:85px}.owner-fields label{margin-top:9px}.owner-editor .owner-tabs{margin:10px 0}.owner-pair>.sprite-wrap{width:65px}.battle-top .combatant-panel{grid-template-columns:40px minmax(0,1fr)}.combatant-panel>.owner-portrait{width:37px;height:37px}}
@media(max-width:640px) and (orientation:portrait){.rival-card{flex-wrap:wrap;padding:14px;gap:10px}.rival-card>.owner-portrait{width:53px;height:53px}.rival-card>.sprite-wrap{width:55px}.rival-card h3{font-size:14px}.rival-card>.btn{width:100%}.owner-editor-grid{grid-template-columns:1fr;gap:12px}.owner-appearance{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.owner-large .owner-portrait{width:65px;height:65px}.owner-appearance p{display:none}.portrait-choices{grid-template-columns:repeat(6,1fr);gap:4px;flex:1}.portrait-choices .portrait-choice{min-height:34px;padding:1px}.portrait-choice .owner-portrait{width:28px;height:28px}.owner-appearance>small{font-size:9px;margin-top:0}.owner-fields .form-grid{grid-template-columns:1fr 1fr}.ranch-owner>span{display:none}.battle-top .combatant-panel{grid-template-columns:28px minmax(0,1fr);gap:5px}.combatant-panel>.owner-portrait{width:27px;height:27px}.combatant-panel .combat-owner-name{font-size:9px}.combatant-info>b{font-size:11px}}
@media(orientation:landscape) and (max-height:450px) and (max-width:1100px){.battle-top .combatant-panel{grid-template-columns:30px minmax(0,1fr);gap:5px;padding:3px 6px}.combatant-panel>.owner-portrait{width:29px;height:29px}.combatant-panel .combat-owner-name{font-size:9px;line-height:1.1}.battle-top .combatant-info>b{font-size:11px;line-height:1.1}.battle-top .combatant-panel .meter{height:6px;margin:2px 0}.battle-top .combatant-panel .hp-label{font-size:9px;line-height:1.1}.enemy-special-status{min-width:54px;font-size:9px}.battle-board .distance{top:56px}.battle-board .battle-actors{top:65px}.mobile-ranch-menu{gap:4px}.mobile-ranch-menu button{min-width:37px;padding:4px 6px}.owner-editor-grid{grid-template-columns:150px minmax(0,1fr);gap:15px}.owner-appearance>small{font-size:9px}.owner-large .owner-portrait{width:70px;height:70px}.owner-editor .owner-tabs .btn{min-height:35px;padding:7px 10px}.rival-edit-preview>.sprite-wrap{width:65px}.matchup{margin:8px 0}.owner-pair{padding:8px;gap:4px}.owner-pair>.owner-portrait{width:34px;height:34px}.owner-pair>.sprite-wrap{width:50px}.owner-pair>b{font-size:11px}}
@media(orientation:landscape) and (max-height:250px) and (max-width:1100px){.battle-board .battle-actors{top:60px}.fighter{width:min(16vw,28dvh)}.battle-board .distance{top:55px;padding:2px 6px;width:135px}.battle-board .distance-track{margin:3px 0}.battle-board .distance-labels{font-size:8px}.mobile-ranch-menu .owner-portrait{width:30px;height:30px}.mobile-ranch-menu button{min-width:34px}.mobile-ranch-bar{gap:4px}.mobile-status{max-width:195px}.owner-editor>h2{font-size:17px}.owner-tabs{gap:4px}.owner-tabs .btn{font-size:11px}.owner-editor-grid{grid-template-columns:140px minmax(0,1fr)}}
@media(orientation:landscape) and (max-height:250px) and (max-width:1100px){
 .battle-top .combat-owner-name{display:none}.battle-top .enemy .combatant-info{padding-right:25px}
 .battle-bottom{height:50px}.attack-card{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:0 3px;min-height:50px;height:50px;padding:3px}
 .attack-card .skill-icon{grid-column:1;grid-row:1 / 3;font-size:18px;line-height:1}.attack-card b{grid-column:2;grid-row:1;font-size:12px;line-height:1.2}.attack-card small{grid-column:2;grid-row:2;font-size:8px;line-height:1.2;margin-top:1px}
 .result.matchup-result{display:block}.matchup-result .matchup{max-width:430px;margin:8px auto}
}