/* Compact action deck: active controls and permanent entitlements are distinct. */
#profile-feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:45;width:max-content;max-width:min(620px,calc(100vw - 36px));padding:11px 17px;border:1px solid var(--mw-accent);border-radius:8px;background:#102019f5;box-shadow:0 8px 35px #0008;color:var(--mw-light);font-size:12px;pointer-events:none}
.profile-nutrients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:0}
.profile-character-foot .profile-nutrient{--vital-color:#cda2ff;--vital-dark:#8654c3;min-width:0;padding:5px 7px;text-align:left;background:#101b1590;border-color:color-mix(in srgb,var(--vital-color) 25%,transparent)}
.profile-nutrient[data-nutrient=beta]{--vital-color:#ffe192;--vital-dark:#ad852f}.profile-nutrient[data-nutrient=gamma]{--vital-color:#8ce6c9;--vital-dark:#398c78}
.profile-nutrient>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:4px}.profile-nutrient b{color:var(--vital-color);font-size:15px}.profile-nutrient b small{font-size:9px;font-weight:400;color:#b6c2af}.profile-nutrient strong{font-size:12px;color:var(--vital-color)}
.profile-nutrient .profile-meter{display:block;margin:4px 0;height:4px}.profile-nutrient>small{font-size:9px;color:var(--vital-color)}
.profile-meter i{transition:width .28s ease-out}.profile-character-foot .profile-park{margin-left:auto;flex-shrink:0}
.ability-receive-link,.receive-balance button{color:var(--mw-light);background:#0d1a12;border:1px solid color-mix(in srgb,var(--mw-accent) 45%,transparent);padding:8px 11px;border-radius:6px;font-size:11px}
#profile-panel-features .sub-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
#profile-panel-features .sub-section-heading p{margin:5px 0 0;font-size:11px}.sub-tool-search input{max-height:34px}

/* Every tier is a visible section. Card geometry and illumination share one grid. */
.ability-sections{display:grid;gap:8px}
.ability-section{display:grid;grid-template-columns:155px minmax(0,1fr);gap:14px;align-items:center;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ability-accent) 18%,#1c2920);border-radius:9px;background:linear-gradient(100deg,color-mix(in srgb,var(--ability-accent) 4%,#101912),#0b1510c9);position:relative}
.ability-section.is-current{border-color:color-mix(in srgb,var(--ability-accent) 42%,#1d2b1f);box-shadow:inset 3px 0 color-mix(in srgb,var(--ability-accent) 75%,transparent)}
.ability-tier-heading{display:flex;align-items:center;gap:9px;min-width:0;padding-right:8px}
.ability-tier-heading>img{width:36px;height:43px;object-fit:contain;flex:none}.ability-tier-heading>div{min-width:0}.ability-tier-heading span{display:block;font-size:7px;letter-spacing:.09em;color:#8c9e88}.ability-tier-heading h3{font-size:14px;line-height:1.2;margin:4px 0;color:var(--ability-color);font-weight:600;overflow-wrap:anywhere}.ability-tier-heading small{font-size:9px;color:#95a48c}.is-current .ability-tier-heading>div>span{color:var(--ability-color)}
.ability-free-mark{display:grid!important;place-items:center;width:36px;height:43px;flex:none;color:#a5b5a0!important}.ability-free-mark svg{width:23px;height:23px}
.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.ability-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;min-width:0;min-height:68px;padding:9px 24px 9px 12px;overflow:hidden;text-align:left;border:1px solid color-mix(in srgb,var(--ability-accent) 24%,#253027);border-radius:7px;background:linear-gradient(155deg,color-mix(in srgb,var(--ability-accent) 6%,#162019),#0d1812);color:#edf0e4;box-shadow:inset 0 1px #edf6df06;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.ability-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ability-color) 5%,transparent),transparent 65%);opacity:.5}
.ability-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:36%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--ability-color) 8%,transparent),transparent);transform:translateX(-120%);opacity:0}
.ability-card.is-special{border-color:color-mix(in srgb,var(--ability-accent) 45%,#293329);background:linear-gradient(155deg,color-mix(in srgb,var(--ability-accent) 11%,#17211a),#101b14);box-shadow:inset 0 1px color-mix(in srgb,var(--ability-color) 14%,transparent)}
.ability-card.is-special::after{animation:ability-sheen 12s ease-in-out infinite}
.ability-copy{display:flex;flex:1;flex-direction:column;justify-content:center;gap:5px;min-width:0}.ability-copy strong{font-size:13px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.ability-copy>small{font-size:10px;line-height:1.4;color:#adbaa3}
.ability-art{display:grid;place-items:center;position:relative;flex:none;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--ability-accent) 36%,#2a352b);border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--ability-accent) 13%,#17231a),#101c14);color:var(--ability-color);box-shadow:inset 0 1px #ffffff0b}
.ability-art .ability-symbol{display:block;width:26px;height:26px;overflow:visible;flex:none;transform:none;filter:none}
.ability-arrow{position:absolute;right:9px;bottom:11px;width:12px;height:12px;color:var(--ability-color);opacity:.55;transition:transform .2s,opacity .2s}
.ability-card[data-ability-kind=glitch]{background:linear-gradient(155deg,#332035,#16201c);border-color:color-mix(in srgb,var(--ability-accent) 52%,#2b2633)}
.ability-card[data-ability-kind=glitch]::before{inset:0 9px auto;height:1px;background:linear-gradient(90deg,transparent,#ed8fea 30%,#92d7df 70%,transparent);opacity:.55;animation:ability-glitch-edge 7s steps(1) infinite}
.ability-card[data-ability-kind=glitch] .ability-art{border-color:#bd71c06b;background:linear-gradient(145deg,#33243d,#14211d);box-shadow:inset 1px 0 #e87ce82b,inset -1px 0 #9bdadd26}
.ability-card[data-ability-kind=studio] .ability-art{background:linear-gradient(145deg,#3a3042,#1b2820);border-color:color-mix(in srgb,var(--ability-accent) 42%,#263b2e)}
.ability-passives{display:grid;grid-template-columns:.8fr repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #afc29722;border-radius:7px;background:#102017a6}
.ability-passives:has([data-passive=server]){grid-template-columns:.7fr repeat(4,minmax(0,1fr))}.ability-passives>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:4px}.ability-passives b{font-size:12px;font-weight:500;color:#d1ddc5}.ability-passives small{display:block;font-size:10px;color:#98ac90;line-height:1.4}
.ability-passive{display:flex;align-items:center;gap:8px;min-width:0}.ability-passive svg{width:21px;height:21px;color:var(--mw-light);opacity:.7;flex:none}.ability-passive span{display:flex;flex-direction:column;gap:3px}
.profile-receive-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.receive-balance{display:flex;gap:10px;align-items:center}.receive-balance strong{font-size:24px;color:var(--mw-light)}.receive-balance strong small{font-size:13px;color:#90a78c}.receive-balance>span{font-size:10px;color:#acbca3;max-width:74px;line-height:1.3}
.receive-search{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#b6c9ab;margin-bottom:12px}.receive-search input{width:230px;max-width:45%;font-size:12px;padding:8px 10px}
.receive-species-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.receive-species-grid button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:7px 5px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--mw-accent) 9%,transparent),transparent 70%),#09150e;transition:background .2s,border-color .2s,transform .2s}
.receive-species-grid img{width:100%;height:96px;object-fit:contain;transition:transform .25s}.receive-species-grid b{font-weight:500;font-size:12px;color:#d7e2cb}.receive-species-grid button>span{font-size:7px;letter-spacing:.07em;color:var(--mw-light)}.receive-species-grid button[aria-pressed=true]{border-color:var(--mw-light);background:color-mix(in srgb,var(--mw-accent) 14%,#0e1912);box-shadow:inset 0 0 18px color-mix(in srgb,var(--mw-accent) 9%,transparent)}
.receive-selection{text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.receive-art{height:146px;background:radial-gradient(ellipse,color-mix(in srgb,var(--mw-accent) 13%,transparent),transparent 70%)}.receive-art img{width:100%;height:100%;object-fit:contain}.receive-selection h3{font-size:21px;margin:4px 0 12px;color:var(--mw-light)}.receive-traits{display:flex;justify-content:center;gap:7px}.receive-traits span{border:1px solid #b8d3a722;border-radius:5px;padding:6px;font-size:9px;color:#a9bd9e;flex:1}.receive-traits b{display:block;font-size:12px;color:#d8e8cd}.receive-selection p{font-size:11px;line-height:1.5;color:#a6bc9b;margin:12px 0}.receive-selection>small{font-size:10px;color:#a2b795;margin-top:8px;line-height:1.4}
.receive-selection .receive-submit{background:linear-gradient(110deg,var(--mw-accent),var(--mw-light));color:#0b160e;font-weight:600;min-height:40px;border:0}.receive-submit:disabled{opacity:.45;cursor:default}.receive-selection .receive-inventory-link{background:none;border:0;font-size:10px;margin-top:7px;padding:5px}
@media(hover:hover){.ability-card:hover{transform:translateY(-1px);border-color:var(--ability-color);box-shadow:inset 0 1px color-mix(in srgb,var(--ability-color) 22%,transparent),0 4px 12px #0003}.ability-card:hover .ability-arrow{transform:translate(1px,-1px);opacity:1}.ability-card:not(.is-special):hover::after{animation:ability-hover-sheen .7s ease-out}.receive-species-grid button:hover img{transform:translateY(-2px) scale(1.04)}.profile-nutrient:not([aria-disabled=true]):hover{border-color:var(--vital-color)}}
@keyframes ability-sheen{0%,65%{transform:translateX(-120%);opacity:0}70%{opacity:.65}88%,100%{transform:translateX(380%);opacity:0}}
@keyframes ability-hover-sheen{0%{transform:translateX(-120%);opacity:0}20%{opacity:.8}100%{transform:translateX(380%);opacity:0}}
@keyframes ability-glitch-edge{0%,90%,100%{transform:translateX(0);opacity:.55}92%{transform:translateX(-3px);opacity:.8}94%{transform:translateX(3px);opacity:.35}96%{transform:translateX(0);opacity:.7}}
html[data-mw-motion=off] .ability-card::before,html[data-mw-motion=off] .ability-card::after,html.mw-perf91-hidden .ability-card::before,html.mw-perf91-hidden .ability-card::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.ability-card::before,.ability-card::after{animation:none!important}}
@media(min-width:1700px){.ability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ability-section{grid-template-columns:170px minmax(0,1fr)}.ability-copy strong{font-size:14px}}
@media(min-width:1550px){.profile-receive-layout{grid-template-columns:minmax(0,1fr) 370px}.receive-species-grid img{height:140px}.receive-art{height:195px}}
@media(max-height:850px) and (min-width:1151px){#subscription-view{padding-bottom:10px}.ability-section{padding:8px 10px;gap:10px}.ability-card{min-height:68px;padding:9px 23px 9px 10px}.ability-passives{padding:9px 12px;margin-top:10px}.profile-nutrient b small{display:none}.receive-species-grid img{height:82px}.receive-art{height:132px}}
@media(max-width:1150px){.ability-section{grid-template-columns:135px minmax(0,1fr);gap:10px}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-tier-heading{gap:6px}.ability-tier-heading>img{width:31px}.ability-passives,.ability-passives:has([data-passive=server]){grid-template-columns:repeat(2,minmax(0,1fr))}.profile-receive-layout{grid-template-columns:minmax(0,1fr) 265px}.receive-species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.receive-species-grid img{height:84px}.receive-search{flex-wrap:wrap}.receive-search input{width:100%;max-width:100%}}
@media(max-width:760px){.ability-section{grid-template-columns:1fr;gap:10px;padding:12px}.ability-tier-heading{padding:0;gap:9px}.ability-tier-heading>img,.ability-free-mark{width:32px;height:36px}.ability-tier-heading>div{flex:1;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.ability-tier-heading>div>span{grid-column:1}.ability-tier-heading h3{grid-row:2;margin:0;font-size:15px}.ability-tier-heading small{grid-column:2;grid-row:1/3;align-self:center;font-size:10px}.ability-grid{grid-template-columns:1fr}.ability-card{min-height:78px;padding:11px 24px 11px 11px;gap:11px}.ability-copy strong{font-size:14px}.ability-copy>small{font-size:11px}.ability-art{width:42px;height:42px}.ability-art .ability-symbol{width:26px;height:26px}.ability-receive-link{display:none}.ability-passives,.ability-passives:has([data-passive=server]){gap:12px;padding:12px}.ability-passives>div:first-child{grid-column:1/-1}.ability-passives b{font-size:11px}.profile-nutrients{flex-basis:100%}.profile-character-foot .profile-park{width:100%;grid-template-columns:20px 1fr}.profile-receive-layout{grid-template-columns:1fr}.receive-species-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.receive-species-grid b{font-size:10px;overflow-wrap:anywhere}.receive-species-grid img{height:76px}.receive-art{height:140px}.receive-balance>span{max-width:70px}.receive-balance strong{font-size:21px}.receive-balance button{font-size:10px}.profile-nutrient b small{display:none}}
@media(max-width:380px){.ability-section{padding:10px}.ability-art{width:36px;height:36px}.ability-art .ability-symbol{width:24px;height:24px}.receive-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-passives,.ability-passives:has([data-passive=server]){grid-template-columns:1fr}}

