/* Settings Statistics Atelier: scoped presentation, read-only aggregates. */
.pixar #settings.settings-atelier{padding:8px 11px 24px!important}
#settings.settings-atelier *{box-sizing:border-box}
#settings.settings-atelier .panel{position:relative;margin:0 0 13px;padding:15px 14px;border:1px solid #c9b482;border-radius:19px;background:linear-gradient(155deg,#fffdf5 0%,#fff9e9 67%,#f7edcf 100%);box-shadow:inset 0 0 0 2px #fffdf2,0 3px 0 #b69d6d52,0 7px 16px #31595510;overflow:hidden}
#settings.settings-atelier .panel h2{margin:0 0 12px;padding:0;border:0;color:#285b60;font-size:16px;font-weight:900;letter-spacing:-.22px}
#settings.settings-atelier .panel>p{color:#718170;font-size:12px;line-height:1.4;margin:5px 0 12px}
.sa-joined{display:grid;grid-template-columns:30px minmax(0,1fr) max-content;align-items:center;gap:9px;margin-bottom:12px;padding:10px 11px;background:linear-gradient(120deg,#e3f0e7,#fff8de);border:1px solid #a9c6aa;border-radius:13px}
.sa-joined>svg{width:19px;height:19px;color:#3a7a6e;flex:none}
.sa-joined>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.sa-joined>div:nth-child(2) span{font-size:10px;font-weight:800;color:#6f8370}
.sa-joined>div:nth-child(2) b{font-size:13px;font-weight:900;color:#2d5f5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-joined-days{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;min-width:48px;border-left:1px solid #a9bd8f8a;padding-left:9px}
.sa-joined-days b{--stat-size:19;font-size:19px;font-weight:900;line-height:1;color:#936023;white-space:nowrap}
.sa-joined-days span{font-size:9px;font-weight:800;color:#8c7b53;margin-top:2px}
.sa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa-tile{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-height:60px;padding:9px 10px;background:#fffdf2;border:1px solid #e9dcb8;border-radius:13px}
.sa-tile>img{width:38px;height:38px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px #8b71452b)}
.sa-tile>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.sa-tile span{font-size:9.5px;font-weight:800;color:#8a7a5c;line-height:1.25}
.sa-tile-row{display:flex;align-items:baseline;gap:6px;min-width:0}
.sa-tile-row b{min-width:0;flex:1}
.sa-index-pill{flex:none;font-style:normal;font-size:10.5px;font-weight:900;color:#5c3f1c;background:linear-gradient(#fff3c9,#f0dca0);border:1px solid #c7a765;border-radius:7px;padding:2px 6px;line-height:1.3;font-variant-numeric:tabular-nums}
.sa-tile b{--stat-size:14;font-size:14px;font-weight:900;line-height:1.2;color:#432;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.sa-history-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdf2;border:1px solid #e9dcb8;border-radius:13px;padding:13px 14px;font-family:inherit;cursor:pointer;color:#432;text-align:left}
.sa-history-link span{font-size:13px;font-weight:700}
.sa-history-link b{color:#8a5a1a;font-size:16px}
@container game (max-width:350px){
 .pixar #settings.settings-atelier{padding-left:8px!important;padding-right:8px!important}
 #settings.settings-atelier .panel{padding-left:11px;padding-right:11px}
 .sa-tile{min-height:55px;padding:8px}
 .sa-tile>img{width:33px;height:33px}
 .sa-tile b{--stat-size:14;font-size:14px}
}