/* Royal detailing; real text, buttons and art remain independent interactive elements. */
#view-deck #yourKingCard,#view-deck #spellRack,#view-social #socInvite,#view-social #gloryPanel,#view-social .socCard.soon,#passRoad .passChapter{
 border:18px solid transparent!important;border-image:url('../assets/ui/royal-panel-20260920.svg') 30 fill / 18px / 2px stretch!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none;position:relative;
}
#view-deck #yourKingCard{gap:13px;padding:4px 7px;min-height:125px;overflow:visible}
#view-deck #yourKingCard>.kingPortraitFrame{width:92px;height:92px;flex-basis:92px;border-radius:16px;border:2px solid #ffe399;box-shadow:0 0 0 2px #865d20,inset 0 0 12px #0009}
#view-deck #yourKingCard::after{content:'◆';top:-28px;left:calc(50% - 17px);right:auto;width:34px;height:34px;text-align:center;line-height:32px;font-size:24px;color:#52dfff;text-shadow:0 2px #08537a,-2px 0 #ffe894,2px 0 #ffe894;background:linear-gradient(135deg,#ffeb9a,#a86c20);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
#view-deck #yourKingCard .t1{font-family:'Lilita One';font-size:clamp(22px,6vw,31px);color:#ffe288}
#view-deck #yourKingCard .tag{border:1px solid #edc264;box-shadow:inset 0 0 0 2px #b58a3740;border-radius:7px;background:linear-gradient(#26374e,#101a2b)}
#view-deck #spellRack{padding:3px 4px 10px;gap:14px;margin:14px 0 5px;justify-content:space-evenly;overflow:visible}
#view-deck #spellRack .srSlot{width:72px;height:72px;border-radius:50%;border:3px solid #dac1fa;background-color:#0b1324;box-shadow:0 0 0 2px #65417e,inset 0 0 0 2px #fff5}
#view-deck #spellRack .srSlot .nm{font-size:10px}
#view-deck #deckDepts{border-top:2px solid #d0a752;border-bottom:2px solid #9c7536;box-shadow:inset 0 1px #fff2b9,inset 0 -1px #fff2b955;background:linear-gradient(120deg,#16243cf2,#0b1528f5)}
#deckDepts button.on{border-color:#ffe6a0;box-shadow:inset 0 0 0 2px #bc8b37,0 0 10px #f6c75f55}
/* Long full-art offer cards; the fourth waits behind the visible fan. */
#shopFeature.royalFan{height:390px;margin:6px -6px 12px;touch-action:pan-y;perspective:1000px;overflow:hidden;background:none}
#shopFeature.royalFan::after{display:none}
#view-shop #shopFeature .fanCard{left:23%;top:19px;width:54%;height:342px!important;padding:0 15px 22px;transform-origin:50% 86%;transition:transform .34s cubic-bezier(.2,.75,.2,1),opacity .25s;will-change:auto}
#view-shop #shopFeature .fanMain{transform:translateX(0) rotateY(0) scale(1);z-index:4;opacity:1}
#view-shop #shopFeature .fanLeft{left:23%;transform:translateX(-45%) rotate(-10deg) rotateY(14deg) scale(.83);z-index:2;opacity:1}
#view-shop #shopFeature .fanRight{left:23%;transform:translateX(45%) rotate(10deg) rotateY(-14deg) scale(.83);z-index:2;opacity:1}
#view-shop #shopFeature .fanBack{left:23%;transform:translateY(-10px) scale(.65);z-index:0;opacity:0;pointer-events:none}
#view-shop #shopFeature .fanCard .face{background-size:auto 108%;background-position:center 15%}
#view-shop #shopFeature .fanMain .t{font-size:30px}#view-shop #shopFeature .fanMain .sub{font-size:9px}
#view-shop #shopFeature .fanCard .fanTag{display:none}#view-shop #shopFeature .fanMain .fanTag{display:block}
#shopFeature .fanPager{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:3px;z-index:6}
#shopFeature .fanPager button{width:28px;height:24px;padding:0;border:0;background:none;cursor:pointer}
#shopFeature .fanPager button::after{content:'';display:block;margin:auto;width:8px;height:8px;transform:rotate(45deg);background:#42536b;border:1px solid #b89a54}
#shopFeature .fanPager button[aria-current=true]::after{background:#ffe596;box-shadow:0 0 7px #ffe38a}
/* Suit stands behind its title. No enclosing portrait frame. */
#view-events #suitFinale{height:290px;margin:0 0 8px;border:0;background:none;box-shadow:none}
#view-events #suitFinale .art{height:265px;width:310px;top:-10px;mask-image:linear-gradient(#000 72%,transparent 96%)}
#view-events #suitFinale .cap{bottom:0;padding:8px 22px 4px;background:linear-gradient(transparent,#101a2ccd 40%,#101a2c00);isolation:isolate}
#view-events #suitFinale .cap .a{display:inline-block;padding:4px 9px;border:1px solid #d2a33d;border-radius:3px;background:#0e1d30;font-size:9px;letter-spacing:1px;box-shadow:0 0 0 2px #4c3a1e}
#view-events #suitFinale .cap .b{font-size:clamp(32px,10vw,46px);letter-spacing:1px;line-height:1.05;margin:4px 0;color:#fff3d4;text-shadow:0 2px 1px #624418,0 0 12px #e3bb5c70}
#view-events #suitFinale .cap .c{font-family:'Lilita One';font-size:12px;color:#ffe39a}
#suitFinale .summitLaurel{position:absolute;width:38px;height:86px;bottom:8px;z-index:-1;object-fit:contain;pointer-events:none}
#suitFinale .summitLaurel.left{left:-2px;transform:rotate(-16deg)}#suitFinale .summitLaurel.right{right:-2px;transform:scaleX(-1) rotate(-16deg)}
#passRoad .passChapter{padding:0 0 3px;margin-bottom:14px;border-width:12px!important;border-image-width:12px!important}
#passRoad .chapterHeading{padding-left:12px;margin-bottom:6px}
#passRoad .chapterHeading h3{font-family:'Lilita One';font-size:20px;letter-spacing:.5px;color:#fff2cd}
#passRoad .chapterHeading small{font-size:9px;color:#9edcff}
#passRoad .chapterRewards{gap:7px}
#passRoad .chapterRewards>div{border-radius:10px;padding:4px;background:linear-gradient(130deg,#253448,#111a2a);border:1px solid #778ba2}
#passRoad .chapterRewards>.premiumLane{border:2px solid #ffe094;background:radial-gradient(ellipse at 50% 0,#755627,#2d231c 90%);box-shadow:inset 0 0 0 1px #916127,0 0 7px #ffc96465}
#passRoad .chapterRewards .prw{gap:4px;padding:0;min-height:0}
#passRoad .chapterRewards .prw>img{width:52px;height:52px;border:0;border-radius:0;box-shadow:none;background:none;margin:0}
#passRoad .prw .t{font-family:'Lilita One';font-size:11px;line-height:1.2}
#passRoad .chapterRewards .prw>.col{min-height:32px;padding:7px 3px;font-size:10px;border-radius:7px}
#passRoad .stn{left:-30px;top:10px}
/* Social details, with functional share/copy controls and honest coming-soon labels. */
#view-social #socInvite{padding:4px 2px 8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#socInvite .inviteArt{position:absolute;left:0;top:2px;width:64px;height:60px;object-fit:contain;pointer-events:none}
#view-social #socInvite .t1,#view-social #socInvite .t2{grid-column:1/-1;padding-left:67px;margin:0}
#view-social #socInvite .t1{font-size:23px;line-height:1.1;color:#ffe391}
#view-social #socInvite .t2{font-size:11px;min-height:30px}
#view-social #socInvite button{position:static;width:100%;margin:0;min-height:42px;padding:8px 5px;font:14px 'Lilita One';border-radius:9px;border:2px solid #ffe59c;box-shadow:inset 0 0 0 1px #a9762b,0 3px #694718}
#view-social #socInvite #socCopy{background:linear-gradient(#283850,#121e34);color:#ecf0ff;border-color:#d4b477}
#view-social #gloryPanel{padding:0 2px 6px}
#view-social #gloryPanel .dHead{margin-top:2px!important}
#view-social .socRow{border-radius:5px;border:1px solid #8495af;box-shadow:inset 0 0 0 2px #53698450;background:linear-gradient(110deg,#22354d,#0d192c);padding:7px}
#view-social .socRow.me{border:2px solid #ffe28b;background:linear-gradient(110deg,#a17827,#483713);box-shadow:inset 0 0 0 2px #f5ce6750,0 0 8px #dfae4155}
#view-social .socCard.soon{padding:3px 67px 8px 59px;min-height:87px;margin-top:12px}
#view-social .socCard.soon::before{left:-5px;top:2px;width:60px;height:65px;background-size:contain;background-repeat:no-repeat}
#view-social .royalEvent::before{background-image:url('../assets/ui/icon-events.webp')}
#view-social .royalClans::before{background-image:url('../assets/ui/royal-clans-20260920.svg')}
#view-social .socCard.soon::after{right:-3px;top:5px;font-size:9px;width:63px;border:1px solid #8693ab;border-radius:5px;padding:6px 2px}
#view-social .socCard.soon .t1{font-size:19px;color:#ffe399}#view-social .socCard.soon .t2{font-size:11px}
@media(max-width:360px){#view-deck #yourKingCard>.kingPortraitFrame{width:76px;height:76px;flex-basis:76px}#view-deck #yourKingCard .t1{font-size:22px}#view-deck #spellRack{gap:8px}#view-deck #spellRack .srSlot{width:60px;height:60px}#shopFeature.royalFan{height:360px}#view-shop #shopFeature .fanCard{height:315px!important}#view-social #socInvite .t1{font-size:19px}#passRoad .chapterHeading h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){#view-shop #shopFeature .fanCard{transition:none}}

#view-deck #yourKingCard::after{content:'';background:url('../assets/ui/royal-crest-20260920.svg') center/contain no-repeat;clip-path:none;width:88px;height:42px;left:calc(50% - 44px);top:-35px}
#view-shop #shopFeature .fanLeft .t,#view-shop #shopFeature .fanLeft .sub{margin-left:12px;margin-right:auto;max-width:70%;text-align:left}
#view-shop #shopFeature .fanRight .t,#view-shop #shopFeature .fanRight .sub{margin-right:12px;margin-left:auto;max-width:70%;text-align:right}
#view-social #socInvite .t2{max-width:none}
#view-social #socInvite button svg{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#view-social .socCard.soon::before{mask-image:none;background-position:center}
#view-social .socCard.soon.royalEvent::before{background-image:url('../assets/ui/icon-events.webp')}
#view-social .socCard.soon.royalClans::before{background-image:url('../assets/ui/royal-clans-20260920.svg')}
#view-social .socRow .rk{width:24px;height:30px;text-align:center;line-height:30px;background:linear-gradient(140deg,#35465c,#0f1b2b);border:1px solid #a4b2c6;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
#view-social .socRow.me .rk{background:linear-gradient(#fce28a,#977024);border-color:#fff1a3;color:#201a0e}

/* Illustrated assets generated from the approved references. Text and controls stay live. */
#view-deck #yourKingCard,#view-deck #spellRack,#view-social #socInvite,#view-social #gloryPanel,#view-social .socCard.soon,#passRoad .passChapter{border:0!important;border-image:none!important;background:none!important;isolation:isolate}
#view-deck #yourKingCard::before,#view-deck #spellRack::before,#view-social #socInvite::before,#view-social #gloryPanel::before,#passRoad .passChapter::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:1;mask-image:none}
#view-deck #yourKingCard{min-height:170px;padding:44px 16% 31px;gap:10px;margin-top:4px}
#view-deck #yourKingCard::before{background-image:url('../assets/ui/painted-king-20260920.webp')}
#view-deck #yourKingCard::after{display:none}
#view-deck #yourKingCard>.kingPortraitFrame{width:80px;height:80px;flex-basis:80px;border-radius:14px}
#view-deck #yourKingCard .t1{font-size:clamp(18px,5.5vw,28px);line-height:1.06;text-shadow:0 2px 1px #543814;margin-bottom:8px}
#view-deck #yourKingCard .tag{font-size:10px;letter-spacing:.6px;padding:4px 6px}
#view-deck #spellRack{padding:24px 10% 29px;min-height:142px;gap:12px}
#view-deck #spellRack::before{background-image:url('../assets/ui/painted-spells-20260920.webp')}
#view-deck #spellRack .srSlot{width:67px;height:67px;flex-shrink:0}
#view-deck #spellRack .srSlot .nm{font-size:9px;white-space:normal;width:90px;left:50%;transform:translateX(-50%)}
#view-social #socInvite{padding:35px 18px 23px;margin-top:15px;gap:10px}
#view-social #socInvite::before{background-image:url('../assets/ui/painted-friend-20260920.webp')}
#socInvite .inviteArt{left:13px;top:29px;width:78px;height:70px}
#view-social #socInvite .t1,#view-social #socInvite .t2{padding-left:75px}
#view-social #socInvite .t1{font-size:25px}
#view-social #socInvite .t2{font-size:11px;line-height:1.35;min-height:32px}
#view-social #gloryPanel{padding:65px 10% 30px;margin-top:12px}
#view-social #gloryPanel::before{background-image:url('../assets/ui/painted-glory-20260920.webp')}
#view-social #gloryPanel .dTitle{font-size:27px;letter-spacing:1px}
#view-social #gloryPanel .dSub{font-size:7px;letter-spacing:1px}
#view-social .socRow{padding:6px;gap:5px}
#view-social .socRow .nm{font-size:13px}
#view-social .socCard.soon{background:url('../assets/ui/painted-pass-20260920.webp') center/100% 100% no-repeat!important;padding:23px 79px 24px 81px;min-height:122px;margin-top:8px}
#view-social .socCard.soon::before{left:6px;top:22px;width:75px;height:80px;background-size:contain;pointer-events:none}
#view-social .socCard.soon.royalEvent::before{background-image:url('../assets/ui/painted-events-20260920.webp')}
#view-social .socCard.soon.royalClans::before{background-image:url('../assets/ui/painted-clans-20260920.webp')}
#view-social .socCard.soon::after{right:10px;top:28px;width:62px;font-size:9px}
#passRoad .passChapter{padding:24px 13px 24px!important;margin-bottom:6px}
#passRoad .passChapter::before{background-image:url('../assets/ui/painted-pass-20260920.webp')}
#passRoad .chapterHeading{padding-left:4px;margin-bottom:8px}
#passRoad .chapterRewards>div{border:0;box-shadow:none;background:url('../assets/ui/painted-dark-button-20260920.webp') center/100% 100% no-repeat;padding:12px 7px}
#passRoad .chapterRewards>.premiumLane{border:0;box-shadow:none;background:url('../assets/ui/painted-friend-20260920.webp') center/100% 100% no-repeat;padding:14px 8px}
#suitFinale .summitLaurel{width:39px;height:75px;bottom:6px}
#suitFinale .summitLaurel.left{left:0;transform:rotate(-12deg)}
#suitFinale .summitLaurel.right{right:0;transform:scaleX(-1) rotate(-12deg)}
#view-events #suitFinale .cap .a{border:0;box-shadow:none;background:url('../assets/ui/painted-dark-button-20260920.webp') center/100% 100% no-repeat;padding:7px 15px}
#view-social #socInvite button,#view-social #socInvite #socCopy{border:0;box-shadow:none;border-radius:0;background:url('../assets/ui/painted-gold-button-20260920.webp') center/100% 100% no-repeat;min-height:48px;padding:12px 7px;font-size:13px;color:#251a0b}
#view-social #socInvite #socCopy{background-image:url('../assets/ui/painted-dark-button-20260920.webp');color:#f4f2f2}
#view-social #socInvite button:active{filter:brightness(.88)}
@media(max-width:360px){
 #view-deck #yourKingCard{min-height:151px;padding-top:39px;padding-bottom:27px;gap:7px}
 #view-deck #yourKingCard>.kingPortraitFrame{width:66px;height:66px;flex-basis:66px}
 #view-deck #yourKingCard .t1{font-size:19px}
 #view-deck #yourKingCard .tag{font-size:8px}
 #view-deck #spellRack .srSlot{width:54px;height:54px}
 #view-deck #spellRack{padding:23px 10% 30px;gap:10px;min-height:129px}
 #view-deck #spellRack .srSlot .nm{font-size:8px;width:74px}
 #view-social #socInvite{padding-left:14px;padding-right:14px}
 #view-social #socInvite .t1{font-size:21px}
 #view-social #socInvite .t1,#view-social #socInvite .t2{padding-left:66px}
 #socInvite .inviteArt{width:67px;left:9px}
 #view-social #socInvite button{font-size:11px}
 #view-social #gloryPanel .dTitle{font-size:23px}
 #view-social .socCard.soon{padding-left:67px;padding-right:73px}
 #view-social .socCard.soon::before{width:61px}
 #view-social .socCard.soon .t1{font-size:17px}
}
/* Keep the live content inside the painted inner bounds (transparent art margins excluded). */
#passRoad .passChapter::before{background-size:100% 140%}
#passRoad .chapterRewards>.premiumLane{background-image:url('../assets/ui/painted-dark-button-20260920.webp');padding:12px 7px}
#passRoad .chapterRewards>div{background-size:100% 139%}
#view-social #gloryPanel{padding-top:98px}
/* Nine-slice the painted rims so tall rewards never stretch the corner artwork. */
#passRoad .passChapter{border:16px solid transparent!important;border-image:url('../assets/ui/painted-pass-20260920.webp') 180 150 180 150 fill / 16px / 0 stretch!important;padding:2px 0 4px!important;margin-bottom:14px}
#passRoad .passChapter::before{display:none}
#passRoad .chapterRewards>div,#passRoad .chapterRewards>.premiumLane{border:10px solid transparent;border-image:url('../assets/ui/painted-dark-button-20260920.webp') 210 230 210 230 fill / 10px / 0 stretch;background:none;padding:3px 1px;align-self:stretch}
#passRoad .chapterRewards>.premiumLane{filter:drop-shadow(0 0 3px #e7af4b80)}
#view-social .socRow{border:0;box-shadow:none;background:url('../assets/ui/painted-dark-button-20260920.webp') center/100% 145% no-repeat;padding:8px 10px}
#view-social .socRow.me{border:0;box-shadow:none;background-image:url('../assets/ui/painted-gold-button-20260920.webp');background-size:100% 118%;color:#231907}
#view-social .socRow.me .who,#view-social .socRow.me .score{color:#231907;text-shadow:none}
#view-social #socInvite #socShare{background:url('../assets/ui/painted-gold-button-20260920.webp') center/100% 100% no-repeat;box-shadow:none;border:0}
#view-social #socInvite{padding-top:45px}
#view-social #socInvite .inviteArt{top:39px}

/* Navigation is a plain interactive bar; decorations never own its hit area. */
#nav{z-index:5;border:0;border-radius:0;isolation:auto;background:linear-gradient(180deg,#232c47,#141a2c 30%,#0b0f1c);box-shadow:none}
#nav::after{display:none!important;content:none!important;pointer-events:none!important}
#nav .tab{min-height:48px;touch-action:manipulation;pointer-events:auto}
#nav .tab>*{pointer-events:none}

/* Reference layout: understated pass lanes, generous inner text bounds. */
#passRoad .passChapter{padding:4px 6px 7px!important;border-image-width:12px!important}
#passRoad .chapterHeading{padding-left:5px;padding-right:4px;margin-bottom:9px}
#passRoad .chapterHeading h3{font-size:clamp(17px,4.8vw,22px);line-height:1.12;overflow-wrap:anywhere}
#passRoad .chapterRewards{gap:8px;align-items:stretch}
#passRoad .chapterRewards>div,#passRoad .chapterRewards>.premiumLane{border-image:none!important;border:1px solid #7f8b9b;border-radius:13px;background:linear-gradient(135deg,#263346,#101826);padding:7px 6px 8px;box-shadow:inset 0 1px 2px #ffffff20,0 2px 4px #0005;filter:none}
#passRoad .chapterRewards>.premiumLane{border:2px solid #ffdc86;background:radial-gradient(ellipse at 50% 10%,#745323,#2b211c 85%);box-shadow:inset 0 0 0 1px #986b2c,0 0 7px #ffca6560;padding:6px 5px 7px}
#passRoad .laneLabel{line-height:1.2;margin:0 0 6px;font-size:11px}
#passRoad .prw>img{width:54px;height:54px;flex-shrink:0}
#passRoad .prw .t{font-size:11px;line-height:1.25;min-height:28px;width:100%;overflow-wrap:anywhere}
#passRoad .prw .col{position:static;width:100%;min-height:32px;line-height:1.2;margin-top:5px;padding:7px 3px}
#passRoad .chapterBonus{margin-top:9px}
#view-social .socCard.soon{padding:28px 20px 23px 83px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:6px;align-items:start;background-size:100% 139%!important}
#view-social .socCard.soon .t1{grid-column:1;grid-row:1;font-size:17px;line-height:1.15;margin:0;overflow-wrap:anywhere}
#view-social .socCard.soon .t2{grid-column:1/-1;grid-row:2;line-height:1.4;margin:0;min-width:0}
#view-social .socCard.soon::after{position:static;grid-column:2;grid-row:1;align-self:start;width:62px;margin:0;padding:5px 2px;font-size:8px;line-height:1.15;box-sizing:border-box}
#view-social .socCard.soon::before{top:23px;left:8px;width:66px;height:73px}
#view-social .socCard.soon.royalScan{padding-left:22px}
#view-social .socCard.soon.royalScan::before{display:none;background:none;content:none}
#view-social #socInvite .t1{font-size:clamp(19px,5.4vw,25px);line-height:1.2;overflow-wrap:anywhere}
#view-social #socInvite .t2{line-height:1.4}
#view-social #socInvite button{min-width:0;white-space:normal;line-height:1.15}
#view-social #gloryPanel .dTitle{line-height:1.15;overflow-wrap:anywhere}
#view-deck #yourKingCard>div:not(.kingPortraitFrame){min-width:0}
#view-deck #yourKingCard .t1{overflow-wrap:anywhere}
@media(max-width:360px){
 #view-social .socCard.soon{padding-left:69px;padding-right:16px;column-gap:5px}
 #view-social .socCard.soon::before{width:55px;left:7px}
 #view-social .socCard.soon .t1{font-size:15px}
 #view-social .socCard.soon::after{width:55px;font-size:7px}
 #view-social .socCard.soon.royalScan{padding-left:20px}
 #passRoad .chapterRewards{gap:6px}
 #passRoad .chapterRewards>div,#passRoad .chapterRewards>.premiumLane{padding-left:4px;padding-right:4px}
}
/* Sky Pass has its own quiet panel language, as in the supplied reference. */
#passRoad .passChapter{border:1px solid #d8b35f!important;border-image:none!important;border-radius:14px!important;padding:10px 9px 11px!important;background:radial-gradient(ellipse at 100% 100%,#42316788,transparent 45%),linear-gradient(135deg,#26354f,#101b30 75%)!important;box-shadow:inset 0 0 0 2px #6ca9cc38,inset 0 0 0 4px #0b152d88,0 3px 6px #0004!important}
#passRoad .chapterHeading{padding-left:9px}
#passRoad .prw>img{width:50px;height:50px}

/* Painted row bevels occupy real space: keep all live text in the inset. */
#view-social .socRow,#view-social .socRow.me{
 display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;
 box-sizing:border-box;min-height:48px;padding:9px 7%;gap:6px;
}
#view-social .socRow .rk{box-sizing:border-box;width:24px;margin:0}
#view-social .socRow .nm{min-width:0;overflow-wrap:anywhere;line-height:1.2}
#view-social .socRow .tr{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin:0;min-width:0;font-variant-numeric:tabular-nums;font-size:clamp(12px,3.7vw,15px)}
#view-social .socRow .tr img{flex:0 0 16px;width:16px;height:18px;object-fit:contain;margin:0}
#view-social .socRow.me .nm,#view-social .socRow.me .tr{color:#251903;text-shadow:none}
#view-social #gloryPanel{padding-bottom:48px}
/* Keep all three balances on the smallest supported phone width. */
@media(max-width:360px){
 #top{gap:4px;padding-left:6px;padding-right:6px}
 #top #who{min-width:0;flex:1 1 auto}
 #top #who .lv{font-size:8px;letter-spacing:.3px;padding:3px 5px;white-space:nowrap}
 #top .pill{padding:5px 4px;font-size:11px;gap:2px;letter-spacing:0}
 #top #badge{width:35px;height:35px}
}