/* Events (client.mjs renderEvents): tournaments, coming soon. The Play screen's shell (.play-arts, .play-shade,
   topbar) with two framed cards, one per kind of event, and a way to the ranked ladder meanwhile. */
.events{position:relative;height:100vh;min-height:600px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;
  padding:clamp(150px,19vh,200px) clamp(24px,3.4vw,64px) clamp(18px,3.4vh,36px)}
.events .play-art{opacity:.35}
.ev-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(14px,2.4vh,26px)}
.ev-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ev-head h1{margin:0;font:700 clamp(28px,2.3vw,40px)/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;
  background:linear-gradient(180deg,#fff6de,#e9bb6a 60%,#a47232);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}
.ev-soon{padding:6px 12px;border-radius:999px;border:1px solid rgba(215,166,83,.55);background:rgba(8,9,10,.7);font:700 12px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--gold1)}
.ev-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.ev-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:220px;padding:clamp(18px,2.4vw,34px);border-radius:8px;
  border:2px solid transparent;background:linear-gradient(180deg,rgba(18,20,22,.9),rgba(6,7,8,.95)) padding-box,var(--frame) border-box;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 14px 34px rgba(0,0,0,.6)}
.ev-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.6}
.ev-card::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(6,8,10,.96) 22%,rgba(6,8,10,.45) 62%,transparent),radial-gradient(90% 60% at 20% 100%,color-mix(in srgb,var(--fc) 35%,transparent),transparent 70%)}
.ev-card small{font:700 12px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--gold1)}
.ev-card h2{margin:8px 0 10px;font:700 clamp(26px,2.4vw,40px)/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 2px 6px #000}
.ev-card p{margin:0;max-width:52ch;font:500 15px/1.45 "Segoe UI",system-ui,sans-serif;color:#e4d9c2}
.ev-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ev-foot p{flex:1;min-width:220px;margin:0;font:500 15px/1.4 "Segoe UI",system-ui,sans-serif;color:#d8cdb2;text-shadow:0 1px 4px #000}
.ev-foot .fbtn{min-width:min(300px,28vw)}
@media (max-width:1100px){.events{height:auto;min-height:100vh}.ev-grid{grid-template-columns:minmax(0,1fr)}}