/* Original PHPRetro personal component restored from me.php and personal.css.
   Keep the native source sprites at 1x; no emoji replacements or scaled avatar art. */
#new-personal-info{width:450px;box-sizing:border-box;margin:0 0 8px;padding-top:143px;border-radius:6px;overflow:hidden;background-position:left top;background-repeat:no-repeat;background-color:#7b7b71}
#new-personal-info .enter-hotel-btn{top:15px;right:40px;padding:28px 0;z-index:3}
#new-personal-info .enter-btn{height:49px;display:flex;align-items:start}
#new-personal-info .enter-btn a{box-sizing:border-box;font:bold 14px/47px Verdana,Arial,sans-serif;float:none;height:49px;padding:0 30px 0 19px;color:#fff;text-shadow:none;text-decoration:none}
#new-personal-info .enter-btn b{float:none;flex:none}
#new-personal-info .enter-btn a i{box-sizing:content-box}
#new-personal-info #habbo-plate{left:15px;top:48px;width:96px;height:138px;z-index:2}
#new-personal-info #habbo-plate>a{display:block;text-align:center;width:96px;height:138px}
#new-personal-info #habbo-plate img{display:inline-block;width:64px;height:110px;max-width:none;object-fit:contain;image-rendering:pixelated}
#new-personal-info #habbo-info{padding-top:10px}
#new-personal-info #motto-container{box-sizing:content-box;width:323px;height:18px;padding:2px 3px 4px;background-position:0 0}
#new-personal-info #motto-container strong{padding:0 10px;font-size:11px;line-height:18px}
#new-personal-info #motto-container>div{float:none;overflow:hidden}
#new-personal-info #motto-container a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;color:#496580;font-size:11px;text-decoration:none}
#new-personal-info #link-bar{display:grid;grid-template-columns:132px 124px 1fr;row-gap:2px;padding:7px 17px 5px;margin:0;min-height:52px}
#new-personal-info #link-bar:after{display:none}
#new-personal-info #link-bar li{float:none;margin:0;padding:0 0 0 20px;line-height:18px;font-size:11px;white-space:nowrap}
#new-personal-info #link-bar .profile{background-position:0 -48px}
#new-personal-info #link-bar .activitypoints{grid-column:1 / -1;padding-left:18px}
#new-personal-info #link-bar span{color:#fff}
#new-personal-info #feed-items{margin:0;padding:0}
#new-personal-info #habbo-feed ul#feed-items li.force-pinned{position:relative;background:#fff3cc;border-top:1px solid #eadfae;padding:7px 10px 8px 43px;min-height:55px;line-height:13px}
#new-personal-info #habbo-feed .force-pinned:before{content:'';position:absolute;left:10px;top:9px;width:24px;height:28px;background:url('assets/web-gallery/v2/images/personal_info/small_icons.png') no-repeat 0 0;image-rendering:pixelated}
#new-personal-info #habbo-feed .force-pinned strong{color:#9b6500}
#new-personal-info #habbo-feed .force-pinned a{color:#f60}
#new-personal-info #habbo-feed ul#feed-items li.small{padding:7px 5px 7px 45px;min-height:31px;line-height:16px;font-size:10px}
#new-personal-info #habbo-feed ul#feed-items #feed-trading-enabled{background-position:15px -825px}
#new-personal-info #habbo-feed ul#feed-items #feed-lastlogin{background-position:15px -297px}
#new-personal-info #habbo-feed li.small a{color:#fff;text-decoration:underline}
#new-personal-info p.last{padding:0;margin:0;height:1px}
/* Original two-part new_button.png, used for the compact header actions. */
.sprite-button{position:relative;display:inline-flex;height:25px;padding:0;border:0;background:none;box-shadow:none;border-radius:0;cursor:pointer;white-space:nowrap;vertical-align:top;font:11px Verdana,Arial,sans-serif}
.sprite-button>b{display:block;box-sizing:border-box;height:25px;line-height:16px;padding:5px 17px 4px 20px;margin-right:3px;background:url('assets/web-gallery/v2/images/new_button.png') no-repeat -3px 0}
.sprite-button>i{position:absolute;right:0;top:0;width:3px;height:25px;background:url('assets/web-gallery/v2/images/new_button.png') no-repeat 0 0}
.sprite-button.green-button>b{background-position:-3px -150px;color:#fff}.sprite-button.green-button>i{background-position:0 -150px}.sprite-button.green-button:hover>b{background-position:-3px -175px}
.sprite-button.red-button>b{background-position:-3px -100px;color:#fff}.sprite-button.red-button>i{background-position:0 -100px}.sprite-button.red-button:hover>b{background-position:-3px -125px}
.sprite-button:focus-visible{outline:2px dotted #fff;outline-offset:3px}
/* Real Discord invite; artwork is the user's supplied transparent badge. */
.discord-habblet{padding:4px}.discord-habblet>h2{background:#5361c8}
.discord-feature{height:205px;position:relative;overflow:hidden;padding:17px 12px;background:#25485f url('assets/profile-pattern.png');color:#fff;display:grid;grid-template-columns:104px 1fr;gap:0 12px;align-items:center}
.discord-emblem{display:block;width:104px;height:130px;text-align:center}.discord-badge{width:104px;height:130px;object-fit:contain;display:block;image-rendering:auto}
.discord-copy h3{font:bold 13px/17px Verdana,Arial,sans-serif;color:#fff;margin:0 0 10px}.discord-copy p{font:11px/15px Verdana,Arial,sans-serif;padding:0;margin:0;color:#e8effb}
.discord-feature .discord-join{grid-column:1 / -1;justify-self:end;font-size:11px;margin-top:8px;padding:3px 16px}
.staff-person .staff-badge,.force-staff-emblem{width:40px;height:40px;max-height:none;object-fit:contain;image-rendering:pixelated;clip-path:polygon(47.5% 10%,47.5% 12.5%,45% 12.5%,45% 15%,42.5% 15%,42.5% 17.5%,40% 17.5%,40% 20%,37.5% 20%,37.5% 22.5%,35% 22.5%,35% 25%,32.5% 25%,32.5% 27.5%,30% 27.5%,30% 30%,22.5% 30%,22.5% 32.5%,20% 32.5%,20% 40%,17.5% 40%,17.5% 42.5%,15% 42.5%,15% 45%,12.5% 45%,12.5% 47.5%,10% 47.5%,10% 50%,12.5% 50%,12.5% 52.5%,15% 52.5%,15% 55%,17.5% 55%,17.5% 57.5%,20% 57.5%,20% 65%,22.5% 65%,22.5% 67.5%,30% 67.5%,30% 70%,32.5% 70%,32.5% 72.5%,35% 72.5%,35% 75%,37.5% 75%,37.5% 77.5%,40% 77.5%,40% 80%,42.5% 80%,42.5% 82.5%,45% 82.5%,45% 85%,47.5% 85%,47.5% 87.5%,50% 87.5%,50% 85%,52.5% 85%,52.5% 82.5%,55% 82.5%,55% 80%,57.5% 80%,57.5% 77.5%,60% 77.5%,60% 75%,62.5% 75%,62.5% 72.5%,65% 72.5%,65% 70%,67.5% 70%,67.5% 67.5%,75% 67.5%,75% 65%,77.5% 65%,77.5% 57.5%,80% 57.5%,80% 55%,82.5% 55%,82.5% 52.5%,85% 52.5%,85% 50%,87.5% 50%,87.5% 47.5%,85% 47.5%,85% 45%,82.5% 45%,82.5% 42.5%,80% 42.5%,80% 40%,77.5% 40%,77.5% 32.5%,75% 32.5%,75% 30%,67.5% 30%,67.5% 27.5%,65% 27.5%,65% 25%,62.5% 25%,62.5% 22.5%,60% 22.5%,60% 20%,57.5% 20%,57.5% 17.5%,55% 17.5%,55% 15%,52.5% 15%,52.5% 12.5%,50% 12.5%,50% 10%)}
/* Original icon-based notices and row texture keep the page close to the reference. */
.tag-cloud{white-space:normal!important;overflow-wrap:anywhere;max-width:100%}.tag-cloud a{display:inline-block;white-space:nowrap}

/* Supplied Force coin replaces the activity-points sprite. */
#new-personal-info #link-bar .activitypoints{background-image:url('assets/force/points-coin.png');background-position:left center;background-repeat:no-repeat;background-size:16px 16px;padding-left:20px}

/* Force diamond balance replaces the former Club-days slot. */
#new-personal-info #link-bar .diamonds{background-image:url('assets/force/diamonds.png');background-position:0 50%;background-repeat:no-repeat;background-size:16px 16px;padding-left:20px}
.wealth-intro{padding:11px 10px 5px;margin:0;font-size:10px;color:#777}.wealth-row{min-height:63px;gap:10px}.wealth-row .wealth-avatar{width:32px;height:55px;max-width:32px;max-height:55px;object-fit:contain;image-rendering:pixelated}.wealth-row .row-copy{line-height:17px}.wealth-row .wealth-online{color:#499600}.wealth-amount{margin-left:auto;color:#2767a7;text-align:right}.wealth-amount small{display:block;font-weight:normal;margin-top:5px}.wealth-note{padding:8px 10px 4px;font-size:9px;color:#888;margin:0}

.gold-hobba-badge{width:50px;height:50px;max-width:none;max-height:none;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.staff-empty .gold-hobba-badge{margin-right:12px}.staff-copy .gold-hobba-badge{float:right}