@font-face{font-family:Manrope;src:url('manrope-400.woff2') format('woff');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Manrope;src:url('manrope-700.woff2') format('woff');font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:Manrope;src:url('manrope-800.woff2') format('woff');font-weight:800;font-style:normal;font-display:block}
@font-face{font-family:'MC Text';src:url('MinecraftStandard.otf') format('opentype');font-weight:400;font-style:normal;font-display:block;size-adjust:66.6667%}
@font-face{font-family:'MC Text';src:url('MinecraftStandardBold.otf') format('opentype');font-weight:700;font-style:normal;font-display:block;size-adjust:66.6667%}
@font-face{font-family:'MC Display';src:url('Minecrafter.Reg.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
.mc-menu{padding:22px;background:#1d2821;border:1px solid #96c99f4d;border-radius:4px;box-shadow:0 0 0 5px #a2d9a509,0 15px 35px #0004;font-family:'MC Text',sans-serif}
.mc-menu-title{text-align:center;font:400 20px/1.5 'MC Text',sans-serif;color:#cbe1cf;margin-bottom:22px}
.mc-server{display:flex;gap:12px;align-items:center;min-width:0;width:100%;padding:12px;border:1px solid #74857777;background:#111713;text-align:left;border-radius:0}
.mc-server-logo{width:57px;height:57px;object-fit:contain;image-rendering:pixelated;flex:none}
.mc-server-content{display:block;min-width:0;flex:1;container-type:inline-size}
.mc-server-heading{display:flex;gap:10px;white-space:nowrap;color:#e7eee8;font:400 clamp(7px,4.2cqw,30px)/1.4 'MC Text',sans-serif}
.mc-count{margin-left:auto;color:#829487}
.motd-line{display:block;font:400 clamp(6px,4.2cqw,32px)/1.4 'MC Text',sans-serif;white-space:nowrap;color:#eef3ef}
.motd-line strong{font-weight:700}
.motd-heart{color:#ff535b}
.motd-version{color:#5ef5f3}
.motd-green{color:#67fa53}
.motd-yellow{color:#f1ee4c}
.motd-orange{color:#ffb52b}
.motd-arrow{display:inline-block;width:.68em;height:.6em;background:#7e9886;vertical-align:.02em;clip-path:polygon(0 15%,55% 15%,55% 0,100% 50%,55% 100%,55% 85%,0 85%)}
.motd-arrow.arrow-left{transform:scaleX(-1)}
.mc-ping{display:flex;align-self:flex-start;align-items:flex-end;gap:2px;width:22px;height:22px;flex:none}
.mc-ping i{width:3px;background:#67c579}
.mc-ping i:nth-child(1){height:5px}
.mc-ping i:nth-child(2){height:9px}
.mc-ping i:nth-child(3){height:13px}
.mc-ping i:nth-child(4){height:17px}
.mc-ping i:nth-child(5){height:21px}
.mc-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}
.mc-controls>*{padding:11px 5px;border:1px solid #73977c5c;background:#354c3b;text-align:center;border-radius:0;min-height:40px;font:400 13px/1.5 'MC Text',sans-serif}
.mc-controls>*:hover{background:#46634c}
.join-steps{list-style:none;display:grid;gap:18px;padding:0;margin:0}
.join-steps li{display:flex;align-items:center;gap:15px}
.join-steps li>span{display:grid;place-items:center;flex:none;width:30px;height:30px;font:400 19px 'MC Text',sans-serif;background:#33543e;color:#b6d9bf;border:1px solid #7ba9865c}
.join-steps h3{font:400 13px/1.5 'MC Text',Manrope,sans-serif;text-transform:uppercase;color:#c2dcc8}
.join-steps p{font-size:10px;color:#aebeb2;line-height:1.65;margin-top:4px}
.status-pill,.member-role,.profile-top .role{display:inline-block;padding:6px 10px;background:#b2dfbe1f;color:#b9dfc4;border:1px solid #94b39a33;font:400 10px/1.4 'MC Text',sans-serif;text-transform:uppercase;white-space:nowrap}
.profile-label{font:400 9px 'MC Text',sans-serif;color:#9db6a4}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:25px;background:#030b07dc;backdrop-filter:blur(15px)}
.modal-card{position:relative;width:min(950px,100%);max-height:calc(100dvh - 50px);overflow:auto;background:#242e28;border:1px solid #9fcca561;border-radius:6px;box-shadow:0 30px 100px #0009}
.modal-close{position:absolute;right:15px;top:15px;z-index:5;display:grid;place-items:center;width:32px;height:32px;padding:0;background:#8ba99318;border:1px solid #91b59c33;color:#d1e4d6;font:400 22px Arial,sans-serif}
.modal-close:hover{background:#a1c1a938}
.join-modal-card{width:min(590px,100%);padding:38px}
.join-modal-card h2{font-size:30px;margin-right:20px}
.join-modal-card>p{font-size:12px;margin-top:19px}
.join-modal-card .join-steps{margin:25px 0}
.profile-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;--role-light:#c0e9ca;--role-glow:#96c69f22}
.profile-card[data-role="HeadAdmin"]{--role-light:#cfcee8;--role-glow:#9994c522}
.profile-card[data-role="Admin"]{--role-light:#b9d9e2;--role-glow:#82b5c522}
.viewer-wrap{position:relative;isolation:isolate;display:grid;place-items:center;min-height:530px;padding:20px 12px 67px;background:none}
.viewer-wrap::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:45px;height:180px;transform:perspective(200px) rotateX(55deg);background-image:none,none;background-size:25px 25px;mask-image:none}
.viewer-wrap::after{content:"";position:absolute;z-index:-1;left:37%;right:37%;bottom:84px;height:14px;background:#0007;border-radius:50%;filter:blur(12px)}
#skin-canvas{display:block;width:100%;height:440px;cursor:grab;touch-action:none}
#skin-canvas:active{cursor:grabbing}
#viewer-fallback{position:absolute;padding:30px;font-size:12px;text-align:center}
#viewer-fallback[hidden]{display:none}
.skin-actions{position:absolute;left:20px;right:20px;bottom:22px;display:flex;justify-content:center;gap:8px}
.skin-actions>button{border:1px solid #8fac9838;background:#344d3d;border-radius:2px;padding:10px 14px;font:400 12px 'MC Text',sans-serif;color:#c3ddcb}
.skin-actions>button:hover,.skin-actions>button[aria-pressed="true"]{background:#4a6c55;color:#e5f9eb}
.member-detail{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:40px 34px;background:#131d1640;border-left:1px solid #9ebb9e24}
.profile-server{display:flex;align-items:center;gap:9px;color:#90a598;font-size:11px;margin-bottom:29px}
.profile-server>img{width:33px;height:25px;object-fit:contain;image-rendering:pixelated}
.profile-top{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.profile-top>span:first-child{font:400 10px 'MC Text',sans-serif;color:#91a798}
.profile-top .role{color:var(--role-light)}
.member-detail h2{font:400 35px/1.3 'MC Text',sans-serif;overflow-wrap:anywhere;letter-spacing:0}
.profile-divider{height:1px;margin:23px 0;background:#9dc5a333}
.member-detail>p{font-size:13px;color:#b2c9ba;line-height:1.9}
.member-detail>.btn{align-self:flex-start;font-size:12px;margin-top:25px}
.profile-switcher{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}
.profile-switcher>button{display:grid;place-items:center;width:40px;height:40px;padding:6px;background:#54745d29;border:1px solid #9fbea43b;border-radius:3px;opacity:.6;transition:opacity .2s,background .2s}
.profile-switcher>button.active,.profile-switcher>button:hover{background:#54745d66;opacity:1}
.profile-switcher img,.profile-switcher canvas{width:28px;height:28px;image-rendering:pixelated;object-fit:contain}
@media(max-width:900px){.connect-copy .join-steps{grid-template-columns:1fr 1fr;gap:22px}
.viewer-wrap{min-height:480px}
#skin-canvas{height:390px}
.member-detail{padding:30px 25px}
.member-detail h2{font-size:29px}
.member-detail>p{font-size:12px}
.skin-actions{left:10px;right:10px}
.skin-actions>button{font-size:11px;padding-inline:10px}
.profile-switcher{gap:8px}
.profile-switcher>button{width:36px;height:36px}}
@media(max-width:680px){.connect-copy .join-steps{grid-template-columns:1fr;gap:18px}
.mc-menu{padding:15px}
.mc-menu-title{font-size:17px;margin-bottom:19px}
.mc-server{gap:9px;padding:9px}
.mc-server-logo{width:42px;height:42px}
.mc-ping{gap:1px;width:15px;height:17px}
.mc-ping i{width:2px}
.mc-ping i:nth-child(1){height:4px}
.mc-ping i:nth-child(2){height:7px}
.mc-ping i:nth-child(3){height:10px}
.mc-ping i:nth-child(4){height:13px}
.mc-ping i:nth-child(5){height:16px}
.mc-server-heading{gap:5px}
.mc-controls{gap:8px;margin-top:18px}
.mc-controls>*{font-size:11px;padding:10px 5px;min-height:37px}
.join-steps h3{font-size:14px}
.join-steps p{font-size:11px}
.join-steps li>span{font-size:19px}
.profile-label{display:none}
.modal{padding:14px}
.modal-card{max-height:calc(100dvh - 28px)}
.join-modal-card{padding:35px 25px 28px}
.join-modal-card h2{font-size:28px}
.join-modal-card>p{font-size:11px}
.join-modal-card .join-steps{gap:18px}
.join-modal-card .join-steps h3{font-size:12px}
.profile-card{grid-template-columns:1fr;overflow:auto}
.viewer-wrap{min-height:350px;padding:15px 12px 60px}
#skin-canvas{height:295px;max-width:380px}
.viewer-wrap::before{bottom:40px;height:130px}
.viewer-wrap::after{bottom:75px}
.skin-actions{bottom:16px}
.skin-actions>button{font-size:12px;padding:9px 12px}
.member-detail{padding:25px 26px 30px;border-left:0;border-top:1px solid #9ebb9e24}
.profile-server{margin-bottom:22px}
.member-detail h2{font-size:28px}
.profile-divider{margin-block:19px}
.member-detail>p{font-size:12px}
.member-detail>.btn{font-size:12px;margin-top:23px}
.profile-switcher{gap:9px;margin-top:25px}
.profile-switcher>button{width:39px;height:39px}}
@media(max-width:380px){.mc-menu{padding:11px}
.mc-server{gap:7px;padding:8px}
.mc-server-logo{width:32px;height:32px}
.mc-ping{width:12px}
.profile-switcher{gap:7px}}
@font-face{font-family:Manrope;src:url('manrope-600.woff2') format('woff');font-weight:600;font-style:normal;font-display:block}
.connect-copy .join-steps{gap:15px}
.connect-copy .join-steps li{padding:12px 14px;gap:12px;background:#365241;border:1px solid #8ebf9840;border-radius:4px}
.connect-copy .join-steps li>span{width:20px;height:20px;font:400 11px Manrope,sans-serif;background:transparent;border:0;color:#b4d3bd}
.connect-copy .join-steps h3{font:600 10px/1.4 Manrope,sans-serif;letter-spacing:.025em}
.connect-copy .join-steps p{font-size:10px;margin-top:3px}
.mc-menu{padding:20px;border-radius:8px;box-shadow:0 0 0 5px #91bf9812,0 15px 35px #0003}
.featured-team .profile-label{display:none}
@media(max-width:900px){.connect-copy .join-steps{grid-template-columns:1fr 1fr;gap:15px}}
@media(max-width:680px){.connect-copy .join-steps{grid-template-columns:1fr;gap:13px}
.connect-copy .join-steps li{padding:12px}
.connect-copy .join-steps h3{font-size:11px}
.connect-copy .join-steps p{font-size:10px}
.mc-menu{padding:15px}}
@media(max-width:380px){.mc-menu{padding:11px}}