.notif-bell{position:relative;background:rgba(255,255,255,0.12);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;line-height:1;transition:background 0.2s}.notif-bell:hover{background:rgba(253,187,45,0.35)}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#b21f1f;color:#fff;font-size:0.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(0,0,0,0.6)}.notif-dropdown{position:fixed;top:70px;right:16px;width:min(360px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:var(--surface);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,0.35);z-index:2000;padding:8px;border:2px solid var(--gold)}.nd-section{padding:6px 4px}.nd-section h5{color:var(--brand-text);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;margin:6px 6px 8px}.nd-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;width:100%;background:var(--surface-2);margin-bottom:6px;border:none;text-align:left}.nd-item.link{cursor:pointer;transition:background 0.15s}.nd-item.link:hover{background:var(--surface-3)}.nd-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:0 0 auto}.nd-name{flex:1 1 auto;min-width:0;font-size:0.92rem;color:var(--text);overflow:hidden;text-overflow:ellipsis}.nd-go{color:var(--brand-text);font-weight:700;font-size:0.85rem}.nd-actions{display:flex;gap:6px;flex:0 0 auto}.nd-btn{border:none;border-radius:7px;padding:6px 10px;font-size:0.8rem;font-weight:700;cursor:pointer;color:#fff}.nd-btn.ok{background:#007a33}.nd-btn.no{background:#b21f1f}.nd-btn.dim{background:var(--surface-3);color:var(--text)}.nd-empty{padding:20px;text-align:center;color:var(--text-soft)}.combat-invite-float{position:fixed;right:18px;bottom:18px;z-index:2500;display:flex;flex-direction:column;gap:12px;width:min(330px,calc(100vw - 36px))}.cif-card{background:#1a2a6c;color:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 12px 30px rgba(0,0,0,0.4);border:2px solid var(--gold);animation:cif-pop 0.25s ease-out}.cif-card.accepted{background:linear-gradient(135deg,#007a33,#0050a0)}.cif-card.trade{background:linear-gradient(135deg,#171236,#0a5a4a)}.cif-card.trade.done{background:linear-gradient(135deg,#0a5a4a,#007a33)}.cif-card.sent{background:linear-gradient(135deg,#1b1446,#2a1d5c);border-color:rgba(253,187,45,0.5)}@keyframes cif-pop{from{transform:translateY(12px) scale(0.97);opacity:0}to{transform:none;opacity:1}}.cif-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cif-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.cif-text{display:flex;flex-direction:column;line-height:1.25}.cif-text.full{margin-bottom:12px}.cif-text b{font-size:1.05rem}.cif-text span{font-size:0.85rem;opacity:0.9}.cif-actions{display:flex;gap:8px}.cif-btn{flex:1;border:none;border-radius:9px;padding:9px 10px;font-weight:800;cursor:pointer;font-size:0.9rem}.cif-btn.accept{background:var(--gold);color:#1a2a6c}.cif-btn.decline{background:rgba(255,255,255,0.2);color:#fff}.cif-btn.accept:hover{filter:brightness(1.05)}.cif-btn.decline:hover{background:rgba(255,255,255,0.32)}.profile-section{max-width:1000px;margin:0 auto}.profile-search{display:flex;gap:10px;margin-bottom:16px}.profile-search input{flex:1;padding:12px 14px;border:2px solid var(--border);border-radius:10px;font-size:1rem}.profile-search input:focus{outline:none;border-color:#1a2a6c}.profile-search button{padding:12px 22px;background:#1a2a6c;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.profile-search button:hover{background:#2a3a9c}.profile-search-results{margin-bottom:16px}.profile-search-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;text-align:left;transition:border-color 0.15s,transform 0.15s}.profile-search-row:hover{border-color:var(--gold);transform:translateX(3px)}.psr-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.psr-name{flex:1;font-weight:700;color:var(--brand-text)}.psr-go{color:var(--text-soft);font-size:0.85rem}.profile-loading,.profile-muted{color:var(--text-soft);padding:14px}.profile-muted{font-size:0.92rem}.profile-card{background:var(--surface);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.1);padding:24px}.profile-back{display:block;width:100%;margin-bottom:18px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--brand-text);font-size:0.95rem;font-weight:700;text-align:left;cursor:pointer;transition:background 0.15s,transform 0.15s}.profile-back:hover{background:var(--surface-3);transform:translateX(-3px)}.profile-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion: reduce){.profile-back{transition:background 0.15s}.profile-back:hover{transform:none}}.profile-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:2px solid var(--border-soft);padding-bottom:18px;margin-bottom:18px}.profile-avatar-big{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);background:var(--surface-2);flex:0 0 auto}.profile-head-text{flex:1 1 auto;min-width:0}.profile-name{color:var(--brand-text);font-size:1.8rem;margin:0}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:800;color:#fff;background:var(--role-color, #1a2a6c);padding:3px 10px;border-radius:10px;white-space:nowrap}.profile-coins{color:var(--text-muted);margin-top:4px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-btn{border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;font-size:0.92rem;background:#1a2a6c;color:#fff;transition:filter 0.15s,transform 0.15s}.profile-btn:hover{filter:brightness(1.08)}.profile-btn:disabled{opacity:0.5;cursor:default;filter:none}.combat-invite-btn{background:#b21f1f}.trade-btn{background:#0a8a6a}.friend-btn.is-friend{background:#007a33}.friend-btn.is-pending{background:#707070}.friend-btn.is-accept{background:#007a33}.friend-btn.is-decline{background:#b21f1f}.edit-btn{background:#6a00a0}.achievements-btn{background:#d4a017}.profile-actions .profile-btn.logout-btn{background:rgba(0,0,0,0.25);box-shadow:inset 0 0 0 2px #e5484d,0 3px 10px rgba(0,0,0,0.3);color:#fff}.profile-actions .profile-btn.logout-btn:hover{background:#b21f1f}.save-btn{background:#007a33}.cancel-btn{background:#707070}.profile-invite-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#1a2a6c;color:#fff;border:2px solid var(--gold);border-radius:12px;padding:14px 18px;margin-bottom:18px;font-weight:600}.pib-actions{display:flex;gap:8px}.pib-accept{background:var(--gold);color:#1a2a6c}.pib-decline{background:rgba(255,255,255,0.2)}.profile-favorites{--fav-w: 240px;--fav-h: 470px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;margin-bottom:24px}.fav-block{flex:0 1 var(--fav-w);max-width:var(--fav-w);display:flex;flex-direction:column;align-items:center;text-align:center;animation:fav-rise 0.5s ease both}@keyframes fav-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fav-block h4{color:var(--brand-text);margin-bottom:12px;font-size:1.05rem}.fav-block .card{width:100%;height:var(--fav-h);margin:0}.fav-empty{width:100%;height:var(--fav-h);display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;box-sizing:border-box;color:#9aa3b2;font-style:italic;font-size:1rem;background:var(--surface-2);border:2px dashed #d5dae6;border-radius:10px}.profile-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;color:var(--text-muted);font-size:0.96rem;background:var(--surface-2);border:2px dashed #d5dae6;border-radius:10px}.profile-edit-grid{display:grid;grid-template-columns:auto 1fr;gap:16px 22px;align-items:center;background:var(--surface-2);border-radius:12px;padding:18px;margin-bottom:22px}.pe-field{display:contents}.pe-field label{font-weight:700;color:var(--brand-text)}.pe-field select{padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:0.95rem;width:100%;max-width:360px}.pe-field #profile-avatar-picker{justify-content:flex-start}.pe-actions{grid-column:1 / -1;display:flex;gap:10px}.pe-shop-hint{grid-column:2;margin:6px 0 0;font-size:0.85rem;color:var(--text-soft)}.pe-shop-hint a{color:var(--brand-text);font-weight:700}.profile-title-badge{display:inline-block;margin:4px 0;padding:3px 10px;background:var(--surface-warn);border:1px solid var(--gold);border-radius:999px;font-size:0.85rem;font-weight:700;color:var(--warn-text)}.profile-fattydex{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:18px 20px;margin-bottom:22px}.pf-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.pf-head h4{color:var(--text);font-family:"Lilita One","Segoe UI",sans-serif;font-weight:400;font-size:1.3rem}.pf-pct{color:var(--text-muted)}.pf-pct b{color:var(--gold-deep);font-size:1.2rem}.pf-overall{height:10px;background:var(--surface-3);border-radius:6px;overflow:hidden;margin:10px 0 16px}.pf-overall-fill{height:100%;background:var(--gold);border-radius:6px;transition:width 0.6s ease}.rarity-breakdown{display:grid;gap:8px}.rarity-row{--r: var(--text-muted);display:flex;align-items:center;gap:12px}.rarity-row.common{--r: #8a8a8a}.rarity-row.uncommon{--r: #23995a}.rarity-row.rare{--r: #2f7fe0}.rarity-row.epic{--r: #9b3fe0}.rarity-row.legendary{--r: #e07410}.rarity-row.special{--r: #e0263d}.rarity-tag{flex:0 0 90px;color:var(--r);font-size:0.88rem;font-weight:800}.rarity-bar{flex:1 1 auto;height:8px;background:var(--surface-3);border-radius:5px;overflow:hidden}.rarity-bar-fill{height:100%;background:var(--r);border-radius:5px;transition:width 0.6s ease}.rarity-count{flex:0 0 56px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.profile-friends{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:22px;box-shadow:0 2px 8px rgba(26,42,108,0.06)}.profile-friends h4{color:var(--brand-text);font-size:1.05rem;margin-bottom:10px}.pf-friend-count{color:var(--text-muted);font-weight:600;font-size:0.85rem}.profile-friends .hf-list{padding-bottom:2px}.profile-collection{margin-bottom:22px}.pc-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.pc-head h4{color:var(--brand-text);font-size:1.1rem}.pc-toggle{display:flex;gap:6px}.profile-trade{position:relative;margin-top:6px;padding:20px 22px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--text);scroll-margin-top:90px}.profile-trade.trade-flash{animation:trade-flash 1.1s ease}@keyframes trade-flash{0%{box-shadow:0 0 0 0 rgba(253,187,45,0)}25%{box-shadow:0 0 0 4px rgba(253,187,45,0.7)}100%{box-shadow:0 0 0 0 rgba(253,187,45,0)}}.profile-trade h4,.profile-trade h5{margin:0;color:var(--text)}.profile-trade h5{font-size:1.05rem;font-weight:800}.trade-btn{display:inline-flex;align-items:center;gap:7px}.trade-btn-icon{display:inline-flex;width:18px;height:18px}.trade-btn-icon svg{width:100%;height:100%}.tx-group.common,.tx-slot-meta.common,.tx-offer-card.common{--r: #8a8a8a}.tx-group.uncommon,.tx-slot-meta.uncommon,.tx-offer-card.uncommon{--r: #23995a}.tx-group.rare,.tx-slot-meta.rare,.tx-offer-card.rare{--r: #2f7fe0}.tx-group.epic,.tx-slot-meta.epic,.tx-offer-card.epic{--r: #9b3fe0}.tx-group.legendary,.tx-slot-meta.legendary,.tx-offer-card.legendary{--r: #e07410}.tx-group.special,.tx-slot-meta.special,.tx-offer-card.special{--r: #e0263d}.tx-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 18px;flex-wrap:wrap}.tx-title,.tx-title h4{font-family:"Lilita One","Segoe UI",sans-serif;font-size:1.6rem;font-weight:400;line-height:1.1}.tx-status{color:var(--text-muted);font-size:0.9rem;font-variant-numeric:tabular-nums}.tx-status strong{color:var(--text)}.tx-status.ready strong{color:var(--ok-text)}.tx-status.waiting strong{color:var(--warn-text)}.tx-note{margin:6px 0 0;max-width:70ch;color:var(--text-muted);font-size:0.88rem;line-height:1.45}.profile-trade.closed{padding:18px 22px}.profile-trade.closed .tx-head{align-items:center}.tx-offers,.tx-builder{margin-top:20px}.tx-offers[hidden]{display:none}.tx-offers>h5{margin-bottom:10px}.tx-builder-head{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin-bottom:12px}.tx-builder-head .seg-tabs{margin:0}.tx-builder-head .seg-tabs>button{padding:7px 18px;font-size:0.92rem}.tx-table{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px}.tx-slot{display:flex;min-width:0}.tx-slot-pick{flex:1;display:flex;align-items:center;gap:14px;min-width:0;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color 0.15s}.tx-slot-pick:not(:disabled):hover{border-color:var(--text-soft)}.tx-slot-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tx-slot-pick:disabled{cursor:default;opacity:0.6}.tx-slot.active .tx-slot-pick{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.tx-slot-art{flex:none;display:grid;place-items:center;width:84px;aspect-ratio:5 / 6;border-radius:8px;overflow:hidden;background:var(--surface-3)}.tx-slot-art img{width:100%;height:100%;object-fit:cover;display:block;animation:tx-drop 0.25s ease both}.tx-slot:not(.filled) .tx-slot-art{background:none;border:2px dashed var(--border)}.tx-plus{color:var(--text-soft);font-size:1.8rem;line-height:1}@keyframes tx-drop{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:none}}.tx-slot-text{display:flex;flex-direction:column;gap:3px;min-width:0}.tx-slot-label{color:var(--text-muted);font-size:0.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-slot-name{font-size:1.05rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-slot-name.muted{color:var(--text-muted);font-weight:700;font-size:0.95rem;white-space:normal}.tx-slot-meta{color:var(--r, var(--text-muted));font-size:0.85rem;font-weight:700}.tx-slot-change{margin-top:4px;color:var(--brand-text);font-size:0.85rem;font-weight:800}.tx-slot-pick:hover .tx-slot-change{text-decoration:underline}.tx-swap{align-self:center;display:grid;place-items:center;width:28px;color:var(--gold-deep)}.tx-swap svg{width:26px;height:26px}.tx-confirm{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin:12px 0 16px}.tx-summary{margin:0;flex:1 1 260px;color:var(--text-muted);font-size:0.92rem}.tx-summary b{color:var(--text)}.tx-propose{border:none;border-radius:10px;padding:11px 24px;font:inherit;font-weight:900;font-size:1rem;background:var(--gold);color:#2b1a00;cursor:pointer;transition:filter 0.15s}.tx-propose:not(:disabled):hover{filter:brightness(1.05)}.tx-propose:disabled{background:var(--surface-3);color:var(--text-muted);box-shadow:none;cursor:default}.tx-picker{scroll-margin-top:90px}.tx-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px}.tx-picker-head h5{font-size:0.98rem}.tx-search{flex:0 1 240px;min-width:0;padding:8px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:0.9rem}.tx-search:focus{outline:none;border-color:var(--gold)}.tx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:420px;overflow-y:auto;padding:2px;scrollbar-width:thin}.tx-group{grid-column:1 / -1;margin-top:6px;color:var(--r, var(--text-muted));font-size:0.85rem;font-weight:800}.tx-group:first-child{margin-top:0}.tx-tile{display:flex;flex-direction:column;gap:4px;min-width:0;padding:4px 4px 6px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color 0.15s}.tx-tile:hover{border-color:var(--text-soft)}.tx-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tx-tile.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--surface-warn)}.tx-tile-art{display:block;aspect-ratio:5 / 6;border-radius:7px;overflow:hidden;background:var(--surface-3)}.tx-tile-art img{width:100%;height:100%;object-fit:cover;display:block}.tx-tile-name{font-size:0.8rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-tile-meta{display:flex;gap:6px;min-height:16px;font-size:0.72rem;font-weight:800}.tx-holo{color:var(--gold-deep);font-weight:800;white-space:nowrap}.tx-count{color:var(--text-muted)}.tx-empty{margin:0;padding:14px 8px;text-align:center;color:var(--text-muted);font-size:0.92rem;grid-column:1 / -1}.tx-offer-list{display:grid;gap:8px}.tx-offer{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.tx-offer.in{background:var(--surface-warn);border-color:color-mix(in srgb,var(--gold) 55%,var(--border))}.tx-offer-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.tx-offer-side{min-width:0;display:flex;flex-direction:column;gap:3px}.tx-offer-label{color:var(--text-muted);font-size:0.78rem}.tx-offer-card{display:flex;align-items:center;gap:10px;min-width:0}.tx-offer-art{flex:none;width:42px;aspect-ratio:5 / 6;border-radius:6px;overflow:hidden;background:var(--surface-3)}.tx-offer-art img{width:100%;height:100%;object-fit:cover;display:block}.tx-offer-text{min-width:0;display:flex;flex-direction:column;gap:1px}.tx-offer-text b{font-size:0.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-offer-rarity{color:var(--r);font-size:0.8rem;font-weight:700}.tx-offer-swap{display:inline-flex;width:22px;height:22px;color:var(--gold-deep)}.tx-offer-swap svg{width:100%;height:100%}.tx-offer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:8px}.tx-offer-time{color:var(--text-muted);font-size:0.8rem}.tx-offer-actions{display:flex;gap:8px;flex-wrap:wrap}.tx-btn{border:none;border-radius:9px;padding:8px 16px;font:inherit;font-weight:800;font-size:0.86rem;cursor:pointer;transition:filter 0.15s,background 0.15s}.tx-btn:disabled{opacity:0.55;cursor:default}.tx-btn.accept{background:#22a052;color:#fff}.tx-btn.accept:not(:disabled):hover{filter:brightness(1.08)}.tx-btn.ghost{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.tx-btn.ghost:not(:disabled):hover{background:var(--surface-3)}.tx-btn.ghost.danger:not(:disabled):hover{color:var(--danger-text);box-shadow:inset 0 0 0 1px var(--danger-text)}@media (max-width: 720px){.profile-trade{padding:16px 14px}.tx-table{gap:6px}.tx-slot-pick{flex-direction:column;align-items:center;gap:8px;text-align:center;padding:10px 8px}.tx-slot-art{width:76px}.tx-slot-text{align-items:center;width:100%}.tx-slot-label{white-space:normal}.tx-swap{width:20px}.tx-swap svg{width:20px;height:20px}.tx-confirm{flex-direction:column;align-items:stretch}.tx-summary{flex:none}.tx-propose{width:100%}.tx-search{flex-basis:100%}.tx-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:360px}.tx-offer-body{grid-template-columns:1fr auto 1fr;gap:6px}.tx-offer-card{flex-direction:column;align-items:flex-start;gap:4px}.tx-offer-actions{width:100%}.tx-offer-actions .tx-btn{flex:1}}@media (prefers-reduced-motion: reduce){.tx-slot-art img{animation:none}}.home-friends{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:26px;box-shadow:0 2px 8px rgba(26,42,108,0.06)}.home-friends.hidden{display:none}.hf-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.hf-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--brand-text)}.hf-online-count{font-size:0.82rem;font-weight:600;color:var(--text-muted)}.hf-list{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.hf-empty{margin:2px 0;color:#707070;font-size:0.9rem}.hf-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:64px;background:none;border:none;cursor:pointer;padding:2px}.hf-avatar-wrap{position:relative;line-height:0}.hf-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #eceeff;transition:border-color 0.15s,transform 0.15s}.hf-chip:hover .hf-avatar{border-color:var(--gold);transform:translateY(-2px)}.hf-dot{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-sizing:border-box}.hf-dot.on{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,0.25)}.hf-dot.off{background:#b6bdc9}.hf-name{max-width:64px;font-size:0.74rem;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 720px){.profile-favorites{gap:22px}.profile-edit-grid{grid-template-columns:1fr}.pe-field{display:block}.pe-field label{display:block;margin-bottom:6px}.profile-head{justify-content:center;text-align:center}.profile-actions{justify-content:center;width:100%}.notif-dropdown{top:8px;left:8px;right:8px;width:auto;max-height:85vh}}.theme-toggle{font-size:1.1rem;line-height:1;padding:0}.theme-toggle:hover{background:rgba(253,187,45,0.35)}.fav-sleeve{width:100%;height:var(--fav-h);object-fit:cover;border-radius:10px;border:2px solid var(--border);box-shadow:0 4px 8px rgba(0,0,0,0.2);background:var(--brand)}.fav-sleeve-name{margin-top:10px;font-weight:bold;color:var(--brand-text)}.fav-coin{width:100%;height:var(--fav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-radius:10px;border:2px solid var(--border);background:var(--surface-2);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.fav-coin figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.fav-coin img{width:150px;max-width:70%;aspect-ratio:1;border-radius:50%;object-fit:cover;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.3))}.fav-coin figcaption{font-size:0.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.coin-pick img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}.profile-head.profile-banner{position:relative;overflow:hidden;isolation:isolate;padding:22px;margin-bottom:20px;border:none;border-radius:16px;color:#fff;background:linear-gradient(135deg,#1b1446,#2a1d5c 60%,#140f33);box-shadow:0 10px 26px rgba(0,0,0,0.22)}.profile-banner::before{content:"";position:absolute;inset:-30px;z-index:-1;background:var(--banner) center / cover no-repeat;filter:blur(22px) saturate(1.3);opacity:0.55}.profile-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,9,30,0.85),rgba(12,9,30,0.45))}.profile-banner .profile-name{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.5)}.profile-banner .profile-avatar-big{width:104px;height:104px;box-shadow:0 0 0 4px rgba(0,0,0,0.25),0 0 22px rgba(253,187,45,0.45)}.profile-banner .profile-title-badge{background:rgba(253,187,45,0.18);color:#ffd766}.profile-banner .profile-btn,.profile-banner .profile-actions .profile-btn.logout-btn{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);color:#fff}.profile-banner .profile-btn:hover,.profile-banner .profile-actions .profile-btn.logout-btn:hover{background:rgba(255,255,255,0.2);filter:none}.profile-banner .profile-actions .profile-btn:first-child{background:var(--gold);box-shadow:none;color:#2b1a00}.profile-banner .profile-actions .profile-btn:first-child:hover{filter:brightness(1.05)}.profile-banner .profile-actions .profile-btn.edit-btn{box-shadow:none}.profile-banner .profile-actions .profile-btn.friend-btn.is-friend,.profile-banner .profile-actions .profile-btn.friend-btn.is-pending{background:rgba(255,255,255,0.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);color:#fff}.profile-banner .profile-actions .profile-btn.trade-btn{background:var(--gold);box-shadow:none;color:#2b1a00}.pf-stats{margin:10px 0 0;color:rgba(255,255,255,0.75);font-size:0.92rem}.pf-stats b{color:#fff;font-variant-numeric:tabular-nums}.pf-stats .fi{width:1em;height:1em;vertical-align:-0.12em}.pf-showcase{--item-w: 190px;--item-h: 372px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:34px 46px;margin-bottom:22px;padding:34px 20px 22px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.pf-item{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;animation:fav-rise 0.5s ease both}.pf-item-sleeve{animation-delay:0.08s}.pf-item-coin{animation-delay:0.16s}.pf-stand{position:relative;width:var(--item-w);height:var(--item-h);display:grid;place-items:center}.pf-stand::after{content:"";position:absolute;bottom:-14px;left:12%;right:12%;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,0.3),transparent 70%);pointer-events:none}.pf-item figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text);text-align:center}.pf-item figcaption span{font-size:0.82rem;font-weight:700;color:var(--text-muted)}.pf-item figcaption b{font-size:0.95rem;max-width:var(--item-w)}.pf-item-fav .card,.pf-sleeve-img,.pf-facedown{width:100%;height:100%;margin:0;border-radius:12px;transition:transform 0.3s ease,box-shadow 0.3s ease}.pf-item-fav .card{transform:rotate(-4deg);box-shadow:0 14px 30px rgba(0,0,0,0.5)}.pf-item-fav .card.legendary{box-shadow:0 14px 30px rgba(0,0,0,0.5),0 0 26px rgba(255,138,31,0.55)}.pf-item-fav .card.epic{box-shadow:0 14px 30px rgba(0,0,0,0.5),0 0 22px rgba(184,77,255,0.5)}.pf-item-fav .card.special{box-shadow:0 14px 30px rgba(0,0,0,0.5),0 0 26px rgba(255,46,74,0.55)}.pf-sleeve-img{object-fit:cover;transform:rotate(4deg);box-shadow:0 14px 30px rgba(0,0,0,0.5)}.pf-item:hover .card,.pf-item:hover .pf-sleeve-img,.pf-item:hover .pf-facedown{transform:rotate(0) translateY(-6px) scale(1.03)}.pf-facedown{position:relative;display:grid;place-items:center;background-color:#1a2a6c;background-size:cover;background-position:center;transform:rotate(-4deg);box-shadow:0 14px 30px rgba(0,0,0,0.5);overflow:hidden}.pf-facedown::before{content:"";position:absolute;inset:0;background:rgba(10,8,25,0.45)}.pf-lock{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border-radius:14px;background:rgba(0,0,0,0.55);color:#fff;font-size:1.8rem}.pf-lock b{font-size:0.85rem;letter-spacing:0.5px}.pf-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:18px;border-radius:12px;border:2px dashed var(--border);color:var(--text-muted);text-align:center}.pf-item-coin .pf-stand{perspective:700px}.pf-coin{position:relative;width:150px;height:150px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform 1.25s cubic-bezier(0.2,0.8,0.25,1)}.pf-coin:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.pf-coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;overflow:hidden;box-shadow:0 0 0 3px rgba(253,187,45,0.6),0 12px 24px rgba(0,0,0,0.5)}.pf-coin-face img{width:100%;height:100%;object-fit:cover;display:block}.pf-coin-face.tails{transform:rotateY(180deg)}.pf-coin:hover .pf-coin-face{box-shadow:0 0 0 3px var(--gold),0 0 24px rgba(253,187,45,0.6),0 12px 24px rgba(0,0,0,0.5)}.pf-coin-hint{margin:-4px 0 0;font-size:0.8rem;color:var(--text-muted);min-height:1.2em}.pf-locked-panel{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;margin-bottom:22px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.pf-locked-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-size:1.6rem}.pf-locked-text{flex:1 1 260px;min-width:0}.pf-locked-text h4{margin:0 0 4px;color:var(--text)}.pf-locked-text p{margin:0;color:var(--text-muted);font-size:0.92rem}.pf-locked-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 720px){.profile-head.profile-banner{justify-content:center;text-align:center}.profile-banner .pf-stats{text-align:center}.pf-showcase{gap:28px 12px;padding:26px 8px 18px}.pf-item-fav{flex:1 0 100%}.pf-item-sleeve .pf-stand,.pf-item-coin .pf-stand{width:112px;height:220px}.pf-item-sleeve,.pf-item-coin{width:112px}.pf-item figcaption b{max-width:112px}.profile-banner .profile-badges{justify-content:center}.pf-coin-hint{text-align:center}.pf-coin{width:100px;height:100px}.pf-locked-panel{text-align:center;justify-content:center}.pf-locked-actions{justify-content:center;width:100%}}@media (prefers-reduced-motion: reduce){.pf-item,.pf-coin{animation:none}.pf-coin{transition:none}}.profile-linked{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:18px 20px;margin-bottom:22px}.la-lead{margin:6px 0 14px;color:var(--text-muted);font-size:0.92rem;line-height:1.45}.la-list{display:flex;flex-direction:column;gap:10px}.la-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.la-logo{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}.la-logo svg{width:24px;height:24px;fill:currentColor}.la-discord .la-logo{background:var(--discord)}.la-patreon .la-logo{background:var(--patreon)}.la-patreon .la-logo svg{width:20px;height:20px}.la-body{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px}.la-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 220px}.la-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}.la-name{margin:0;font-weight:700;color:var(--text);overflow-wrap:anywhere}.la-status{margin:2px 0 0;font-size:0.85rem;color:var(--text-soft);line-height:1.4}.la-tier{color:var(--patreon)}.la-actions{display:flex;flex-wrap:wrap;gap:8px}.la-btn{padding:8px 14px;font-size:0.88rem}.la-btn.discord-brand-btn{background:var(--discord);color:#fff}.la-btn.patreon-brand-btn{background:var(--patreon);color:#fff}.la-btn.la-btn-quiet{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.la-btn.la-btn-quiet:hover{background:var(--surface-3);filter:none}@media (max-width: 520px){.profile-linked{padding:16px 14px}.la-row{align-items:flex-start;padding:12px}.la-logo{width:38px;height:38px}.la-actions{width:100%}}.profile-league{display:inline-flex;align-items:center;gap:6px;margin:4px 0;color:var(--text-muted);font-size:0.85rem;font-weight:700}.profile-league b{color:var(--text)}.profile-banner .profile-league{color:#d8dcf0}.profile-banner .profile-league b{color:#fff}