*{box-sizing:border-box}
html{min-height:100%;background:#111314}
body.staff-page{min-height:100vh;margin:0;color:#f4f4f4;background:#17191a;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.staff-header{height:86px;border-bottom:1px solid rgba(255,255,255,.08);background:#191c1d}
.staff-header .habvice-nav{height:86px}
.staff-header .habvice-logo-mark{display:block;width:50px;height:50px;object-fit:contain}
.staff-header .habvice-discord-link{width:25px;height:25px;padding:0;border:0}
.staff-header .habvice-discord-link img{width:100%;height:100%;object-fit:contain}
.beta-staff-page>.habvice-header{position:relative;background:#17191a;border-bottom:0}
.beta-staff-page .staff-main{min-height:calc(100vh - 82px);min-height:calc(100dvh - 82px)}
.staff-main{min-height:calc(100vh - 211px);padding:54px 24px 68px}
.staff-hero{position:relative;width:min(920px,100%);margin:0 auto 38px;text-align:left}
.staff-hero h1{margin:0 0 10px;font-size:31px;line-height:1.15;text-shadow:0 3px 14px #000}
.staff-hero p{max-width:650px;margin:0;color:#999;font-size:13px;line-height:1.65}
.staff-groups{width:min(920px,100%);margin:auto}
.staff-group{padding:23px 0 28px;border-top:1px solid #363a3c}
.staff-group>header{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.staff-group>header i{flex:0 0 34px;width:34px;height:34px;background-position:center;background-repeat:no-repeat;background-size:34px 34px;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #000)}
.staff-group:nth-child(1)>header i{background-image:url("/assets/staff-ranks/developer.gif?v=1")}
.staff-group:nth-child(1)>header i{flex:0 0 50px;width:50px;height:50px;background-size:50px 50px}
.staff-group:nth-child(2)>header i,.staff-group:nth-child(3)>header i,.staff-group:nth-child(4)>header i{background-image:url("/assets/staff-ranks/administration.png?v=1")}
.staff-group:nth-child(5)>header i{background-image:url("/assets/staff-ranks/ambassador.png?v=2")}
.staff-group header h2{margin:0;font-size:18px;line-height:34px}
.staff-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.staff-card{min-height:138px;padding:0 14px 0 0;display:flex;align-items:center;gap:15px;color:#fff;text-align:left;border:0;border-bottom:1px solid #2e3234;border-radius:0;background:transparent;cursor:default}
.staff-card:hover{background:transparent}
.staff-avatar-frame{position:relative;flex:0 0 104px;height:138px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:linear-gradient(180deg,transparent 45%,rgba(255,255,255,.035))}
.staff-avatar-frame:after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:7px;border-radius:50%;background:#0008;filter:blur(4px)}
.staff-avatar-frame img{position:relative;z-index:1;display:block;width:108px;height:145px;object-fit:contain;object-position:center bottom;image-rendering:pixelated}
.staff-card-copy{min-width:0;display:flex;flex-direction:column}
.staff-card-copy strong{font-size:19px;text-shadow:0 2px #000}
.staff-card-copy small{margin-top:6px;color:#bbb;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-card-copy em{margin-top:14px;display:flex;align-items:center;gap:6px;color:#8e8e8e;font-size:10px;font-style:normal}
.staff-card-copy em b{width:7px;height:7px;border-radius:50%;background:#777}
.staff-card-copy em.is-online{color:#74dc91}.staff-card-copy em.is-online b{background:#44d071;box-shadow:0 0 8px #44d071}
.staff-group.is-empty{min-height:53px;padding:9px 0}
.staff-group.is-empty>header{margin:0}.staff-group.is-empty{min-height:70px!important;padding:12px 0!important}.staff-group.is-empty>header i{flex:0 0 50px!important;width:50px!important;height:50px!important;background-size:50px 50px!important;opacity:1!important;filter:drop-shadow(0 2px 2px #000)!important}.staff-group.is-empty header h2{color:#f4f4f4!important;font-size:18px!important;line-height:50px!important;text-shadow:0 2px 2px #000!important}.staff-group:nth-child(2)>header i{background-image:url("data:image/gif;base64,R0lGODlhMgAyAHAAACH5BAEAABUALAAAAAAyADIAhAAAAI0vA//+hf7DCv2FCf7CUrFMBNeQB79PBfn5+cxmAIQhApkzAI0SA///Zv/MM/sADZIAA+xcYWoAC///wQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAX/YCWOZGmeaKqubOu+cCzP9AvU9U0CgT76uBTPxxP0fscgqngsCow3JlCJHEB51kGvqJ1SKzyCtRcgCAhkwQDt/WK75TN50P2esNtANl+3l7BoAXGBZX1+VVlrZ3RqhodgZQVmk2dnkkmPkASbnJ2cmI88BqOkpaSgh2Geq2yZAK+CsbKzW205B7i5uru8tjIACMEJCsPFxMQJxcnBCL4wwAsLCQzT1dTXDNjRzUoADQjRDuIMDuTm5dniDtvOLcDf4efy6OYM29w0wAXwCw8M/v+y+XtA8B/BbY5cvFoILZrDhxAjIiBQIEk7EQAgaIQQARizjyBDfiTQcSGEixkjyJRkyLKlS5YqNaLkKKGmzZs4c+q0GeGkO5oQEkRIMCGZUKNDkyUlylRpAggSel4EA/Ro0aJDsxKdEOHq1a1Dofb0qeJV1WRYmX5VinVo27BRZZZVqVICR6Fp8wpV2ZYp3adR6TpbGMFu1qJorSLtu7So2IUK7W6cTLmy5Y0Spv55ybkz5BmvfngUGTJ06FQLWHVaoBkHgNQFKNCZTYB1pjsLBhR4oqZ2ayqv6RRYY/u2kNzEf/sJXtz4itfKXTmfTr269evYX4QAADs=")!important}.staff-group:nth-child(3)>header i{background-image:url("data:image/gif;base64,R0lGODlhMgAyAHAAACH5BAEAABUALAAAAAAyADIAhAAAAI0vA//+hf7DCv2FCf7CUrFMBNeQB79PBfn5+cxmAIQhApkzAI0SA///Zv/MM5YAN7cAQtZDBrUyYv//wQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAX/YCWOZGmeaKqubOu+cCzP9AvU9U0CgT76uBTPxxP0fscgqngsCow3JlCJHEB51kGvqJ1SKzyCtRcgCAhkwQDt/WK75TN50P2esNtANl+3l7BoAXGBZX1+VVlrZ3RqhodgZQVmk2dnkkmPkASbnJ2cmI88BqOkpaSgh2Geq2yZAK+CsbKzW205B7i5uru8tjIACMEJCsPFxMQJxcnBCL4wwAsLCQzT1dTXDNjRzUoADQjRDuIMDuTm5dniDtvOLcDf4efy6OYM29w0wAXwCw8M/v+y+XtA8B/BbY7cvVoILZrDhxAjIiBQAFM7ABAgRMgoARizjyBDfiTQkeEEZxgjv0RgyLKlS5cqVU44qSLlhIw4c+rcyXMnzZoab1IYGmEohaJEj6o8yjRmUwoQoP4UEjSj0qdFsy7NqpRr0agQZvp6VTXqVqZJnXo9izSj2CUxI9w067Wr3bV1wU5Qacuk1aVpAaMdjJSp3lcsAMxczLix48eQ2/14SbmyyxiIRbwSyRlxZj8AFrDqtEByN9EFKNBZTaB0pjsLBhR4oqa1aTuh6RRY4/q1kNi8b4eK3dv3itDCfSc3zry58+fQoYcAADs=")!important}.staff-group:nth-child(4)>header i{background-image:url("data:image/gif;base64,R0lGODlhMgAyAHAAACH5BAEAABUALAAAAAAyADIAhAAAAI0vA//+hf7DCv2FCf7CUrFMBNeQB79PBfn5+cxmAIQhApkzAI0SA///Zv/MM/9yAP+eT/+BFbVaEP//wQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAX/YCWOZGmeaKqubOu+cCzP9AvU9U0CgT76uBTPxxP0fscgqngsCow3JlCJHEB51kGvqJ1SKzyCtRcgCAhkwQDt/WK75TN50P2esNtANl+3l7BoAXGBZX1+VVlrZ3RqhodgZQVmk2dnkkmPkASbnJ2cmI88BqOkpaSgh2Geq2yZAK+CsbKzW205B7i5uru8tjIACMEJCsPFxMQJxcnBCL4wwAsLCQzT1dTXDNjRzUoADQjRDuIMDuTm5dniDtvOLcDf4efy6OYM29w0wAXwCw8M/v+y+XtA8B/BbY5cvFoILZrDhxAjIiBQIEk7EQAgaIQQARizjyBDfiQAgWFJFhkluEhgyLKlS5cqNV5MubGmzZs4b0o4iRLCzggqg0qYQKFoUaJHiw4VGtQnzxU0gTIlSlQChapXKVhl2nTn0yUAgHLkSlVr1rJWJ3Dd6dUZAKFjp5oti/bqWp9B3b76SXZu1qRH7658pZBjhMOIEytezPirwpeQIy/MR8SjyJCECadawKrTgovdOBegQKc0gc+Z7iwYUOCJmtOg7QBYzXoN6tRCaMPGDXX1bd4qZsfmPRy48ePIkyvnHQIAOw==")!important}.staff-group.is-empty>header i{flex-basis:30px;width:30px;height:30px;background-size:30px 30px;opacity:.72}.staff-group.is-empty header h2{color:#b9b9b9;font-size:14px;line-height:30px}
.staff-view-switch{position:absolute;right:0;top:2px;display:flex;gap:7px;padding:0;background:none;border:0;box-shadow:none}
.staff-view-switch button{position:relative;min-width:122px;height:32px;padding:0 13px 0 22px;border:1px solid #0a0b0b;border-radius:0;color:#888b8c;background:#202223;box-shadow:inset 1px 1px 0 #414445,inset -1px -1px 0 #101112,2px 2px 0 rgba(0,0,0,.4);font:700 11px/1 Arial,"Trebuchet MS",sans-serif;cursor:pointer}
.staff-view-switch button::before{content:"";position:absolute;left:9px;top:13px;width:5px;height:5px;background:#55595a;box-shadow:1px 1px 0 #080909}
.staff-view-switch button:hover{color:#d5d5d2;background:#262829}
.staff-view-switch button.is-active{color:#f1eee8;background:#292b2c;box-shadow:inset 1px 1px 0 #4a4d4e,inset -1px -1px 0 #111,2px 2px 0 rgba(0,0,0,.45)}
.staff-view-switch button.is-active::before{background:#ef6b24;box-shadow:0 0 5px rgba(239,107,36,.38),1px 1px 0 #3a1608}
.staff-view-switch button:focus-visible{outline:1px dotted #a6a6a2;outline-offset:2px}
.staff-groups[hidden]{display:none!important}
.staff-support-group.is-empty{min-height:62px;padding:10px 0}
.staff-support-group.is-empty>header i{flex:0 0 42px;width:42px;height:42px;background-size:contain;opacity:1}
.staff-support-group.is-empty header h2{font-size:15px;line-height:42px}
.staff-support-group[data-support-rank="discord"]>header i{background-image:url("/assets/staff-ranks/support-discord.png?v=1")}
.staff-support-group[data-support-rank="dj"]>header i{background-image:url("/assets/staff-ranks/support-dj.png?v=1")}
.staff-support-group[data-support-rank="advertising"]>header i{background-image:url("/assets/staff-ranks/support-advertising.png?v=1")}
.staff-support-group[data-support-rank="architect"]>header i{background-image:url("/assets/staff-ranks/support-architect.png?v=1")}
.staff-support-group[data-support-rank="trade"]>header i{background-image:url("/assets/staff-ranks/support-trade.png?v=1")}
.staff-footer{height:49px;padding:0 max(24px,calc((100vw - 920px)/2));display:flex;align-items:center;justify-content:space-between;color:#767676;border-top:1px solid #333;background:#111314;font-size:9px}
.staff-footer b{color:#ef6b24}
@media(max-width:720px){.staff-header .habvice-nav{padding:0 16px}.staff-header .habvice-links{display:flex;gap:13px}.staff-header .habvice-links a{font-size:10px}.staff-header .habvice-nav-actions{display:none}.staff-main{padding:40px 16px 56px}.staff-hero{margin-bottom:30px}.staff-hero h1{font-size:27px}.staff-members{grid-template-columns:1fr}.staff-footer{height:auto;min-height:55px;padding:10px 18px;gap:8px;flex-direction:column;justify-content:center}.staff-card{min-height:128px}.staff-avatar-frame{flex-basis:92px;height:128px}.staff-avatar-frame img{width:100px;height:134px}}
@media(max-width:720px){.staff-view-switch{position:static;width:max-content;max-width:100%;margin-top:22px}.staff-view-switch button{min-width:0}}
@media(max-width:650px){.beta-staff-page .staff-main{min-height:calc(100dvh - 70px)}}
.news-page .news-empty-main{min-height:calc(100vh - 82px);min-height:calc(100dvh - 82px);display:grid;place-items:center;padding:48px 24px;background:#17191a}
.news-placeholder{width:min(680px,100%);text-align:center}
.news-placeholder>img{display:block;width:360px;max-width:76vw;height:auto;margin:0 auto 24px;image-rendering:pixelated}
.news-placeholder p{margin:0;color:#a8a8a5;font:13px/1.65 "Trebuchet MS","Segoe UI",Arial,sans-serif}
.news-placeholder a{color:#d5d5d2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .14s ease}
.news-placeholder a:hover,.news-placeholder a:focus-visible{color:#72a8d4}
.news-placeholder a:focus-visible{outline:1px dotted #72a8d4;outline-offset:3px}
@media(max-width:650px){.news-page .news-empty-main{min-height:calc(100dvh - 70px);padding:36px 18px}.news-placeholder>img{width:280px;margin-bottom:20px}.news-placeholder p{font-size:12px}}