.swipe-action {
  --swipe-accent: #ff8a1e;
  --swipe-offset: 0px;
  --swipe-progress: 0;
  --swipe-travel: 0px;
  position: relative; isolation: isolate; display: block;
  box-sizing: border-box; width: 100%; min-height: 68px; padding: 6px;
  overflow: hidden; border: 1px solid #ffffff59; border-radius: 100px;
  color: #fff; background: #0a0f18eb; font: inherit;
  touch-action: pan-y; user-select: none; -webkit-user-select: none;
  cursor: grab; -webkit-tap-highlight-color: transparent;
}
.swipe-action:focus-visible { outline: 3px solid var(--swipe-accent); outline-offset: 5px; }
.swipe-action[data-dragging] { cursor: grabbing; }
.swipe-action:disabled { cursor: default; }
.swipe-action__fill { position: absolute; inset: 0 auto 0 0; width: var(--swipe-offset); background: var(--swipe-accent); opacity: .18; pointer-events: none; }
.swipe-action__thumb { position: absolute; left: 6px; top: 6px; bottom: 6px; width: 54px; display: grid; place-items: center; border-radius: 50%; color: #11151a; background: var(--swipe-accent); transform: translateX(var(--swipe-offset)); pointer-events: none; }
.swipe-action__thumb svg { width: 25px; height: 25px; }
.swipe-action__label { display: flex; flex-direction: column; align-items: center; padding: 5px 12px 5px 54px; pointer-events: none; opacity: calc(1 - var(--swipe-progress) * 1.4); }
.swipe-action__label strong { font: 700 16px/1.3 Inter, system-ui, sans-serif; }
.swipe-action__label small { margin-top: 3px; color: #c9d2db; font: 500 12px/1.2 Inter, system-ui, sans-serif; }
.swipe-action:not([data-dragging]) .swipe-action__thumb, .swipe-action:not([data-dragging]) .swipe-action__fill { transition: transform .18s ease, width .18s ease; }
@media (prefers-reduced-motion: reduce) { .swipe-action, .swipe-action * { animation: none !important; transition: none !important; } }

/* A single game-themed surface; the hero remains the only playing video. */
.continue-open{overflow:hidden}
#continue-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid #91d9ed70;border-radius:6px;color:var(--white);background:#07121c;box-shadow:0 24px 100px #000b;overflow:auto}
#continue-dialog::backdrop{background:#020a12b8;backdrop-filter:blur(6px)}
.continue-panel{position:relative;isolation:isolate;padding:54px 32px 34px;background:linear-gradient(0deg,#07121cf7 0%,#07121cde 60%,#07121ca8),url('assets/poster.jpg') 65% center/cover}
.continue-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#d4e7ef;font:30px/1 Arial;cursor:pointer}
.continue-close:focus-visible{outline:2px solid var(--ice);outline-offset:-3px}
.continue-brand{font:600 11px/1.5 Orbitron,sans-serif;letter-spacing:2px;color:var(--ice)}
.continue-eyebrow{font:600 10px/1.5 Orbitron,sans-serif;letter-spacing:2px;color:var(--orange);margin:38px 0 12px}
#continue-title{font:700 clamp(27px,7vw,38px)/1.2 Orbitron,sans-serif;letter-spacing:-1px;margin:0}
#continue-title span{color:var(--ice)}
#continue-description{font:500 19px/1.45 Rajdhani,sans-serif;color:#c7d9e2;margin:20px 0 28px;max-width:320px}
.swipe-action{--swipe-accent:var(--cyan);border-color:#9deaff80;border-radius:5px;background:#0b2231;min-height:72px}
.swipe-action__thumb{border-radius:3px;color:var(--ink);width:54px}
.swipe-action__label strong{font:700 clamp(10px,2.8vw,13px)/1.4 Orbitron,sans-serif;letter-spacing:.5px}
.swipe-action__label small{font:500 15px/1.3 Rajdhani,sans-serif;color:#c7d9e2}
@media(max-width:380px){.continue-panel{padding:52px 20px 26px}.swipe-action__label{padding-right:4px}}

/* Match the supplied Reflex Check reference while retaining native activation. */
#continue-dialog{width:min(420px,calc(100% - 28px));border-color:#7de7db25;border-radius:12px;box-shadow:0 0 45px #55e5cc10,0 24px 100px #000b}
.continue-panel{padding:34px 24px 25px;text-align:center;background:radial-gradient(ellipse at 50% 0,#17333c70,transparent 65%),linear-gradient(#0b1520f2,#09121bef),url('assets/poster.jpg') center/cover}
.continue-close{font-size:23px;color:#9ab2bc;top:5px;right:5px}
.reflex-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 18px;border-radius:10px;background:linear-gradient(135deg,#93ffd8,#5cd7ef);color:#164447;font:bold 30px/1 Arial;box-shadow:0 0 25px #72f6d34a}
#continue-title{font:700 clamp(19px,5.2vw,25px)/1.3 Rajdhani,sans-serif;letter-spacing:1px;margin:0}
#continue-title span{color:#8bf5df}
#continue-description{font-size:16px;line-height:1.4;margin:7px auto 23px;color:#b2bdc7}
.swipe-action{--swipe-accent:#8bf5df;min-height:58px;border-radius:60px;border:1px solid #8bf5df16;background:linear-gradient(90deg,#253e46,#1c2937);box-shadow:inset 0 1px 8px #0002}
.swipe-action__thumb{width:44px;top:6px;bottom:6px;border-radius:50%;background:linear-gradient(135deg,#a3ffdf,#68e7dc);box-shadow:0 0 19px #81f9d34d}
.swipe-action__thumb svg{width:21px;height:21px}
.swipe-action__label{padding:6px 20px 6px 54px}
.swipe-action__label strong{font:700 9px/1.4 Orbitron,sans-serif;letter-spacing:2px;color:#d5e8eb}
.swipe-hint{margin:12px 0 0;font-size:14px;line-height:1.4;color:#b8c6ce}
.reflex-footer{margin:17px 0 0;font:700 10px/1.7 Rajdhani,sans-serif;letter-spacing:1.5px;color:#8bf5df}
.remember-swipe{display:flex;align-items:flex-start;gap:9px;text-align:left;font:500 15px/1.4 Rajdhani,sans-serif;color:#b8c6ce;margin:0 0 18px;cursor:pointer}
.remember-swipe input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:#8bf5df}
.forget-swipe{position:relative;z-index:10;border:0;background:#07121caa;color:#c7d9e2;padding:12px;min-height:44px;font:600 8px/1.5 Orbitron,sans-serif;letter-spacing:1px;cursor:pointer;margin-right:12px}
.forget-swipe[hidden]{display:none}
.forget-swipe:focus-visible{outline:2px solid var(--ice)}
@media(max-width:600px){.forget-swipe{position:fixed;left:18px;bottom:4px;padding:8px;min-height:28px;font-size:7px}}