/* Frames 397:174 (Jogar) and 390:99 (Login). Shared scale, colors and fonts. */
.access-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.access-pixel-icon{position:relative;display:block;width:100%;height:100%;pointer-events:none}
.access-pixel-icon>span{position:absolute;display:block;background:currentColor;-webkit-mask:var(--icon-vector) center/100% 100% no-repeat;mask:var(--icon-vector) center/100% 100% no-repeat}
.jogar-main h2{font-family:Minecrafter,sans-serif;font-size:calc(80 * var(--u));line-height:1;font-synthesis:none}
.jogar-hero{position:relative;height:calc(608 * var(--u));background:#000;isolation:isolate}
.jogar-hero-background{position:absolute;top:calc(-46 * var(--u));left:0;width:100%;height:calc(632 * var(--u))}
.jogar-hero-background>img{width:100%!important;height:auto!important;left:0!important;top:0!important}
.jogar-brand{position:absolute;width:calc(792 * var(--u));height:calc(792 * var(--u));left:50%;top:calc(-184 * var(--u));transform:translateX(-50%);z-index:1}
.jogar-hero-edge{position:absolute;left:0;bottom:0;width:100%;height:calc(234 * var(--u));pointer-events:none;z-index:2}
.jogar-intro{position:relative;min-height:calc(506 * var(--u));padding:calc(35 * var(--u)) calc(117 * var(--u) + var(--layout-inset)) calc(50 * var(--u))}
.jogar-intro-copy{width:calc(828 * var(--u));max-width:100%}
.jogar-intro-copy h2{margin-bottom:0}
.jogar-intro-copy p{width:calc(800 * var(--u));max-width:100%;font-size:clamp(16px,calc(36 * var(--u)),28px);line-height:calc(40 * var(--u));margin-top:0}
.jogar-dragon{position:absolute;left:calc(1011 * var(--u) + var(--layout-inset));top:calc(-159 * var(--u));width:calc(611 * var(--u));pointer-events:none;--float-distance:6px;--float-tilt:1.5deg;animation:kingdom-float 6s ease-in-out infinite}
.jogar-guide{padding:0 calc(138 * var(--u) + var(--layout-inset)) calc(16 * var(--u))}
.jogar-guide>h2{text-align:center;min-height:calc(102 * var(--u))}
.jogar-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(50 * var(--u)) calc(102 * var(--u))}
.jogar-step{grid-column:span 2;min-width:0;display:flex;flex-direction:column}
.jogar-step--4{grid-column:2/span 2}.jogar-step--5{grid-column:4/span 2}
.jogar-step-heading{display:flex;align-items:center;gap:calc(12 * var(--u));min-height:calc(50 * var(--u));margin-bottom:calc(12 * var(--u))}
.jogar-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(50 * var(--u));height:calc(50 * var(--u));background:#000;font-size:clamp(15px,calc(24 * var(--u)),22px);line-height:1}
.jogar-step-heading p{flex:1;min-width:0;font-size:clamp(11px,calc(18 * var(--u)),14px);line-height:calc(20 * var(--u));white-space:nowrap}
.jogar-step-art{position:relative;aspect-ratio:470/245;background:#000;box-shadow:0 calc(10 * var(--u)) rgb(0 0 0 / 25%)}
.jogar-step-photo{position:absolute;left:1.7021277%;top:3.6734694%;width:96.5957447%;height:82.8571429%}
.jogar-step--1 .jogar-step-photo{left:-10.4255319%;width:108.2978723%;height:82.4489796%}
.jogar-launcher-logo{position:absolute;left:8.5106383%;top:0;width:35.3191489%;height:38.3673469%;pointer-events:none}
.jogar-step--4 .jogar-step-photo{left:2.1276596%;top:4.0816327%;width:95.7446809%;height:84.8979592%}
.jogar-step--5 .jogar-step-photo{left:1.9148936%;top:4.0816327%;width:95.9574468%;height:84.8979592%}
.jogar-step-caption{position:absolute;left:1.7021277%;right:1.7021277%;bottom:calc(6 * var(--u));font-size:clamp(11px,calc(16 * var(--u)),15px);line-height:1.25}
.jogar-step--1 .jogar-step-caption{left:2.1276596%}.jogar-step--4 .jogar-step-caption,.jogar-step--5 .jogar-step-caption{font-size:clamp(11px,calc(16 * var(--u)),15px)}
.jogar-download:hover,.jogar-download:focus-visible{color:var(--red)}
.jogar-server{position:relative;height:calc(470 * var(--u));margin-bottom:calc(99 * var(--u));isolation:isolate}
.jogar-server-background{position:absolute;top:calc(157 * var(--u));height:calc(119 * var(--u));left:0;width:100%;background:#000;z-index:-2}
.jogar-server-edge{position:absolute;width:100%;left:0;pointer-events:none;z-index:-1}
.jogar-server-edge--top{top:0;height:calc(345 * var(--u))}
.jogar-server-edge--bottom{bottom:0;height:calc(238.0672 * var(--u));transform:rotate(180deg)}
.jogar-server-controls{position:absolute;top:calc(205 * var(--u));left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:calc(48 * var(--u));padding:0 20px}
.jogar-server-ip{font-size:calc(64 * var(--u));line-height:1.3;font-weight:700;color:#fff;overflow-wrap:anywhere}
.jogar-copy-ip{flex-shrink:0;width:max(44px,calc(50 * var(--u)));height:max(44px,calc(50 * var(--u)));padding:4px;color:#fff;transition:color .18s,translate .12s}
.jogar-copy-ip:hover,.jogar-copy-ip:focus-visible{color:var(--red)}.jogar-copy-ip:active{translate:0 2px}
.jogar-copy-status{position:absolute;top:calc(278 * var(--u));left:0;width:100%;text-align:center;font-size:14px;line-height:1.5;pointer-events:none}

.login-shell{min-height:100dvh}
.login-main{position:relative;min-height:100dvh;display:grid;align-items:center;overflow:clip}
.login-background{position:absolute;top:0;bottom:0;left:calc(50% + 37 * var(--u));right:0;background:#000}
.login-stage{position:relative;width:calc(1920 * var(--u));min-height:calc(1080 * var(--u));max-width:100%;margin:auto}
.login-divider{position:absolute;left:calc(1200 * var(--u));top:calc(-589 * var(--u));width:calc(1668 * var(--u));height:calc(300 * var(--u));transform:rotate(90deg);transform-origin:0 0;pointer-events:none}
.login-back{position:absolute;left:calc(36 * var(--u));top:calc(34 * var(--u));font-size:calc(32 * var(--u));line-height:1.3}
.login-back>span{font-family:MinecraftUI,Arial,sans-serif}.login-back:hover{color:#ffb0b1}
.login-card{position:relative;z-index:2;width:calc(660 * var(--u));min-height:calc(787 * var(--u));margin:calc(146 * var(--u)) 0 calc(147 * var(--u)) calc(144 * var(--u));padding:calc(60 * var(--u)) calc(50 * var(--u)) 0;background:#000;box-shadow:0 calc(15 * var(--u)) #0004}
.login-logo{width:calc(374 * var(--u));max-width:100%;margin:0 auto calc(53 * var(--u))}
.login-form{margin:0}
.login-input,.login-send-code{width:100%;height:calc(84 * var(--u));min-height:44px;border:0;border-radius:0;background:var(--surface);box-shadow:inset 0 calc(8 * var(--u)) #413b3b40,inset 0 calc(-8 * var(--u)) #0004;font-family:Minecraft,sans-serif;color:#fff;font-size:calc(32 * var(--u));line-height:1.2;font-weight:400;font-synthesis:none}
.login-input{display:block;padding:calc(16 * var(--u)) calc(22 * var(--u));min-width:0;outline-offset:4px}
.login-input::placeholder{color:#929090;opacity:1}.login-input:focus-visible{outline:2px solid var(--red)}.login-input[aria-invalid=true]{outline:2px solid #e05457}
.login-identity{margin-bottom:calc(26 * var(--u))}
.login-code-row{display:grid;grid-template-columns:377fr 156fr;gap:calc(26 * var(--u))}
.login-send-code{display:grid;place-items:center;color:#fff}.login-send-code:hover{color:var(--red)}.login-send-code:active{translate:0 2px}
.login-envelope{width:calc(56 * var(--u));height:calc(56 * var(--u));max-width:60%;max-height:70%}
.login-consent{display:grid;grid-template-columns:calc(45 * var(--u)) minmax(0,1fr);column-gap:calc(17 * var(--u));margin:calc(24 * var(--u)) calc(-31 * var(--u)) 0 0;min-height:calc(65 * var(--u));align-items:start}
.login-checkbox{appearance:none;-webkit-appearance:none;width:calc(45 * var(--u));height:calc(45 * var(--u));margin:calc(6 * var(--u)) 0 0;border:0;border-radius:0;background:var(--surface);box-shadow:inset 0 calc(4 * var(--u)) #413b3b40,inset 0 calc(-4 * var(--u)) #0004;cursor:pointer;flex-shrink:0}
.login-checkbox:checked{background-image:url('/assets/vector-395-165.svg');background-repeat:no-repeat;background-position:52% 50%;background-size:44.4444444% 31.1111111%}
.login-checkbox:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.login-consent label{font-size:calc(20 * var(--u));line-height:calc(25 * var(--u));color:#929090;cursor:pointer}
.login-consent a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.login-consent a:hover{color:#e05457}
.login-submit{display:flex;align-items:center;justify-content:center;width:100%;height:calc(84 * var(--u));min-height:44px;margin-top:calc(9 * var(--u));background:var(--red);box-shadow:inset 0 calc(8 * var(--u)) #ffafaf40,inset 0 calc(-8 * var(--u)) #0004;transition:filter .16s,translate .12s}
.login-submit>span{font-family:Minecrafter,sans-serif;font-size:calc(40 * var(--u));line-height:1;font-synthesis:none}.login-submit:hover{filter:brightness(1.1)}.login-submit:active{translate:0 2px}
.login-status{color:#f3b9ba;margin-top:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.login-small-dragon{width:calc(183 * var(--u));margin:calc(9 * var(--u)) auto 0;pointer-events:none;--float-distance:3px;--float-tilt:1deg;animation:kingdom-float 6s ease-in-out infinite}
.login-copyright{margin:calc(-9 * var(--u)) calc(-31 * var(--u)) 0;font-size:calc(18 * var(--u));line-height:calc(30 * var(--u));min-height:calc(44 * var(--u));text-align:center;color:#fffcf6;animation:none!important;transition:none!important}
.login-character{position:absolute;z-index:1;left:calc(838 * var(--u));top:calc(21 * var(--u));width:calc(1038 * var(--u));pointer-events:none;--float-distance:7px;--float-tilt:1deg;animation:kingdom-float 7s ease-in-out infinite}

/* Keep the two tutorial lines readable before switching to three desktop cards. */
@media(min-width:1040px) and (max-width:1279px){
  .jogar-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
  .jogar-step,.jogar-step--4,.jogar-step--5{grid-column:auto}
  .jogar-step--5{grid-column:1/-1;width:calc((100% - 32px)/2);justify-self:center}
  .jogar-step-heading{min-height:36px;gap:10px;margin-bottom:8px}
  .jogar-step-number{width:36px;height:36px;font-size:18px}
  .jogar-step-heading p{font-size:14px;line-height:1.25}
}
@media(max-width:1039px){
  .jogar-hero{height:clamp(270px,44vw,420px)}
  .jogar-hero-background{top:0;height:100%}.jogar-hero-background>img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top}
  .jogar-brand{width:min(620px,100%);height:auto;top:50%;transform:translate(-50%,-50%)}
  .jogar-hero-edge{height:calc(100cqw * 234 / 1920)}
  .jogar-main h2{font-size:clamp(32px,4.5vw,48px);line-height:1.1}
  .jogar-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:20px;min-height:0;padding:28px 6% 46px}
  .jogar-intro-copy{width:100%}.jogar-intro-copy p{width:100%;font-size:18px;line-height:1.5;margin-top:16px}
  .jogar-dragon{position:relative;left:auto;top:auto;width:100%}
  .jogar-guide{padding:0 6% 24px}.jogar-guide>h2{min-height:0;margin-bottom:32px}
  .jogar-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.jogar-step,.jogar-step--4,.jogar-step--5{grid-column:auto}.jogar-step--5{grid-column:1/-1;width:calc((100% - 32px)/2);justify-self:center}
  .jogar-step-heading{min-height:36px;gap:10px;margin-bottom:8px}.jogar-step-number{width:36px;height:36px;font-size:18px}.jogar-step-heading p{font-size:clamp(12px,1.5vw,14px);line-height:1.25}
  .jogar-step-caption,.jogar-step--4 .jogar-step-caption,.jogar-step--5 .jogar-step-caption{font-size:clamp(10px,1.5vw,13px);bottom:4px}
  .jogar-server{height:220px;margin-bottom:38px}.jogar-server-background{top:73px;height:75px}.jogar-server-edge--top{height:160px}.jogar-server-edge--bottom{height:111px}.jogar-server-controls{top:90px;gap:20px}.jogar-server-ip{font-size:clamp(24px,4vw,38px)}.jogar-copy-status{top:145px}
  .login-main{--u:.69px;min-height:100dvh}.login-stage{width:100%;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:90px 5% 44px;gap:24px}
  .login-background{left:50%}.login-divider{position:absolute;left:calc(50% + 85px);top:-290px;width:1150px;height:207px}
  .login-back{left:5%;top:28px;font-size:22px}
  .login-card{width:100%;margin:0;max-width:456px;padding:36px 26px 0;justify-self:center}
  .login-logo{width:258px;margin-bottom:34px}.login-input,.login-send-code{height:58px;font-size:20px}.login-input{padding:12px 16px}
  .login-code-row{gap:16px;grid-template-columns:minmax(0,1fr) 82px}.login-identity{margin-bottom:18px}
  .login-consent{grid-template-columns:31px minmax(0,1fr);gap:10px;margin-right:0}.login-consent label{font-size:13px;line-height:1.5}
  .login-small-dragon{width:126px}.login-copyright{margin-left:-12px;margin-right:-12px;font-size:12px;line-height:1.6;min-height:31px}
  .login-character{position:relative;left:auto;top:auto;width:120%;margin-left:-10%;align-self:center}
}
@media(max-width:799px){
  .jogar-steps{grid-template-columns:1fr;gap:28px}.jogar-step--5{grid-column:auto;width:100%}
  .jogar-step-heading{gap:8px;min-height:36px;margin-bottom:8px}
  .jogar-step-number{width:28px;height:28px;font-size:16px}
  .jogar-step-heading p{font-size:clamp(11px,3.45vw,14px);line-height:1.25}
}
@media(max-width:599px){
  .jogar-hero{height:240px}.jogar-brand{width:min(540px,120%);max-width:none}.jogar-hero-edge{height:58px}
  .jogar-intro{grid-template-columns:1fr;padding:22px 7% 32px;gap:8px}.jogar-main h2{font-size:32px}.jogar-intro-copy p{font-size:16px;line-height:1.55}
  .jogar-dragon{width:min(260px,70%);justify-self:center;margin:0}
  .jogar-guide{padding:0 7% 20px}.jogar-guide>h2{margin-bottom:24px}
  .jogar-step-caption,.jogar-step--4 .jogar-step-caption,.jogar-step--5 .jogar-step-caption{font-size:clamp(10px,3vw,13px)}
  .jogar-server-controls{gap:12px;padding:0 12px}.jogar-server-ip{font-size:clamp(20px,5.6vw,32px)}
  .login-stage{display:block;padding:86px 6% 30px}.login-background,.login-divider,.login-character{display:none}
  .login-card{margin:0 auto;min-height:0;padding:32px 24px 0}.login-logo{width:min(258px,90%);margin-bottom:30px}.login-code-row{grid-template-columns:minmax(0,1fr) 72px;gap:12px}.login-consent{margin-top:20px;min-height:55px}.login-input,.login-send-code{font-size:18px;height:54px}.login-submit{height:54px}.login-submit>span{font-size:26px}.login-copyright{padding-bottom:8px;margin-top:-6px}
}
@media(prefers-reduced-motion:reduce){.jogar-dragon,.login-small-dragon,.login-character{animation:none}.jogar-copy-ip,.login-submit,.login-send-code{transition:none}}