/* EclipsMC · Unified UI system, autumn 2026. Scoped page layouts + global component polish. */
:root{--rev-ink:#f6f7ff;--rev-muted:#a7abc6;--rev-card:#121326;--rev-edge:rgba(193,207,255,.12);--rev-blue:#55b9ff;--rev-lilac:#9c78ff;--rev-orange:#ffac5e;--rev-ease:cubic-bezier(.2,.7,.25,1)}
html{scroll-padding-top:100px}body{background:#080913}::selection{background:#ab83ff;color:#05050e}a,button{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #81ceff;outline-offset:4px}img{height:auto}.page-shell{overflow:clip}.container{width:min(1250px,calc(100% - 48px))}
/* Shared shell: dedicated layout system without changing the inner app's selectors. */
.cosmic-bg{background:radial-gradient(ellipse 70% 45% at 65% -8%,rgba(100,59,186,.16),transparent),linear-gradient(#080916,#090b16 48%,#070911)}.cosmic-bg:before{background:radial-gradient(circle at 5% 20%,rgba(68,120,221,.1),transparent 38%),radial-gradient(circle at 90% 45%,rgba(101,55,145,.11),transparent 40%)}.stars{opacity:.35}.orb{opacity:.13;filter:blur(70px)}
.site-header{background:rgba(8,9,21,.82);border-bottom:1px solid rgba(196,201,244,.11);box-shadow:0 14px 45px rgba(0,0,0,.14)}.site-header.scrolled{background:rgba(8,9,21,.95)}.header-wrap{max-width:1320px;height:82px}.nav-grouped{background:rgba(255,255,255,.035);border-color:var(--rev-edge)}.nav-item{font-weight:750}.nav-item:hover,.nav-item.active{background:rgba(126,138,241,.13)}.header-cta .btn-primary,.site-header .btn-primary{background:linear-gradient(130deg,#547ef8,#9666e8);box-shadow:0 12px 30px rgba(82,97,220,.22)}
.page-hero{position:relative}.page-hero h1{font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.065em}.page-hero p{max-width:850px}.eyebrow{letter-spacing:.11em;font-size:.75rem;border-color:rgba(160,150,255,.29);background:rgba(97,81,165,.13)}.section-head h2,.page-title{letter-spacing:-.045em}.card,.content-card,.auth-card,.mode-detail-card{border-color:var(--rev-edge);box-shadow:0 12px 45px rgba(0,0,0,.15)}.card:hover,.guide-link-card:hover{border-color:rgba(145,169,255,.34)}.site-footer{border-top:1px solid rgba(193,207,255,.12)}
/* Homepage */
.rev-hero{position:relative;padding:90px 0 30px;isolation:isolate}.rev-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 55% 80% at 85% 20%,rgba(86,80,171,.13),transparent),radial-gradient(ellipse 48% 90% at 8% 20%,rgba(49,81,153,.09),transparent)}.rev-hero-layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(24px,4.4vw,66px)}.rev-hero-copy{padding:32px 0 20px}.rev-kicker{color:#b7c8ff;display:inline-flex;gap:11px;align-items:center;font-size:.74rem;font-weight:850;letter-spacing:.18em}.rev-live-dot{width:9px;height:9px;background:#59e2b3;border-radius:50%;box-shadow:0 0 0 5px rgba(57,229,183,.12)}.rev-kicker-separator{height:14px;width:1px;background:rgba(255,255,255,.22)}.rev-hero h1{font:850 clamp(3.4rem,5.75vw,6.5rem)/.99 "Space Grotesk",Inter,sans-serif;letter-spacing:-.075em;margin:22px 0;max-width:850px}.rev-hero h1 em{font-style:normal;color:#a99aff;background:linear-gradient(110deg,#8fceff,#c298ff 60%,#eabaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rev-hero-copy>p{font-size:clamp(1rem,1.3vw,1.19rem);line-height:1.75;color:#bfc2da;max-width:610px;margin:0}.rev-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.rev-button{min-height:50px;padding:12px 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;line-height:1.2;font-size:.92rem;font-weight:850;transition:transform .22s var(--rev-ease),background .22s,box-shadow .22s;cursor:pointer;color:#fff;text-align:center}.rev-button:hover{transform:translateY(-3px)}.rev-button-main{background:linear-gradient(118deg,#5686f6,#9256de);box-shadow:0 12px 32px rgba(89,94,210,.28)}.rev-button-main b{font-weight:850;color:#e5eeff}.rev-button-outline{background:rgba(255,255,255,.045);border-color:rgba(199,206,255,.19)}.rev-button-outline:hover{background:rgba(255,255,255,.09)}.rev-button-quiet{color:#e2ddf7;background:transparent;border-color:rgba(255,255,255,.15)}.rev-button-orange{color:#27150a;background:linear-gradient(120deg,#ffca78,#ff934d);box-shadow:0 12px 30px rgba(232,119,39,.22)}.rev-hero-metrics{display:flex;flex-wrap:wrap;gap:23px;margin-top:35px;padding-top:25px;border-top:1px solid var(--rev-edge)}.rev-hero-metrics>div{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:125px}.rev-metric-icon{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(158,167,245,.16);background:rgba(94,95,160,.13);border-radius:12px;color:#a6b8ff}.rev-hero-metrics strong{font-size:1.05rem;line-height:1.2;color:#fff}.rev-hero-metrics small{font-size:.72rem;color:var(--rev-muted)}
.rev-hero-media{position:relative;padding:24px 0}.rev-hero-picture{position:relative;aspect-ratio:1.09;border:1px solid rgba(190,190,250,.18);border-radius:32px;overflow:hidden;transform:rotate(1deg);box-shadow:0 25px 70px rgba(0,0,0,.37),0 0 0 9px rgba(255,255,255,.02)}.rev-hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.16);transition:transform .8s var(--rev-ease)}.rev-hero-picture:hover img{transform:scale(1.25)}.rev-picture-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,7,21,.74))}.rev-picture-tag{position:absolute;bottom:24px;left:28px;display:inline-flex;gap:9px;align-items:center;background:rgba(7,9,24,.78);padding:10px 15px;border:1px solid rgba(245,245,255,.24);backdrop-filter:blur(8px);border-radius:10px;color:white;font-size:.73rem;font-weight:900;letter-spacing:.1em}.rev-media-mark{position:absolute;top:-1px;right:-23px;width:108px;height:108px;border:1px solid rgba(198,185,255,.25);background:rgba(18,13,36,.9);box-shadow:0 12px 35px rgba(0,0,0,.35);border-radius:23px;display:grid;place-items:center;transform:rotate(8deg)}.rev-media-mark img{width:88%;height:88%;object-fit:contain}.rev-hero-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--rev-edge);padding-top:25px;margin-top:46px;color:#9c9eba;font-size:.8rem;font-weight:700}.rev-hero-foot span{display:inline-flex;align-items:center;gap:10px}.rev-hero-foot i{color:#9483e6}
.rev-section{padding:75px 0}.rev-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:29px}.rev-section-head>div{max-width:740px}.rev-section-head>p{max-width:340px;color:var(--rev-muted);line-height:1.7;margin:0}.rev-section-kicker{color:#a6a0fd;font-size:.76rem;font-weight:900;letter-spacing:.18em;margin-bottom:14px}.rev-section h2{font:800 clamp(2.05rem,3.6vw,3.45rem)/1.1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.06em;margin:0}.rev-section h2 span{color:#ab98ff}.rev-all-link{display:inline-flex;align-items:center;gap:10px;color:#c1b6ff;font-weight:850;font-size:.93rem;white-space:nowrap;transition:gap .2s}.rev-all-link:hover{gap:16px}
.rev-game-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.rev-game-card{min-height:385px;display:flex;position:relative;overflow:hidden;border-radius:23px;border:1px solid rgba(179,188,240,.17);box-shadow:0 24px 50px rgba(0,0,0,.18);transition:transform .3s var(--rev-ease),border-color .3s}.rev-game-card:hover{transform:translateY(-7px);border-color:rgba(187,175,255,.55)}.rev-game-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s var(--rev-ease)}.rev-game-card:hover>img{transform:scale(1.07)}.rev-game-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,5,15,.96),rgba(9,8,24,.7) 37%,rgba(5,6,22,.08) 85%)}.rev-game-info{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;padding:28px;gap:9px;width:100%}.rev-card-label{color:#b8aeff;font-weight:900;font-size:.68rem;letter-spacing:.17em}.rev-game-info>strong{font:800 clamp(1.9rem,2.5vw,2.7rem) "Space Grotesk",Inter,sans-serif;letter-spacing:-.05em}.rev-game-info>span:nth-last-child(2){color:#c0bfd0;font-size:.89rem;line-height:1.58;max-width:295px}.rev-card-action{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#ddd8ff;font-size:.82rem;font-weight:900}.rev-game-mystery{background:radial-gradient(circle at 55% 37%,rgba(183,49,89,.33),transparent 36%),linear-gradient(140deg,#282039,#140e24 62%,#070a15)}.rev-game-art{position:absolute;inset:0;display:grid;place-items:center;font-size:10rem;color:rgba(235,123,157,.23);text-shadow:0 0 80px rgba(255,89,121,.35)}
.rev-season-section{padding-top:30px}.rev-season-panel{background:radial-gradient(ellipse 46% 130% at 96% 34%,rgba(238,128,43,.17),transparent),linear-gradient(125deg,#1e1322,#181126 50%,#100e18);border:1px solid rgba(250,164,93,.26);border-radius:28px;display:grid;grid-template-columns:1.17fr .83fr;min-height:345px;overflow:hidden;position:relative}.rev-season-copy{position:relative;z-index:1;padding:48px clamp(26px,4.5vw,65px)}.rev-season-tag{color:#ffc186;display:inline-flex;gap:10px;align-items:center;font-size:.72rem;letter-spacing:.18em;font-weight:900}.rev-season-panel h2{font-size:clamp(2.3rem,4vw,4.2rem);margin:14px 0 16px}.rev-season-panel h2 em{color:#ffa65c;font-style:normal}.rev-season-panel p{max-width:580px;color:#c9b9c5;line-height:1.8}.rev-season-date{display:flex;align-items:center;gap:11px;color:#ffe0c3;border-left:3px solid #ffa252;padding:10px 13px;background:rgba(255,182,103,.07);border-radius:0 10px 10px 0;width:fit-content;margin-top:19px;line-height:1.5}.rev-season-visual{position:relative;display:grid;place-items:center;overflow:hidden}.rev-season-moon{position:absolute;width:290px;height:290px;background:radial-gradient(circle at 27% 22%,#ffb46d,#b34820 60%,#321229);border-radius:50%;filter:drop-shadow(0 0 50px rgba(225,107,40,.3));opacity:.53}.rev-season-visual>i{font-size:13rem;color:rgba(32,15,24,.8);z-index:1}.rev-season-watermark{position:absolute;bottom:15px;right:-6px;font:900 6rem "Space Grotesk",sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.045)}
.rev-community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.rev-community-card{min-height:225px;background:linear-gradient(155deg,rgba(31,32,56,.8),rgba(16,18,34,.96));border:1px solid var(--rev-edge);border-radius:19px;padding:25px;display:flex;position:relative;flex-direction:column;gap:10px;transition:transform .25s,border-color .25s}.rev-community-card:hover{transform:translateY(-4px);border-color:#8379cb}.rev-community-icon{border-radius:13px;width:45px;height:45px;display:grid;place-items:center;margin-bottom:8px;font-size:1.1rem}.rev-icon-coral{background:rgba(249,141,102,.13);color:#ffb27f}.rev-icon-blue{background:rgba(77,177,250,.12);color:#88caff}.rev-icon-purple{background:rgba(151,124,249,.13);color:#c5b1ff}.rev-icon-gold{background:rgba(238,189,80,.12);color:#ffd585}.rev-community-card>strong{font:800 1.2rem "Space Grotesk",Inter,sans-serif}.rev-community-card>span:nth-last-child(2){line-height:1.6;color:var(--rev-muted);font-size:.86rem}.rev-community-arrow{position:absolute;right:25px;top:28px;color:#817fa4}
.rev-guide-section{border-block:1px solid var(--rev-edge);background:linear-gradient(120deg,rgba(45,43,83,.24),rgba(23,26,48,.12))}.rev-guide-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.rev-guide-layout>div:first-child>p{max-width:410px;color:var(--rev-muted);line-height:1.8}.rev-guide-steps{display:grid;gap:12px}.rev-guide-steps>div{display:flex;gap:20px;align-items:center;padding:20px 23px;border:1px solid var(--rev-edge);background:rgba(255,255,255,.03);border-radius:16px}.rev-guide-steps b{font-size:1.15rem;color:#b5a5ff}.rev-guide-steps span{display:grid;gap:6px}.rev-guide-steps small{color:var(--rev-muted);font-size:.85rem}.rev-guide-steps code{color:#c4b6ff}.rev-last-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid rgba(166,159,255,.22);background:radial-gradient(ellipse at 15% -30%,rgba(118,111,229,.21),transparent 63%),#121326;padding:42px 44px;border-radius:23px}.rev-last-cta p{color:var(--rev-muted);line-height:1.6;max-width:490px}.rev-last-cta .rev-hero-actions{margin:0}.rev-faq-section{padding-top:15px}.rev-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rev-faq-item{border:1px solid var(--rev-edge);border-radius:14px;background:rgba(255,255,255,.03);padding:0 21px}.rev-faq-item summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0}.rev-faq-item summary::-webkit-details-marker{display:none}.rev-faq-item summary i{color:#ae9ce6;transition:transform .2s}.rev-faq-item[open] summary i{transform:rotate(45deg)}.rev-faq-item p{margin:0;padding-bottom:21px;line-height:1.7;color:var(--rev-muted)}
/* Halloween landing page. Brand illustration drawn with CSS instead of fake screenshots. */
.rev-halloween-hero{padding:105px 0 75px;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 95% at 88% 30%,rgba(171,63,27,.21),transparent),linear-gradient(135deg,rgba(31,20,37,.25),transparent)}.rev-halloween-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:45px;align-items:center}.rev-halloween-layout h1{font:850 clamp(3.4rem,5.8vw,6rem)/1.02 "Space Grotesk",Inter,sans-serif;letter-spacing:-.075em;margin:20px 0}.rev-halloween-layout h1 em{color:#f6a35d;font-style:normal}.rev-halloween-layout p{font-size:1.13rem;color:#c9bdcc;line-height:1.75;max-width:610px}.rev-halloween-illustration{min-height:370px;position:relative;display:grid;place-items:center}.rev-night-orbit{position:absolute;width:min(95%,370px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 37% 33%,#ffbd71,#b54832 50%,#34203a 73%);filter:drop-shadow(0 0 55px rgba(255,122,64,.25));opacity:.68}.rev-night-symbol{position:relative;font-size:12rem;color:#221420;text-shadow:0 12px 35px rgba(0,0,0,.4)}.rev-night-caption{position:absolute;bottom:4%;color:#ffc99d;letter-spacing:.3em;font-size:.76rem;font-weight:900}.rev-halloween-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rev-halloween-card{min-height:380px;padding:33px;position:relative;overflow:hidden;border:1px solid var(--rev-edge);border-radius:21px;background:radial-gradient(circle at 70% 15%,rgba(250,135,70,.12),transparent 46%),#191520}.rev-halloween-card.vampire{background:radial-gradient(circle at 76% 18%,rgba(237,62,100,.13),transparent 48%),#1a1420}.rev-halloween-card.ghost{background:radial-gradient(circle at 76% 18%,rgba(92,153,233,.15),transparent 48%),#121927}.rev-halloween-illustration-icon{height:135px;display:grid;place-items:center;color:rgba(255,170,108,.5);font-size:6rem;margin:-20px 0 12px}.rev-halloween-card.vampire .rev-halloween-illustration-icon{color:rgba(255,94,132,.5)}.rev-halloween-card.ghost .rev-halloween-illustration-icon{color:rgba(136,200,253,.5)}.rev-halloween-card h3{font:850 1.9rem "Space Grotesk",Inter,sans-serif;letter-spacing:-.05em;margin:14px 0 12px}.rev-halloween-card p{line-height:1.72;color:#c6bed0;font-size:.93rem}.rev-halloween-hint{font-size:.77rem;font-weight:800;display:flex;align-items:center;gap:9px;color:#ffc99b;margin-top:26px}.rev-halloween-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.rev-halloween-bottom p{max-width:510px;color:var(--rev-muted);line-height:1.7}
/* Event staff usability: no sudden width jumps in editing state. */
.staff-events-grid{align-items:start}.staff-events-grid .auth-card{min-width:0}.staff-event-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.staff-events-grid select,.staff-events-grid textarea,.staff-events-grid input{max-width:100%}.staff-event-list article{align-items:center}.staff-event-list article>div:last-child{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
/* Gradual refinements for the rest of the portal, with existing components intact. */
.mode-detail-card{scroll-margin-top:105px}.mode-detail-card:hover{border-color:rgba(146,150,235,.35)}.forum-layout,.kanban-board,.hub-layout{min-width:0}.faq-item,.event-v2-card{transition:border-color .22s,transform .22s}.faq-item:hover,.event-v2-card:hover{border-color:rgba(156,143,239,.32)}
@media(max-width:1120px){.rev-hero-layout{gap:30px}.rev-hero h1{font-size:clamp(3.3rem,5.8vw,5.4rem)}.rev-community-grid{grid-template-columns:repeat(2,1fr)}.rev-guide-layout{gap:35px}.rev-game-card{min-height:350px}.rev-game-info{padding:22px}}
@media(max-width:850px){.rev-hero{padding-top:55px}.rev-hero-layout,.rev-halloween-layout{grid-template-columns:1fr}.rev-hero-copy{padding:5px 0 0}.rev-hero h1{max-width:760px}.rev-hero-media{max-width:700px;width:100%;margin:0 auto}.rev-hero-picture{aspect-ratio:1.75;transform:none}.rev-media-mark{top:6px;right:6px;width:77px;height:77px}.rev-hero-foot{flex-wrap:wrap}.rev-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rev-game-mystery{grid-column:span 2;min-height:250px}.rev-game-mystery .rev-game-info{max-width:500px}.rev-season-panel{grid-template-columns:1fr}.rev-season-visual{position:absolute;right:0;top:0;bottom:0;width:50%;opacity:.37;pointer-events:none}.rev-season-copy{max-width:680px}.rev-guide-layout,.rev-halloween-bottom{grid-template-columns:1fr;display:grid}.rev-halloween-illustration{min-height:250px}.rev-night-orbit{max-width:245px}.rev-night-symbol{font-size:9rem}.rev-halloween-cards{grid-template-columns:1fr}.rev-halloween-card{min-height:280px}.rev-halloween-illustration-icon{height:90px;font-size:4rem}.rev-last-cta{flex-direction:column;align-items:start}}
@media(max-width:600px){.container{width:min(100% - 30px,1250px)}.rev-section{padding:50px 0}.rev-hero{padding:36px 0 20px}.rev-hero h1{font-size:clamp(2.65rem,12vw,4.3rem);line-height:1.04}.rev-hero-copy>p{font-size:.98rem}.rev-hero-actions{gap:9px}.rev-button{width:100%;min-height:48px}.rev-hero-metrics{gap:13px}.rev-hero-metrics>div{min-width:110px;column-gap:7px}.rev-metric-icon{width:32px;height:32px}.rev-hero-metrics strong{font-size:.9rem}.rev-hero-metrics small{font-size:.66rem}.rev-hero-picture{aspect-ratio:1.3;border-radius:18px}.rev-media-mark{width:61px;height:61px}.rev-picture-tag{left:14px;bottom:14px;font-size:.65rem;padding:8px 11px}.rev-hero-foot{margin-top:25px;gap:12px;font-size:.71rem}.rev-section-head{align-items:start;flex-direction:column;gap:16px}.rev-section h2{font-size:clamp(2rem,8vw,3rem)}.rev-game-grid,.rev-community-grid,.rev-faq-grid{grid-template-columns:1fr}.rev-game-mystery{grid-column:auto}.rev-game-card{min-height:305px}.rev-season-panel{border-radius:18px}.rev-season-copy{padding:30px 23px}.rev-season-panel h2{font-size:2.5rem}.rev-season-visual{width:100%;opacity:.17}.rev-community-card{min-height:145px;padding:21px}.rev-community-icon{margin:0}.rev-guide-steps>div{padding:16px}.rev-last-cta{padding:27px 23px}.rev-halloween-hero{padding:55px 0 45px}.rev-halloween-layout h1{font-size:3.05rem}.rev-halloween-illustration{min-height:230px}.rev-halloween-card{padding:26px}.rev-halloween-card h3{font-size:1.75rem}.staff-event-form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rev-game-card,.rev-button,.rev-community-card,.rev-hero-picture img{transition:none!important}.rev-hero-picture:hover img{transform:none}html{scroll-behavior:auto}}
/* Dedicated games overview */
.rev-modes-page-hero{background:radial-gradient(ellipse at 82% 35%,rgba(96,78,191,.13),transparent 48%)}.rev-game-detail{scroll-margin-top:105px;cursor:default}.rev-game-detail:hover{transform:translateY(-4px)}.rev-game-detail .rev-game-info>span:last-child{color:#c8c7d8;line-height:1.65}.rev-upcoming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.rev-upcoming-card{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--rev-edge);border-radius:16px;background:rgba(255,255,255,.03)}.rev-upcoming-card>i{color:#a993f5;font-size:1.35rem;min-width:27px}.rev-upcoming-card>span{display:grid;gap:4px}.rev-upcoming-card strong{font-size:.95rem}.rev-upcoming-card small{font-size:.76rem;color:var(--rev-muted)}@media(max-width:950px){.rev-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.rev-upcoming-grid{grid-template-columns:1fr 1fr}.rev-upcoming-card{padding:16px;gap:9px}.rev-upcoming-card>i{font-size:1.1rem;min-width:20px}.rev-upcoming-card strong{font-size:.85rem}.rev-upcoming-card small{font-size:.66rem}}


/* Poster verticali promozionali: affiancano le foto reali delle mappe, senza sostituirle. */
.rev-poster-section{background:linear-gradient(180deg,rgba(29,28,55,.21),rgba(12,15,30,0));border-top:1px solid var(--rev-edge)}
.rev-poster-section .rev-section-head{align-items:end}
.rev-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto}
.rev-poster-card{overflow:hidden;min-width:0;background:rgba(21,24,42,.82);border:1px solid var(--rev-edge);border-radius:19px;box-shadow:0 18px 45px rgba(0,0,0,.15);transition:transform .24s ease,border-color .24s ease}
.rev-poster-card:hover{transform:translateY(-4px);border-color:rgba(166,159,255,.45)}
.rev-poster-image-link{display:block;position:relative;overflow:hidden;background:#11101b}
.rev-poster-image-link:focus-visible{outline:3px solid #c9a7ff;outline-offset:-3px}
.rev-poster-image-link img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;transition:transform .35s ease}
.rev-poster-card:hover .rev-poster-image-link img{transform:scale(1.015)}
.rev-poster-enlarge{position:absolute;right:13px;bottom:13px;background:rgba(10,12,23,.9);border:1px solid rgba(255,255,255,.27);color:#fff;display:flex;gap:7px;align-items:center;padding:9px 11px;border-radius:12px;font-size:.79rem;font-weight:800;box-shadow:0 3px 16px rgba(0,0,0,.35)}
.rev-poster-caption{padding:22px 23px 26px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.rev-poster-eyebrow{font-size:.69rem;font-weight:900;letter-spacing:.15em;color:#baa4ff}
.rev-poster-caption h3{font:800 1.52rem/1.1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.035em;margin:0;color:#fff}
.rev-poster-caption p{margin:1px 0 0;font-size:.85rem;line-height:1.65;color:var(--rev-muted);min-height:43px}
.rev-poster-detail{display:inline-flex;align-items:center;gap:9px;margin-top:9px;font-size:.83rem;font-weight:800;color:#ceb5ff;text-decoration:none}
.rev-poster-detail:hover{text-decoration:underline}
.rev-poster-swipe-hint{display:none}
@media(max-width:750px){
 .rev-poster-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,75vw);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:3px 2px 18px;gap:15px;-webkit-overflow-scrolling:touch}
 .rev-poster-card{scroll-snap-align:start}
 .rev-poster-swipe-hint{display:flex;align-items:center;gap:8px;font-size:.79rem;color:var(--rev-muted);margin:-4px 0 14px}
 .rev-poster-caption{padding:18px 17px 21px}
 .rev-poster-enlarge{font-size:.74rem}
}
@media(max-width:420px){.rev-poster-grid{grid-auto-columns:80vw}}
@media(prefers-reduced-motion:reduce){.rev-poster-card,.rev-poster-image-link img{transition:none}.rev-poster-card:hover,.rev-poster-card:hover .rev-poster-image-link img{transform:none}}
