/* «Entrar con Discord»: the banner art with what the arena offers, beside three steps (join, connect, play). */
.enter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:600px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}
.enter-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:40px;
    background:linear-gradient(0deg,#0d0c10 0%,#0d0c10cc 38%,#0d0c1033 75%,transparent),var(--hero) 62% center/cover}
.enter-art h1{font-size:clamp(38px,4.2vw,58px);line-height:.98;margin:2px 0 6px;letter-spacing:-.5px}
.enter-perks{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:440px}
.enter-perks li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;background:#0f0d11b8;border:1px solid #ffffff14;backdrop-filter:blur(6px)}
.enter-perks b{font-size:20px;flex:none}
.enter-perks strong{display:block;font-size:13px;color:#fff}
.enter-perks span{font-size:12px;color:#c9c2c8}
.enter-card{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:44px 40px}
.enter-card h2{font-size:34px;margin-top:-4px}
.enter-lead{font-size:13px;margin-top:-6px}
.enter-notice{padding:12px 14px;border-radius:12px;border:1px solid #7a4a2c;background:linear-gradient(120deg,#ff782f1f,transparent 70%),#1b1512}
.enter-notice strong{display:block;font-size:14px;color:#ffd2b0}
.enter-notice p{font-size:12.5px;color:#d9cfcb;margin-top:3px}
.enter-notice.is-good{border-color:#2f6a4a;background:linear-gradient(120deg,#3ad28a1f,transparent 70%),#121a16}.enter-notice.is-good strong{color:#a6f0c8}
.enter-steps{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px;counter-reset:step}
.enter-steps li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--line);background:#141317;transition:border-color .2s,background .2s}
.enter-steps li>i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:700 14px/1 Rajdhani,Arial,sans-serif;font-style:normal;background:#24222a;color:#bdb8c7}
.enter-steps li>div{display:grid;gap:4px;min-width:0;flex:1}
.enter-steps strong{font-size:14px;color:#fff}
.enter-steps small{font-size:12px}
.enter-steps .button{justify-self:start;margin-top:6px}
.enter-steps li.is-now{border-color:#8a4f2c;background:linear-gradient(120deg,#ff782f17,transparent 70%),#17141a}
.enter-steps li.is-now>i{background:var(--fire);color:#1d0f07;box-shadow:0 0 0 4px #ff782f26}
.enter-steps li.is-done>i{background:#27453a;color:var(--green)}
.enter-row{display:flex;flex-wrap:wrap;gap:8px}.enter-row .button{margin-top:6px}
.discord-button{gap:10px;background:#5865F2;border-color:#5865F2;color:#fff;padding:13px 20px;font-size:13px}
.discord-button:hover{background:#4752c4;border-color:#4752c4;color:#fff}
.discord-logo{width:18px;height:18px;flex:none}
.button .discord-logo{margin-right:-4px}
.enter-perms{border-top:1px solid var(--line);padding-top:12px}
.enter-perms summary{cursor:pointer;font-size:12.5px;color:#d5d0db}
.enter-perms ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.enter-perms li{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.enter-perms li b{flex:none;width:18px;text-align:center}
.enter-perms li.yes b{color:var(--green)}.enter-perms li.no b{color:#ff6b6b}
.enter-perms strong{color:#e8e3ea;margin-right:5px}
.enter-fine{font-size:11px}
@media(max-width:1000px){.enter{grid-template-columns:1fr}.enter-art{min-height:340px;padding:28px}.enter-card{padding:30px 26px}}
@media(max-width:600px){.enter-art{min-height:300px;padding:22px 18px}.enter-perks li{padding:8px 12px}.enter-card{padding:24px 16px}.enter-card h2{font-size:28px}}