/* Native horizontal swipe; the desktop two-column arena is preserved. */
.arena-carousel{position:relative;min-width:0}
.arena-carousel-controls{display:none}
.event-popup-overlay>[data-event-remaining]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:740px){
  .arena-carousel>.arena{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;border-radius:27px;scroll-behavior:smooth}
  .arena-carousel>.arena::-webkit-scrollbar{display:none}
  .arena-carousel>.arena>.game-panel{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;height:clamp(440px,calc((100vw - 28px)/.95),700px)}
  .arena-carousel-controls{display:block;position:absolute;inset:0;pointer-events:none;z-index:8}
  .arena-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:54px;border-radius:13px;display:grid;place-items:center;background:#0a1630a6;border:1px solid #d8edff64;color:#f5faff;box-shadow:inset 0 1px 2px #ffffff42,0 4px 16px #0005;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;font-size:25px;font-weight:600;line-height:1;padding:0}
  .arena-arrow-prev{left:7px}
  .arena-arrow-next{right:7px;background:#361327ad;border-color:#f6c6db6b}
  .arena-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .arena-arrow:active{background:#567b9566}
  /* 모바일 이벤트 팝업 — DB 좌표/크기 무시, 화면 전체로 겹쳐 표시 */
  .event-popup-overlay{padding:0;justify-content:stretch}
  .event-popup-grid{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;padding:0}
  .event-popup-grid>.event-sample-popup,
  .event-popup-grid>.event-sample-popup.is-db-placed,
  .event-popup-grid>.event-sample-popup.event-stack-front{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    z-index:calc(20 - var(--stack-index));
    animation:none;
    pointer-events:none;
    border-radius:0;
    box-shadow:none;
  }
  .event-popup-grid>.event-sample-popup.event-stack-front{pointer-events:auto;z-index:30}
  .event-popup-grid>.event-sample-popup:not(.event-stack-front){filter:none;user-select:none}
  .event-sample-popup.is-db-placed .event-editorial-body,
  .event-sample-popup.is-db-placed .event-poster-body{
    height:auto !important;
    max-height:none !important;
    flex:1 1 auto;
    min-height:0;
  }
  .event-sample-popup.is-db-placed .event-poster-body img{width:100%;height:100%;object-fit:contain}
  .event-sample-copy{padding:17px 20px}
}
@media(max-width:380px){.arena-arrow{width:28px;height:49px;font-size:23px}.event-popup-overlay{padding:32px 17px 20px}}
@media(prefers-reduced-motion:reduce){.arena-carousel>.arena{scroll-behavior:auto}}