/* Profile, inventory and collection. Card frames in hand/reserve are untouched. */
#profile .pscroll{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:24px;scrollbar-width:thin;scrollbar-color:#66758a #152030}
#profile [hidden]{display:none!important}
#profile .phdr{padding:0 0 22px;gap:20px;align-items:center}
#profile .profile-brand{font-family:var(--font-display);color:#d9bf89;font-size:15px;letter-spacing:.09em;margin-bottom:6px}
#profile .avatar{width:92px;height:102px;border-radius:5px;border:1px solid #b2a080;background:#192638 url('../cards/lion_01.webp') 50% 9%/145% auto no-repeat;box-shadow:inset 0 0 0 4px #192331,0 4px 10px #030a1244}
#profile #avglyph{visibility:hidden}
#profile .avatar::after{content:'';position:absolute;inset:0;border:12px solid transparent;border-image:url('illustrated/frame.webp') 16% stretch;pointer-events:none}
#profile .avatar img.prof-ph{border-radius:4px}
#profile .avedit{width:28px;height:28px;right:-8px;bottom:-6px;z-index:2;border:1px solid #8094a9;border-radius:50%;background:#1a2b3c}
#profile .avedit img{width:20px;height:20px;object-fit:contain}
#profile .pnick{font-family:var(--font-display);font-size:clamp(24px,2.5vw,34px);font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;overflow-wrap:anywhere}
#profile .pname-row{flex-wrap:wrap;gap:12px}
#profile .nameedit{width:auto;height:auto;min-height:30px;padding:5px 10px;font:500 15px var(--font-ui);border-color:#63778e80;border-radius:4px;background:#152234;color:#bdcddd}
#profile .plvl{font-size:15px;color:#b6c7d7;margin-top:8px}
#profile .profile-milestones{display:flex;gap:28px;margin-left:auto;flex-shrink:0}
#profile .profile-milestones>div{display:flex;gap:10px;align-items:center}
#profile .profile-milestones img{width:48px;height:48px;object-fit:contain}
#profile .profile-milestones small{display:block;font-size:15px;color:#b3c2d2;margin-bottom:5px}
#profile .profile-milestones b{font-size:19px;font-weight:500;color:#e8e8e8;font-variant-numeric:tabular-nums}
#profile .ptabs{gap:0;display:flex;border-bottom:1px solid #76899f55;margin:0 0 22px}
#profile .ptab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:9px 26px;border:0;border-bottom:2px solid transparent;border-radius:4px 4px 0 0;background:transparent;box-shadow:none;color:#abbacd;font-weight:500;font-size:15px}
#profile .ptab img{width:28px;height:28px;object-fit:contain;opacity:.65}
#profile .ptab.on{background:linear-gradient(0deg,#728b9950,transparent);border-bottom-color:#d8be87;color:#f4dfb6}
#profile .ptab.on img{opacity:1}
#profile .profile-count{font-size:15px;min-width:18px;padding:3px 5px;border-radius:4px;background:#a78449;color:#111d2c;line-height:1.1;font-weight:700}
#profile .profile-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;align-items:start}
#profile .profile-panel{min-width:0;padding:22px;border:1px solid #8294a65c;border-radius:6px;background:linear-gradient(135deg,#26364ae8,#152333ee);box-shadow:inset 0 1px #d2e3f014,0 4px 12px #09131e33}
#profile h2{font-family:var(--font-display);font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.02em;color:#f0e2c8;margin:0 0 18px}
#profile h3{font-family:var(--font-ui);font-size:15px;font-weight:500;color:#d3dfeb;margin:24px 0 12px}
#profile .pcard{padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin:0}
#profile .kv{font-size:15px;color:#c3d0df;margin:0 0 10px;gap:12px}
#profile #xpcur{color:#f1e0bc;font-weight:600}
#profile .ptrack{height:8px;border:1px solid #778a9b55;background:#0f1c2c;border-radius:3px;margin:0;overflow:hidden}
#profile .ptrack i{background:linear-gradient(90deg,#887445,#dcc391);border-radius:2px}
#profile .pnote,#profile .profile-hint{color:#b0bfd0;font-size:15px;line-height:1.5}
#profile .profile-experience .pnote{margin-top:10px}
#profile #xpnote{color:#e5d9bc}
#profile .profile-panel-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;border-top:1px solid #8198ac30;padding-top:18px}
#profile .profile-panel-heading h3{margin:0}
#profile .resetbtn{font:500 15px var(--font-ui);padding:6px 12px;border-color:#73899d77;border-radius:4px;background:#162639;color:#c4d2e1}
#profile #freepts{font-size:20px;color:#a8d6d4}
#profile #alloc-card.pulse,#profile #sect-alloc.pulse{animation:none}
#profile .allocrow{gap:10px;margin-top:14px}
#profile .profile-stat{min-width:0;display:flex;flex-direction:column;align-items:center;padding:14px 8px 8px;border:1px solid #7d92a746;border-radius:5px;background:linear-gradient(#14243777,#0c192999);gap:6px}
#profile .profile-stat>img{width:42px;height:42px;object-fit:contain}
#profile .profile-stat>span{font-size:15px;color:#b5c4d4}
#profile .profile-stat>strong{font-size:25px;font-weight:500;line-height:1.2;color:#eaf0f5;font-variant-numeric:tabular-nums;margin-bottom:8px}
#profile .allocbtn{width:100%;min-height:34px;padding:7px 3px;border-radius:4px;border-color:#80b4b578;background:#23474e;color:#d9ece9}
#profile .allocbtn b{font-size:15px;font-weight:500}
#profile .allocbtn:disabled{opacity:1;color:#8395aa;background:#182637;border-color:#71849b30;filter:none}
#profile #alloc-card>.profile-hint{margin:15px 0 0}
#profile .profile-inventory>h2{margin-bottom:7px}
#profile .profile-inventory>.profile-hint{margin:0 0 18px}
#profile .invrow{gap:12px}
#profile .invcell{padding:14px 12px 12px;gap:14px;border-radius:5px;border-color:#7d92a746;background:#13223577}
#profile .ivtop{gap:8px}
#profile .invcell .ivic{width:50px;height:56px;border:0;border-radius:0;background:none}
#profile .invcell .vimg{width:100%;height:100%;object-fit:contain}
#profile .invcell .iname{font-size:15px;line-height:1.4;color:#c5d1df}
#profile .invcell .iqty{font-size:20px;line-height:1.4;font-weight:500;color:#f4e3c1}
#profile .invcell .iuse{min-height:34px;border-radius:4px;border-color:#81a9ae66;background:#1d3b46;font-size:15px;font-weight:500}
#profile .invcell .iuse:disabled{opacity:1;color:#8194aa;background:#152335;border-color:#647c9633}
#profile .invchest{padding:10px 12px;margin:0 0 10px;border-color:#7d92a746;border-radius:5px;background:#14233480}
#profile .invchest .ci,#profile .invchest .chwrap{width:58px;height:52px}
#profile .invchest .chimg{width:100%;height:100%;object-fit:contain}
#profile .invchest .chemo{display:none}
#profile .invchest .cn{font-family:var(--font-ui);font-size:15px;line-height:1.4}
#profile .invchest .co{font-size:15px;padding:8px 12px;border-radius:4px;background:#2b4146;border-color:#91b8b170;color:#e0eae1}
#profile .profile-empty-chests{display:flex;gap:16px;align-items:center;min-height:100px;padding:10px 16px;border:1px dashed #748ba24d;border-radius:5px;background:#12213570}
#profile .profile-empty-chests img{width:76px;height:76px;object-fit:contain;opacity:.6}
#profile .profile-empty-chests strong{font-size:15px;font-weight:500;color:#c5d1df}
#profile .profile-empty-chests p{font-size:15px;color:#9eafc1;line-height:1.5;margin:5px 0 0}
#profile .settings-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#profile .volrow{flex-wrap:wrap;gap:12px;padding:2px 0 18px}
#profile .vollab{font-size:15px;min-width:70px}
#profile .volsl{min-width:80px;width:auto;flex:1}
#profile .volval{font-size:15px}
#profile .theme-row{flex-wrap:wrap;gap:14px;padding-top:18px;margin-top:8px}
#profile .theme-label{font-size:15px;min-width:80px}
#profile .theme-choices{min-width:0;flex:1;gap:8px}
#profile .theme-choice{min-height:40px;padding:9px 12px;font-size:15px;border-radius:4px;background:#152436;color:#c4d0df;border-color:#7289a15c}
#profile .theme-choice.on{background:#27464d;color:#e2eae1;border-color:#8bb9b0;box-shadow:none}
#profile .theme-choice.on::after{display:none}
#profile .settings-action{min-height:44px;font-size:15px;border-radius:4px;background:#1e3545;border:1px solid #7098a575;box-shadow:none;font-weight:500}
#profile .settings-action.save-action{background:linear-gradient(110deg,#dcc399,#b99b6a);color:#241c13;border-color:#cbb482}
#profile .settings-action.danger-action{margin-top:24px!important;background:transparent;border-color:#a46a7255;color:#d6a6ac}
#profile .settings-action+.pnote{text-align:left!important;margin:8px 0 16px!important}
#profile .profile-diagnostics{margin-top:20px;border-top:1px solid #8399ad30;padding-top:14px;color:#a5b6c9;font-size:15px}
#profile .profile-diagnostics summary{cursor:pointer;padding:5px 0}
#profile .profile-diagnostics .pnote{text-align:left!important;overflow-wrap:anywhere}
#profile .collection-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
#profile .collection-heading h2{margin:0 0 7px}
#profile .collection-heading .profile-hint{margin:0}
#profile #collection-summary{flex-shrink:0;font-size:15px;font-variant-numeric:tabular-nums;color:#b6c6d7}
#profile .collection-filters{display:flex;align-items:end;gap:14px;margin:0 0 22px;padding:16px;border:1px solid #7288a04d;background:#1525379c;border-radius:5px}
#profile .collection-filters label{flex:1;min-width:0;font-size:15px;color:#b7c7d9}
#profile .collection-filters label>span{display:block;margin:0 0 7px}
#profile .collection-filters select{box-sizing:border-box;width:100%;min-height:40px;background:#112032;color:#e0e7ee;border:1px solid #7e94ad66;border-radius:4px;padding:8px 10px;font:15px var(--font-ui);color-scheme:dark}
#profile .profile-filter-reset{min-height:40px;padding:8px 12px;background:transparent;border:1px solid #8093a75c;border-radius:4px;color:#bdcddd;font:15px var(--font-ui)}
#profile .profile-filter-reset:disabled{opacity:.4;cursor:default}
#profile #cgrid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:16px}
#profile .colcard{aspect-ratio:auto;display:flex;flex-direction:column;padding:4px;border:1px solid color-mix(in srgb,var(--r) 65%,#45576c);border-radius:5px;background:linear-gradient(135deg,#2e3d50,#111e2f);text-align:left;font-family:var(--font-ui);cursor:pointer;box-shadow:0 4px 10px #040b1444;animation:none}
#profile .colcard .colface{position:relative;inset:auto;display:block;width:100%;aspect-ratio:4/5;border-radius:2px;overflow:hidden;background:#101d2d}
#profile .colcard .collection-card-info{display:flex;flex-direction:column;gap:5px;width:100%;box-sizing:border-box;padding:10px 7px 5px}
#profile .collection-rarity{color:color-mix(in srgb,var(--r) 70%,#fff);font-size:15px;line-height:1.2}
#profile .collection-card-info strong{font-size:15px;font-weight:500;color:#e6edf3;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}
#profile .collection-card-state{display:flex;align-items:center;gap:5px;font-size:15px;min-height:28px;color:#a7b8cb;border-top:1px solid #94aabe24;padding-top:5px}
#profile .collection-card-state img{width:22px;height:22px;object-fit:contain}
#profile .colcard.glow{border-color:#d5b476;background:linear-gradient(140deg,#544833,#202c3b);box-shadow:inset 0 0 0 1px #b59b6455}
#profile .colcard.glow .collection-card-state{color:#f3d499}
#profile .colcard.glow::before,#profile .colcard.glow::after{display:none}
#profile .colcard.locked .colface{opacity:.5;filter:grayscale(1)}
#profile .colcard:hover{border-color:#e4cb98;filter:brightness(1.1)}
#profile .collection-empty{padding:50px 20px;text-align:center;color:#b5c6d6;font-size:15px}
#profile .collection-empty img{height:70px;width:70px;object-fit:contain;opacity:.65}
#profile :is(button,select,summary):focus-visible{outline:2px solid #f0d9a3;outline-offset:3px}
@media(min-width:1000px) and (max-height:800px){
  #profile .pscroll{padding:18px 22px}
  #profile .phdr{padding-bottom:14px}
  #profile .avatar{width:72px;height:80px}
  #profile .ptabs{margin-bottom:16px}
  #profile .ptab{min-height:44px}
  #profile .profile-panel{padding:18px}
  #profile .profile-panel-heading{margin:18px 0 12px;padding-top:14px}
  #profile .profile-stat{padding-top:10px;gap:4px}
  #profile .profile-stat>img{width:34px;height:34px}
  #profile .profile-stat>strong{font-size:23px;margin-bottom:5px}
}
@media(max-width:1199px){
  #profile .profile-milestones{gap:18px}
  #profile .profile-milestones img{display:none}
  #profile .profile-milestones small{max-width:110px}
  #profile .profile-panel{padding:16px}
  #profile .invrow{gap:8px}
  #profile .invcell{padding:10px 8px}
  #profile .invcell .ivic{width:36px;height:46px}
}
@media(max-width:999px){
  #profile .pscroll{padding:18px 14px}
  #profile .phdr{gap:16px;flex-wrap:wrap;padding-bottom:18px}
  #profile .avatar{width:66px;height:76px}
  #profile .pnick{font-size:25px}
  #profile .profile-brand{font-size:15px}
  #profile .pname-row{gap:8px}
  #profile .nameedit{font-size:15px;min-height:26px}
  #profile .profile-milestones{width:100%;justify-content:space-between;margin:2px 0 0;padding-top:14px;border-top:1px solid #8ca4bb33;gap:16px}
  #profile .profile-milestones>div{gap:8px}
  #profile .profile-milestones small{max-width:none;font-size:15px;margin-bottom:3px}
  #profile .profile-milestones img{display:block;width:32px;height:32px}
  #profile .profile-milestones b{font-size:16px}
  #profile .ptabs{margin-bottom:18px}
  #profile .ptab{flex:1;gap:5px;min-height:44px;padding:9px 5px;font-size:15px}
  #profile .ptab img{width:21px;height:21px}
  #profile .profile-count{font-size:15px;min-width:12px;padding:3px}
  #profile .profile-columns{grid-template-columns:1fr;gap:16px}
  #profile h2{font-size:20px}
  #profile .profile-panel{padding:16px}
  #profile .profile-stat{padding-left:5px;padding-right:5px}
  #profile .allocbtn b{font-size:15px}
  #profile .profile-stat>strong{font-size:23px}
  #profile .profile-stat>img{width:36px;height:36px}
  #profile .invcell .ivic{width:44px;height:52px}
  #profile .collection-heading{align-items:start;gap:10px;flex-direction:column}
  #profile .collection-filters{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:10px}
  #profile #cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #profile .collection-card-info strong{font-size:15px}
}