/* Vikings Daily — phone-only Classic | Pulse (ship 2026-11-12).
   Desktop (700px and up) is unchanged: the switch and Pulse view are not shown.
   Everyone starts in Classic. No logos, no player photos. */
:root{
  --vd-purple:#4F2683;
  --vd-gold:#FFC62F;
  --vd-ink:#111;
  --vd-paper:#f7f5ef;
  --vd-red:#cc0000;
  --vd-dark:#140c1c;
  --vd-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* --- Desktop: wrappers are layout-transparent; Pulse chrome is hidden. --- */
.vd-laybar,.vd-tip{display:none}
@media (min-width:700px){
  .vd-stage,.vd-view-classic{display:contents}
  .vd-view-pulse,.vd-laybar,.vd-tip,.vd-hint-hand{display:none!important}
}

/* --- Phone: Classic | Pulse switch, like Modern | Tecmo. --- */
@media (max-width:699px){
  .vd-laybar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    padding:6px 12px 4px;
    font-family:var(--vd-sans);
    position:relative;
    overflow:visible;
  }
  .vd-laybar .lab{
    font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#555;
  }
  .vd-laybar .seg{
    display:inline-flex;background:#fff;border:1px solid #111;border-radius:999px;padding:2px;
    box-shadow:0 1px 0 rgba(0,0,0,.08);overflow:visible;
  }
  .vd-laybar button{
    appearance:none;border:0;background:transparent;color:#444;font:inherit;
    font-size:11px;font-weight:800;padding:7px 14px;min-height:32px;border-radius:999px;
    cursor:pointer;transition:background .25s,color .25s,box-shadow .25s;
  }
  .vd-laybar button.on{
    background:var(--vd-purple);color:#fff;box-shadow:0 0 0 1px rgba(255,198,47,.7);
  }
  .vd-laybar button .new{
    display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--vd-gold);
    margin-left:5px;vertical-align:1px;box-shadow:0 0 0 1px #111;
  }
  @keyframes vd-pulse-glow{
    0%,100%{box-shadow:0 0 0 2px rgba(255,198,47,.5),0 0 8px 1px rgba(255,198,47,.4)}
    30%,70%{box-shadow:0 0 0 5px rgba(255,198,47,.7),0 0 18px 4px rgba(255,198,47,.95)}
  }
  .vd-laybar button[data-lay="pulse"].glow{animation:vd-pulse-glow 1.7s ease-in-out 3}
  .vd-laybar button[data-lay="pulse"].glow-hold{
    animation:none;box-shadow:0 0 0 5px rgba(255,198,47,.7),0 0 18px 4px rgba(255,198,47,.95);
  }
  .vd-tip{
    display:flex;align-items:stretch;gap:0;margin:4px 12px 6px;background:#fffdf6;
    border:1.5px solid #111;border-left:5px solid var(--vd-gold);border-radius:8px;
    font-family:var(--vd-sans);box-shadow:0 2px 0 rgba(0,0,0,.08);
  }
  .vd-tip[hidden]{display:none}
  .vd-tip p{margin:0;flex:1;padding:10px 10px 10px 12px;font-size:13px;font-weight:700;line-height:1.3;color:#111}
  .vd-tip-x{
    appearance:none;border:0;background:transparent;min-width:44px;min-height:44px;padding:0;
    font:800 22px/1 var(--vd-sans);color:#333;cursor:pointer;
  }

  .vd-stage{display:block;position:relative}
  .vd-view-pulse{display:block}
  html[data-layout="classic"] .vd-view-classic{position:relative;z-index:2;pointer-events:auto;visibility:visible}
  html[data-layout="pulse"] .vd-view-pulse{position:relative;z-index:2;pointer-events:auto;visibility:visible}
  html[data-layout="classic"] .vd-view-pulse,
  html[data-layout="pulse"] .vd-view-classic{
    position:absolute;left:0;right:0;top:0;z-index:1;pointer-events:none;visibility:hidden;height:0;overflow:hidden;
  }

  /* Pulse page */
  .vd-view-pulse{background:var(--vd-paper);color:var(--vd-ink);min-height:100%;font-family:var(--vd-sans)}
  .vd-phdr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 14px 6px;border-bottom:2px solid #111}
  .vd-phdr h1{margin:0;font-size:22px;font-weight:900;font-family:"Times New Roman",Times,Georgia,serif;letter-spacing:.02em}
  .vd-phdr h1 b{color:var(--vd-purple)}
  .vd-phdr .when{font:700 10px var(--vd-sans);color:#444;text-transform:uppercase;letter-spacing:.6px;text-align:right}
  .vd-pbar{margin:8px 12px 0;display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center}
  .vd-pbar .plab{font:800 10px var(--vd-sans);letter-spacing:1.4px;text-transform:uppercase;color:#555}
  .vd-pbar .pmeta{grid-column:1/-1;font:600 11px/1.3 var(--vd-sans);color:#555}
  .vd-next{margin:6px 12px 0;display:flex;gap:6px}
  .vd-next div{flex:1;background:#111;color:#fff;padding:7px 8px;font:700 11px var(--vd-sans)}
  .vd-next div b{color:var(--vd-gold)}
  html[data-pulse-game="1"] .vd-next{display:none}
  .vd-sec{margin:10px 12px 6px;display:flex;justify-content:space-between;align-items:center;font:900 11px var(--vd-sans);letter-spacing:1.5px;text-transform:uppercase}
  .vd-sec span{font-weight:600;letter-spacing:0;text-transform:none;color:#666}

  /* Story swipe stack */
  .vd-stack{position:relative;height:420px;margin:0 14px 8px;touch-action:pan-y}
  html[data-pulse-game="1"] .vd-stack{height:210px;margin:8px 14px 16px}
  .vd-card{position:absolute;inset:0;background:#fffdf6;border:1.5px solid #111;box-shadow:4px 4px 0 #111;padding:14px 14px 48px;overflow:hidden}
  .vd-card .kicker{font:800 10px var(--vd-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--vd-red);margin:0 0 6px}
  .vd-card h3{margin:0 0 8px;font:900 24px/1.12 "Times New Roman",Times,Georgia,serif}
  .vd-card .src{font:700 12px var(--vd-sans);color:#555}
  .vd-card .go{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font:800 13px var(--vd-sans)}
  .vd-card .go span:first-child{color:var(--vd-purple)}
  .vd-card .go span:last-child{color:#777}
  .vd-dots{display:flex;justify-content:center;gap:2px;margin:4px 0 8px;flex-wrap:wrap}
  .vd-dots button{appearance:none;border:0;background:transparent;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  .vd-dots button i{display:block;width:8px;height:8px;border-radius:50%;background:#ccc;pointer-events:none}
  .vd-dots button.on i{background:var(--vd-purple);width:18px;border-radius:5px}
  .vd-swipe-hint{text-align:center;font:600 11px var(--vd-sans);color:#777;margin:0 12px 16px}

  /* Compact live-games strip */
  .vd-lives{margin:8px 12px 0;display:none}
  .vd-lives.on{display:block}
  .vd-lives .lab{font:800 10px var(--vd-sans);letter-spacing:1.2px;text-transform:uppercase;color:#555;margin:0 0 6px}
  .vd-lives .row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .vd-lives button{
    appearance:none;flex:0 0 auto;border:1.5px solid #111;background:#fff;border-radius:10px;
    padding:8px 10px;font:800 12px var(--vd-sans);color:#111;cursor:pointer;text-align:left;min-width:148px;
  }
  .vd-lives button .clk{display:block;font:700 10px var(--vd-sans);color:#555;margin-top:2px}
  .vd-lives button.on{background:var(--vd-purple);color:#fff;box-shadow:0 0 0 1px rgba(255,198,47,.7)}
  .vd-lives button.on .clk{color:var(--vd-gold)}

  /* Game Pulse card (c8c) */
  .vd-gp{margin:8px 10px 0;background:#fffdf6;border:1.5px solid #111;border-radius:12px;padding:8px 10px 8px;position:relative;overflow:hidden;font-family:var(--vd-sans)}
  .vd-gp[hidden]{display:none}
  .vd-sbar{background:var(--vd-dark);color:#fff;border:1.5px solid #111;border-radius:12px;padding:7px 12px;margin:0 0 8px}
  .vd-sbar .row{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .vd-sbar .live{display:inline-flex;align-items:center;gap:5px;font:800 9px var(--vd-sans);letter-spacing:.14em;color:#ff8a8a}
  .vd-sbar .live i{width:6px;height:6px;border-radius:50%;background:#ff4040;box-shadow:0 0 6px #ff4040;animation:vd-blink 1.2s ease-in-out infinite}
  @keyframes vd-blink{50%{opacity:.4}}
  .vd-sbar .clk{font:800 11px var(--vd-sans);color:var(--vd-gold);letter-spacing:.04em}
  .vd-sbar .sc{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px}
  .vd-sbar .ab{
    font:800 11px var(--vd-sans);letter-spacing:.02em;min-width:52px;color:#fff;
    display:flex;flex-direction:column;align-items:flex-start;
  }
  .vd-sbar .ab.away{text-align:right;align-items:flex-end}
  .vd-sbar .ab::after{
    content:"";display:block;width:100%;max-width:3.2em;height:3px;border-radius:2px;margin-top:3px;
    background:var(--team, var(--vd-gold));
  }
  .vd-sbar .num{font:800 24px/1 var(--vd-sans);font-variant-numeric:tabular-nums;min-width:1.2em;text-align:center}
  .vd-sbar .dash{color:rgba(255,255,255,.35);font-weight:800}
  .vd-sbar .sit{margin:3px 0 0;font:700 10px var(--vd-sans);color:rgba(255,255,255,.7);text-align:center}
  .vd-sbar.pulse{animation:vd-sbar-pop .7s cubic-bezier(.2,1.4,.4,1);box-shadow:0 0 0 3px rgba(255,198,47,.85)}
  @keyframes vd-sbar-pop{0%{transform:scale(1)}30%{transform:scale(1.03)}100%{transform:scale(1)}}
  .vd-sbar .num.pop{animation:vd-num-pop .45s cubic-bezier(.2,1.4,.4,1)}
  @keyframes vd-num-pop{0%{transform:scale(1);color:#fff}30%{transform:scale(1.3);color:var(--vd-gold)}100%{transform:scale(1);color:#fff}}
  .vd-gp-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 5px}
  .vd-gp-hd h2{margin:0;font:900 11px var(--vd-sans);letter-spacing:1.3px;text-transform:uppercase}
  .vd-gp-hd .sub{display:block;margin-top:1px;font:700 10px var(--vd-sans);color:#555}
  .vd-gp .mf-fieldwrap{position:relative}
  .vd-gp-field,.vd-gp .mf-field{
    position:relative;height:110px;border-radius:8px;overflow:hidden;border:1.5px solid #111;
    background:linear-gradient(180deg,#2f7a3a,#1e5a28);
  }
  .vd-gp-field .mf-ez,.vd-gp-field .ez{
    position:absolute;top:0;bottom:0;width:12%;display:flex;align-items:center;justify-content:center;
    font:900 8px var(--vd-sans);letter-spacing:.1em;color:#fff;writing-mode:vertical-rl;
  }
  .vd-gp-field .mf-ez.l{left:0;transform:rotate(180deg)}
  .vd-gp-field .mf-ez.r{right:0;transform:none}
  .vd-gp-field .yds{position:absolute;inset:0 12%;pointer-events:none}
  .vd-gp-field .yds span{position:absolute;font:800 11px var(--vd-sans);color:rgba(255,255,255,.92);text-shadow:0 1px 0 rgba(0,0,0,.35);transform:translateX(-50%)}
  .vd-gp-field .yds span.top{top:4px}
  .vd-gp-field .yds span.bot{bottom:4px}
  .vd-gp-field svg.lines,.vd-gp-field svg.arr{position:absolute;inset:0;width:100%;height:100%}
  .vd-gp-field .hit{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%}
  .vd-gp-field .gp{position:absolute;top:8%;bottom:8%;width:10px;pointer-events:none;opacity:.9}
  .vd-gp-field .gp.l{left:2px}
  .vd-gp-field .gp.r{right:2px}
  .vd-gp-field .gp:before,.vd-gp-field .gp:after{content:"";position:absolute;background:#f4f4f4;box-shadow:0 0 0 1px #111}
  .vd-gp-field .gp:before{left:4px;top:0;bottom:0;width:2px}
  .vd-gp-field .gp:after{left:0;top:18%;width:10px;height:2px}
  .vd-gp .chart-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:7px 2px 1px}
  .vd-gp .chart-h h3{margin:0;font:900 11px var(--vd-sans);letter-spacing:1.2px;text-transform:uppercase}
  .vd-gp .chart-h .now{font:900 20px/1 var(--vd-sans);color:var(--vd-purple);font-variant-numeric:tabular-nums}
  .vd-gp .chart-src{margin:0 2px 1px;font:600 9px var(--vd-sans);color:#666}
  .vd-gp .chart{display:block;width:100%;height:78px}
  .vd-gp .chart .grid{stroke:#e2ddd0;stroke-width:1}
  .vd-gp .chart .area{fill:rgba(79,38,131,.16)}
  .vd-gp .chart .line{fill:none;stroke:var(--vd-purple);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
  .vd-gp .chart .mark{fill:var(--vd-gold);stroke:#111;stroke-width:1.3}
  .vd-gp .chart .dot{fill:var(--vd-purple);stroke:#fff;stroke-width:1.5}
  .vd-gp .chart .dot.on{fill:var(--vd-gold);stroke:#111;stroke-width:1.6}
  .vd-gp .chart .hair{stroke:var(--vd-gold);stroke-width:1.4;stroke-dasharray:3 3}
  .vd-gp .chart text{font:800 11px var(--vd-sans);fill:#444}
  .vd-gp .chart .ev{font:800 8px var(--vd-sans);fill:#111}
  .vd-gp .chart .nlab{font:800 9px var(--vd-sans);fill:#fff}
  .vd-gp .chart-leg{display:flex;justify-content:space-between;font:700 10px var(--vd-sans);color:#555;margin:1px 2px 0}
  .vd-gp .chart-leg .drive-lab{color:var(--vd-purple)}
  .vd-gp .drive-sum{margin:6px 2px 4px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:800 13px var(--vd-sans)}
  .vd-gp .drive-sum .tag{background:var(--vd-purple);color:#fff;border-radius:999px;padding:3px 8px;font:800 10px var(--vd-sans);letter-spacing:.06em}
  .vd-gp .drive-sum .tag.idle{background:#ddd;color:#555}
  .plist-hd{display:none;align-items:center;gap:8px;padding:1px 8px 3px;margin:0}
  .plist-hd.on{display:flex}
  .plist-hd .n-sp{flex:0 0 22px;width:22px}
  .plist-hd .play-lab,.plist-hd .ball-lab{font:800 9px var(--vd-sans);letter-spacing:.08em;text-transform:uppercase;color:#888}
  .plist-hd .play-lab{flex:1;min-width:0}
  .plist-hd .ball-lab{flex:0 0 auto;text-align:right}
  .plist{margin:0;padding:0;list-style:none}
  .plist li{display:none}
  .plist li.show{display:flex;align-items:center;gap:8px;min-height:28px;padding:5px 8px;margin:0 0 1px;border-radius:8px;font:650 13px/1.2 var(--vd-sans);cursor:pointer;border:1.5px solid transparent;background:transparent;width:100%;text-align:left;color:inherit}
  .plist li.show .n{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--vd-purple);color:#fff;font:800 11px var(--vd-sans);display:flex;align-items:center;justify-content:center}
  .plist li.show .tx{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
  .plist li.show .ln{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .plist li.show .spot{flex:0 0 auto;white-space:nowrap;text-align:right;font:800 12px/1.2 var(--vd-sans);color:var(--vd-purple);font-variant-numeric:tabular-nums}
  .plist li.show.on{background:rgba(255,198,47,.38);border-color:#111}
  .plist li.show.on .n,.plist li.show.td .n{background:var(--vd-gold);color:#111}
  .plist-toggle{display:none;appearance:none;border:0;background:transparent;width:100%;padding:5px 8px 2px;margin:0;font:800 11px var(--vd-sans);color:var(--vd-purple);letter-spacing:.02em;text-align:left;cursor:pointer}
  .plist-toggle.on{display:block}
  .plist-toggle .chev{display:inline-block;margin-left:4px;transition:transform .2s}
  .plist-toggle.open .chev{transform:rotate(180deg)}
  .vd-xp{position:absolute;left:50%;top:8px;transform:translateX(-50%);background:var(--vd-gold);color:#111;border:1.5px solid #111;border-radius:999px;padding:4px 10px;font:800 11px var(--vd-sans);z-index:9;opacity:0;pointer-events:none}
  .vd-xp.on{opacity:1}
}

.vd-hint-hand{
  position:absolute;z-index:40;width:64px;height:64px;left:72%;top:50%;opacity:0;pointer-events:none;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transform-origin:6px 13px;
}
.vd-hint-hand svg{display:block;width:100%;height:100%}
.vd-hint-hand.is-on{opacity:1}
.vd-hint-hand.is-lift{opacity:.25}

@media (prefers-reduced-motion:reduce){
  .vd-view{transition:none}
  .vd-hint-hand{display:none!important}
  .vd-laybar button{transition:none;animation:none!important}
  .vd-sbar,.vd-sbar .num,.vd-sbar .live i{animation:none!important}
}