html{background:#e3e3e3}
body.zapp{background:#e3e3e3;min-height:100vh}
.rbx-navbar-right-nav>li{float:left}
.rbx-navbar-right-nav form{margin:0}
.zmenu{position:relative}
.zgear{cursor:pointer;font-size:20px;line-height:1}
.zdrop{display:none;position:absolute;top:36px;right:0;width:125px;background:#fff;box-shadow:0 -5px 20px rgba(25,25,25,.15);user-select:none;z-index:2000}
.zmenu.open .zdrop{display:block}
.zdrop form{margin:0}
.zdrop .zi{display:block;width:100%;margin:0;padding:10px;font:inherit;font-size:16px;text-align:left;color:#343434;background:none;border:0;border-left:4px solid transparent;cursor:pointer}
.zdrop .zi:hover{background:#eaeaea;border-left-color:#0074BD;text-decoration:none}
.zdrop .zi.off{color:#a7a7a7;cursor:not-allowed}
.zdrop .zi.off:hover{background:none;border-left-color:transparent}
.zside{position:fixed;top:0;left:0;z-index:999;width:175px;height:100vh;background:#f2f2f2;padding:44px 10px 0}
.zside .uname{font-size:18px;padding:8px 0 5px;margin:0;color:#1e1e1f}
.zside .zdiv{border-bottom:2px solid #c3c3c3;height:2px;width:100%;margin-bottom:5px}
.zside .zl{display:block;margin:0;padding-top:5px;color:#343434}
.zside .zl .zn{font-size:16px;vertical-align:middle}
.zside .zl:hover{text-decoration:none}
.zside .zl.off{color:#a7a7a7;cursor:not-allowed;user-select:none}
.zside .zl.off [class^=icon-nav]{opacity:.45}
.zside .group{margin-top:12px;padding-top:6px;border-top:2px solid #c3c3c3;font-size:12px;font-weight:700;text-transform:uppercase;color:#777}
.nav-content{margin-left:175px}
@media(min-width:1330px){.nav-content{margin-left:0}}

.hrow{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.hshot{width:130px;height:130px;border-radius:100%;background:#fff;border:1px solid #c3c3c3;box-shadow:0 -5px 20px rgba(25,25,25,.15);display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:600;color:#c3c3c3}
.hello{margin:0;font-weight:600;font-size:40px;letter-spacing:0}
.subhead{margin:20px 0 6px;font-weight:300;font-size:24px;color:#4a4a4a;letter-spacing:0}
.zcard{background:#fff;border-radius:0;box-shadow:0 1px 4px 0 rgb(25 25 25/30%);padding:14px 16px}
.zcard p{margin:0}

.zlogo{color:#fff;font-weight:900;font-style:italic;letter-spacing:1px;font-size:24px;line-height:30px}
.rbx-header .nav-menu-title.zdis{color:#8dc0e2;cursor:not-allowed}
body.zapp #Body{padding:15px 20px 25px}
#catalog{margin:0 -20px}
#catalog .header{padding:0 20px}
.browseDropdownHeader{background:#ccc;border:1px solid #777;border-bottom:0;line-height:34px;padding-left:8px;font-size:12px;font-weight:bold;text-transform:uppercase}
.zph{display:flex;align-items:center;justify-content:center;width:150px;height:150px;font-size:3rem;font-weight:700;color:#bbb;background:#f5f5f5}
button#submitSearchButton{font:inherit;font-size:13px;font-weight:bold}

#Body label{display:block;margin-top:10px;font-weight:600}
#Body input:not([type=hidden]),#Body select{width:100%;max-width:420px;height:26px;padding:2px 5px;border:1px solid #a7a7a7;background:#fff;font:inherit}
#Body input[type=file]{height:auto;border:0}
#Body button.primary,#Body .btn-medium{display:inline-block;padding:1px 13px 3px;height:28px;min-width:62px;font:inherit;font-size:18px;text-align:center;border:1px solid;cursor:pointer}
#Body button.primary{margin-top:14px;font-size:16px}
#Body button.primary,#Body .btn-primary{background:#007001;border-color:#007001;color:#fff}
#Body table{border-collapse:collapse;width:100%;margin-top:14px}
#Body th{background:#eee;border:1px solid #ccc;padding:4px 8px;text-align:left}
#Body td{border:1px solid #ddd;padding:4px 8px}
.err{color:#c00}
.muted{color:#777}
.home-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.home-box{flex:1;min-width:260px;border:1px solid #ccc;padding:12px 14px}
.detail{display:flex;gap:24px;flex-wrap:wrap}
.detail img,.detail .ph{width:300px;height:300px;object-fit:cover;border:1px solid #eee}
.detail .ph{display:flex;align-items:center;justify-content:center;font-size:6rem;color:#bbb;background:#f5f5f5}
.detail>div:last-child{flex:1;min-width:240px}
.detail form button{display:block;margin:0 0 8px;font-size:20px;height:34px;padding:2px 18px}

body.landing{margin:0;background:#fff;font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;color:#343434;font-size:14px;line-height:1.428}
body.landing *{box-sizing:border-box}
html{scroll-behavior:smooth}
.landing a{text-decoration:none}
.landing p{margin:0 0 10px}
.lnav{position:fixed;top:0;left:0;right:0;height:50px;background:rgba(0,0,0,.45);z-index:20}
.lnav-in{max-width:1170px;margin:0 auto;padding:0 15px;height:100%;display:flex;align-items:center;gap:1.4rem}
.lnav a{color:#fff;font-weight:600}
.lnav a:hover{color:#9ad8ff}
.lnav .lbrand{font-size:1.4rem;font-weight:900;font-style:italic;letter-spacing:1px;margin-right:.8rem}
.lsp{flex:1}
.lform{display:flex;gap:.4rem;margin:0}
.lform input{width:140px;padding:.3rem .5rem;border:1px solid #888;border-radius:3px;font:inherit;font-size:.9rem}
.lform button{padding:.3rem .9rem;background:#fff;border:1px solid #bbb;border-radius:3px;font:inherit;font-weight:600;cursor:pointer}
.lform button:hover{background:#e6f4ff}
.hero{min-height:100vh;padding-top:50px;display:flex;align-items:center;
  background:radial-gradient(ellipse at 20% 90%,rgba(255,255,255,.55),transparent 45%),radial-gradient(ellipse at 80% 85%,rgba(255,255,255,.4),transparent 40%),linear-gradient(#0a5aa0,#2f9cf0 55%,#8ccfff)}
.hero-in{max-width:1170px;width:100%;margin:0 auto;padding:1rem 15px;display:flex;gap:2rem;flex-wrap:wrap;align-items:center;justify-content:space-between}
.slogan{color:#fff;text-align:center;flex:1;min-width:260px;font-size:1.6rem;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.biglogo{font-size:4.5rem;font-weight:900;font-style:italic;letter-spacing:3px}
.signbox{width:100%;max-width:380px;background:rgba(255,255,255,.96);border:1px solid #9aa;border-radius:4px;padding:1.4rem}
.boxhead{margin:0 0 1rem;text-align:center;font-weight:600;color:#222;font-size:1.25rem}
.signbox input{width:100%;margin:0 0 .6rem;padding:.65rem;border:1px solid #a7a7a7;border-radius:3px;font:inherit;font-size:1rem}
.signbox .note{font-size:.85rem;color:#555;margin:0 0 .8rem}
.btn-green{width:100%;padding:.7rem;background:#02b757;color:#fff;border:1px solid #01863f;border-radius:3px;font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer}
.btn-green:hover{background:#19c96d}
.signbox .alt{text-align:center;margin:1rem 0 0;font-size:.9rem}
.landing .err{color:#c00}
.band{padding:4rem 15px;text-align:center;background:#fff}
.band.alt{background:#f0f4f8}
.band h2{margin:0 0 1rem;font-size:30px;font-weight:700;letter-spacing:1px}
.band p{max-width:640px;margin:0 auto;font-size:1.1rem;line-height:1.5}
.lfoot{background:#222;color:#aaa;text-align:center;padding:1.5rem;font-size:.9rem;line-height:1.8}
@media(max-width:760px){.lform input{width:95px}.lnav a:not(.lbrand){display:none}}

span.robux{background:url(/img/img-robux.png) no-repeat 0 1px;padding:0 0 2px 20px}
span.tickets{background:url(/img/img-tickets.png) no-repeat 0 1px;padding:0 0 2px 20px}
.rbx-header .nav-menu-title [class^=icon-nav]{vertical-align:middle}

.rbx-header .rbx-navbar-right-nav{white-space:nowrap;margin:4px 0}
.rbx-header .rbx-navbar-right-nav li .nav-menu-title{padding:4px 5px;font-size:16px}
.rbx-header .rbx-navbar-right-nav li{float:left}
.rbx-header .rbx-navbar-right-nav{width:auto!important;float:right!important;margin:4px 0!important}
.rbx-header .rbx-navbar-right-nav>li,.rbx-header .rbx-navbar-right li{width:auto!important;float:left;text-align:left!important}
.rbx-header .rbx-navbar-right-nav li .nav-menu-title{padding:4px 10px!important;margin:0}
.rbx-header .rbx-navbar-right{padding:0;margin-right:12px}

.rbx-header .rbx-navbar-search{position:relative;float:left;width:480px;max-width:36vw;margin:5px 0 0 12px;padding:0}
.zsearch{display:flex;align-items:center;height:30px;padding:0 2px;background:#fff;border:1px solid #c3c3c3;border-radius:2px}
.zsearch input{flex:1;min-width:0;height:24px;padding:0 6px;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:#343434}
.zsearch [class^=icon-nav]{flex:none}
.zsuggest{position:absolute;top:100%;left:0;right:0;margin-top:1px;background:#fff;box-shadow:0 -5px 20px rgb(25 25 25/15%);border:1px solid rgba(0,0,0,.15);border-radius:3px;z-index:2000}
.zsuggest[hidden]{display:none}
.zsuggest a,.zsuggest .off{display:block;padding:8px 15px;font-size:16px;color:#343434}
.zsuggest a:hover{box-shadow:4px 0 0 0 #00a2ff inset;text-decoration:none}
.zsuggest .off{color:#a7a7a7;cursor:not-allowed}

.urow{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #ebebeb}
.uava{width:60px;height:60px;border-radius:100%;background:#fff;border:1px solid #c3c3c3;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;color:#c3c3c3}
.urow .un{font-size:18px;font-weight:600;color:#343434}

.pcard{background:#fff;box-shadow:0 1px 4px 0 rgb(25 25 25/30%);margin-top:10px;padding:15px}
.pcard.flush{padding:0}
.pheader{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.pshot{width:110px;height:110px;border:1px solid #B8B8B8;background:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#c3c3c3;flex:none}
.pinfo{flex:1;min-width:260px}
.pname{margin:0;font-size:30px;font-weight:400;letter-spacing:0}
.pstatus{margin:4px 0 8px;font-size:16px;font-weight:300;min-height:24px}
.pstats{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.pstats .stat{width:90px;text-align:center}
.pstats .sl{margin:0;color:#c3c3c3;font-size:18px}
.pstats .sv{margin:0;font-size:20px;font-weight:300}
.pbtns{margin-left:auto;display:flex;gap:8px}
.pbtns .off{display:inline-block;padding:3px 14px;border:1px solid #ccc;color:#a7a7a7;cursor:not-allowed;font-size:14px}
.ptabs{display:flex}
.ptab{flex:1;text-align:center;font-size:18px;padding:8px 0;color:#343434}
.ptab:hover{box-shadow:0 -4px 0 0 #00a2ff inset;text-decoration:none}
.ptab.active{box-shadow:0 -4px 0 0 #00a2ff inset}
.psub{font-weight:300;font-size:26px;margin:14px 0 5px;letter-spacing:0}
.pdesc{margin:0;padding:15px 20px;font-weight:300;font-size:16px;white-space:pre-wrap}
.pcols{display:flex;gap:0;flex-wrap:wrap}
.pavatar{flex:1;min-width:280px;background:#fff;box-shadow:0 1px 4px 0 rgb(25 25 25/30%);display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:600;color:#c3c3c3;min-height:280px}
.passets{flex:1;min-width:280px;background:#3b7599;padding:20px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.passets a{width:calc(25% - 6px);aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;color:#c3c3c3;font-size:22px;overflow:hidden}
.passets img{width:100%;height:100%;object-fit:cover}
.pstat3{display:flex;padding:20px 0 8px}
.pstat3>div{flex:1;text-align:center}
.pstat3 .sl{margin:0;color:#B8B8B8;font-size:16px}
.pstat3 .sv{margin:5px 0 0;font-size:18px}
#Body textarea{width:100%;max-width:620px;height:90px;padding:5px;border:1px solid #a7a7a7;font:inherit;resize:vertical}

.zlogo-img{display:block;height:36px;width:auto}
.lbrand img{display:block;height:30px;width:auto}
.biglogo img{display:inline-block;height:100px;width:auto}
.rbx-header .rbx-navbar-header{max-width:none!important;width:auto!important;margin:0 14px 0 12px}
.rbx-header .navbar-brand{height:auto;padding:2px 0}
.zlogo-img,.lbrand img,.biglogo img{max-width:none!important;width:auto;object-fit:contain}

body.zapp #BodyWrapper,body.zapp #RepositionBody{width:auto!important;max-width:970px;margin-left:auto;margin-right:auto}
body.zapp #Body{box-sizing:border-box;width:100%!important;max-width:970px;padding:15px 20px 25px}
body.zapp.home-body #BodyWrapper{background:transparent}
body.zapp.home-body #Body{background:transparent}

#Body label{font-size:14px}
#Body label input,#Body label textarea,#Body label select{display:block;margin-top:4px}

.fgrid{display:flex;flex-wrap:wrap;gap:18px}
.fitem{width:90px;text-align:center}
.fitem a{color:#343434}
.fitem a:hover{text-decoration:none}
.fava{width:84px;height:84px;margin:0 auto 4px;border-radius:100%;background:#fff;border:1px solid #c3c3c3;box-shadow:0 1px 4px 0 rgb(25 25 25/20%);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:600;color:#c3c3c3}
.fname{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flink{background:none;border:0;padding:0;color:#00a2ff;font-size:12px;cursor:pointer}
.flink:hover{text-decoration:underline}
.pbtns form{margin:0}
.pbtn{padding:3px 14px;border:1px solid #777;background:#e1e1e1;color:#343434;font:inherit;font-size:14px;cursor:pointer}
.pbtn:hover{background:#ececec}
.pbtn.pb{background:#007001;border-color:#007001;color:#fff}
.pbtn.pb:hover{background:#008a02}
.urow form{margin:0}

.gwrap{display:flex;gap:14px;align-items:flex-start}
.gcard{background:#e6e6e6;padding:4px;border:1px solid #b2b2b2}
.gside{width:200px;flex:none;min-height:300px}
.gmain{flex:1;min-width:0}
.gbtn{display:inline-block;border:1px solid #666;background:linear-gradient(0deg,#c5c5c5 0%,#fff 100%);text-align:center;color:#000;padding:3px 12px;font:inherit;font-size:14px;cursor:pointer}
.gbtn:hover{background:#c5c5c5;color:#000;text-decoration:none}
.gcreate{display:block;margin-bottom:10px;padding:8px 0;font-size:22px}
.gfull{width:100%;margin-top:14px}
.gentry{display:flex;align-items:center;gap:8px;padding:5px 2px;color:#000}
.gentry:hover{text-decoration:none;background:#d6d6d6}
.gname{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gicon{display:flex;align-items:center;justify-content:center;flex:none;background:#fff;border:1px solid #c3c3c3;border-radius:16px;font-weight:700;color:#c3c3c3;width:64px;height:64px;font-size:26px}
.gicon.sm{width:36px;height:36px;font-size:16px;border-radius:8px}
.gicon.big{width:100%;height:auto;aspect-ratio:1;font-size:72px}
.gsearch{display:flex;gap:6px;margin-bottom:6px}
.gsearch input{max-width:380px}
.gh2{font-size:24px;margin:12px 0 6px}
.grow{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #ebebeb}
.gtitle{font-size:18px;font-weight:600}
.gdesc{margin-top:2px}
.ghead{display:flex;gap:20px;flex-wrap:wrap}
.gleft{width:180px;flex:none}
.gright{flex:1;min-width:240px}
.gstat{margin:6px 0 0;color:#888;font-size:13px}
.gtitle2{margin:0 0 6px;font-size:28px;letter-spacing:0}
.gdescfull{min-height:60px;white-space:pre-wrap}
.shout{background:#ffeeb2;padding:6px;border:1px solid #f1e0a5;border-radius:2px;margin-top:12px}
.shoutby{margin:4px 0 0 16px}
.shoutform{display:flex;gap:6px;margin-top:12px}
.gtab{margin-top:18px;padding:6px 12px;background:#e6e6e6;border:1px solid #b2b2b2;border-bottom:0;display:inline-block;font-weight:600}
.gbox{border:1px solid #b2b2b2;padding:6px 10px;max-height:300px;overflow-y:auto}
.mrow{display:flex;align-items:center;gap:12px;padding:4px 0;border-bottom:1px solid #f0f0f0}
.mrow form{margin:0}
.mname{font-weight:600;min-width:140px}
.mrole{flex:1}
.wall{margin-top:16px}
.wallh{margin:4px 6px 6px;font-weight:600;font-size:16px}
.wall textarea{width:100%;max-width:none;height:60px}
.wpost{padding:8px 4px;border-top:1px solid #d0d0d0;margin-top:8px}
.wpost p{margin:2px 0;white-space:pre-wrap}
.wpost form{margin:0}
.gbtn.gcreate{background:linear-gradient(0deg,#007100 0%,#40c140 100%);border-color:#007100;color:#fff;font-weight:600}
.gbtn.gcreate:hover{background:#47e847;color:#fff}

.tgrid{display:flex;flex-wrap:wrap;gap:8px}
.titem{display:block;width:92px;text-align:center;font-size:12px;border:1px solid #ddd;padding:4px;cursor:pointer;background:#fafafa}
.titem img,.titem .zph{width:70px;height:70px;display:block;margin:2px auto;object-fit:cover}
.titem span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.titem:has(input:checked){border-color:#0074bd;background:#e6f2fa}
.titem input{float:left}

.pshot img,.pavatar img{max-width:100%;height:auto;display:block}
.pshot{overflow:hidden}
.sw{display:inline-block;width:26px;height:26px;border:2px solid #fff;box-shadow:0 0 0 1px #999;cursor:pointer;margin:2px}
.swrow input{position:absolute;opacity:0}
.swrow input:checked+.sw{box-shadow:0 0 0 3px #0074bd}
.swrow{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.swrow b{width:80px;font-size:13px}
.worn{outline:3px solid #0a0}

.hshot,.fava{overflow:hidden}
.hshot img,.fava img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;display:block}

.rbx-header .rbx-navbar-header{margin:0 14px 0 12px!important}
.rbx-header .navbar-brand{display:flex!important;align-items:center;height:40px!important;padding:0!important;margin:0!important}
.rbx-header .zlogo-img{height:30px!important}

.uava{overflow:hidden}
.uava img{width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;display:block}

.zbadge{background:#c00;color:#fff;border-radius:9px;padding:0 6px;font-size:12px;margin-left:4px;vertical-align:middle}
.mrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #e3e3e3}
.mrow.unread .msub{font-weight:700}
.mrow .mfrom{width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow .msub{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343434}
.mrow .mdate{width:110px;text-align:right;color:#777;font-size:13px}
.mbody{white-space:pre-wrap;word-wrap:break-word;padding:10px 0}
.mform label{display:block;margin-bottom:8px;font-weight:600;font-size:13px}
.mform input[type=text],.mform textarea{display:block;width:100%;max-width:640px;padding:5px;font:inherit;font-weight:400}
.mform textarea{height:180px}

.uava,.fava,.pshot{position:relative}
.onl{position:absolute;right:11%;bottom:11%;width:14px;height:14px;border-radius:50%;background:#02b757;border:2px solid #fff;box-sizing:border-box}
.pshot .onl{right:6px;bottom:6px}

.ggrid{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}
.gcard{width:150px;font-size:13px}
.gcard a{color:#343434;text-decoration:none;display:block}
.gcard .gimg{width:150px;height:150px;background:#d4d4d4;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:600;color:#fff;overflow:hidden;box-shadow:0 1px 4px 0 rgb(25 25 25/30%)}
.gcard .gimg img{width:100%;height:100%;object-fit:cover;display:block}
.gcard .gn{font-weight:600;font-size:15px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gcard .gm{color:#777}
.gpage{display:flex;gap:20px;flex-wrap:wrap}
.gpage .gbig{width:400px;max-width:100%;height:225px;background:#d4d4d4;display:flex;align-items:center;justify-content:center;font-size:80px;color:#fff;overflow:hidden}
.gpage .gbig img{width:100%;height:100%;object-fit:cover}
.gplay{display:inline-block;margin-top:10px;padding:10px 40px;font-size:22px;color:#fff;background:linear-gradient(0deg,#007100,#40c140);border:1px solid #1a6b1a;text-decoration:none}
.gplay.dis{opacity:.5;cursor:not-allowed}