/* Local restoration: retain the classic artwork, make the surrounding UI fit. */
html { background:#e5eaf0; }
body { min-width:0 !important; margin:0 !important; color:#263c4d; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #007da8; outline-offset:3px; }
.local-bar { background:#193044; color:#fff; padding:10px 16px; font:13px/1.6 Arial,sans-serif; display:flex; gap:8px 20px; flex-wrap:wrap; align-items:center; justify-content:center; }
.local-bar a { color:#d2f5ff; font-weight:bold; }
#header-container { min-width:0; }
#header,#container,#navi2-container { width:min(930px,100%); left:auto; margin-left:auto; margin-right:auto; }
#container { padding-top:14px; }
#content-container { min-width:0; }
#header #subnavi { max-width:65%; }
#header #habbos-online { left:auto; right:15px; }
#header #habbos-online #content { width:auto; }
#footer { width:auto !important; max-width:930px; padding:24px 16px; line-height:1.8; margin:auto; }
#column3:has(>.habblet-container:empty),#column3:empty { display:none; }
.local-card { background:#fff; border:1px solid #c9d3dc; border-radius:8px; padding:18px; margin:0 8px 16px 0; line-height:1.6; box-shadow:0 2px 3px #1930440c; }
.local-card h2 { font-size:18px; margin:0 0 10px; }
.local-actions { display:flex; flex-wrap:wrap; gap:10px; }
.local-actions a,.local-button { display:inline-block; background:#196c8a; color:white; text-decoration:none; padding:9px 14px; border-radius:5px; font-weight:bold; }
.local-avatar { object-fit:contain; width:64px; height:90px; max-width:100%; margin:0 !important; }
#habbo-plate .local-avatar { width:64px; height:96px; }
.local-news-list article { border-bottom:1px solid #ddd; padding:18px 0; }
#article-wrapper { line-height:1.6; }
.local-standalone { max-width:840px; margin:32px auto; padding:0 18px; font:15px/1.6 Arial,sans-serif; text-align:left; }
.local-standalone h1 { font-size:30px; color:#193044; }
.local-standalone .local-card { margin-right:0; }
.local-standalone dt { font-weight:bold; margin-top:14px; }
.local-standalone dd { margin:4px 0 0; }
@media(max-width:960px) {
 #header-container,#content-container { padding:0 12px; }
 #header { min-height:160px; }
 #header #subnavi { max-width:none; width:auto; margin-left:260px; }
 #header #habbos-online { display:none; }
 #navi { display:flex; flex-wrap:wrap; padding:0; }
 #navi li { margin-bottom:4px; }
 #navi2-container,#navi2 { height:auto; min-height:35px; background:#fff; }
 #navi2 ul { display:flex; flex-wrap:wrap; gap:6px 0; padding:10px 6px; }
 #navi2 li { float:none; white-space:normal; }
 #content { width:auto !important; }
 #content>.column,#content>.content>.habblet-container { width:100% !important; float:none !important; margin-left:0 !important; }
 #column3 { display:none; }
 #wide-personal-info,#promo-box { float:none; width:100%; margin-bottom:14px; }
 .cb { margin-right:0; }
 #mypage-wrapper { overflow-x:auto; }
 #mypage-wrapper #playground { min-width:920px; }
 .message-text,#message-recipients-container { box-sizing:border-box; max-width:100%; }
 .local-card { margin-right:0; }
}
@media(max-width:560px) {
 #header h1 { float:none; display:block; margin:12px 0; }
 #header #subnavi { margin:0; float:none; height:auto; }
 #subnavi-user { display:none; }
 #subnavi-search { float:none; }
 #to-hotel { margin:8px 0; float:none; display:flex; flex-wrap:wrap; }
 #navi li a,#navi li strong { padding-left:12px; padding-right:10px; }
 #wide-personal-info .info-box { margin-right:8px; }
}
#container { max-width:770px; }
body#viewmode #container,body#editmode #container { max-width:930px; }
#container .column .local-avatar { width:48px; height:64px; }
.message-preview .local-avatar { width:32px !important; height:32px !important; }
@media(max-width:960px) {
 #header #subnavi { left:260px; right:0; top:8px; margin:0; height:auto; min-height:0; background:transparent; padding:8px; box-sizing:border-box; }
 #subnavi-user { display:none; }
 #subnavi-search { position:static; width:auto; }
 #subnavi-search ul { padding:0; }
 #to-hotel { position:static !important; margin:10px 0 0 !important; width:auto !important; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }
 #to-hotel .new-button { margin:0 !important; }
}
@media(max-width:560px) {
 #header #subnavi { position:relative; left:auto; right:auto; top:auto; min-height:0; margin-bottom:12px; }
 #header h1 { float:none; height:79px; }
 #to-hotel { justify-content:flex-start; }
}
@media(max-width:960px) {
 #promo-box .promo-container,#promo-box .promo-content-container,#promo-box .promo-link-container { width:100% !important; box-sizing:border-box; }
 #promo-box .promo-container { background-position:center; }
 #promo-box .promo-link-container>div:last-child { width:auto !important; }
}
@media(max-width:560px) {
 #wide-personal-info { height:auto; min-height:180px; background-size:cover; }
 #wide-personal-info .info-box { width:calc(100% - 138px) !important; box-sizing:border-box; }
 #wide-personal-info .enter-hotel-btn { position:relative; float:right; margin:10px; }
 #promo-box .title { font-size:22px; }
}

/* Keep the original header artwork visible behind the CMS controls. */
#header #subnavi, #subnavi-user, #subnavi-search { background:transparent !important; box-shadow:none; border:0; }
#subnavi-user { visibility:hidden; }
#subnavi-search a { color:#fff !important; text-shadow:0 1px 3px #000,0 0 4px #000; }
#registration-error { background:#fff0ef; color:#8c2020; padding:10px; margin:10px; font:14px/1.4 Arial,sans-serif; }
#registration-error:empty { display:none; }
.figureItemContainer .preset-label { font:bold 13px Arial; display:block; text-align:center; margin-top:68px; color:#222; background:#fff; }
.figureItemContainer { background:url('/local/avatar.svg') center 0/50px 65px no-repeat; }
#figurePreview { background:url('/local/avatar.svg') center/contain no-repeat; }
.continueBtn[aria-disabled=true] { opacity:.6; cursor:wait; }

#mainContainer { color:#d7e7ee; font-family:Arial,sans-serif; }
#mainContainer .formItemTitle,#mainContainer .formItemDesc { font-family:Arial,sans-serif; }
#mainContainer .formItemDesc { color:#bed0d9; }
#mainContainer .continueBtn,#mainContainer .backBtn { color:#163c4d; z-index:2; }
#mainContainer .figureItemContainerChosen { outline:3px solid #ffd84a; }
#cms-registration-form { position:static; width:auto; }

/* Restore the CMS facts and live count without their old white backgrounds. */
#header #subnavi-user { display:block; visibility:visible; top:65px; left:12px; right:0; color:#fff; text-shadow:0 1px 3px #000; line-height:1.45; }
#header #habbos-online { display:block; color:#fff; text-shadow:0 1px 3px #000; }
#header #habbos-online span { background:transparent; border:0; }
@media(max-width:960px) {
 #header #subnavi-user { top:65px; left:8px; right:8px; }
 #header #habbos-online { top:97px; left:0; right:auto; width:244px; }
 #header #habbos-online span { padding:0; }
 #header #habbos-online br { display:none; }
 #header #habbos-online b { margin-right:4px; }
}
@media(max-width:560px) {
 #header #subnavi-user { position:static; margin:8px 0; }
 #header #habbos-online { position:static; width:auto; text-align:left; padding-bottom:10px; }
}

#header-container { display:flow-root; }
#header #habbos-online .online-count { background:transparent; padding:0; }
#header #habbos-online span { line-height:14px; }
@media(min-width:961px) {
 #header #subnavi { left:270px; right:140px; width:auto; max-width:none; }
}

/* ProtonRP brand assets, shared across the original CMS layouts. */
#header h1 a,#header h1 span,#habbo-logo,#habbo-logo a { background-image:url('/local/branding/logo.png?v=proton1') !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; }

body { background-image:url("http://127.0.0.1:18080/cdn/v2/images/bg.png?v=proton2") !important; }