/* Superb Pokies - welcome popup, split layout (info + list left, slider right) */
.modal-panel[data-modal-type="welcome"]{
  --wh:min(620px,calc(100dvh - 40px),55vw);
  width:min(100%,calc(var(--wh) + 480px));overflow:hidden;border-color:rgba(255,190,120,.2);border-radius:28px;
  background:radial-gradient(700px 320px at 0% 0%,rgba(255,116,18,.17),transparent 62%),linear-gradient(160deg,#1a0f08,#0d0805 70%);
}
.modal-panel[data-modal-type="welcome"] .modal-close{position:absolute;top:14px;right:14px;float:none;margin:0;
  border-color:rgba(255,190,120,.25);background:rgba(13,8,5,.72)}
.modal-panel[data-modal-type="welcome"] .modal-close:hover{background:rgba(255,179,71,.25);color:#fff5ea}

.wsplit{display:grid;grid-template-columns:minmax(0,1fr) var(--wh);grid-template-rows:minmax(0,1fr);height:var(--wh)}
.wsplit-info{min-height:0;display:flex;flex-direction:column;gap:14px;min-width:0;padding:34px 30px 24px;overflow-y:auto;scrollbar-width:thin}
.wsplit-info h2{margin:0;padding-right:4px;font-family:var(--display);font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}
.wsplit-text{margin:0;color:#c9b8a6;font-size:.92rem;line-height:1.55}
.wsplit-cta{width:100%;min-height:54px;justify-content:center;color:#2a1405;font-weight:800;letter-spacing:.07em}

.wsplit-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.wsplit-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1px solid rgba(255,190,120,.16);border-radius:14px;
  background:rgba(255,255,255,.03);color:var(--text);font:700 .8rem var(--body);text-align:left;cursor:pointer;transition:.2s}
.wsplit-item:hover{border-color:rgba(255,179,71,.5);background:rgba(255,179,71,.07)}
.wsplit-item i{flex:none;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,190,120,.2);border-radius:50%;
  color:var(--orange-2);font:800 .7rem var(--display);font-style:normal}
.wsplit-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsplit-item.is-on{border-color:transparent;background:linear-gradient(135deg,#ffb347,#ff8a1f);color:#2a1405}
.wsplit-item.is-on i{border-color:rgba(42,20,5,.35);color:#2a1405}
.wsplit-dismiss{align-self:flex-start;padding:4px 0}
.wsplit-note{margin:0;color:#8f7f6f;font-size:.7rem}

.wsplit-slider{position:relative;min-height:0;background:#120a05;touch-action:pan-y}
.wsplit-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}
.wsplit-slide.is-on{opacity:1;visibility:visible}
.wsplit-slide>.welcome-media-fallback{z-index:0}
.wsplit-slide>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}
.wsplit-nav{position:absolute;top:50%;z-index:3;width:38px;height:38px;margin-top:-19px;border:1px solid rgba(255,190,120,.22);border-radius:50%;
  background:rgba(13,8,5,.72);color:#ffb347;font-size:1.3rem;line-height:1;cursor:pointer;transition:.2s}
.wsplit-nav:hover{background:#ff8a1f;color:#1a0f08}
.wsplit-prev{left:12px}.wsplit-next{right:12px}
.wsplit-dots{position:absolute;right:0;bottom:14px;left:0;z-index:3;display:flex;justify-content:center;gap:7px}
.wsplit-dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,245,234,.4);cursor:pointer;transition:.25s}
.wsplit-dot::after{position:absolute;inset:-18px -4px;content:""}
.wsplit-dot.is-on{width:22px;background:#ffb347}

@media (max-width:820px){
  .modal-shell:has(.wsplit){padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .modal-panel[data-modal-type="welcome"]{width:100%;max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;border-radius:22px}
  .wsplit{display:flex;flex-direction:column;height:auto}
  .wsplit-slider{order:-1;flex:none;width:100%;height:min(100vw - 20px,44dvh);background:#0d0805}
  .wsplit-slide>img{object-fit:contain}
  .wsplit-info{overflow:visible;padding:18px 16px max(18px,env(safe-area-inset-bottom))}
  .wsplit-info h2{font-size:1.2rem}
  .wsplit-text{font-size:.85rem}
  .wsplit-cta{min-height:52px}
  .wsplit-item{min-height:48px}
  .wsplit-nav{width:44px;height:44px;margin-top:-22px}
  .modal-panel[data-modal-type="welcome"] .modal-close{width:44px;height:44px}
}
/* phones held sideways: keep two columns, let the left column scroll */
@media (max-height:520px) and (min-width:560px){
  .modal-shell:has(.wsplit){padding:8px}
  .modal-panel[data-modal-type="welcome"]{max-height:calc(100dvh - 16px);overflow:hidden}
  .modal-panel[data-modal-type="welcome"]{--wh:calc(100dvh - 16px);width:min(100%,calc(var(--wh) + 400px))}
  .wsplit{display:grid;grid-template-columns:minmax(0,1fr) var(--wh);height:var(--wh)}
  .wsplit-slider{order:0;width:auto;height:auto}
  .wsplit-info{overflow-y:auto;padding:16px 16px 14px}
}
@media (prefers-reduced-motion:reduce){.wsplit *{transition:none!important}}