/* The same semantic tabs remain usable at narrow widths. */
#dialog.pc-results .pc-result-tabs{display:flex;gap:8px;flex:none;margin:0 0 12px}
#dialog.pc-results .pc-result-tabs button{min-height:40px;flex:1;min-width:0;padding:8px 10px;border:1px solid #bdac7d;border-image:none;border-radius:7px;background:#fcf5e6;color:#665d43;font:inherit;font-size:13px;line-height:1.5;box-shadow:none;letter-spacing:0}
#dialog.pc-results .pc-result-tabs [aria-selected=true]{color:#fff8e4;background:#45694f;border-color:#45694f}
#dialog.pc-results .pc-result-tabs button:hover{filter:none;background:#ece6d2;color:#475d45}
#dialog.pc-results .pc-result-tabs button[aria-selected=true]:hover{background:#45694f;color:#fff8e4}
#dialog.pc-results .pc-result-page[hidden],#dialog.pc-results .pc-learning-list>[hidden]{display:none!important}
#dialog.pc-results .pc-result-page{padding:16px;border:1px solid #c8b58a;background:#fbf5e6;border-radius:10px;min-width:0}
#dialog.pc-results .pc-result-page h3{font-size:18px;line-height:1.45;color:#3e5d47;margin:0 0 12px}
#dialog.pc-results .pc-result-page p{font-size:14px;line-height:1.65;margin:0 0 12px;color:#5f644e}
#dialog.pc-results .pc-result-page small{display:block;font-size:12px;line-height:1.6;color:#7a7159;margin:0 0 12px}
#dialog.pc-results .pc-result-page ul{padding-left:20px;margin:12px 0 0;font-size:14px;line-height:1.8;color:#546247}
#dialog.pc-results .pc-result-page table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;text-align:left}
#dialog.pc-results .pc-result-page :is(th,td){padding:10px 9px;border-bottom:1px solid #d9ccac;text-align:left;white-space:normal}
#dialog.pc-results .pc-result-page thead th{font-size:12px;color:#7b6f50}
#dialog.pc-results .pc-learning-page{display:flex;flex-direction:column;gap:12px}
#dialog.pc-results .pc-learning-page h3{margin:0}
#dialog.pc-results .pc-learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;flex:none}
#dialog.pc-results .pc-learning-list>span{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px;min-height:43px;border:1px solid #d4c098;border-radius:7px;background:#fff9ea;cursor:pointer;color:#4d5e46;font-size:12px;line-height:1.5}
#dialog.pc-results .pc-learning-list>span[aria-pressed=true]{border-color:#5d815d;background:#e9efde}
#dialog.pc-results .pc-learning-list img{width:25px;height:25px;flex:none}
#dialog.pc-results .pc-learning-list b{flex:none;margin-left:auto;font-size:11px;white-space:nowrap}
#dialog.pc-results .pc-learning-description{font-size:13px!important;line-height:1.6!important;margin:0!important;padding:10px 12px;border-left:3px solid #bfa260;background:#f1ecd9;flex:1;min-height:52px}
#dialog.pc-results .pc-learning-pagination{display:flex;gap:10px;align-items:center;justify-content:space-between;flex:none;font-size:12px;color:#7b6d50}
#dialog.pc-results .pc-learning-pagination button{border:1px solid #c9b88d;border-image:none;border-radius:6px;background:#fff9e9;box-shadow:none;min-height:34px;padding:6px 12px;font-size:12px;letter-spacing:0}
#dialog.pc-results .pc-result-record .screen-utility{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0;padding-top:16px}
#dialog.pc-results .pc-result-record .rank-submit{margin:12px 0;padding:14px;font-size:14px;line-height:1.7}
@media(min-width:1100px) and (min-height:650px){
 #dialog.game-screen.pc-results[data-view=result]>#screenBody{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:20px;overflow:hidden;padding:16px 20px}
 #dialog.pc-results .result-overview{overflow:visible;display:flex;flex-direction:column;gap:12px;min-height:0}
 #dialog.pc-results .result-overview>*{flex:none;margin:0}
 #dialog.pc-results .result-banner.popup-scene{min-height:86px;padding:14px 16px;--scene-height:86px;--scene-opacity:.15;grid-template-columns:54px minmax(0,1fr);column-gap:12px}
 #dialog.pc-results .result-banner .result-art{width:52px!important;height:58px!important}
 #dialog.pc-results .result-banner .screen-flavour{font-size:17px;line-height:1.5;margin:0}
 #dialog.pc-results .result-banner .sub{font-size:12px;line-height:1.6;margin:6px 0 0!important}
 #dialog.pc-results .result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
 #dialog.pc-results .result-stats>div{padding:12px!important;min-height:70px;border:1px solid #c9b484;border-image:none;border-radius:9px;box-shadow:none;background:#fff7e0}
 #dialog.pc-results .result-stats strong{font-size:25px!important;line-height:1.3}
 #dialog.pc-results .result-stats span{font-size:12px;line-height:1.5;margin-top:4px}
 #dialog.pc-results .result-build{font-size:12px;line-height:1.7;padding:0 2px}
 #dialog.pc-results .gear-result{font-size:13px;line-height:1.65;padding:14px 16px;border:1px solid #d3c3a0;border-radius:8px;background:#f8f0de}
 #dialog.pc-results .pc-result-reader{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:visible}
 #dialog.pc-results .pc-result-pages{flex:1;min-height:0}
 #dialog.pc-results .pc-result-page{height:100%;overflow:visible}
 #dialog.pc-results .insight-table-wrap{overflow:visible}
 #dialog.pc-results[data-view=training]>#screenBody{display:flex;flex-direction:column;gap:12px;overflow:hidden}
 #dialog.pc-results[data-view=training] .popup-vignette.is-compact{flex:none;min-height:76px;padding:12px 16px;margin:0;--scene-height:76px}
 #dialog.pc-results[data-view=training] .popup-copy{width:85%}
 #dialog.pc-results[data-view=training] .popup-title{font-size:18px!important;margin:0 0 5px!important}
 #dialog.pc-results[data-view=training] .popup-vignette .sub{font-size:13px;line-height:1.5}
 #dialog.pc-results[data-view=training] .pc-result-reader{flex:1}
}
@media(max-width:1099px),(max-height:649px){#dialog.pc-results .pc-result-tabs{flex-wrap:wrap}#dialog.pc-results .pc-result-tabs button{flex:1 1 40%}#dialog.pc-results .pc-result-page{margin-bottom:12px}#dialog.pc-results .pc-learning-list{grid-template-columns:1fr}#dialog.pc-results .pc-learning-pagination{flex-wrap:wrap}#dialog.pc-results .pc-result-reader{overflow:visible}#dialog.pc-results .result-details{overflow:visible}}
@media(min-width:1100px) and (min-height:650px) and (max-height:699px){
 #dialog.pc-results .result-overview{gap:10px}
 #dialog.pc-results .result-banner.popup-scene{padding:10px 14px;min-height:76px}
 #dialog.pc-results .result-banner .screen-flavour{font-size:15px}
 #dialog.pc-results .result-stats{gap:8px}
 #dialog.pc-results .result-stats>div{padding:8px 12px!important;min-height:58px}
 #dialog.pc-results .result-stats strong{font-size:22px!important}
 #dialog.pc-results .result-stats span{font-size:11px;margin-top:2px}
 #dialog.pc-results .gear-result{padding:10px 14px;font-size:12px}
 #dialog.pc-results .pc-result-page{padding:14px}
 #dialog.pc-results .pc-result-page h3{margin-bottom:10px}
 #dialog.pc-results .pc-result-page :is(th,td){padding:8px}
}