/* Market-In 6.0 on the arcade home: one event, two different games. */
.event-hub{padding-top:28px;scroll-margin-top:84px}
.event-shell{--pad:clamp(20px,4vw,44px);position:relative;isolation:isolate;overflow:hidden;padding:var(--pad);border-radius:32px;border:1px solid var(--line-2);background:radial-gradient(85% 70% at 100% 0%,rgba(245,184,61,.15),transparent 62%),radial-gradient(70% 60% at 0% 100%,rgba(230,43,94,.17),transparent 66%),linear-gradient(165deg,#2c0c1d,#170610 74%);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.event-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='132' viewBox='0 0 132 132'%3E%3Cg fill='%23F9A2C1'%3E%3Ccircle cx='34' cy='22' r='8'/%3E%3Ccircle cx='45' cy='31' r='8'/%3E%3Ccircle cx='41' cy='44' r='8'/%3E%3Ccircle cx='27' cy='44' r='8'/%3E%3Ccircle cx='23' cy='31' r='8'/%3E%3C/g%3E%3Ccircle cx='34' cy='34' r='6' fill='%23F5B83D'/%3E%3Cpath d='M98 78c.8 7 4.2 10.4 11 11-6.8.8-10.2 4.2-11 11-.8-6.8-4.2-10.2-11-11 6.8-.6 10.2-4 11-11Z' fill='%23F5C96B'/%3E%3C/svg%3E") 0 0/132px 132px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}
.event-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(16px,3vw,36px);align-items:center}
.event-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--tulip)}
.event-status{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--gold);color:var(--night);letter-spacing:.08em}
.event-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:eventPulse 1.8s ease-in-out infinite}
.event-status[data-phase="done"]{background:var(--panel-2);color:var(--muted)}
.event-status[data-phase="done"]::before{animation:none}
@keyframes eventPulse{50%{opacity:.25;transform:scale(.7)}}
.event-intro h2{margin:12px 0 0;font-size:clamp(1.75rem,3.6vw,2.8rem);font-weight:800;line-height:1.06;letter-spacing:-.025em}
.event-intro h2 em{display:block;padding-bottom:.1em;line-height:1.12;font-family:var(--serif);font-weight:600;letter-spacing:-.01em;background:linear-gradient(95deg,var(--tulip),var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.event-summary{margin:14px 0 0;max-width:62ch;color:var(--muted);font-size:.98rem}
.event-logo{width:clamp(150px,19vw,250px);height:auto;transform:rotate(-4deg);filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}
.event-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;border-block:1px solid var(--line)}
.event-facts>div{min-width:0;padding:14px 18px 14px 0}
.event-facts>div+div{padding-left:18px;border-left:1px solid var(--line)}
.event-facts dt{font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.event-facts dd{margin:3px 0 0;font-weight:700;font-size:.96rem;line-height:1.35;overflow-wrap:anywhere}
.event-ribbon{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px calc(-1*var(--pad) - 12px) 0;padding:13px calc(var(--pad) + 18px);background:linear-gradient(90deg,#F5B83D,#FFD77F 50%,#F5B83D);color:#3a0d22;border-block:2px solid #45122B;font-weight:800;font-size:clamp(.86rem,1.6vw,1.02rem);line-height:1.35;text-align:center;transform:rotate(-1.1deg)}
.event-ribbon svg{flex:none;width:18px;height:18px;fill:currentColor}
.event-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.event-game{--accent:var(--pink);display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:24px;background:rgba(255,247,248,.05);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));transition:border-color .25s,transform .35s var(--ease)}
.event-game:hover{border-color:color-mix(in srgb,var(--accent) 75%,transparent)}
.event-game-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.event-game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.event-game:hover .event-game-cover img{transform:scale(1.04)}
.event-game-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(18,5,12,.55))}
.event-game-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.event-game-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 62%,#fff)}
.event-game h3{margin:4px 0 0;font-size:clamp(1.3rem,2.2vw,1.55rem);font-weight:800;line-height:1.15}
.event-game-tagline{margin:8px 0 0;color:var(--muted);font-size:.92rem}
.event-steps{list-style:none;counter-reset:step;display:grid;gap:9px;margin:16px 0 0;padding:0}
.event-steps li{counter-increment:step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:.88rem;line-height:1.45}
.event-steps li::before{content:counter(step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 20%,transparent);font-size:.75rem;font-weight:800}
.event-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px}
.event-game-actions .btn{min-height:48px}
.event-game-actions .btn-primary{flex:1 1 170px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#000));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 35%,transparent)}
.event-game-actions .btn-ghost{flex:0 1 auto}
.event-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;margin-top:22px}
.event-page-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gold-soft);font-weight:700;font-size:.92rem;text-underline-offset:5px}
.event-page-link svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.event-page-link:hover svg{transform:translateX(3px)}
.event-staff{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:0;font-size:.76rem;color:var(--faint)}
.event-staff span{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}
.event-staff a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-underline-offset:4px}
.event-staff a:hover{color:var(--text)}

/* Double tile in the game grid. */
.event-tile{grid-column:1/-1;--accent:var(--gold)}
.event-tile:hover{transform:none;box-shadow:0 24px 50px rgba(0,0,0,.3);border-color:var(--line-2)}
.event-tile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(245,184,61,.1),transparent 60%)}
.event-tile-head img{width:112px;height:auto;transform:rotate(-3deg)}
.event-tile-head h3{margin:0;font-size:1.3rem;font-weight:800;line-height:1.2}
.event-tile-head p{margin:2px 0 0;color:var(--muted);font-size:.84rem}
.event-tile-head .event-tile-kicker{margin:0;color:var(--gold-soft);font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.event-tile-head .btn{flex:none}
.event-tile-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.event-tile-game{--accent:var(--pink);display:flex;flex-direction:column;min-width:0;padding:0}
.event-tile-game+.event-tile-game{border-left:1px solid var(--line)}
.event-tile-game .game-body h4{margin:0;font-size:1.3rem;font-weight:800}
.event-tile-game .game-cover img{transition:transform .8s var(--ease)}
.event-tile-game:hover .game-cover img{transform:scale(1.04)}
.event-tile-game .game-actions .btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000))}
.game-card.event-tile:has(a[href="/g/heart/"]){border-color:var(--line-2)}

/* Light theme. */
html[data-theme="light"] .event-shell{background:radial-gradient(85% 70% at 100% 0%,rgba(245,184,61,.2),transparent 62%),radial-gradient(70% 60% at 0% 100%,rgba(214,56,102,.12),transparent 66%),linear-gradient(165deg,#fff8f3,#fff0ec 74%);border-color:#ead0da;box-shadow:0 22px 56px rgba(114,45,69,.1)}
html[data-theme="light"] .event-shell::before{opacity:.22}
html[data-theme="light"] .event-intro h2 em{background-image:linear-gradient(95deg,#b3154b,#9a5b05)}
html[data-theme="light"] .event-logo,html[data-theme="light"] .event-tile-head img{filter:drop-shadow(0 10px 16px rgba(114,45,69,.18))}
html[data-theme="light"] .event-status{background:#45122b;color:#ffe3a9}
html[data-theme="light"] .event-game{background:#fff;box-shadow:0 14px 34px rgba(114,45,69,.08)}
html[data-theme="light"] .event-game-kicker{color:color-mix(in srgb,var(--accent) 70%,#301021)}
html[data-theme="light"] .event-steps li::before{background:color-mix(in srgb,var(--accent) 14%,#fff);color:#321424}
html[data-theme="light"] .event-game-actions .btn-primary,html[data-theme="light"] .event-tile-game .game-actions .btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,#4b0b24),color-mix(in srgb,var(--accent) 35%,#4b0b24));color:#fff;box-shadow:0 8px 20px rgba(73,15,39,.16)}
html[data-theme="light"] .event-page-link{color:#8d0e3b}
html[data-theme="light"] .event-tile-head{background:linear-gradient(90deg,#fff3dc,#fff 60%)}
html[data-theme="light"] .event-tile-head .event-tile-kicker{color:#85510a}

/* Hero shortcut now points to the event section. */
.new-arena-arrow{flex:none;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:900px){
 .event-hub{scroll-margin-top:72px}
 .event-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .event-facts>div:nth-child(3){grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:759px){
 .event-games{grid-template-columns:1fr}
 .event-tile-games{grid-template-columns:1fr}
 .event-tile-game+.event-tile-game{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:640px){
 .event-hub{padding-top:14px}
 .event-shell{border-radius:24px}
 .event-intro{grid-template-columns:1fr;gap:14px}
 .event-logo{order:-1;width:150px;margin-left:-4px}
 .event-summary{font-size:.9rem}
 .event-facts{margin-top:20px}
 .event-facts>div{padding:11px 10px 11px 0}
 .event-facts>div+div{padding-left:12px}
 .event-facts dd{font-size:.86rem}
 .event-ribbon{margin-top:20px;padding-block:11px;gap:8px}
 .event-ribbon svg{width:14px;height:14px}
 .event-games{margin-top:22px;gap:16px}
 .event-game-body{padding:18px}
 .event-foot{flex-direction:column;align-items:flex-start}
 .event-tile-head{grid-template-columns:auto minmax(0,1fr);padding:14px 16px;gap:12px}
 .event-tile-head img{width:84px}
 .event-tile-head .btn{grid-column:1/-1;width:100%}
 .event-tile-head h3{font-size:1.15rem}
}
@media (max-width:359px){
 .event-facts{grid-template-columns:1fr}
 .event-facts>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
 .event-game-actions .btn{flex:1 1 100%}
 .event-tile-head{grid-template-columns:1fr}
 .event-tile-head img{width:96px}
}
@media (hover:none){.event-game:hover .event-game-cover img,.event-tile-game:hover .game-cover img{transform:none}}
@media (prefers-reduced-motion:reduce){.event-status::before{animation:none}.event-game-cover img,.event-tile-game .game-cover img{transition:none}}