/* Force's public entry, native pixel tabs and matching staff/cabinet badges. */
.force-auth-check body {visibility:hidden!important}
.force-production .navigation {background:#266d82!important;border-top:2px solid #1b465b!important;border-bottom:3px solid #173d50!important;box-shadow:inset 0 2px #93dae4!important}
.force-production .nav-inner {max-width:1200px;display:flex!important;gap:5px!important;padding:9px 12px 0!important;align-items:stretch!important;overflow:visible!important}
.force-production .nav-tab {flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 8px!important;min-height:50px!important;border:2px solid #173d50!important;border-bottom:0!important;border-radius:5px 5px 0 0!important;background:linear-gradient(#55b4c3 0 48%,#3896ae 49%)!important;color:#fff!important;box-shadow:inset 0 2px #a9f3ed,inset 2px 0 #8cd9db!important;font-size:12px!important;white-space:nowrap;text-decoration:none!important;position:relative!important;bottom:0!important;text-shadow:0 1px #245367}
.force-production .nav-tab::after {display:none!important}
.force-production .nav-tab img {width:25px!important;height:25px!important;object-fit:contain;image-rendering:pixelated;flex:none;filter:drop-shadow(1px 2px #173d5060)}
.force-production .nav-tab:hover {background:linear-gradient(#6ccdd1 48%,#49aab9 49%)!important;transform:translateY(-2px)}
.force-production .nav-tab.active {background:linear-gradient(#fff9dd 48%,#f1e6b9 49%)!important;color:#244455!important;box-shadow:inset 0 2px #fff,inset 2px 0 #fff5d0!important;text-shadow:none;bottom:-3px!important;border-bottom:3px solid #f1e6b9!important;margin-bottom:-3px}
.force-production .nav-tab:focus-visible,.force-production .nav-launch:focus-visible {outline:3px solid #ffda70!important;outline-offset:3px}
.force-production .nav-launch {flex:0 0 auto;align-self:center!important;min-width:130px;padding:9px 14px!important;margin:0 0 8px 3px!important;font-size:13px!important;border:2px solid #734f16!important;box-shadow:inset 0 2px #fff4b2,0 3px #9d7624!important;white-space:nowrap}
.force-production .nav-launch:active {transform:translateY(2px)}
.force-production .force-welcome-art {position:relative;background:#e6f5f4;overflow:hidden}
.force-welcome-art .panel-body {position:relative;padding-bottom:150px!important;isolation:isolate}
.force-welcome-art .panel-body::after {content:"";position:absolute;bottom:0;left:0;right:0;height:150px;z-index:-1;background:linear-gradient(#e6f5f4,transparent 30%),url('/c_images/catalogue/force-frontpage-build-v1.webp') center 48%/cover no-repeat;image-rendering:pixelated}
.force-production .force-launcher-art {position:relative;isolation:isolate;overflow:hidden;padding-bottom:140px!important;border:2px solid #1d6476!important;background:#d8f1ef!important;color:#164553!important}
.force-launcher-art::after {content:"";position:absolute;inset:auto 0 0;height:130px;z-index:-1;background:linear-gradient(#d8f1ef,transparent 30%),url('/c_images/catalogue/force-frontpage-hero-v1.webp') 68% 55%/cover no-repeat;image-rendering:pixelated}
.force-production .staff-badge {width:80px!important;height:80px!important;image-rendering:pixelated!important;object-fit:contain}
#government .gov-role img {image-rendering:pixelated}
/* Login is the front door; no member dashboard is rendered here. */
body.force-entry {min-height:100vh;background:radial-gradient(ellipse at top,#b3f0ed,#80cbd9 60%,#5eacbe)!important;color:#173b50}
.force-entry .entry-shell {max-width:1180px;margin:auto;padding:24px 24px 0}
.entry-brand {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.entry-brand img {width:255px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #2c6c8360)}
.entry-brand>span {font-size:11px;letter-spacing:1.8px;font-weight:700;color:#285d70}
.force-entry main.entry-layout {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:30px;min-height:0;margin:0;padding:0;max-width:none;align-items:start}
.entry-story {min-height:600px;position:relative;padding:25px 20px 255px;overflow:hidden;border-radius:8px;isolation:isolate}
.entry-tag {display:inline-block;padding:5px 9px;background:#246c80;color:#d8ffff;border:1px solid #153d50;box-shadow:inset 0 1px #91d4da;font-weight:700;font-size:10px;letter-spacing:.7px}
.entry-story h1 {font-size:clamp(32px,4vw,48px);line-height:1.08;margin:18px 0;color:#173e52;text-shadow:0 2px #e4ffff}
.entry-story>p {font-size:16px;max-width:490px;line-height:1.6;color:#245267}
.entry-features {padding:0;list-style:none;margin:16px 0 24px;font-size:13px;line-height:1.9}
.entry-features li::before {content:'★';color:#81601d;margin-right:9px}
.entry-story .entry-scene {position:absolute;bottom:0;left:0;right:0;height:240px;border:2px solid #275569;border-radius:6px;box-shadow:inset 0 2px #fff;overflow:hidden;z-index:-1}
.entry-scene img {width:100%;height:100%;object-fit:cover;object-position:60% 50%;image-rendering:pixelated}
.entry-login {margin-top:20px!important;box-shadow:inset 1px 1px #fff,0 5px #27667a50!important}
.entry-login .panel-header {background:#286f86!important;color:#fff!important;padding:13px 18px;border-bottom:2px solid #173d50}
.entry-login .panel-header h2 {font-size:20px!important;color:#fff!important;margin:0}
.entry-login .panel-body {padding:22px!important;background:#fffdf4}
.entry-login label {display:block;font-size:13px;font-weight:700;margin-bottom:16px}
.entry-login input {display:block;width:100%;margin-top:6px;border:2px solid #76969b;border-radius:3px;background:#fff;padding:10px;box-shadow:inset 0 2px #d8e6e7;color:#173b50}
.entry-login input:focus {outline:2px solid #329fb7;outline-offset:2px}
.entry-login form>.pixel-button {width:100%;margin:10px 0 16px;min-height:44px}
.entry-login [data-auth-message] {font-size:12px;line-height:1.5;min-height:18px}
.entry-login [data-security] {max-width:100%;min-height:65px}
.entry-register {border-top:1px solid #d8ded2;padding-top:16px;font-size:13px}
.entry-footer {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;padding:26px 0;font-size:12px;color:#315b69}
.entry-footer a,.entry-footer button {text-decoration:underline;font-size:12px}
.entry-gate-error {max-width:600px!important;min-height:0!important;margin:15vh auto!important;padding:25px!important;background:#fff;border:2px solid #315b69;border-radius:6px}
.entry-gate-error a {display:block;margin-top:18px}
@media(max-width:1040px){.force-production .nav-inner{flex-wrap:wrap!important;padding-bottom:8px!important}.force-production .nav-tab{flex:1 1 calc(25% - 8px)!important;border-bottom:2px solid #173d50!important;border-radius:4px!important;margin:0!important;bottom:0!important}.force-production .nav-launch{width:100%;margin:5px 0 0!important}.force-production .nav-tab.active{border-bottom:3px solid #c79937!important}}
@media(max-width:760px){.force-entry .entry-shell{padding:18px 15px 0}.entry-brand{justify-content:center}.entry-brand>span{display:none}.force-entry main.entry-layout{grid-template-columns:1fr;gap:12px}.entry-story{min-height:490px;padding:12px 4px 220px}.entry-story h1{font-size:36px}.entry-story>p{font-size:14px}.entry-story .entry-scene{height:200px}.entry-login{margin-top:0!important}.entry-login .panel-body{padding:18px!important}.entry-brand img{width:230px}.entry-footer{gap:12px}.force-production .nav-tab{font-size:10px!important;flex-direction:column!important;gap:3px!important;padding:7px 3px!important;white-space:normal;text-align:center}.force-production .nav-tab img{width:23px!important;height:23px!important}}
@media(prefers-reduced-motion:reduce){.force-production .nav-tab{transition:none!important}}
/* Artwork v2: full panels, one shared navigation and matching role insignia. */
.force-production .nav-inner{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr)) auto;gap:5px!important;box-sizing:border-box}
.force-production .nav-tab{flex-direction:column!important;white-space:normal!important;text-align:center;line-height:1.25!important;padding:8px 3px!important;min-height:72px!important;overflow:visible!important}
.force-production .nav-tab span{max-width:100%;overflow-wrap:normal}
.force-production .force-welcome-art{background:linear-gradient(90deg,#07394ce6,#07394c80 55%,#07394c08),url('/c_images/catalogue/force-frontpage-build-v1.webp') center/cover no-repeat!important}
.force-production .force-welcome-art .panel-body{padding:30px 26px!important;min-height:370px;background:transparent!important;color:#fff!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.force-production .force-welcome-art .panel-body::after,.force-production .force-launcher-art::after{display:none!important}
.force-production .force-welcome-art h2{color:#fff!important;text-shadow:0 2px #102e46;font-size:30px!important;max-width:370px}
.force-production .force-welcome-art p{color:#e4fbff!important;max-width:310px;line-height:1.7}
.force-production .force-welcome-art .section-kicker{color:#b0f4eb!important}
.force-production .force-launcher-art{padding:26px!important;min-height:360px!important;box-sizing:border-box;background:linear-gradient(90deg,#06394ce8,#07445b90 60%,#06394c40),url('/c_images/catalogue/force-frontpage-hero-v1.webp') 66% center/cover no-repeat!important;color:#fff!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.force-production .force-launcher-art h2{color:#fff!important;text-shadow:0 2px #102e46;margin:0!important;font-size:27px!important;max-width:400px}
.force-production .force-launcher-art p,.force-production .force-launcher-art .launch-note{color:#e2fbff!important;max-width:330px;margin:0!important;line-height:1.65}
.force-production .force-launcher-art .eyebrow{color:#b0f4eb!important}
.force-production .force-launcher-art .pixel-button{min-height:46px;padding:12px 26px!important;margin:8px 0!important;flex:none}
.force-page-launcher{max-width:1200px;padding:0 24px;margin:26px auto;box-sizing:border-box}
.force-page-launcher .force-launcher-art{min-height:270px!important;background-position:center!important;border-radius:10px}
.force-production .rooms-hero{position:relative!important;isolation:isolate;overflow:hidden!important;min-height:300px!important;background:#def4f1!important;display:flex!important;align-items:center!important;padding:32px!important}
.force-production .rooms-hero>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;z-index:-2!important;margin:0!important}
.force-production .rooms-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8f8f4f0,#e8f8f4b0 45%,#e8f8f400 72%);z-index:-1}
.force-production .rooms-hero>div{max-width:48%;position:relative;z-index:1}
.force-production .rooms-hero h1{color:#173d50!important;font-size:32px!important;line-height:1.15!important}
.force-production .rooms-hero p{color:#244f60!important;line-height:1.65!important}
.force-production .room-preview{padding:0!important;overflow:hidden!important;height:230px!important}
.force-production .room-preview img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;transform:none!important}
.force-production .staff-badge,#government .government-badge{width:168px!important;height:192px!important;max-height:none!important;object-fit:contain!important;image-rendering:pixelated!important;margin:8px auto 14px!important;display:block}
#government .seat{min-width:0}#government .government-badge{float:none!important}
@media(max-width:1040px){.force-production .nav-inner{grid-template-columns:repeat(4,minmax(0,1fr))!important}.force-production .nav-launch{grid-column:1/-1!important}.force-production .nav-tab{min-height:65px!important}}
@media(max-width:680px){.force-production .force-welcome-art .panel-body{min-height:340px!important;padding:24px!important}.force-production .force-launcher-art{min-height:320px!important}.force-page-launcher{padding:0 16px}.force-production .rooms-hero{min-height:320px!important;padding:22px!important}.force-production .rooms-hero>div{max-width:60%}.force-production .rooms-hero h1{font-size:26px!important}.force-production .rooms-hero>img{object-position:58% center!important}.force-production .rooms-hero::after{background:linear-gradient(90deg,#e8f8f4f2,#e8f8f4c0 52%,#e8f8f400 87%)}}
/* The hello banner uses original Habbo pixel assets, rather than a generic illustration. */
.force-production .rooms-hero{background:linear-gradient(#8cdce8,#c1f0ed 54%,#79c0ae)!important;min-height:320px!important}
.force-production .rooms-hero>.community-scene{object-fit:cover!important;object-position:65% 60%!important;image-rendering:pixelated!important;opacity:1!important;z-index:-2!important}
.force-production .rooms-hero>.community-wave{position:absolute!important;inset:auto 9% 12px auto!important;width:141px!important;height:255px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;image-rendering:pixelated!important;z-index:2!important;filter:drop-shadow(3px 6px #194f5750);margin:0!important}
.force-production .rooms-hero::after{background:linear-gradient(90deg,#d9f7f4f5,#d9f7f4d0 40%,#d9f7f400 72%)!important}
.force-production .rooms-hero>div{max-width:58%!important}
@media(max-width:680px){.force-production .rooms-hero>.community-wave{right:3%!important;width:94px!important;height:170px!important;bottom:12px!important}.force-production .rooms-hero>.community-scene{object-position:62% center!important}.force-production .rooms-hero>div{max-width:70%!important}.force-production .rooms-hero h1{font-size:25px!important}}

/* Native rendered waving avatar, trimmed to its visible sprite and shown at 2x. */
.force-production .rooms-hero{min-height:360px!important}
.force-production .rooms-hero>.community-wave{width:152px!important;height:336px!important;bottom:12px!important}
@media(max-width:680px){.force-production .rooms-hero>.community-wave{width:76px!important;height:168px!important;bottom:12px!important;right:3%!important}}