/* Beta profile refresh: responsive profile, statistics, training, inventory and settings. */
:where(.profile-page,.stats-page,.training-page,.inventory-page,.playersettings-page){box-sizing:border-box;min-height:var(--cf-viewport-height,100dvh);justify-content:center}
:where(.profile-frame,.stats-frame,.training-frame,.inventory-frame,.playersettings-frame){width:min(100%,480px);max-width:480px;min-height:var(--cf-viewport-height,100dvh);box-sizing:border-box}
:where(.profile-content,.stats-content,.training-content,.inventory-content,.playersettings-content){width:min(100%,480px);box-sizing:border-box;margin-inline:auto}
.profile-content{padding:clamp(10px,3vw,16px)}
.profile-character-board{overflow:hidden;padding:clamp(10px,3vw,16px);border:1px solid rgba(235,207,132,.3);border-radius:22px;background:linear-gradient(145deg,rgba(25,52,37,.5),rgba(25,17,10,.52));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.24)}
.profile-top-slots{grid-template-columns:repeat(3,clamp(66px,17vw,82px));gap:clamp(8px,2.4vw,18px)}
.profile-equipment-layout{grid-template-columns:clamp(66px,17vw,82px) minmax(0,1fr) clamp(66px,17vw,82px);gap:clamp(4px,1.8vw,12px)}
.profile-side-slots{align-items:center;gap:clamp(8px,2vw,14px)}
.profile-equip-slot,.profile-buff-slot{width:clamp(66px,17vw,82px);height:clamp(66px,17vw,82px)}
.profile-center-avatar{min-width:0;min-height:clamp(190px,52vw,250px)}
.profile-avatar-frame{width:clamp(132px,36vw,168px);height:clamp(132px,36vw,168px)}
.profile-bottom-slots{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:4px}
.profile-actions-grid{width:min(100%,460px);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,2.4vw,14px);margin:18px auto 0}
.profile-action-button{min-width:0;min-height:70px;height:auto;box-sizing:border-box;grid-template-columns:46px minmax(0,1fr);gap:9px;padding:8px 10px;border:1px solid rgba(255,224,144,.72);border-radius:17px;color:#fff2cf;text-align:left;background:linear-gradient(145deg,rgba(51,94,59,.98),rgba(23,48,35,.98));box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 12px rgba(0,0,0,.35)}
.profile-action-icon{width:46px;height:46px;box-sizing:border-box;padding:4px;border:1px solid rgba(255,224,144,.4);border-radius:14px;background:rgba(6,17,12,.32);filter:drop-shadow(0 2px 2px rgba(0,0,0,.38))}
.profile-action-text{min-width:0;color:#fff1c7;font-size:clamp(11px,2.8vw,13px);line-height:1.2;overflow-wrap:anywhere;text-shadow:0 1px 2px #07100b}
.stats-content,.playersettings-content{padding:12px clamp(12px,3vw,18px) max(24px,env(safe-area-inset-bottom))}
.stats-section{border-color:rgba(231,201,124,.38);background:linear-gradient(145deg,rgba(20,47,32,.82),rgba(34,24,16,.76));box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 24px rgba(0,0,0,.26)}
.stats-list{gap:8px}
.stats-row{min-height:48px;box-sizing:border-box;padding:6px 9px;border-color:rgba(255,222,148,.16);border-radius:14px;background:linear-gradient(100deg,rgba(255,242,203,.1),rgba(255,242,203,.045))}
.stats-row-left{gap:10px}
.stats-icon{width:38px;height:38px;box-sizing:border-box;border:1px solid rgba(230,199,120,.44);border-radius:12px;background:linear-gradient(145deg,rgba(48,89,60,.88),rgba(20,43,33,.96));box-shadow:inset 0 1px rgba(255,255,255,.15),0 2px 6px rgba(0,0,0,.3)}
.stats-icon img{width:31px;height:31px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.44))}
.stats-label{white-space:normal;line-height:1.25}
.stats-value{max-width:42%;overflow-wrap:anywhere}
.training-content{padding:12px clamp(10px,3vw,18px) max(24px,env(safe-area-inset-bottom))}
.training-panel{padding:clamp(10px,2.8vw,16px);border:1px solid rgba(233,202,127,.42);border-radius:22px;background:linear-gradient(145deg,rgba(25,52,37,.88),rgba(34,24,16,.84));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.28)}
.training-title{font-size:clamp(16px,4vw,21px)}
.training-list{display:grid;gap:9px}
.training-row{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid rgba(255,224,143,.22);border-radius:17px;background:linear-gradient(105deg,rgba(255,238,194,.1),rgba(255,238,194,.04));box-shadow:inset 0 1px rgba(255,255,255,.05)}
.training-icon-wrap{width:52px;height:52px;box-sizing:border-box;border-color:rgba(233,202,127,.4);border-radius:15px;background:linear-gradient(145deg,rgba(48,89,60,.84),rgba(20,43,33,.94));box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.24)}
.training-stat-icon{width:43px;height:43px;object-fit:contain}
.training-row-title{color:#ffe5a0;font-size:14px;line-height:1.2}
.training-row-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}
.training-row-meta{align-items:center;justify-content:space-between}
.training-upgrade-btn{width:40px;height:40px;border:1px solid rgba(206,246,176,.45);border-radius:14px}
.inventory-content{padding:12px clamp(10px,3vw,18px) max(24px,env(safe-area-inset-bottom))}
.inventory-scroll{max-height:calc(var(--cf-viewport-height,100dvh) - 136px);padding-bottom:max(80px,env(safe-area-inset-bottom))}
.inventory-section{border-color:rgba(231,201,124,.38);background:linear-gradient(145deg,rgba(23,48,34,.84),rgba(33,23,16,.82))}
.inventory-grid{gap:8px}
.inventory-scroll.inventory-mode-simplified .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr)) !important;align-items:start}
.inventory-scroll.inventory-mode-simplified .inventory-item{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;aspect-ratio:1;box-sizing:border-box;padding:4px;border:1px solid rgba(255,223,143,.42);border-radius:14px;background:linear-gradient(145deg,rgba(48,89,60,.92),rgba(20,43,33,.96))}
.inventory-scroll.inventory-mode-simplified .inventory-item-frame{width:min(100%,68px);height:auto;aspect-ratio:1}
.inventory-scroll.inventory-mode-simplified .inventory-item-copy{display:none !important}
.inventory-scroll.inventory-mode-standard .inventory-grid,.inventory-scroll.inventory-mode-expanded .inventory-grid{grid-template-columns:minmax(0,1fr) !important}
.inventory-mode-standard .inventory-item,.inventory-mode-expanded .inventory-item{width:100%;box-sizing:border-box;border-color:rgba(255,223,143,.32);border-radius:16px;background:linear-gradient(105deg,rgba(48,74,48,.94),rgba(34,24,17,.94))}
.inventory-mode-expanded .inventory-item{grid-template-columns:70px minmax(0,1fr);min-height:88px}
.inventory-mode-expanded .inventory-item-frame{width:70px;height:70px}
.inventory-mode-expanded .inventory-item-description{display:-webkit-box;overflow:visible;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.inventory-details-panel{border-color:rgba(233,202,127,.62);border-radius:22px;background:linear-gradient(150deg,rgba(31,62,43,.98),rgba(31,22,15,.98));box-shadow:inset 0 1px rgba(255,255,255,.1),0 20px 54px rgba(0,0,0,.55)}
.inventory-details-desc{line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}
.playersettings-card{border-color:rgba(231,201,124,.35);border-radius:20px;background:linear-gradient(145deg,rgba(25,52,37,.86),rgba(34,24,16,.82));box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.22)}
.playersettings-section-title{color:#ffe3a0;font-size:15px}
.playersettings-input,.playersettings-textarea{box-sizing:border-box;border:1px solid rgba(235,207,132,.36);border-radius:13px;background:rgba(4,14,10,.62)}
.playersettings-view-options{display:grid;grid-template-columns:1fr;gap:8px}
.playersettings-view-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;border:1px solid rgba(233,202,127,.22);border-radius:14px;color:#f7edcf;text-align:left;background:rgba(255,243,210,.06)}
.playersettings-view-options button.active{border-color:rgba(243,212,132,.72);background:linear-gradient(110deg,rgba(63,107,64,.78),rgba(57,45,26,.7));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.playersettings-view-options small{color:rgba(255,240,205,.74);text-align:right}
.cf-social-item-card,.cf-social-effect-card{border-color:rgba(231,201,124,.36);border-radius:17px;background:linear-gradient(145deg,rgba(40,75,50,.86),rgba(30,24,17,.92));box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.22)}
.cf-social-item-card img{border-radius:12px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.cf-social-effect-delta{border-radius:999px;padding:4px 9px;font-weight:900}
.cf-social-effect-delta.gift{border:1px solid rgba(128,220,143,.32);background:rgba(55,141,70,.18)}
.cf-social-effect-delta.curse{border:1px solid rgba(224,135,114,.32);background:rgba(151,57,48,.18)}
@media(min-width:520px){.profile-frame,.stats-frame,.training-frame,.inventory-frame,.playersettings-frame{width:min(100%,480px)}.playersettings-view-options{grid-template-columns:repeat(3,minmax(0,1fr))}.playersettings-view-options button{grid-template-columns:minmax(0,1fr);align-content:start}.playersettings-view-options small{text-align:left}}
@media(max-width:360px){.profile-actions-grid{gap:8px}.profile-action-button{grid-template-columns:40px minmax(0,1fr);min-height:64px;padding:7px}.profile-action-icon{width:40px;height:40px}.training-row{grid-template-columns:46px minmax(0,1fr) 36px;gap:7px;padding:7px}.training-icon-wrap{width:46px;height:46px}.training-stat-icon{width:38px;height:38px}.inventory-scroll.inventory-mode-simplified .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr)) !important}}
@media(prefers-reduced-motion:reduce){.profile-action-button,.inventory-item,.training-upgrade-btn{transition:none !important}}