/* Copyright (c) 2026 Grand Media Group LLC. All rights reserved. Marqit is a trademark of Grand Media Group LLC. */
:root{
    --ink:#F4F4F1;
    --ink-soft:#A8ABB3;
    --paper:#111318;
    --panel:#1B1E24;
    --line:#2C2F37;
    --yes:#2DBE7E;
    --yes-bg:rgba(24,170,104,0.44);
    --no:#E5533F;
    --no-bg:rgba(222,64,50,0.44);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  input,textarea,select{background:var(--panel);color:var(--ink);}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Barlow',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    transition:background .2s ease, color .2s ease;
  }
  h1,h2,h3,.display{
    font-family:'Big Shoulders Display',sans-serif;
    font-weight:700;
    letter-spacing:0.01em;
    line-height:0.95;
  }
  a{color:inherit;}
  .wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
  @media (max-width:640px){.wrap{padding:0 20px;}}

  /* NAV */
  nav{padding:28px 0;}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:10px;}
  @media (max-width:480px){
    nav{padding:20px 0;}
    .word{font-size:26px;}
    #nav-signed-in{gap:6px;flex-wrap:wrap;row-gap:8px;}
    #nav-badge{padding:4px 8px 4px 6px;gap:4px;}
    #nav-badge-icon{width:13px;height:13px;}
    #nav-badge-label{font-size:11px;}
    #nav-profile-pill{padding:3px 8px 3px 3px;gap:5px;}
    #profile-circle-btn{width:26px;height:26px;font-size:13px;}
    #nav-username{font-size:12px;}
    #sign-out-btn{padding:6px 10px;font-size:12px;}
    #hamburger-btn{padding:6px;}
  }
  .word{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:32px;letter-spacing:0.02em;flex-shrink:0;}
  .navcta{font-size:14px;font-weight:500;padding:9px 18px;border:1px solid var(--ink);border-radius:100px;text-decoration:none;transition:background .15s, color .15s;}
  .navcta:hover{background:var(--ink);color:var(--paper);}
  .pagenav{background:#17191D;position:sticky;top:0;z-index:10;}
  .pagenav-row{display:flex;gap:2px;overflow-x:auto;}
  .pagenav-tab{padding:14px 20px;border:none;background:none;color:#9A9CA3;font-family:'Barlow',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:color .15s;}
  .pagenav-tab:hover{color:#D8D9DC;}
  .pagenav-tab.active{color:#FFFFFF;border-bottom-color:var(--yes);}
  .scope-tab-row{display:flex;gap:2px;}
  .scope-tab{padding:10px 18px;border:none;background:none;color:#9A9CA3;font-family:'Barlow',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:color .15s;}
  .scope-tab:hover{color:#D8D9DC;}
  .scope-tab.active{color:#FFFFFF;border-bottom-color:var(--yes);}

  .news-ticker{background:#17191D;border-top:1px solid #2C2F37;overflow:hidden;position:relative;display:none;}
  .news-ticker.has-items{display:block;}
  .news-ticker-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:news-ticker-scroll 90s linear infinite;}
  .news-ticker:hover .news-ticker-track{animation-play-state:paused;}
  .news-ticker-item{display:inline-flex;align-items:center;gap:10px;padding:9px 28px;font-family:'Barlow',sans-serif;font-size:13px;font-weight:500;color:#D8D9DC;text-decoration:none;border-right:1px solid #2C2F37;transition:color .15s;}
  .news-ticker-item:hover{color:#FFFFFF;}
  .news-ticker-item .nt-logo{width:16px;height:16px;border-radius:4px;flex-shrink:0;background:#2C2F37;object-fit:contain;}
  @keyframes news-ticker-scroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  @media (prefers-reduced-motion: reduce){
    .news-ticker-track{animation:none;}
    .news-ticker{overflow-x:auto;}
  }
  @media (max-width:640px){
    .news-ticker-item{font-size:11px;padding:8px 20px;gap:8px;}
    .news-ticker-item .nt-logo{width:14px;height:14px;}
  }

  /* HERO */
  .hero{padding:56px 0 88px;}
  @keyframes heroFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
  .hero h1{animation:heroFadeIn 600ms cubic-bezier(.17,.67,.35,.99) both;}
  .hero .sub{animation:heroFadeIn 600ms cubic-bezier(.17,.67,.35,.99) 90ms both;}
  .hero .signup{animation:heroFadeIn 600ms cubic-bezier(.17,.67,.35,.99) 180ms both;}
  .hero .age-check{animation:heroFadeIn 600ms cubic-bezier(.17,.67,.35,.99) 240ms both;}
  .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  @media (max-width:860px){.hero-grid{grid-template-columns:1fr;gap:48px;}}
  .hero h1{font-size:clamp(42px,6.2vw,74px);max-width:11ch;}
  .hero p.sub{margin-top:22px;font-size:18px;color:var(--ink-soft);max-width:46ch;}
  .signup{margin-top:32px;display:flex;gap:10px;max-width:440px;flex-wrap:wrap;}
  #auth-panel .signup{margin-top:0;flex-direction:column;max-width:none;}
  #auth-panel .signup input[type=email],#auth-panel .signup input[type=text],#auth-panel .signup input[type=password]{width:100%;}
  #auth-panel .age-check{margin-top:2px;}
  .age-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--ink-soft);}
  .age-check input{width:16px;height:16px;}
  .signup input[type=email],.signup input[type=text],.signup input[type=password]{
    flex:1;min-width:150px;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;
    font-family:'Barlow',sans-serif;font-size:15px;background:var(--panel);color:var(--ink);
  }
  .signup input[type=email]:focus,.signup input[type=text]:focus,.signup input[type=password]:focus{outline:none;border-color:var(--ink);}
  #reset-email-input:focus{outline:none;border-color:var(--ink);}
  .signup button{
    padding:14px 22px;border:none;border-radius:10px;background:var(--ink);color:var(--paper);
    font-family:'Barlow',sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s;
    white-space:nowrap;
  }
  .signup button:hover{opacity:0.85;}
  .signup button:disabled{opacity:0.5;cursor:default;}
  .form-msg{margin-top:12px;font-size:14px;}
  .form-msg:empty{margin-top:0;}
  .form-msg.ok{color:var(--yes);}
  .form-msg.err{color:var(--no);}
  .count-line{margin-top:6px;font-size:14px;color:var(--ink-soft);}
  .count-line strong{color:var(--ink);font-weight:600;}
  .fine-print{margin-top:10px;font-size:12.5px;color:var(--ink-soft);opacity:0.85;}

  /* TICKET CARD */
  .ticket{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .18s ease, box-shadow .18s ease;}
  .trend-svg{width:100%;height:auto;aspect-ratio:320/150;display:block;}
  .live-dot{width:6px;height:6px;border-radius:50%;background:var(--yes);display:inline-block;animation:livePulse 1.6s ease-in-out infinite;}
  @keyframes livePulse{0%,100%{opacity:1;}50%{opacity:0.35;}}
  .trend-dot{animation:trendPulse 1.8s ease-in-out infinite; transform-origin:center;}
  @keyframes trendPulse{0%,100%{opacity:1;}50%{opacity:0.35;}}
  #hamburger-about-btn:hover{background:var(--panel);}
  #notify-push-btn:hover{border-color:var(--ink);}
  .ticket:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(23,25,29,0.1);}
  .cat-tabs{display:flex;gap:8px;margin:24px 0 20px;flex-wrap:wrap;}
  .cat-tab{padding:9px 18px;border-radius:100px;border:1px solid var(--line);background:var(--paper);font-family:'Barlow',sans-serif;font-size:13.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:inline-flex;align-items:center;gap:7px;}
  .cat-icon{width:15px;height:15px;flex-shrink:0;}
  .cat-tab:hover{border-color:var(--ink);color:var(--ink);}
  .cat-tab.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .ticket-q{font-size:15px;font-weight:500;max-width:26ch;}
  .ticket-meta{margin-top:6px;font-size:13px;color:var(--ink-soft);}
  .ticket-row{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .opt{border-radius:10px;padding:14px;text-align:center;}
  .opt.yes{background:var(--yes-bg);}
  .opt.no{background:var(--no-bg);}
  .opt-label{font-size:12px;font-weight:600;letter-spacing:0.04em;}
  .opt.yes .opt-label{color:var(--yes);}
  .opt.no .opt-label{color:var(--no);}
  .opt-price{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:30px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:2px;}
  .opt-pct{font-size:16px;opacity:0.8;}
  .token-icon{width:20px;height:20px;flex-shrink:0;}
  .opt.yes .opt-price{color:var(--yes);}
  .opt.no .opt-price{color:var(--no);}
  .predict-card .opt{cursor:pointer;transition:transform .1s ease;}
  .predict-card .opt:hover{transform:translateY(-1px);}
  .predict-card .opt.picked{box-shadow:0 0 0 2px currentColor inset;}
  .ticket-foot{margin-top:16px;font-size:12px;color:var(--ink-soft);display:flex;justify-content:space-between;}
  .resolve-details{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}
  .resolve-details > summary{list-style:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-soft);padding:2px 0;user-select:none;-webkit-tap-highlight-color:transparent;}
  .resolve-details > summary::-webkit-details-marker{display:none;}
  .resolve-details > summary:hover{color:var(--ink);}
  .resolve-details > summary:focus-visible{outline:2px solid var(--ink-soft);outline-offset:3px;border-radius:4px;}
  .resolve-details .resolve-chev{transition:transform .18s ease;flex:none;}
  .resolve-details[open] .resolve-chev{transform:rotate(180deg);}
  .resolve-details .resolution-text{margin-top:8px;font-style:italic;}

  /* HOW IT WORKS */
  .section{padding:36px 0;border-top:1px solid var(--line);}
  .section h2{font-size:clamp(30px,4vw,42px);max-width:14ch;}
  .steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
  @media (max-width:760px){.steps{grid-template-columns:1fr;gap:32px;}}
  .step-num{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:15px;color:var(--ink-soft);}
  .step h3{margin-top:8px;font-size:22px;font-weight:700;}
  .step p{margin-top:8px;font-size:15px;color:var(--ink-soft);max-width:32ch;}

  /* LEADERBOARDS */
  .boards{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  @media (max-width:760px){.boards{grid-template-columns:1fr;}}
  .board{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .18s ease, box-shadow .18s ease;}
  .board:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,25,29,0.08);}
  .board-title{font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:none;}
  .board-rows{margin-top:16px;display:flex;flex-direction:column;gap:10px;}
  .brow{display:flex;justify-content:space-between;font-size:14px;padding:2px 0;}
  .brow.me{font-weight:600;}
  .brank{color:var(--ink-soft);min-width:30px;margin-right:6px;display:inline-block;}
  .result-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;transition:transform .18s ease, box-shadow .18s ease;}
  .result-row:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(23,25,29,0.08);}
  .result-q{font-size:14px;font-weight:500;}
  .result-meta{font-size:12px;color:var(--ink-soft);margin-top:3px;}
  .result-badge{flex-shrink:0;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:14px;padding:6px 14px;border-radius:100px;white-space:nowrap;}
  .result-badge.yes{background:var(--yes-bg);color:var(--yes);}
  .result-badge.no{background:var(--no-bg);color:var(--no);}
  .policy-block{margin-bottom:32px;margin-top:28px;}
  .policy-block h3{font-family:'Big Shoulders Display',sans-serif;font-size:22px;margin-bottom:12px;}
  .policy-block p{font-size:14px;color:var(--ink-soft);margin-bottom:10px;max-width:60ch;}
  .policy-block ul{margin:0 0 10px 20px;}
  .policy-block li{font-size:14px;color:var(--ink-soft);margin-bottom:6px;max-width:58ch;}
  .policy-note{font-size:12.5px;color:var(--ink-soft);font-style:italic;background:var(--panel);border-radius:10px;padding:12px 14px;margin-top:20px;}
  .duel-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;}
  .duel-q{font-size:15px;font-weight:600;margin-bottom:20px;text-align:center;}
  .duel-row{display:flex;align-items:center;gap:10px;}
  .duel-side{flex:1;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 10px;}
  .duel-vs{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:14px;color:var(--ink-soft);flex-shrink:0;}
  .duel-avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:15px;margin:0 auto 8px;}
  .duel-name{font-size:12.5px;font-weight:600;margin-bottom:8px;}
  .duel-pick{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;margin-bottom:8px;}
  .duel-pick.yes{background:var(--yes-bg);color:var(--yes);}
  .duel-pick.no{background:var(--no-bg);color:var(--no);}
  .duel-result{font-size:11px;font-weight:700;margin-bottom:6px;letter-spacing:0.03em;}
  .duel-result.win{color:var(--yes);}
  .duel-result.loss{color:var(--ink-soft);}
  .duel-points{font-size:10.5px;color:var(--ink-soft);margin-bottom:6px;line-height:1.5;}
  .duel-points span{opacity:0.75;}
  .duel-total{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:20px;color:var(--ink);}
  .mq-star{display:inline-block;vertical-align:-2px;margin-left:1px;}
  .duel-last{display:flex;align-items:center;gap:7px;}
  .duel-last .mq-ico{flex:none;width:15px;height:15px;}
  .duel-last.win .mq-ico{color:var(--yes);}
  .duel-last.loss .mq-ico{color:var(--no);}
  /* ---- How to play: section icons + animated demo ---- */
  .sec-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
  .sec-head .ex-title{margin:0;}
  .sec-ico{--rc:51,209,139;flex:none;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--rc),0.339);color:rgb(var(--rc));box-shadow:inset 0 0 0 1px rgba(var(--rc),0.528);}
  .sec-ico svg{width:20px;height:20px;}
  /* ---- Leaderboard rows ---- */
  .board-rows:has(.lb){gap:6px;}
  .brow.lb{align-items:center;gap:10px;padding:7px 10px;border-radius:12px;border:1px solid transparent;}
  .lb-rank{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:15px;color:var(--ink-soft);}
  .lb.m1 .lb-rank{background:#F5C242;color:#2A1E00;}
  .lb.m2 .lb-rank{background:#C4C8D0;color:#20242B;}
  .lb.m3 .lb-rank{background:#D98A4A;color:#2E1809;}
  .lb.m1{background:var(--panel);border-color:rgba(246,196,48,.32);}
  .lb.m2{background:var(--panel);border-color:rgba(180,186,198,.28);}
  .lb.m3{background:var(--panel);border-color:rgba(201,138,90,.30);}
  .lb-av{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;font-weight:700;line-height:1;color:#F4F4F1;box-shadow:0 0 0 2px var(--panel);}
  .lb-name{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font-weight:500;}
  .lb-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-you{flex:none;font-style:normal;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(51,209,139,.2);color:var(--yes);}
  .lb-streak{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:11.5px;font-weight:700;color:#F08A2C;font-variant-numeric:tabular-nums;}
  .lb-streak svg{width:13px;height:13px;}
  .lb-pts{flex:none;display:inline-flex;align-items:baseline;gap:4px;}
  .lb-pts b{font-family:'Big Shoulders Display',sans-serif;font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;}
  .lb-pts small{font-size:11px;color:var(--ink-soft);}
  .lb-remind-btn{flex:none;margin-left:8px;padding:4px 10px;border:1px solid var(--yes);border-radius:100px;background:none;color:var(--yes);font-weight:600;font-size:11.5px;font-family:inherit;cursor:pointer;white-space:nowrap;}
  .lb-remind-btn:disabled{opacity:.6;cursor:default;}
  #mq-nudge-banner{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:9999;width:calc(100% - 32px);max-width:460px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--panel);color:var(--ink);border:1.5px solid var(--yes);box-shadow:0 8px 28px rgba(0,0,0,.28);font-size:13.5px;line-height:1.35;}
  #mq-nudge-banner .mq-nudge-text{flex:1;min-width:0;}
  #mq-nudge-banner .mq-nudge-go{flex:none;padding:7px 12px;border:none;border-radius:8px;background:var(--yes);color:#06210f;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap;}
  #mq-push-ask{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:9998;width:calc(100% - 32px);max-width:460px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:12px;background:var(--panel);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.28);font-size:13.5px;line-height:1.4;}
  #mq-push-ask .mq-push-text{display:flex;flex-direction:column;gap:3px;}
  #mq-push-ask .mq-push-text span{color:var(--ink-soft);font-size:12.5px;}
  #mq-push-ask .mq-push-yes{width:100%;padding:12px 14px;border:none;border-radius:10px;background:var(--yes);color:#06210f;font-weight:700;font-size:14.5px;cursor:pointer;}
  #mq-push-ask .mq-push-no{align-self:center;padding:2px 8px;border:none;background:none;color:var(--ink-soft);font-weight:500;font-size:12px;text-decoration:underline;cursor:pointer;opacity:.8;}
  #mq-nudge-banner .mq-nudge-x{flex:none;border:none;background:none;color:var(--ink-soft);font-size:20px;line-height:1;cursor:pointer;padding:2px 4px;}
  .brow.lb.mine{box-shadow:inset 0 0 0 1.5px rgba(51,209,139,.6);}
  /* ---- Subject badge strip (Pop culture / News) ---- */
  .mq-subject{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(128,136,150,.08);border:1px solid var(--line);}
  .mq-subject svg.mq-badge{width:44px;height:44px;}
  .mq-subject-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .mq-subject-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--tint));}
  .mq-subject-text b{font-size:15px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mq-subject-ico{flex:none;}
  .mq-subject-ico svg{width:26px;height:26px;}
  /* ---- Livelier crowd chart ---- */
  .trend-svg{overflow:visible;}
  .trend-svg .trend-line{}
  .trend-svg .trend-area{animation:trendAreaIn 1.1s ease .45s backwards;}
  .trend-svg .trend-bubble{animation:trendAreaIn .6s ease 1s backwards;}
  .trend-svg .trend-pulse{transform-box:fill-box;transform-origin:center;animation:trendRing 2.2s ease-out infinite;}
  /* ---- News tab ---- */
  .news-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px;}
  @media (min-width:640px){.news-grid{grid-template-columns:repeat(2,1fr);}}
  @media (min-width:960px){.news-grid{grid-template-columns:repeat(3,1fr);}}
  .news-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s;}
  .news-card:hover{border-color:var(--ink-soft);}
  .news-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;}
  .news-take{margin:0 16px;padding:14px 0 4px;border-top:1px solid var(--line);}
  .take-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
  .take-q{font-size:16px;font-weight:600;line-height:1.3;margin-top:6px;}
  .take-btns{display:flex;gap:10px;margin-top:12px;}
  .take-btn{flex:1;min-height:52px;border-radius:12px;border:1.5px solid;background:transparent;font:inherit;font-size:16px;font-weight:700;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s;}
  .take-yes{color:#3FE0A0;border-color:rgba(51,209,139,.75);background:rgba(51,209,139,.12);}
  .take-no{color:#FF7A66;border-color:rgba(245,100,79,.75);background:rgba(245,100,79,.12);}
  .take-yes::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;}
  .take-no::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;}
  .take-yes:hover:not(:disabled){background:rgba(51,209,139,.24);}
  .take-no:hover:not(:disabled){background:rgba(245,100,79,.24);}
  .take-btn:active:not(:disabled){transform:scale(.98);}
  .take-btn:disabled{opacity:.5;cursor:default;}
  .take-result{margin-top:12px;}
  .take-btns[hidden],.take-result[hidden]{display:none;}
  .take-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line);}
  .take-bar-y{background:var(--yes);}
  .take-bar-n{background:var(--no);}
  .take-split{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;font-weight:600;color:var(--ink-soft);}
  .take-split .me{color:var(--ink);}
  .take-count{margin-top:4px;font-size:12px;color:var(--ink-soft);}
  .take-note{margin-top:10px;font-size:12px;color:var(--ink-soft);}
  .news-cmt{margin:10px 16px 0;}
  .news-card .cmt-body{padding-bottom:12px;}
  .news-img{aspect-ratio:16/9;background:#14161B;overflow:hidden;}
  .news-img img{display:block;width:100%;height:100%;object-fit:cover;}
  .news-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;}
  .news-meta{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink-soft);}
  .news-meta .nt-logo{width:16px;height:16px;border-radius:4px;flex:none;}
  .news-h{font-size:17px;font-weight:600;line-height:1.32;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
  .news-empty{grid-column:1/-1;color:var(--ink-soft);font-size:15px;padding:24px 0;}
  .news-foot{margin-top:22px;font-size:12px;color:var(--ink-soft);max-width:520px;}
  .trend-hit{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;}
  .trend-hit:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
  @keyframes trendAreaIn{from{opacity:0;}}
  @keyframes trendRing{0%{transform:scale(1);opacity:.7;}100%{transform:scale(3.6);opacity:0;}}
  /* ---- Your record ---- */
  .rec-cal-wrap{max-width:340px;margin:0 auto 14px;}
  .rec-dow,.rec-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
  .rec-dow{margin-bottom:6px;}
  .rec-dow span{text-align:center;font-size:10.5px;font-weight:700;color:var(--ink-soft);}
  .rc{display:block;aspect-ratio:1;border-radius:9px;background:rgba(128,136,150,.16);box-shadow:inset 0 0 0 1px rgba(128,136,150,.18);animation:dayPop .45s var(--ease) backwards;animation-delay:calc(var(--i,0) * 14ms);}
  .rc.future{opacity:.4;background:transparent;}
  .rc.none{background:rgba(128,136,150,.16);box-shadow:inset 0 0 0 1px rgba(128,136,150,.18);}
  .rc.pend{background:rgba(120,140,200,.4);box-shadow:none;}
  .rc.l0{background:rgba(245,100,79,.6);box-shadow:none;}
  .rc.l1{background:rgba(51,209,139,.42);box-shadow:none;}
  .rc.l2{background:rgba(51,209,139,.88);box-shadow:none;}
  .rc.perfect{background:#F5C336;}
  .rc.today{outline:2px solid var(--ink);outline-offset:1px;}
  .rec-legend{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:12px;font-size:11px;color:var(--ink-soft);}
  .rec-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;}
  .rec-rings{display:flex;justify-content:space-around;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-bottom:12px;}
  .rec-ring{text-align:center;min-width:0;}
  .rec-ring svg{width:66px;height:66px;display:block;margin:0 auto 6px;}
  .rec-ring .rec-arc{transition:stroke-dasharray 1.1s var(--ease);}
  .rec-ring b{display:block;font-size:12.5px;font-weight:600;color:var(--ink);}
  .rec-ring span{display:block;font-size:11px;color:var(--ink-soft);margin-top:1px;}
  /* ---- Leaderboard header: a trophy ---- */
  #page-leaderboard .hero-lite::after{display:none;}
  #page-leaderboard .hero-lite .wrap{position:relative;}
  .lb-trophy{position:absolute;right:18px;bottom:-4px;width:76px;pointer-events:none;}
  .lb-trophy svg{display:block;width:100%;height:auto;}
  @media (max-width:359px){.lb-trophy{display:none;}}
  /* ---- Submit celebration: "N of N locked in" banner + a pop on just-submitted cards ---- */
  .submit-cele{display:none;margin-bottom:10px;padding:14px 16px;border-radius:14px;text-align:center;
    background:var(--panel);border:1px solid rgba(51,209,139,.32);
    opacity:0;transform:translateY(-6px);transition:opacity .45s ease,transform .45s var(--ease);}
  .submit-cele.on{opacity:1;transform:none;}
  .cele-slots{display:flex;justify-content:center;gap:10px;margin-bottom:8px;}
  .cele-slot{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    background:var(--panel);border:1.5px solid var(--line);color:transparent;transition:all .3s var(--ease);}
  .cele-slot svg{width:15px;height:15px;}
  .cele-slot.on{background:var(--yes);border-color:var(--yes);color:#fff;animation:celePop .5s var(--ease);}
  /* ---- Weekly avatar frame: earned by a Perfect Day this week ---- */
  .has-frame{position:relative;box-shadow:0 0 0 2.5px #F6C430,0 0 0 4.5px var(--paper),0 0 10px 1px rgba(246,196,48,.55) !important;}
  #profile-circle-btn.has-frame{box-shadow:0 0 0 2px #F6C430,0 0 0 3.5px var(--panel),0 0 8px 1px rgba(246,196,48,.55) !important;}
  /* ---- Champion frame: reigning Fall Chapter Cup chapter/org, permanent while held ---- */
  .has-champion-frame{position:relative;box-shadow:0 0 0 2.5px #DB6653,0 0 0 4.5px var(--paper),0 0 12px 2px rgba(219,102,83,.6) !important;}
  #profile-circle-btn.has-champion-frame{box-shadow:0 0 0 2px #DB6653,0 0 0 3.5px var(--panel),0 0 10px 2px rgba(219,102,83,.6) !important;}
  .champ-crown{position:absolute;top:-9px;right:-6px;font-size:12px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));}
  /* ---- Boosted (2X) call ---- */
  .pts-chip.boost{background:rgba(236,184,44,.3);color:#8A6400;}
  .pts-chip.boost{color:#F6C430;}
  .boost-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px 4px 9px;border-radius:100px;font-size:12px;font-weight:700;
    background:#F5C336;color:#2A1E00;}
  .boost-chip svg{width:12px;height:12px;}
  .slate-buddy.boost{background:rgba(246,196,48,.14);}
  .slate-buddy .boost-2x{font-family:'Big Shoulders Display',sans-serif;font-size:16px;color:#D9A21F;margin-right:6px;}
  /* ---- Rank-change arrows ---- */
  .lb-rankchg{flex:none;display:inline-flex;align-items:center;gap:1px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;}
  .lb-rankchg svg{width:11px;height:11px;}
  .lb-rankchg.up{color:var(--yes);}
  .lb-rankchg.down{color:var(--no);}
  .lb-rankchg.same{color:var(--ink-soft);opacity:.55;}
  .lb-rankchg.same svg{width:9px;height:9px;}
  /* ---- My calls ---- */
  .mycalls-rate{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;}
  .mycalls-rate b{font-family:'Big Shoulders Display',sans-serif;font-size:26px;font-weight:700;color:var(--ink);}
  .mycalls-rate span{font-size:12px;color:var(--ink-soft);}
  .mycalls-list{display:flex;flex-direction:column;gap:2px;}
  .mycall-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:10px;}
  .mycall-cat{flex:none;width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(128,136,150,.16);color:var(--ink-soft);}
  .mycall-cat svg{width:12px;height:12px;}
  .mycall-q{flex:1;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mycall-res{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
  .mycall-res svg{width:12px;height:12px;stroke-width:3;}
  .mycall-row.win .mycall-res{background:var(--yes-bg);color:var(--yes);}
  .mycall-row.loss .mycall-res{background:var(--no-bg);color:var(--no);}
  @keyframes celePop{0%{transform:scale(.4);}55%{transform:scale(1.25);}100%{transform:scale(1);}}
  .cele-msg{font-size:13.5px;font-weight:600;color:var(--ink);min-height:18px;}
  @media (prefers-reduced-motion:reduce){.submit-cele,.submit-cele.on{transition:none;}.cele-slot.on{animation:none;}}
  .predict-card.just-submitted{animation:justSubmitted .55s var(--ease);}
  @keyframes justSubmitted{30%{transform:scale(1.018);box-shadow:0 0 0 2px rgba(51,209,139,.45),0 18px 40px -16px rgba(51,209,139,.55);}}
  .predict-card.reveal-pop .opt.picked{animation:revealPop .4s var(--ease);}
  .predict-card.reveal-pop .crowd-tags,.predict-card.reveal-pop .buddy-vs-line{animation:tagPop .35s var(--ease) backwards;animation-delay:.1s;}
  @keyframes revealPop{0%{transform:scale(1);}45%{transform:scale(1.035);}100%{transform:scale(1);}}
  @keyframes tagPop{from{opacity:0;transform:translateY(-4px);}}
  @media (prefers-reduced-motion:reduce){.predict-card.just-submitted,.predict-card.reveal-pop .opt.picked,.predict-card.reveal-pop .crowd-tags,.predict-card.reveal-pop .buddy-vs-line{animation:none;}}
  /* ---- slow moving chart line behind page headers ---- */
  .hero-lite::after{display:none;}
  .rule-card{transition:transform .4s var(--ease),border-color .4s,box-shadow .4s;}
  .rule-ico{transition:transform .4s var(--ease),background .4s;}
  .rule-card.on{transform:translateY(-3px);border-color:rgba(var(--rc),0.95);box-shadow:0 0 0 1px rgba(var(--rc),0.566),0 16px 36px -18px rgba(var(--rc),0.95);}
  .rule-card.on .rule-ico{background:rgba(var(--rc),0.603);transform:scale(1.1);}
  .how-demo{margin-top:22px;}
  #how-demo{transition:opacity .4s;}
  #how-demo.fade{opacity:0;}
  #how-demo .predict-card{cursor:default;}
  #how-demo .predict-card .opt{cursor:default;}
  #how-demo .predict-card .opt{min-height:100px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;}
  .how-demo-cap{text-align:center;font-size:13.5px;color:var(--ink-soft);margin-top:14px;min-height:20px;}
  .hd-extra{display:flow-root;height:74px;}
  .hd-bottom{position:relative;height:48px;margin-top:8px;}
  .hd-bottom>*{position:absolute;left:0;right:0;top:0;}
  .hd-foot{margin-top:0;padding-top:12px;transition:opacity .35s;}
  .hd-foot.off{opacity:0;}
  .hd-score{display:flex;align-items:center;justify-content:space-between;margin-top:0;padding:8px 14px;border-radius:14px;background:rgba(246,196,48,.14);border:1px solid rgba(246,196,48,.3);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease);}
  .hd-score.on{opacity:1;transform:none;}
  .hd-score-l{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft);}
  .hd-score-l svg{width:14px;height:14px;color:#F5C336;}
  .hd-score b{font-family:'Big Shoulders Display',sans-serif;font-size:28px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;}
  .duel-note{font-size:12.5px;color:var(--ink-soft);margin-top:18px;text-align:center;}
  .ex-title{font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:700;margin-bottom:14px;}
  .ex-sub{font-size:13px;color:var(--ink-soft);margin-bottom:18px;}
  .ex-line{font-size:12.5px;color:var(--ink-soft);margin-bottom:8px;}
  .ex-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media (max-width:640px){.ex-two-col{grid-template-columns:1fr;}}
  .ex-mini-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;}
  .ex-mini-label{font-size:10.5px;font-weight:700;color:var(--ink-soft);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:6px;}
  .ex-mini-head{font-family:'Big Shoulders Display',sans-serif;font-size:17px;font-weight:700;margin-bottom:6px;}
  .ex-mini-body{font-size:12px;color:var(--ink-soft);line-height:1.4;}
  .streak-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;}
  .streak-row{display:flex;gap:8px;justify-content:center;margin-bottom:14px;}
  .streak-day{width:34px;height:34px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-soft);}
  .streak-day.done{background:var(--yes-bg);color:var(--yes);border-color:transparent;}
  .streak-day.perfect{background:#17191D;color:#F5C336;border-color:transparent;}
  .streak-day.frozen{background:#E4F0FB;color:#3E6CC9;border-color:transparent;}
  .streak-day.today{border:2px solid var(--ink);color:var(--ink);}
  .streak-caption{font-size:12.5px;color:var(--ink-soft);text-align:center;}
  .elite-tag{font-size:10.5px;font-weight:700;color:var(--yes);letter-spacing:0.03em;}
  .tier-chip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;}
  .tier-chip{flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--ink-soft);min-width:88px;}
  .tier-chip span{display:block;font-family:'Big Shoulders Display',sans-serif;font-size:11px;font-weight:700;color:var(--ink-soft);opacity:0.7;margin-top:4px;}
  .tier-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .tier-chip.active span{color:#F5C336;opacity:1;}
  .recap-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;}
  .recap-head{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;}
  .recap-stats{display:flex;gap:18px;margin-bottom:14px;}
  .recap-stats div{flex:1;text-align:center;}
  .recap-stats strong{display:block;font-family:'Big Shoulders Display',sans-serif;font-size:26px;font-weight:700;color:var(--ink);}
  .recap-stats span{font-size:11px;color:var(--ink-soft);}
  .recap-foot{font-size:12.5px;color:var(--ink-soft);text-align:center;border-top:1px solid var(--line);padding-top:12px;}
  .share-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;max-width:340px;}
  .share-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
  .share-head strong{font-size:15px;}
  .share-streak{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;}
  .share-row{display:flex;gap:10px;}
  .share-cell{flex:1;text-align:center;}
  .share-icon{width:100%;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;}
  .share-icon.correct{background:var(--yes);}
  .share-icon.neutral{background:none;border:2px solid #5A5D66;}
  .share-icon.neutral svg{stroke:#5A5D66;}
  .share-icon svg{width:22px;height:22px;stroke:var(--paper);}
  .share-cell-label{font-size:11px;color:var(--ink-soft);margin-top:6px;font-weight:600;}
  .share-foot{text-align:center;margin-top:12px;font-size:12px;color:var(--ink-soft);}

  /* FINAL CTA */
  .cta-band{background:#17191D;color:#FFFFFF;padding:80px 0;}
  .cta-band h2{color:#FFFFFF;font-size:clamp(32px,5vw,52px);max-width:14ch;}
  .cta-band p{margin-top:16px;color:#C7C8CC;font-size:17px;max-width:44ch;}
  .cta-band .signup input[type=email],.cta-band .signup input[type=text]{background:#232529;border-color:#3A3D43;color:#FFFFFF;}
  .cta-band .signup input[type=email]::placeholder,.cta-band .signup input[type=text]::placeholder{color:#8B8D93;}
  .cta-band .signup input[type=email]:focus,.cta-band .signup input[type=text]:focus{border-color:#FFFFFF;}
  .cta-band .signup button{background:#FFFFFF;color:#17191D;}
  .cta-band .age-check{color:#A9AAAE;}
  .cta-band .count-line{color:#A9AAAE;}
  .cta-band .count-line strong{color:#FFFFFF;}

  footer{padding:32px 0;}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-soft);flex-wrap:wrap;gap:14px;}
  .social{display:flex;gap:14px;align-items:center;}
  .social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--ink-soft);transition:border-color .15s,color .15s;}
  .social a:hover{border-color:var(--ink);color:var(--ink);}
  .social svg{width:15px;height:15px;}

  /* =====================================================================
     LIVELY LAYER: depth, motion, and short-copy layouts.
     Everything below is additive; it overrides earlier rules on purpose.
     ===================================================================== */
  :root{--ease:cubic-bezier(.2,.8,.2,1);}
  button{-webkit-tap-highlight-color:transparent;}
  button:not(:disabled):active{transform:scale(.97);}

  /* ---- page + tab transitions ---- */
  .page{animation:pageIn .4s ease backwards;}
  @keyframes pageIn{from{opacity:0;}}
  .pagenav-row{position:relative;}
  .pagenav-row.has-ind .pagenav-tab{border-bottom-color:transparent !important;}
  .tab-ind{position:absolute;left:0;bottom:0;height:3px;width:var(--w,0px);transform:translateX(var(--x,0px));background:#F2C14E;border-radius:3px 3px 0 0;transition:transform .38s var(--ease),width .38s var(--ease),opacity .2s;pointer-events:none;}

  .hero{position:relative;overflow:hidden;isolation:isolate;}
  .hero h1{font-size:clamp(30px,8vw,48px);line-height:.98;animation:none;max-width:none;text-wrap:balance;}
  .hero p.sub{font-size:clamp(15px,4.1vw,18px);text-wrap:pretty;}
  .streak-accent{color:#E8964A;font-weight:600;}
  .hero h1 .h1-line{display:block;}
  .hero h1 .h1-line.accent{color:#E8964A;margin-top:.12em;}
  .hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em;}
  .hero h1 .w>span{display:inline-block;animation:wordUp .75s var(--ease) backwards;animation-delay:calc(var(--i) * 80ms + 120ms);}
  @keyframes wordUp{from{transform:translateY(108%);}}
  .hero .sub{max-width:34ch;}

  /* ---- live dot: pulse plus expanding ring ---- */
  .live-dot{position:relative;animation:none;flex:none;}
  .live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ripple 1.9s ease-out infinite;}
  @keyframes ripple{from{transform:scale(1);opacity:.65;}to{transform:scale(3.4);opacity:0;}}

  /* ---- question cards: category-tinted, big condensed question ---- */
  .predict-card{--tint:128,136,150;position:relative;overflow:hidden;border-radius:22px;padding:22px 20px;
    background:var(--panel);
    border-color:rgba(var(--tint),0.867);
    animation:cardIn .65s var(--ease) backwards;animation-delay:var(--delay,0ms);}
  .predict-card[data-cat="sports"]{--tint:242,193,78;}
  .predict-card[data-cat="pop_culture"]{--tint:242,193,78;}
  .predict-card[data-cat="news"]{--tint:242,193,78;}
  @keyframes cardIn{from{opacity:0;transform:translateY(26px) scale(.975);}}
  .predict-card .ticket-q{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:28px;line-height:1.02;letter-spacing:.005em;max-width:none;}
  .card-head{margin-top:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
  .cat-chip{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600;}
  .cat-tile{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:rgba(var(--tint),0.566);color:rgb(var(--tint));}
  .cat-tile svg{width:13px;height:13px;}
  .status-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:11.5px;font-weight:700;}
  .status-pill.live{background:rgba(51,209,139,.15);color:var(--yes);}
  .status-pill.locked{background:rgba(128,136,150,.16);color:var(--ink-soft);}
  .predict-card .opt{border-radius:14px;}
  .predict-card .opt:active{transform:scale(.97);}
  .predict-card .opt.picked{animation:pickPop .22s var(--ease);}
  @keyframes pickPop{40%{transform:scale(1.06);}}
  .crowd-bar{margin-top:12px;height:6px;border-radius:6px;background:var(--no);overflow:hidden;opacity:0;transition:opacity .4s;}
  .crowd-bar.on{opacity:.9;}
  .crowd-bar i{display:block;height:100%;width:0;border-radius:6px;background:var(--yes);transition:width 1.05s var(--ease);}
  @media (hover:none){.ticket:hover,.board:hover,.result-row:hover{transform:none;box-shadow:none;}}

  /* ---- lock timer ---- */
  .lock-card{padding:14px 18px 16px;background:var(--panel);border:1px solid var(--line);border-radius:18px;text-align:center;}
  .lock-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .lock-label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-soft);}
  .lock-val{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;}
  .lock-card{--lock:var(--yes);border-color:rgba(51,209,139,.35);transition:border-color .6s;}
  .lock-card .lock-label{color:var(--ink);}
  .lock-card .live-dot{background:var(--lock);}
  .lock-card .lock-val{color:var(--lock);transition:color .6s;}
  .lock-bar{margin-top:12px;height:6px;border-radius:6px;background:rgba(51,209,139,.16);overflow:hidden;transition:background .6s;}
  .lock-bar i{display:block;height:100%;width:100%;margin-right:auto;margin-left:0;border-radius:6px;background:var(--lock);transition:width 1s linear,background .6s;}
  .lock-card.urgent{--lock:#E0A03C;border-color:rgba(224,160,60,.45);}
  .lock-card.urgent .lock-bar{background:rgba(224,160,60,.18);}
  .lock-card.critical{--lock:var(--no);border-color:rgba(245,100,79,.5);}
  .lock-card.critical .lock-bar{background:rgba(245,100,79,.18);}
  .lock-card.critical .lock-bar i{animation:barPulse 1s ease-in-out infinite;}
  @keyframes barPulse{50%{opacity:.5;}}

  /* ---- skeleton loading cards ---- */
  .skel-card{max-width:480px;margin-bottom:16px;padding:22px 20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);}
  .sk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}
  .sk-row .sk{height:64px;border-radius:14px;}
  .sk{display:block;height:12px;border-radius:8px;background:linear-gradient(90deg,rgba(128,136,150,.10) 20%,rgba(128,136,150,.24) 50%,rgba(128,136,150,.10) 80%);background-size:220% 100%;animation:shimmer 1.4s linear infinite;}
  @keyframes shimmer{from{background-position:120% 0;}to{background-position:-120% 0;}}

  /* ---- compact rule tiles (How to play / Challenge) ---- */
  .rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .rule-grid-2{grid-template-columns:1fr 1fr;}
  .rule-card{--rc:51,209,139;background:var(--panel);border:1px solid rgba(var(--rc),0.49);border-radius:18px;padding:16px 12px 14px;text-align:center;}
  .rule-ico{width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--rc),0.339);color:rgb(var(--rc));margin-bottom:10px;}
  .rule-ico svg{width:21px;height:21px;}
  .rule-head{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:19px;line-height:1;margin-bottom:6px;}
  .rule-body{font-size:12px;color:var(--ink-soft);line-height:1.4;}
  /* Pick/Lock/Score cards on How to Play are pressable: clicking one jumps
     the demo straight to that step and pauses it there. */
  #page-how .rule-grid .rule-card{cursor:pointer;}
  #page-how .rule-grid .rule-card:hover{transform:translateY(-2px);}
  #page-how .rule-grid .rule-card:focus-visible{outline:2px solid rgba(var(--rc),0.95);outline-offset:2px;}
  .section h2{max-width:none;}
  .ex-title{font-size:26px;}

  /* ---- swipe carousel + Kalshi-style stretching dots ---- */
  .snap-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 20px 6px;margin:0 -20px;scroll-padding:0 20px;}
  .snap-row::-webkit-scrollbar{display:none;}
  .snap-row>*{flex:0 0 84%;scroll-snap-align:center;}
  @media (min-width:641px){.snap-row{margin:0 -32px;padding:2px 32px 6px;scroll-padding:0 32px;}}
  @media (min-width:860px){.snap-row{margin:0;padding:2px 0;overflow:visible;}.snap-row>*{flex:1 1 0;}.dots{display:none;}}
  .dots{display:flex;gap:6px;justify-content:center;margin-top:14px;}
  .dot{width:6px;height:6px;border-radius:6px;background:var(--line);border:0;padding:0;cursor:pointer;transition:width .35s var(--ease),background .3s;}
  .dot.on{width:24px;background:var(--ink);}
  .phase-card{--tint:128,136,150;background:var(--panel);border-color:rgba(var(--tint),0.867);border-radius:22px;}
  .phase-card .ticket-q{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:24px !important;line-height:1.05;}

  /* ---- challenge hero: floating trophy + segmented countdown ---- */
  .trophy-wrap{position:relative;width:84px;height:84px;margin-bottom:20px;}
  .trophy{position:relative;width:84px;height:84px;color:#F5C336;}
  .trophy-glow{display:none;}
  .cd-wrap{margin-top:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
  .cd-label{font-size:12.5px;font-weight:600;color:var(--ink-soft);}
  .cd{display:flex;gap:8px;font-size:22px;}
  .cd-seg{min-width:62px;padding:10px 8px 9px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;}
  .cd-seg b{display:block;font-family:'Big Shoulders Display',sans-serif;font-size:36px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;}
  .cd-seg i{display:block;font-style:normal;font-size:10.5px;font-weight:600;color:var(--ink-soft);margin-top:5px;}
  .cd-seg b.flip{animation:flipIn .38s var(--ease);}
  @keyframes flipIn{from{opacity:.15;transform:translateY(-9px);}}

  /* ---- streak row: days pop in, today pulses ---- */
  .streak-day{animation:dayPop .5s var(--ease) backwards;}
  .streak-day:nth-child(1){animation-delay:.05s}.streak-day:nth-child(2){animation-delay:.11s}.streak-day:nth-child(3){animation-delay:.17s}
  .streak-day:nth-child(4){animation-delay:.23s}.streak-day:nth-child(5){animation-delay:.29s}.streak-day:nth-child(6){animation-delay:.35s}.streak-day:nth-child(7){animation-delay:.41s}
  @keyframes dayPop{from{opacity:0;transform:scale(.4);}}
  .streak-day.today{animation:dayPop .5s var(--ease) .35s backwards,todayRing 2.2s ease-out 1s infinite;}
  @keyframes todayRing{0%{box-shadow:0 0 0 0 rgba(150,156,168,.45);}100%{box-shadow:0 0 0 11px rgba(150,156,168,0);}}
  .tier-chip{border-radius:14px;}
  .tier-chip.active{box-shadow:0 0 0 0 rgba(246,196,48,.5);animation:todayRing 2.6s ease-out infinite;}

  /* ---- leaderboard rows ---- */
  .board-rows .brow{animation:rowIn .5s var(--ease) backwards;border-radius:8px;}
  .board-rows .brow:nth-child(1){animation-delay:.04s}.board-rows .brow:nth-child(2){animation-delay:.09s}.board-rows .brow:nth-child(3){animation-delay:.14s}
  .board-rows .brow:nth-child(4){animation-delay:.19s}.board-rows .brow:nth-child(5){animation-delay:.24s}.board-rows .brow:nth-child(n+6){animation-delay:.3s}
  @keyframes rowIn{from{opacity:0;transform:translateX(-12px);}}
  .board-rows .brow:nth-child(1) .brank{color:#F5C336;font-weight:700;}
  .board-rows .brow:nth-child(2) .brank{color:#B4BAC6;font-weight:700;}
  .board-rows .brow:nth-child(3) .brank{color:#C98A5A;font-weight:700;}

  /* ---- tap-to-open policy sections ---- */
  .fold{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-top:12px;overflow:hidden;}
  .fold>summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:20px;}
  .fold>summary::-webkit-details-marker{display:none;}
  .fold>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .28s var(--ease);}
  .fold[open]>summary::after{transform:rotate(-135deg);margin-top:4px;}
  .fold .policy-body{padding:0 18px 12px;}
  .fold .policy-body p{font-size:14px;color:var(--ink-soft);margin-bottom:10px;max-width:60ch;}
  .fold .policy-body ul{margin:0 0 10px 20px;}
  .fold .policy-body li{font-size:14px;color:var(--ink-soft);margin-bottom:6px;max-width:58ch;}

  .cta-band{position:relative;overflow:hidden;isolation:isolate;}
  .cta-band p{font-size:18px;}
  .cta-band h2{max-width:none;text-wrap:balance;}

  /* ---- scroll reveal (only when JS opts in) ---- */
  .js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
  .js-reveal .reveal.in{opacity:1;transform:none;}




  /* ---- Play tab: cards first. Short hero, glow bleeds down behind the first card ---- */
  .hero-play{padding:0;}
  .hero.hero-play p.sub{margin-top:8px;max-width:none;}
  /* The Play page opens straight on the timer, close under the tab bar. */
  #page-home .section{border-top:none;padding:14px 0 36px;}
  #page-home .hero-play + .section{padding-top:10px;}
  @supports (overflow:clip){
    .hero-play{overflow-x:clip;overflow-y:visible;}
  }
  .lock-card{padding:10px 16px 12px;border-radius:16px;}
  .lock-val{font-size:24px;}
  .lock-bar{margin-top:8px;}


  /* ---- Challenge banner: its own space, below the three questions ---- */
  .challenge-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;margin-top:22px;max-width:480px;padding:14px 16px;border-radius:20px;
    border:1px solid rgba(var(--tint),0.867);background:var(--panel);}
  @media (min-width:900px){.challenge-banner{max-width:none;}}
  .cb-ico{flex:none;width:46px;height:46px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--tint),0.566);color:rgb(var(--tint));}
  .cb-ico svg{width:25px;height:25px;}
  .cb-text{flex:1;min-width:0;}
  .cb-title{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:21px;line-height:1.05;}
  .cb-sub{font-size:12.5px;color:var(--ink-soft);margin-top:3px;text-wrap:balance;}
  .cb-btn{flex:none;position:relative;z-index:1;padding:9px 20px;border:none;border-radius:100px;background:#FFFFFF;color:#17191D;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;}

  /* ---- more colour: every card family gets a soft tint, like the question cards ---- */
  .board{--tint:128,136,150;background:var(--panel);border-color:rgba(var(--tint),0.773);}
  .duel-card{--tint:51,209,139;background:var(--panel);border-color:rgba(var(--tint),0.773);}
  .recap-card{background:var(--panel);}
  .share-card{background:var(--panel);border-color:rgba(70,140,255,.30);}
  .streak-card{background:var(--panel);border-color:rgba(255,148,38,.28);}
  .tier-chip{--tint:128,136,150;background:var(--panel);border-color:rgba(var(--tint),0.773);}
  .tier-chip[data-tier="Analyst"]{--tint:70,140,255;}
  .tier-chip[data-tier="Pro"]{--tint:51,209,139;}
  .tier-chip[data-tier="Expert"]{--tint:170,112,255;}
  .tier-chip[data-tier="Legend"]{--tint:246,196,48;}
  .tier-chip.active[data-tier]{background:var(--ink);border-color:var(--ink);}
  .lock-card{background:var(--panel);}
  #pending-requests-card{background:var(--panel) !important;border-color:rgba(255,148,38,.40) !important;}

  .hero-lite{position:relative;isolation:isolate;border-top:none;padding-bottom:30px;}
  @supports (overflow:clip){.hero-lite{overflow-x:clip;}}

  /* ---- "signup is quick" reassurance ---- */
  .signup-note{margin-top:10px;font-size:12.5px;color:var(--ink-soft);text-wrap:balance;}
  .signup-note strong{color:var(--ink);font-weight:600;}
  .cta-band .signup-note{color:#A9AAAE;}
  .cta-band .signup-note strong{color:#FFFFFF;}
  .auth-time{margin-top:2px;text-align:center;}

  /* ---- wide screens: three-up cards, no swipe dots ---- */
  @media (min-width:860px){.dots{display:none;}}
  @media (min-width:900px){
    #daily-questions-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
    #daily-questions-container>*{margin-bottom:0 !important;}
    #daily-questions-container>.predict-card,#daily-questions-container>.skel-card{max-width:none !important;}
    #daily-questions-container>:not(.predict-card):not(.skel-card){grid-column:1/-1;}
    #daily-timer{max-width:none !important;}
  }

  /* ---- respect reduced motion: keep the layout, drop the movement ---- */
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
    .js-reveal .reveal{opacity:1;transform:none;}
  }

  /* ---- card visuals: per-question tile, made-up team badges, crowd tags ---- */
  .mq-qrow{display:flex;align-items:flex-start;gap:14px;margin-top:14px;}
  .mq-qrow .ticket-q{margin-top:0 !important;flex:1;min-width:0;}
  .mq-tile{flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
    background:rgba(var(--tint),0.14);border:1px solid rgba(var(--tint),0.95);color:rgb(var(--tint));}
  .mq-tile svg{width:26px;height:26px;}
  .mq-matchup{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 12px;border-radius:14px;
    background:rgba(128,136,150,.08);border:1px solid var(--line);}
  .mq-team{display:flex;align-items:center;gap:9px;min-width:0;font-weight:600;font-size:13.5px;color:var(--ink);}
  .mq-team.right{flex-direction:row-reverse;text-align:right;}
  .mq-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  svg.mq-badge{width:38px;height:38px;flex:none;}
  .mq-vs{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-soft);}
  .mq-vs b{font-weight:700;}
  .mq-vs-ico{display:flex;color:rgb(var(--tint));}
  .mq-vs-ico svg{width:24px;height:24px;}
  .mq-league{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin-left:2px;}
  .crowd-tag{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 11px 4px 9px;border-radius:100px;font-size:12px;font-weight:600;}
  .crowd-tag svg{width:13px;height:13px;flex:none;}
  .crowd-tag.with{background:rgba(51,209,139,.14);color:var(--yes);}
  .crowd-tag.bold{background:rgba(224,160,60,.16);color:#D9962A;}
  .crowd-tag.bold{color:#E0A03C;}
  .crowd-tag.split{background:rgba(128,136,150,.16);color:var(--ink-soft);}
  .hot-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:#D97A3A;}
  .reaction-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;position:relative;}
  .reaction-base{display:contents;}
  .reaction-extra{display:contents;}
  .reaction-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:100px;border:1.5px solid var(--line);background:var(--panel);cursor:pointer;transition:transform .1s ease,border-color .15s,background .15s;}
  .reaction-btn:hover{transform:translateY(-1px);}
  .reaction-btn:focus:not(:focus-visible),.reaction-more-btn:focus:not(:focus-visible){outline:none;}
  .reaction-btn:active{transform:scale(.95);}
  .reaction-btn.mine{border-color:var(--ink);background:rgba(255,255,255,.08);}
  .reaction-emoji{font-size:15px;line-height:1;}
  .reaction-count{font-size:12px;color:var(--ink-soft);min-width:8px;}
  .reaction-count:empty{display:none;}
  .reaction-more-wrap{position:relative;}
  .reaction-more-btn{display:flex;align-items:center;justify-content:center;width:29px;height:29px;padding:0;border-radius:100px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer;transition:transform .1s ease,border-color .15s,color .15s;}
  .reaction-more-btn:hover{transform:translateY(-1px);color:var(--ink);}
  .reaction-more-btn:active{transform:scale(.95);}
  .reaction-more-wrap.open .reaction-more-btn{border-color:var(--ink);color:var(--ink);}
  .reaction-menu{display:none;position:absolute;bottom:calc(100% + 8px);right:0;left:auto;z-index:2000;grid-template-columns:repeat(6,1fr);gap:4px;width:268px;max-width:calc(100vw - 24px);padding:10px;background:#20242B;border:1px solid #3B404A;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.4);}
  .reaction-more-wrap.open .reaction-menu{display:grid;}
  .reaction-more-wrap.flip-left .reaction-menu{right:auto;left:0;}
  .reaction-menu-btn{display:flex;align-items:center;justify-content:center;height:38px;padding:0;border-radius:10px;border:1px solid transparent;background:none;}
  .reaction-menu-btn:hover{background:rgba(255,255,255,.09);transform:none;}
  .reaction-menu-btn.mine{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);}
  .reaction-menu-btn .reaction-emoji{font-size:22px;}
  .reaction-menu-btn .reaction-count{display:none;}
  .mover-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:#546CFA;}
  .trending-strip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:16px;max-width:480px;font-size:13.5px;color:var(--ink-soft);}
  .trending-strip strong{color:var(--ink);}
  .activity-ticker{display:flex;align-items:center;gap:8px;padding:6px 2px;margin-bottom:12px;max-width:480px;font-size:12.5px;color:var(--ink-soft);}
  .activity-ticker .live-dot{flex-shrink:0;}
  .activity-ticker-text{transition:opacity .26s ease,transform .26s ease;}
  .activity-ticker-text.out{opacity:0;transform:translateY(3px);}
  @media (prefers-reduced-motion:reduce){.activity-ticker-text{transition:none;}}
  .buddy-nudge{border-color:rgba(70,140,255,.4);background:rgba(70,140,255,.08);}
  .buddy-nudge svg{color:#4C82E0;}
  .milestone-overlay{position:fixed;inset:0;background:rgba(10,11,14,.6);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .25s ease;pointer-events:none;}
  .milestone-overlay.on{opacity:1;pointer-events:auto;}
  .milestone-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:36px 32px;text-align:center;transform:scale(.9);transition:transform .25s ease;overflow:hidden;}
  .milestone-overlay.on .milestone-card{transform:scale(1);}
  .milestone-card svg{width:34px;height:34px;color:#F5C336;}
  .milestone-num{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:64px;color:var(--ink);margin-top:6px;}
  .milestone-label{font-size:13px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;}
  .milestone-close{padding:10px 24px;border:none;border-radius:100px;background:var(--ink);color:var(--paper);font-weight:600;font-size:14px;cursor:pointer;}

  /* ---- Achievement badges: a light toast (distinct from the bigger streak-milestone overlay) ---- */
  .mq-achievement-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,14px);z-index:1000;
    display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;border-radius:100px;
    background:var(--panel);border:1px solid rgba(246,196,48,.45);box-shadow:0 14px 34px -14px rgba(0,0,0,.55);
    opacity:0;transition:opacity .3s ease,transform .3s var(--ease);pointer-events:none;max-width:calc(100vw - 32px);}
  .mq-achievement-toast.on{opacity:1;transform:translate(-50%,0);}
  .mq-ach-icon{flex:none;font-size:24px;line-height:1;}
  .mq-ach-title{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F5C336;}
  .mq-ach-label{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  @media (prefers-reduced-motion:reduce){.mq-achievement-toast{transition:none;}}

  /* ---- Achievement badge grid in the profile modal ---- */
  .mq-achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:420px;}
  .mq-achievement-badge{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:11px 4px 8px;border-radius:13px;
    background:var(--panel);border:1px solid var(--line);text-align:center;overflow:hidden;box-sizing:border-box;
    transition:transform .18s var(--ease,ease),box-shadow .18s ease,border-color .18s ease;}
  .mq-achievement-badge .mq-ach-badge-icon{font-size:22px;line-height:1;filter:grayscale(1);opacity:.32;transition:filter .2s,opacity .2s,transform .2s;}
  .mq-achievement-badge.earned{border-color:rgba(246,196,48,.55);
    background:var(--panel);
    }
  .mq-achievement-badge.earned .mq-ach-badge-icon{filter:none;opacity:1;transform:scale(1.05);}
  .mq-achievement-badge .mq-ach-badge-label{font-size:9px;font-weight:700;color:var(--ink-soft);line-height:1.2;}
  .mq-achievement-badge.earned .mq-ach-badge-label{color:var(--ink);}
  .mq-achievement-badge:hover{transform:translateY(-2px);}
  .mq-ach-badge-count{position:absolute;top:5px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;
    background:#F5C336;color:#3a2600;font-size:9px;font-weight:800;line-height:16px;text-align:center;
    box-shadow:0 2px 5px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.55);z-index:1;}
  .milestone-confetti{position:absolute;inset:0;pointer-events:none;background:
    radial-gradient(circle, #33D18B 3px, transparent 4px) 10% 20%/40px 40px,
    radial-gradient(circle, #F5C336 3px, transparent 4px) 80% 15%/50px 50px,
    radial-gradient(circle, #546CFA 3px, transparent 4px) 30% 80%/45px 45px,
    radial-gradient(circle, #F5644F 3px, transparent 4px) 70% 75%/55px 55px;
    opacity:.5;animation:confettiDrift 3s linear infinite;}
  @keyframes confettiDrift{from{background-position:10% 20%,80% 15%,30% 80%,70% 75%;}to{background-position:10% 60%,80% 55%,30% 120%,70% 115%;}}
  @media (prefers-reduced-motion:reduce){.milestone-confetti{animation:none;}}
  .hot-badge svg{width:13px;height:13px;}
  .buddy-line{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px;}
  .buddy-line svg{width:14px;height:14px;flex:none;}

  /* ---- richer Yes / No, and life for cards that are still open ---- */
  .predict-card .opt.yes{background:#33D18B;}
  .predict-card .opt.no{background:#F5644F;}
  /* flat solid fills need dark text so Yes / No stay easy to read */
  .predict-card .opt.yes .opt-price,.predict-card .opt.yes .opt-label{color:#04140C;text-shadow:none;}
  .predict-card .opt.no .opt-price,.predict-card .opt.no .opt-label{color:#1A0603;text-shadow:none;}
  .predict-card .opt:hover{filter:brightness(1.1);}
  .predict-card.pick-yes{border-color:rgba(51,209,139,.6);}
  .predict-card.pick-no{border-color:rgba(245,100,79,.6);}
  .mq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
  .lock-chip,.pts-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:100px;font-size:12px;font-weight:600;}
  .mq-chips svg{width:13px;height:13px;flex:none;}
  .lock-chip{background:rgba(128,136,150,.18);color:var(--ink-soft);font-variant-numeric:tabular-nums;}
  .lock-chip.soon{background:rgba(240,150,40,.22);color:#FFB03A;animation:soonPulse 1.6s ease-in-out infinite;}
  .lock-chip.done{opacity:.6;}
  @keyframes soonPulse{50%{box-shadow:0 0 0 4px rgba(240,150,40,.16);}}
  .pts-chip{background:rgba(246,196,48,.18);color:#F5C336;}
  .crowd-teaser{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 14px;border-radius:14px;border:1px dashed rgba(var(--tint),0.95);background:rgba(var(--tint),0.189);color:var(--ink-soft);font-size:12.5px;font-weight:500;}
  .crowd-teaser>svg{width:18px;height:18px;flex:none;color:rgb(var(--tint));}
  .teaser-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
  .teaser-bar{height:6px;border-radius:6px;background:rgba(var(--tint),0.415);overflow:hidden;position:relative;}
  .teaser-bar i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(var(--tint),0.95),transparent);transform:translateX(-100%);animation:teaserSweep 2.2s ease-in-out infinite;}
  @keyframes teaserSweep{to{transform:translateX(100%);}}
  .foot-latest{display:inline-flex;align-items:center;gap:6px;}
  .foot-latest .live-dot{width:6px;height:6px;}
  .crowd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
  .crowd-tags .crowd-tag{margin-top:0;}
  .crowd-tag.move.up{background:rgba(51,209,139,.16);color:var(--yes);}
  .crowd-tag.move.down{background:rgba(245,100,79,.16);color:var(--no);}
  .pick-progress{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:12.5px;color:var(--ink-soft);}
  .pp-dots{display:flex;gap:6px;}
  .pp-dots i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink-soft);opacity:.65;transition:all .25s ease;}
  .pp-dots i.on{background:var(--yes);border-color:var(--yes);opacity:1;transform:scale(1.15);}
  .pp-text{font-weight:600;color:var(--ink);}
  .pp-bonus{margin-left:auto;text-align:right;}

  /* ---- appeal before a call is made ---- */
  .boards.one{grid-template-columns:minmax(0,520px);}
  /* Marqit Big Board: one card, tabs inside it */
  .bb-head{display:flex;align-items:center;gap:10px;}
  .bb-head .ex-title{margin:0;}
  .board .scope-tab-row{margin-top:6px;}
  .opt-price svg{width:20px;height:20px;stroke-width:2.4;margin-right:8px;flex:none;}
  .buddy-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:100px;font-size:12px;font-weight:600;background:rgba(51,209,139,.16);color:var(--yes);}
  .mq-slate{margin-bottom:16px;padding:12px 16px;border-radius:16px;border:1px solid rgba(246,196,48,.45);
    background:var(--panel);}
  .slate-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  /* merged status box: lock timer + points side by side */
  .slate-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 28px;}
  .slate-head .lock-card.in-slate{flex:1 1 230px;min-width:0;max-width:none !important;margin:0 !important;padding:0;background:none;border:0;border-radius:0;text-align:left;}
  .slate-head .lock-card.in-slate .lock-top{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:6px;}
  .slate-head .lock-card.in-slate .lock-val{font-size:32px;}
  .slate-head .slate-top{flex:0 1 auto;}
  .slate-pts{display:flex;align-items:baseline;gap:8px;}
  .slate-pts b{font-family:'Big Shoulders Display',sans-serif;font-size:34px;line-height:.9;font-weight:800;color:#F5C336;}
  .slate-pts span{font-size:12.5px;font-weight:600;color:var(--ink);}
  .slate-meta{display:flex;gap:6px;flex-wrap:wrap;}
  .slate-meta span{font-size:11px;font-weight:600;padding:2px 9px;border-radius:100px;background:rgba(128,136,150,.2);color:var(--ink-soft);}
  .slate-streak{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#FFB03A;}
  .slate-streak:empty{display:none;margin:0;}
  /* streak and tier share one line; the thin progress bar runs full width under them */
  .slate-mid{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:6px;margin-top:9px;}
  .slate-mid:not(:has(.slate-streak:not(:empty), .slate-tier:not(:empty))){display:none;}
  .slate-mid .slate-tier{display:contents;}
  .slate-mid .tier-row{grid-column:2;justify-self:end;justify-content:flex-end;gap:8px;white-space:nowrap;font-size:12px;}
  .slate-mid .tier-bar{grid-column:1 / -1;margin-top:0;}
  @media (max-width:520px){
    .slate-mid{grid-template-columns:1fr;}
    .slate-mid .tier-row{grid-column:1;justify-self:stretch;justify-content:space-between;}
  }
  .slate-streak svg{width:15px;height:15px;flex:none;}

  /* ---- streak flame intensity: grows/warms in color as a streak climbs tiers ---- */
  .fl-ember svg{color:#C77D2E;}
  .fl-building svg{color:#E0A03C;}
  .fl-strong svg{width:17px;height:17px;color:#F0973A;}
  .fl-roaring svg{width:19px;height:19px;color:#F5641E;filter:drop-shadow(0 0 5px rgba(245,100,30,.55));}
  .fl-legendary svg{width:21px;height:21px;color:#FF4B1F;filter:drop-shadow(0 0 8px rgba(255,75,31,.7));animation:flameFlicker 1.6s ease-in-out infinite;}
  @keyframes flameFlicker{0%,100%{transform:scale(1);}50%{transform:scale(1.09) rotate(-2deg);}}
  .lb-streak.fl-roaring,.lb-streak.fl-legendary{font-weight:800;}
  @media (prefers-reduced-motion:reduce){.fl-legendary svg{animation:none;}}
  .foot-left{display:flex;align-items:center;gap:9px;}
  .foot-players{display:flex;}
  .foot-players:empty{display:none;}
  .foot-players .av{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;line-height:1;border:2px solid var(--panel);margin-left:-7px;}
  .foot-players .av:first-child{margin-left:0;}
  .foot-players .av-more{background:var(--line);color:var(--ink-soft);font-size:9.5px;font-weight:700;}
  .pp-dots{gap:8px;}
  .pp-dots .pp-slot{width:30px;height:30px;border-radius:10px;border:1.5px dashed var(--ink-soft);opacity:.7;transform:none;background:none;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:all .2s ease;}
  .pp-dots .pp-slot svg{width:16px;height:16px;}
  .pp-dots .pp-slot.yes{border:1.5px solid var(--yes);background:var(--yes-bg);color:var(--yes);opacity:1;}
  .pp-dots .pp-slot.no{border:1.5px solid var(--no);background:var(--no-bg);color:var(--no);opacity:1;}

  .slate-buddy{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:var(--yes);}
  .slate-buddy svg{width:14px;height:14px;flex:none;}
  .pick-progress{flex-wrap:wrap;row-gap:6px;}
  .pp-text{white-space:nowrap;}
  .pp-bonus{flex-basis:100%;margin-left:0;text-align:left;font-size:12px;}

  /* ---- calmer slate wording + shimmering rows instead of "Loading" ---- */
  .slate-pts{flex-wrap:wrap;}
  .slate-pre{font-size:12.5px;font-weight:600;color:var(--ink-soft);align-self:center;}
  .skel-rows{display:flex;flex-direction:column;gap:14px;padding:8px 0 4px;}
  .skel-rows .sk{height:14px;}
  .skel-rows .sk:nth-child(1){width:88%;}
  .skel-rows .sk:nth-child(2){width:72%;}
  .skel-rows .sk:nth-child(3){width:56%;}

  /* ---- tier progress, and In play / Final states ---- */
  .slate-tier{margin-top:11px;}
  .slate-tier:empty{display:none;margin:0;}
  .tier-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;font-weight:600;}
  .tier-name{color:var(--ink);}
  .tier-next{color:var(--ink-soft);}
  .tier-bar{height:3px;border-radius:3px;background:rgba(128,136,150,.28);margin-top:6px;overflow:hidden;}
  .tier-bar i{display:block;height:100%;border-radius:6px;background:#F5C336;transition:width 1.1s var(--ease);}
  .status-pill.inplay{background:rgba(240,150,40,.2);color:#FFB03A;}
  .status-pill.inplay .live-dot{background:#FFB03A;}
  .status-pill.final{background:rgba(128,136,150,.24);color:var(--ink);}
  .opt.is-correct{position:relative;box-shadow:0 0 0 2px var(--yes) inset !important;}
  .opt.is-wrong{opacity:.5 !important;}
  .opt-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--yes);color:#fff;display:flex;align-items:center;justify-content:center;}
  .opt-check svg{width:12px;height:12px;stroke-width:3.2;}
  .result-tag{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:5px 13px 5px 10px;border-radius:100px;font-size:12.5px;font-weight:600;}
  .result-tag svg{width:14px;height:14px;flex:none;stroke-width:2.6;}
  .result-tag.win{background:rgba(51,209,139,.2);color:var(--yes);}
  .result-tag.loss{background:rgba(245,100,79,.2);color:var(--no);}
  .result-tag.final{background:rgba(128,136,150,.22);color:var(--ink);}


  /* ---- Share your results: bigger, easier-to-notice card + bold share button (lives under the picks on Play) ---- */
  .share-card.share-card-lg{max-width:460px;padding:26px 26px 22px;border-radius:20px;border-color:rgba(70,140,255,.5);box-shadow:0 12px 36px rgba(70,140,255,.18);}
  .share-card-lg .share-head{margin-bottom:6px;}
  .share-card-lg .share-head{gap:12px;}
  .share-card-lg .share-head strong{font-family:'Big Shoulders Display',sans-serif;font-size:23px;font-weight:700;line-height:1.1;}
  .share-card-lg .share-streak{font-size:14.5px;white-space:nowrap;flex:none;}
  .share-date{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ink-soft);margin:0 0 16px;}
  .share-date:empty{display:none;}
  .share-card-lg .share-row{gap:14px;}
  .share-card-lg .share-icon{border-radius:16px;}
  .share-card-lg .share-icon svg{width:30px;height:30px;}
  .share-card-lg .share-cell-label{font-size:13px;margin-top:8px;color:var(--ink);}
  .share-card-lg .share-foot{font-size:13px;font-weight:600;margin-top:18px;}
  /* Compact share buttons: flat, sized to sit side by side instead of two full-width bars. */
  .share-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;max-width:460px;margin-top:14px;}
  .share-btn-primary{width:auto;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;background:var(--ink);color:#0E1014;font-family:inherit;font-weight:700;font-size:14.5px;letter-spacing:.01em;cursor:pointer;transition:opacity .15s ease;}
  .share-btn-primary:hover{opacity:.88;}
  .share-btn-primary:active{transform:translateY(0);}
  .share-btn-secondary{width:auto;min-height:44px;align-items:center;justify-content:center;padding:9px 16px;border:1.5px solid var(--line);border-radius:12px;background:none;color:var(--ink);font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;}
  .share-btn-secondary:hover{border-color:rgba(70,140,255,.6);}

  /* ---- Request a prediction (left) + Share your results (right): two equal boxes, side by side ---- */
  .play-extras{display:flex;flex-wrap:wrap;gap:28px;align-items:stretch;}
  .play-extras > *{margin-top:24px;}
  .play-extras #play-suggest{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;}
  .play-extras #play-suggest:empty{display:none;}
  .play-extras #play-suggest > div{flex:1;display:flex;flex-direction:column;border-top:0 !important;margin-top:0 !important;padding-top:0 !important;}
  .play-extras #play-suggest > div > div{flex:1;max-width:none !important;box-sizing:border-box;}
  .play-extras #share-section{flex:1 1 340px;min-width:0;box-sizing:border-box;flex-direction:column;padding:24px;border-radius:16px;border:2px solid rgba(70,140,255,.6);background:var(--panel);}
  .play-extras #share-section .share-card{max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
  .play-extras #share-section .share-actions{max-width:none;margin-top:auto;padding-top:16px;}
  .play-extras #share-section .form-msg{margin-top:6px;}

  /* ---- Play tab: buddies / rivals / recent activity collapse into tap-to-open rows so the three questions stay the focus ---- */
  .mq-fold{max-width:480px;margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);}
  .mq-fold:first-child{margin-top:0;}
  .mq-fold>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:56px;cursor:pointer;border-radius:14px;-webkit-tap-highlight-color:transparent;}
  .mq-fold>summary::-webkit-details-marker{display:none;}
  .mq-fold>summary:hover{background:rgba(128,136,150,.08);}
  .mq-fold>summary:focus-visible{outline:2px solid rgba(70,140,255,.7);outline-offset:2px;}
  .mq-fold>summary .sec-ico{width:34px;height:34px;border-radius:11px;}
  .mq-fold>summary .sec-ico svg{width:18px;height:18px;}
  .mq-fold>summary .ex-title{flex:1;min-width:0;margin:0;font-size:19px;}
  .mq-fold-count{flex:none;min-width:22px;padding:2px 8px;border-radius:999px;background:rgba(51,209,139,.2);color:var(--yes);font-size:12.5px;font-weight:700;line-height:1.5;text-align:center;}
  .mq-fold-chev{flex:none;width:20px;height:20px;color:var(--ink-soft);transition:transform .2s ease;}
  .mq-fold[open]>summary .mq-fold-chev{transform:rotate(180deg);}
  .mq-fold-body{padding:2px 14px 16px;}
  .mq-fold-body>.ex-sub{margin-bottom:12px;}
  /* Inside the padded card the add-a-username row must be allowed to shrink, or the Send button spills past the edge on phones. */
  .mq-fold-body input[type=text]{min-width:0;width:100%;}
  .mq-fold-body #set-buddy-btn,.mq-fold-body #set-rival-btn{flex:none;white-space:nowrap;}
  @media (prefers-reduced-motion:reduce){.mq-fold-chev{transition:none;}}


  /* ---- Privacy / Terms pop-up (opens over the page instead of replacing it) ---- */
  .mq-legal-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,9,12,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
  .mq-legal-overlay.on{display:flex;}
  .mq-legal-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:760px;height:min(86vh,820px);background:#FAFAF8;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.55);}
  .mq-legal-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 20px;background:#17191D;color:#fff;}
  .mq-legal-title{font-size:15px;font-weight:700;letter-spacing:.01em;}
  .mq-legal-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:20px;line-height:1;cursor:pointer;}
  .mq-legal-close:hover{background:rgba(255,255,255,.26);}
  .mq-legal-frame{flex:1;width:100%;border:0;background:#FAFAF8;}
  @media (max-width:640px){
    .mq-legal-overlay{padding:0;align-items:flex-end;}
    .mq-legal-panel{max-width:none;height:92vh;border-radius:18px 18px 0 0;}
  }

/* Stop iPhone Safari from auto-zooming the page when a field is focused or a button is tapped.
   Pinch-zoom by the person still works. */
html{touch-action:manipulation;}
a,button,[role=button],label,summary,.tab,.btn{touch-action:manipulation;}
input,select,textarea{font-size:16px !important;}
body{overflow-x:hidden;}

/* Record card: rings and summary line sit above the calendar */
#record-card .rec-rings{border-top:0;padding-top:4px;margin-bottom:10px;}
#record-card .recap-foot{border-top:0;padding-top:0;margin-bottom:16px;}
#record-card .rec-cal-wrap{margin-bottom:0;padding-top:14px;border-top:1px solid var(--line);max-width:none;}
#record-card .rec-cal-wrap>*{max-width:340px;margin-left:auto;margin-right:auto;}
/* Leaderboard: tighter gap between the heading and the record card */
#page-leaderboard .hero-lite{padding-bottom:16px;}
#page-leaderboard .hero-lite + .section{padding-top:18px;}

.signup .mode-btn{border-radius:0 !important;background:none !important;box-shadow:none;}

/* ---- equal-height question cards: every card in the row matches the tallest,
   and "How this resolves" is pinned to the bottom of each one ---- */
.predict-card{display:flex;flex-direction:column;}
.predict-card > .resolve-details{margin-top:auto !important;}
.predict-card > .reaction-row{margin-bottom:14px;}
@media (min-width:900px){
  #daily-questions-container>.predict-card{height:100%;}
}

/* ---- pick bar: progress + submit in one full-width row that stays on screen ---- */
.pick-dock{position:sticky;bottom:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch;
  padding:0;background:linear-gradient(to top,var(--paper) 78%,transparent);}
.pick-dock > .pick-progress{margin:10px 0 0;align-content:center;}
.pick-dock > button{margin:0 0 12px !important;width:100% !important;}
@media (min-width:900px){
  .pick-dock{grid-template-columns:minmax(0,1fr) minmax(240px,360px);column-gap:14px;row-gap:0;}
  .pick-dock > .pick-progress{margin:10px 0 12px;}
  .pick-dock > button{margin:10px 0 12px !important;}
  .pick-dock .pp-bonus{flex-basis:auto;margin-left:auto;text-align:right;}
}

/* ===== Design refresh (Oct 2026): flatter, more game-like, clearer "why" ===== */

/* Welcome sheet (first visit) */
.welcome-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(8,9,12,.72);}
.welcome-sheet[hidden]{display:none;}
.welcome-panel{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom));animation:welcomeUp .3s ease both;}
@keyframes welcomeUp{from{transform:translateY(40px);opacity:0;}}
@media (min-width:600px){.welcome-sheet{align-items:center;}.welcome-panel{border-radius:22px;border-bottom:1px solid var(--line);}}
.welcome-grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 16px;}
.welcome-kicker{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);}
.welcome-panel h2{font-size:36px;margin:6px 0 14px;}
.welcome-steps{list-style:none;display:grid;gap:10px;counter-reset:ws;}
.welcome-steps li{counter-increment:ws;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px;}
.welcome-steps li::before{content:counter(ws);grid-row:span 2;width:34px;height:34px;border-radius:17px;background:#F2C14E;color:#111318;display:flex;align-items:center;justify-content:center;font-weight:700;}
.welcome-steps b{font-size:16px;}
.welcome-steps span{font-size:14px;color:var(--ink-soft);line-height:1.35;}
.welcome-go{width:100%;min-height:52px;margin-top:16px;border:0;border-radius:14px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:700;cursor:pointer;}
.welcome-note{text-align:center;margin-top:10px;font-size:13px;color:var(--ink-soft);}

/* Comments dropdown */
.cmt{margin-top:14px;border-top:1px solid var(--line);}
.cmt-sum{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:600;}
.cmt-sum::-webkit-details-marker{display:none;}
.cmt-count{color:var(--ink-soft);font-weight:500;}
.cmt-chev{color:var(--ink-soft);transition:transform .2s ease;}
.cmt[open] .cmt-chev{transform:rotate(180deg);}
.cmt-body{padding-bottom:6px;}
.cmt-thread{padding:8px 0;border-top:1px solid var(--line);}
.cmt-thread:first-child{border-top:0;}
.cmt-item{display:flex;gap:10px;}
.cmt-av{flex:0 0 30px;height:30px;border-radius:15px;background:#4F7DF3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}
.cmt-item.is-reply .cmt-av{flex-basis:26px;height:26px;border-radius:13px;font-size:12px;}
.cmt-main{flex:1;min-width:0;}
.cmt-who{font-size:13px;}
.cmt-ago{color:var(--ink-soft);}
.cmt-text{font-size:14px;line-height:1.4;margin-top:2px;overflow-wrap:anywhere;}
.cmt-acts{display:flex;gap:14px;margin-top:2px;}
.cmt-act{background:none;border:0;color:var(--ink-soft);font:inherit;font-size:13px;min-height:28px;padding:0;cursor:pointer;}
.cmt-act.on{color:#F2C14E;}
.cmt-replies{margin:6px 0 0 14px;padding-left:10px;border-left:2px solid var(--line);display:grid;gap:8px;}
.cmt-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.cmt-form input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;}
.cmt-post{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;cursor:pointer;}
.cmt-post:disabled{opacity:.5;}
.cmt-msg,.cmt-note{flex-basis:100%;font-size:12px;color:#F5644F;}
.cmt-note{color:var(--ink-soft);}
.cmt-empty,.cmt-signin{font-size:14px;color:var(--ink-soft);padding:8px 0;}

/* Group vs. group matchup card */
.gvg{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;}
.gvg[hidden]{display:none;}
.gvg-head{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);}
.gvg-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:12px;}
.gvg-side{text-align:center;min-width:0;opacity:.8;}
.gvg-side.lead{opacity:1;}
.gvg-name{font-weight:700;font-size:15px;overflow-wrap:anywhere;}
.gvg-score{font-family:'Big Shoulders Display',sans-serif;font-size:44px;line-height:1;margin-top:4px;}
.gvg-side.lead .gvg-score{color:#F2C14E;}
.gvg-sub{font-size:11px;color:var(--ink-soft);margin-top:4px;line-height:1.3;}
.gvg-vs{font-family:'Big Shoulders Display',sans-serif;font-size:20px;color:var(--ink-soft);}
.gvg-bye{margin-top:10px;font-size:14px;color:var(--ink-soft);}
.gvg-note{margin-top:12px;font-size:12px;color:var(--ink-soft);line-height:1.4;}

/* ---- Round 2 layout: My calls dropdown, This week strip, buddies | rivals side by side, smaller Request + Share ---- */
.mycalls-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:6px;border-top:1px solid var(--line);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--yes);-webkit-tap-highlight-color:transparent;}
.mycalls-more>summary::-webkit-details-marker{display:none;}
.mycalls-more>summary:focus-visible{outline:2px solid rgba(70,140,255,.7);outline-offset:2px;border-radius:10px;}
.mycalls-more .mm-open{display:none;}
.mycalls-more[open] .mm-open{display:inline;}
.mycalls-more[open] .mm-closed{display:none;}
.mycalls-more .mm-chev{transition:transform .2s ease;}
.mycalls-more[open] .mm-chev{transform:rotate(180deg);}
.mycalls-more[open]>summary{margin-bottom:6px;}
@media (prefers-reduced-motion:reduce){.mycalls-more .mm-chev{transition:none;}}

.recap-strip{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:14px;}
.rs-streak{flex:none;min-width:84px;text-align:center;}
.rs-streak strong{display:block;font-family:'Big Shoulders Display',sans-serif;font-size:34px;font-weight:700;line-height:1;}
.rs-streak span{font-size:11px;color:var(--ink-soft);}
.rs-days{flex:1 1 220px;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;}
.rs-day{display:flex;flex-direction:column;align-items:center;gap:5px;}
.rs-dot{width:100%;max-width:38px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;border:2px dashed rgba(128,136,150,.45);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--ink);}
.rs-day.has .rs-dot{border-style:solid;border-color:var(--yes);background:rgba(51,209,139,.2);}
.rs-day.today .rs-dot{border-style:solid;border-color:var(--yes);}
.rs-name{font-size:11px;color:var(--ink-soft);}
.rs-day.today .rs-name{color:var(--yes);font-weight:700;}

/* Friends' results, buddies and rivals always sit in ONE tidy stack (never split into side-by-side columns with a gap between them). */
#play-friends.play-friends-grid{display:flex;flex-direction:column;gap:12px;max-width:640px;}
#play-friends.play-friends-grid>.mq-fold{max-width:none;margin-top:0;width:100%;}

.play-extras{gap:24px;}
.play-extras #share-section{padding:18px 20px;}
.play-extras #share-section .share-card-lg .share-head strong{font-size:21px;}
.play-extras #share-section .share-date{margin-bottom:10px;}
.play-extras #share-section .share-card-lg .share-row{gap:10px;justify-content:flex-start;}
.play-extras #share-section .share-cell{flex:0 0 64px;}
.play-extras #share-section .share-card-lg .share-icon svg{width:24px;height:24px;}
.play-extras #share-section .share-card-lg .share-icon{border-radius:14px;}
.play-extras #share-section .share-card-lg .share-cell-label{font-size:12px;margin-top:5px;}
.play-extras #share-section .share-card-lg .share-foot{margin-top:12px;}
.play-extras #share-section .share-actions{padding-top:12px;}

/* ---- Drop-down for the rest of a long list (buddies, rivals, your picks): first three show, the rest sit behind this ---- */
.mq-list-more>:not(summary){margin-top:8px;}
.mq-list-more>summary{margin-top:8px;}

/* ---- Yesterday's results sheet (same sheet as the welcome one) ---- */
#results-sheet .welcome-panel{position:relative;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;}
.rs-close{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent;}
.rs-close:focus-visible{outline:2px solid rgba(70,140,255,.7);outline-offset:2px;}
.rs-tiles{display:flex;gap:8px;margin:2px 0 6px;}
.rs-tile{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;}
.rs-tile b{display:block;font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:26px;line-height:1.1;}
.rs-tile span{font-size:11.5px;color:var(--ink-soft);}
.rs-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line);}
.rs-cat{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.rs-dot{width:8px;height:8px;border-radius:50%;flex:none;}
.rs-q{font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink);}
.rs-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-soft);}
.rs-pill{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;}
.rs-pill.win{color:var(--yes);background:var(--yes-bg);border-color:transparent;}
.rs-pill.loss{color:var(--no);background:rgba(245,100,79,.14);border-color:transparent;}
.rs-note{font-size:12.5px;line-height:1.4;color:var(--ink-soft);margin:2px 0 0;}
.rs-signup{margin-top:12px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:14px;font-size:13.5px;line-height:1.4;}
.rs-signup button{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:12px;background:var(--yes);color:#0E1A14;font-size:15px;font-weight:700;cursor:pointer;}
#results-sheet .welcome-go{margin-top:14px;}

/* ---- Feeds, threads ---- */
.feed-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;align-items:center;}
.feed-chip{min-height:36px;padding:0 14px;border-radius:100px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;}
.feed-chip:hover{border-color:var(--ink-soft);color:var(--ink);}
.feed-chip.on{background:var(--ink);border-color:var(--ink);color:#111318;}
.feed-sort{margin-left:auto;display:flex;gap:8px;}
.news-card{cursor:pointer;}
.news-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.lane-tag{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8;}
.upd-badge{color:var(--yes);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px;}
.news-sn{font-size:14px;line-height:1.4;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.feed-foot{margin:12px 16px 0;padding:12px 0 14px;border-top:1px solid var(--line);}
.news-card>.feed-foot:last-child{margin-top:auto;}
.news-take+.feed-foot{margin-top:12px;}
.feed-last{font-size:13px;color:var(--ink-soft);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;}
.feed-last b{color:var(--ink);font-weight:600;}
.feed-stats{display:flex;gap:14px;font-size:13px;font-weight:600;color:var(--ink-soft);align-items:center;}
.feed-cmt{display:inline-flex;align-items:center;gap:6px;color:var(--ink);}
.news-card .news-take{margin:0 16px;}
.thread-view{position:fixed;inset:0;z-index:900;background:var(--page,#111318);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.thread-view[hidden]{display:none;}
.thread-inner{max-width:680px;margin:0 auto;padding:0 16px 80px;}
.thread-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 0;background:var(--page,#111318);}
.thread-back,.thread-share{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px 0 10px;border-radius:100px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;}
.thread-share{padding:0 14px;}
.thread-story{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.thread-h{font-size:22px;line-height:1.25;font-weight:700;margin:2px 0 0;letter-spacing:-.01em;}
.thread-sum{font-size:15px;line-height:1.5;color:var(--ink-soft);margin:6px 0 0;}
.thread-read{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.thread-story .news-take{margin:0 16px;padding-bottom:16px;}
.thread-cmt-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 4px;}
.thread-cmt-head h4{margin:0;font-size:17px;font-weight:700;}
.thread-sort{display:flex;gap:6px;}
.thread-sort .feed-chip{min-height:32px;padding:0 12px;font-size:13px;}
.thread-cmt{border-top:0;margin-top:0;}
.thread-cmt .cmt-compose{margin:10px 0 6px;}
.thread-cmt .cmt-text{font-size:15px;}
.cmt-held{color:var(--ink-soft);font-style:italic;}
.cmt-signin-btn{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;}
.cmt-signin-btn:hover{border-color:var(--ink-soft);}

/* ---- gold accent + refined Yes / No ---- */
:root{--gold:#F2C14E;}
.feed-chip.on{background:var(--gold);border-color:var(--gold);color:#17130A;}
.plat-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;background:rgba(244,244,241,.1);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.04em;}
.post-by{color:var(--ink);font-weight:600;}
.post-embed{margin:12px 16px 0;min-height:60px;display:flex;justify-content:center;overflow:hidden;border-radius:12px;}
.post-embed>*{max-width:100%;}
.thread-story .post-embed{margin:0 16px 14px;}
.post-skel{align-self:center;color:var(--ink-soft);font-size:13px;padding:18px 0;}
.post-open{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;}
.post-yt{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;}
.post-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.news-card.is-post .news-body{padding-bottom:0;}
/* play-card Yes / No: tinted fill, colored line, readable label */
.predict-card .opt{min-height:60px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:1.5px solid transparent;border-radius:12px;box-sizing:border-box;}
.predict-card .opt.yes{background:rgba(51,209,139,.12);border-color:rgba(51,209,139,.75);}
.predict-card .opt.no{background:rgba(245,100,79,.12);border-color:rgba(245,100,79,.75);}
.predict-card .opt .opt-price{margin:0;font-family:'Barlow',sans-serif;font-weight:700;font-size:18px;letter-spacing:.01em;}
.predict-card .opt.yes .opt-price,.predict-card .opt.yes .opt-label{color:#3FE0A0;}
.predict-card .opt.no .opt-price,.predict-card .opt.no .opt-label{color:#FF7A66;}
.predict-card .opt:hover{filter:none;transform:none;}
.predict-card .opt.yes:hover{background:rgba(51,209,139,.24);}
.predict-card .opt.no:hover{background:rgba(245,100,79,.24);}
.predict-card .opt.yes.picked{background:#33D18B;border-color:#33D18B;box-shadow:none;}
.predict-card .opt.no.picked{background:#F5644F;border-color:#F5644F;box-shadow:none;}
.predict-card .opt.yes.picked .opt-price,.predict-card .opt.yes.picked .opt-label{color:#04140C;}
.predict-card .opt.no.picked .opt-price,.predict-card .opt.no.picked .opt-label{color:#1A0603;}
.predict-card .opt-price svg{width:18px;height:18px;margin-right:8px;}
/* locked-in crowd hint: neutral box, one thin gold line */
.crowd-teaser{background:rgba(244,244,241,.04);border:1px dashed rgba(242,193,78,.5);}
.crowd-teaser>svg{color:var(--gold);}
.teaser-bar{background:rgba(244,244,241,.1);}
.teaser-bar i{background:linear-gradient(90deg,transparent,rgba(242,193,78,.8),transparent);}

.news-card.is-trend .news-body{padding-bottom:4px;}
.trend-ctx{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--ink-soft);}
.news-card.is-trend .post-embed{padding:0 16px 8px;}

/* ---- photos: never cropped, faces always whole ---- */
.news-img{position:relative;aspect-ratio:3/2;background:#0C0E12;}
.news-img::before{content:"";position:absolute;inset:-20px;background:var(--bg) center/cover no-repeat;filter:blur(22px) saturate(1.3) brightness(.65);}
.news-img img{position:relative;object-fit:contain;object-position:center;}

/* ---- more pop: lane colors, glow, bolder Yes / No ---- */
:root{--c-sports:#FF8A3D;--c-pop:#FF4FA3;--c-music:#A06BFF;--c-tech:#3CD8FF;--c-news:#F2C14E;}
.news-card{--lane:var(--c-news);border-top:3px solid var(--lane);transition:transform .15s,box-shadow .2s,border-color .15s;}
.news-card[data-lane="sports"]{--lane:var(--c-sports);}
.news-card[data-lane="pop"]{--lane:var(--c-pop);}
.news-card[data-lane="music"]{--lane:var(--c-music);}
.news-card[data-lane="tech"]{--lane:var(--c-tech);}
.news-card:hover{transform:translateY(-3px);border-color:var(--lane);box-shadow:0 10px 30px -8px var(--lane);}
.lane-tag{color:var(--lane);opacity:1;}
.news-h{font-size:18px;font-weight:700;}
.news-take .take-label{color:var(--lane);}
.news-take .take-q{font-size:18px;font-weight:700;line-height:1.25;}
.take-yes{background:linear-gradient(135deg,#1FC97F,#33D18B);border-color:#33D18B;color:#04140C;box-shadow:0 4px 16px -4px rgba(51,209,139,.6);}
.take-no{background:linear-gradient(135deg,#FF5A44,#FF7A5C);border-color:#FF6A52;color:#1A0603;box-shadow:0 4px 16px -4px rgba(255,90,68,.6);}
.take-yes:hover:not(:disabled){background:linear-gradient(135deg,#2BE08F,#4DE0A0);transform:translateY(-1px);}
.take-no:hover:not(:disabled){background:linear-gradient(135deg,#FF6E58,#FF8C70);transform:translateY(-1px);}
.take-bar{height:12px;border-radius:6px;}
.take-bar-y{background:linear-gradient(90deg,#1FC97F,#4DE0A0);transition:width .8s cubic-bezier(.2,.8,.2,1);}
.take-bar-n{background:linear-gradient(90deg,#FF7A5C,#FF5A44);}
.take-split{font-size:16px;font-weight:800;}
.feed-chip:hover{border-color:var(--gold);color:var(--ink);}
.feed-chip.on{box-shadow:0 0 18px -2px rgba(242,193,78,.55);}

:root{--c-markets:#2EE6A6;}
.news-card[data-lane="markets"]{--lane:var(--c-markets);}

/* ================= play screen refresh ================= */
/* no glow, no gold outlines: neutral borders, gold only on the countdown */
.feed-chip.on{box-shadow:none;}
.news-card:hover{transform:none;box-shadow:none;border-color:var(--ink-soft);}
.predict-card,.predict-card[data-cat]{border-color:var(--line);}
.mq-slate{border-color:var(--line);}
.crowd-teaser{border:1px dashed var(--line);}
.crowd-teaser>svg{color:var(--ink-soft);}
.teaser-bar i{background:linear-gradient(90deg,transparent,rgba(244,244,241,.35),transparent);}
.slate-pts b{color:var(--ink);}
/* removed generic microcopy */
.slate-top,.activity-ticker{display:none !important;}
.hero-play h1{font-size:clamp(34px,6vw,52px);line-height:1;}
#hero-guest-note{display:block !important;margin:10px 0 6px !important;padding:0 !important;border:0 !important;background:none !important;border-radius:0 !important;font-size:15px !important;font-weight:500 !important;color:var(--ink-soft) !important;}
#hero-guest-note span{display:none;}

/* ---- Yes / No: one look everywhere ---- */
.predict-card .opt,.take-btn{font-family:'Big Shoulders Display',sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.predict-card .opt .opt-label{font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:800;letter-spacing:.04em;opacity:1;}
.predict-card .opt .opt-price{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:30px;letter-spacing:.02em;text-transform:uppercase;gap:0;}
.predict-card .opt .opt-pct{margin-left:2px;font-size:.8em;}
.predict-card .opt{flex-direction:row;gap:10px;min-height:64px;border-width:2px;}
/* before a vote: both solid. after: your pick stays solid, the other goes dark */
.predict-card .opt.yes,.take-yes{background:var(--yes);border-color:var(--yes);box-shadow:none;}
.predict-card .opt.no,.take-no{background:var(--no);border-color:var(--no);box-shadow:none;}
.predict-card .opt.yes .opt-price,.predict-card .opt.yes .opt-label,.take-yes{color:#03140B;}
.predict-card .opt.no .opt-price,.predict-card .opt.no .opt-label,.take-no{color:#FFFFFF;}
.take-btn{font-size:24px;font-weight:800;}
.take-yes:hover:not(:disabled),.predict-card .opt.yes:hover{background:#3AD08C;transform:none;}
.take-no:hover:not(:disabled),.predict-card .opt.no:hover{background:#EE6350;transform:none;}
.predict-card:has(.opt.picked) .opt:not(.picked){background:var(--panel);}
.predict-card:has(.opt.picked) .opt.yes:not(.picked){border-color:var(--yes);}
.predict-card:has(.opt.picked) .opt.no:not(.picked){border-color:var(--no);}
.predict-card:has(.opt.picked) .opt.yes:not(.picked) .opt-price,.predict-card:has(.opt.picked) .opt.yes:not(.picked) .opt-label{color:var(--yes);}
.predict-card:has(.opt.picked) .opt.no:not(.picked) .opt-price,.predict-card:has(.opt.picked) .opt.no:not(.picked) .opt-label{color:var(--no);}
.predict-card .opt.yes.picked{background:var(--yes);border-color:var(--yes);}
.predict-card .opt.no.picked{background:var(--no);border-color:var(--no);}
.predict-card .opt.yes.picked .opt-price,.predict-card .opt.yes.picked .opt-label{color:#03140B;}
.predict-card .opt.no.picked .opt-price,.predict-card .opt.no.picked .opt-label{color:#FFFFFF;}
.take-bar-y,.crowd-bar i{background:var(--yes);}
.take-bar-n,.crowd-bar{background:var(--no);}
.take-split{font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}

/* ---- top of Play page, subject photos and face-offs ---- */
.play-status{align-items:center;gap:8px;margin:14px 0 4px;font-size:15px;color:var(--ink-soft);}
.play-status b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;}
.mq-photo{flex:none;display:flex;}
.mq-photo-img{width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;background:#2B3140;box-shadow:0 0 0 2px var(--line);}
.mq-photo-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;mix-blend-mode:normal;filter:none;}
.mq-photo.is-poster .mq-photo-img img{object-position:center 30%;}

/* ---- Yes/No: calmer and smaller ---- */
:root{--yes:#2E8B67;--no:#B5493D;}
.predict-card .opt{min-height:50px;border-width:1.5px;gap:8px;}
.predict-card .opt .opt-label{font-size:19px;font-weight:700;}
.predict-card .opt .opt-price{font-size:21px;font-weight:700;}
.predict-card .opt.yes,.take-yes,.predict-card .opt.yes.picked{background:var(--yes);border-color:var(--yes);}
.predict-card .opt.no,.take-no,.predict-card .opt.no.picked{background:var(--no);border-color:var(--no);}
.predict-card .opt.yes .opt-price,.predict-card .opt.yes .opt-label,.take-yes,
.predict-card .opt.no .opt-price,.predict-card .opt.no .opt-label,.take-no,
.predict-card .opt.yes.picked .opt-price,.predict-card .opt.yes.picked .opt-label,
.predict-card .opt.no.picked .opt-price,.predict-card .opt.no.picked .opt-label{color:#F4F4F1;}
.take-yes:hover:not(:disabled),.predict-card .opt.yes:hover{background:#37A07A;}
.take-no:hover:not(:disabled),.predict-card .opt.no:hover{background:#C75A4D;}
.take-btn{font-size:18px;font-weight:700;min-height:46px;}
.take-split{font-size:18px;}
.take-bar-y,.crowd-bar i{background:var(--yes);}
.take-bar-n,.crowd-bar{background:var(--no);}

/* ---- followers, badges, who called it ---- */
.rec-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:100px;background:rgba(244,244,241,.08);color:var(--ink-soft);font-size:11px;font-weight:700;vertical-align:1px;}
.rec-badge svg{width:11px;height:11px;}
.mq-caller-name{cursor:pointer;}
.mq-caller-name:hover{text-decoration:underline;text-underline-offset:3px;}
.mq-av{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-style:normal;font-size:.5em;font-weight:700;color:#fff;font-size:18px;}
.mq-sheet-bg{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;}
.mq-sheet{position:relative;width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:22px 20px 26px;}
@media(min-width:640px){.mq-sheet-bg{align-items:center;}.mq-sheet{border-radius:18px;}}
.mq-sheet-x{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--ink-soft);font-size:26px;cursor:pointer;line-height:1;}
.mq-sheet-top{display:flex;align-items:center;gap:14px;}
.mq-sheet-name{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:26px;line-height:1;}
.mq-sheet-rec{margin-top:5px;font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:4px;}
.mq-sheet-rec svg{width:13px;height:13px;}
.mq-sheet-counts{display:flex;gap:20px;margin:16px 0;font-size:14px;color:var(--ink-soft);}
.mq-sheet-counts b{color:var(--ink);}
.mq-sheet-note{font-size:13px;color:var(--ink-soft);}
.mq-sheet-msg{min-height:18px;margin-top:8px;font-size:13px;color:var(--no);}
.mq-follow-btn{min-height:42px;padding:0 20px;border-radius:10px;border:0;background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;}
.mq-follow-btn.on{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
.mq-follow-btn.sm{min-height:32px;padding:0 14px;font-size:13px;margin-left:auto;}
.mq-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:400;max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:600;}
#mq-social{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);}
.mq-soc-counts{display:flex;gap:20px;font-size:14px;color:var(--ink-soft);margin-bottom:14px;}
.mq-soc-counts b{color:var(--ink);font-size:16px;}
.mq-invite{width:100%;min-height:44px;border-radius:10px;border:0;background:var(--ink);color:var(--paper);font-weight:700;font-size:14.5px;font-family:inherit;cursor:pointer;}
.mq-soc-note{margin:8px 0 14px;font-size:12.5px;color:var(--ink-soft);}
.mq-soc-check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);margin-bottom:14px;cursor:pointer;}
.mq-soc-h{margin:16px 0 8px;font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:15px;}
.mq-row{display:flex;align-items:center;gap:12px;padding:7px 0;}
.mq-row-main{display:flex;flex-direction:column;min-width:0;}
.mq-row-main b{font-size:14.5px;}
.mq-row-main small{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--ink-soft);}
.mq-row-main small svg{width:11px;height:11px;}
.who-wrap{margin-top:12px;}
.who-btn,.who-anon{background:none;border:0;padding:6px 0;color:var(--ink-soft);font-weight:600;font-size:13.5px;font-family:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.who-list{margin-top:6px;}
.who-list[hidden]{display:none;}
.who-head{font-size:13px;color:var(--ink-soft);margin-bottom:4px;}


/* ---- Footer + About legal links ---- */
.site-foot{padding:40px 0 28px;border-top:1px solid var(--line);margin-top:8px;}
.site-foot-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:28px 48px;flex-wrap:wrap;}
.sf-brand{flex:1 1 280px;max-width:380px;}
.sf-brand .word{font-size:26px;display:block;margin-bottom:8px;}
.sf-brand p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft);}
.sf-right{display:flex;align-items:center;gap:28px 36px;flex-wrap:wrap;margin-left:auto;}
.sf-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 24px;}
.sf-links a,.sf-links button{background:none;border:0;padding:0;text-align:left;font-weight:600;font-size:13.5px;line-height:1.2;font-family:inherit;color:var(--ink);text-decoration:none;cursor:pointer;}
.sf-links a:hover,.sf-links button:hover{color:var(--ink-soft);}
.sf-social{display:flex;gap:18px;align-items:center;color:var(--ink-soft);padding-left:36px;border-left:1px solid var(--line);}
.sf-social a{display:inline-flex;color:inherit;}
.sf-social a:hover{color:var(--ink);}
.sf-legal{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft);}
@media (max-width:720px){.sf-right{margin-left:0;width:100%;}.sf-social{padding-left:0;border-left:0;}}
.about-legal{max-width:520px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;}
.about-legal-row{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;}
.about-legal-row + .about-legal-row{border-top:1px solid var(--line);}
.about-legal-row svg{color:var(--ink-soft);}
.about-legal-row:hover{background:rgba(255,255,255,.03);}


/* ---- Avatar glyphs ---- */
.av-glyph{width:58%;height:58%;display:block;flex:none;}
.av-initial{font-weight:700;line-height:1;}
#profile-circle-btn,#profile-modal-avatar,.lb-av,.cmt-av,.mq-av,.foot-players .av{color:#fff;}
#profile-circle-btn .av-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;}
#profile-modal-avatar{font-size:22px;}
.champ-crown{display:inline-flex;color:#F2C14E;}


/* ---- Empty states ---- */
.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.empty-state .es-ico{display:inline-flex;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:var(--ink-soft);margin-bottom:4px;}
.empty-state .es-ico svg{width:20px;height:20px;}
.empty-state .es-title{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:22px;line-height:1.05;color:var(--ink);}
.empty-state .es-sub{margin:0;max-width:44ch;font-size:14px;line-height:1.5;color:var(--ink-soft);}
.empty-state .es-btn{margin-top:8px;padding:10px 18px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;}
.empty-inline{max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;}
.is-empty > :not(.empty-state){display:none !important;}
.is-empty{padding-top:22px;padding-bottom:22px;}

/* ---- Achievement icons ---- */
.mq-ach-icon{display:inline-flex;color:#F5C336;}
.mq-ach-icon .mq-ach-svg{width:24px;height:24px;}
.mq-ach-badge-icon{display:inline-flex;color:var(--ink-soft);}
.mq-ach-badge-icon .mq-ach-svg{width:22px;height:22px;}
.mq-achievement-badge.earned .mq-ach-badge-icon{color:#F5C336;}


/* ---- Tabular numerals on every score, count and clock ---- */
.lock-val,.cd-seg b,.cd,.lb-pts b,.lb-rank,.lb-streak,.recap-stats strong,.mycalls-rate b,.rs-streak strong,.rs-tile b,
.slate-pts b,.hd-score b,.gvg-score,.duel-total,.milestone-num,.opt-price,.tier-chip span,.mq-soc-counts b,
.play-status,.count-line,.lb-pts,.rec-ring text,.news-ticker-item,.chip-count,.mq-fold-count{
  font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;
}


/* ---- Today strip ---- */
.today-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:2px 0 14px;}
.ts-main{display:flex;align-items:baseline;gap:10px;}
.ts-date{font-family:'Big Shoulders Display',sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:.01em;color:var(--ink);}
.ts-calls{font-size:13px;font-weight:600;color:var(--ink-soft);}
.ts-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft);}
.ts-live[hidden]{display:none;}
.ts-live b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;}
.ts-how{margin-left:auto;background:none;border:0;padding:4px 0;font-weight:600;font-size:13px;font-family:inherit;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.ts-how:hover{color:var(--ink);}
.ticking{color:var(--yes);}

/* ---- First-pick coach mark ---- */
.coach{position:relative;display:flex;align-items:flex-start;gap:10px;margin:10px 0 14px;padding:11px 12px 11px 14px;border-radius:10px;background:#F4F4F1;color:#111318;animation:coachIn .32s var(--ease);}
.coach-text{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;}
.coach-text b{font-size:14px;font-weight:700;}
.coach-text span{color:#3A3D45;}
.coach-x{flex:none;margin-left:auto;background:none;border:0;padding:2px;color:#555963;cursor:pointer;line-height:0;}
.coach::after{content:"";position:absolute;left:28px;width:12px;height:12px;background:#F4F4F1;transform:rotate(45deg);}
.coach-down::after{bottom:-5px;}
.coach-up::after{top:-5px;}
@keyframes coachIn{from{opacity:0;transform:translateY(6px);}}
@media (prefers-reduced-motion:reduce){.coach{animation:none;}}


/* ---- Friends' results feed ---- */
.feed-list{display:flex;flex-direction:column;}
.feed-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);}
.feed-item:first-child{border-top:0;}
.feed-item .lb-av{width:36px;height:36px;}
.fi-main{flex:1;min-width:0;}
.fi-top{display:flex;align-items:baseline;gap:8px;min-width:0;}
.fi-top b{font-size:14.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fi-tag{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);}
.fi-day{margin-left:auto;font-size:12px;color:var(--ink-soft);flex:none;}
.fi-line{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:13px;color:var(--ink-soft);}
.fi-perfect{display:inline-flex;align-items:center;gap:4px;color:#F2C14E;font-weight:700;}
.fi-streak{display:inline-flex;align-items:center;gap:3px;color:#F08A2C;font-weight:700;font-variant-numeric:tabular-nums;}
.fi-pips{display:inline-flex;gap:4px;flex:none;}
.fi-pips i{width:8px;height:8px;border-radius:50%;background:var(--line);}
.fi-pips i.on{background:var(--yes);}
.fi-pips i.off{background:var(--no);opacity:.7;}
.feed-empty{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0 2px;}
.feed-empty b{font-size:15px;color:var(--ink);}
.feed-empty span{font-size:13.5px;line-height:1.5;color:var(--ink-soft);max-width:40ch;}
.feed-empty .es-btn{margin-top:8px;padding:10px 18px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;}

/* Form controls inherit the page typeface instead of the browser's system font */
button,input,select,textarea{font-family:inherit;}

/* ---- My calls: day labels ---- */
.mycall-day{flex:none;min-width:34px;padding:2px 7px;border-radius:999px;background:rgba(70,140,255,.16);color:#8FB4FF;font-size:11px;font-weight:700;letter-spacing:.03em;text-align:center;}
.mycall-day.today{background:rgba(51,209,139,.2);color:var(--yes);}

/* ---- Comment hearts + pinned comment ---- */
.cmt-heart{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0 6px 0 0;min-height:28px;min-width:28px;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.cmt-heart svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;transition:transform .15s ease;}
.cmt-heart:hover{color:#FF6B81;}
.cmt-heart.on{color:#FF4D6A;}
.cmt-heart.on svg{fill:#FF4D6A;stroke:#FF4D6A;}
.cmt-heart.pop svg{animation:cmtHeartPop .42s cubic-bezier(.2,1.6,.4,1);}
.cmt-heart:focus-visible{outline:2px solid rgba(70,140,255,.7);outline-offset:2px;border-radius:8px;}
@keyframes cmtHeartPop{0%{transform:scale(.6);}55%{transform:scale(1.45);}100%{transform:scale(1);}}
.cmt-pinned{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(242,193,78,.16);color:#F2C14E;font-size:11px;font-weight:700;vertical-align:1px;}
.cmt-thread.is-pinned{background:rgba(242,193,78,.06);border-radius:10px;padding:8px 8px;border-top-color:transparent;}
.cmt-pin-btn.on{color:#F2C14E;}
.cmt-av img,.mq-av img,.lb-av img,.av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
@media (prefers-reduced-motion:reduce){.cmt-heart.pop svg{animation:none;}}

/* ---- Avatars: flat colour tiles, photo avatars ---- */
.av-tile{--ac:#8FB4FF;width:46px;height:46px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ac);border:2px solid transparent;background:color-mix(in srgb,var(--ac) 20%,var(--panel));transition:transform .15s ease,border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;}
.av-tile .av-glyph{width:58%;height:58%;}
.av-tile:hover{transform:scale(1.06);}
.av-tile:active{transform:scale(.95);}
.av-tile.sel{border-color:var(--ac);background:var(--ac);color:#fff;}
.av-tile:focus-visible{outline:2px solid rgba(70,140,255,.8);outline-offset:3px;}
#avatar-emoji-picker{gap:10px !important;}
.av-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
#profile-circle-btn,#profile-modal-avatar,.lb-av,.cmt-av,.mq-av,.av{overflow:hidden;}
.av-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.av-photo-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:12px;background:#3B6FE0;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s ease;}
.av-photo-btn:hover{background:#4A7CEE;}
.av-photo-btn:disabled{opacity:.6;cursor:default;}
.av-photo-rm{min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:none;color:var(--ink-soft);font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;}
@media (prefers-reduced-motion:reduce){.av-tile{transition:none;}.av-tile:hover{transform:none;}}

/* ---- Photo crop dialog (drag to move, slider to zoom) ---- */
.mq-crop{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,7,10,.72);}
.mq-crop-card{width:min(100%,360px);box-sizing:border-box;padding:20px;border-radius:20px;background:var(--panel);border:1px solid var(--line);}
.mq-crop-card h4{margin:0 0 4px;font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:700;color:var(--ink);}
.mq-crop-card p{margin:0 0 14px;font-size:13px;color:var(--ink-soft);}
.mq-crop-view{position:relative;width:min(100%,280px);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;background:#0c0d10;touch-action:none;cursor:grab;border:2px solid var(--line);}
.mq-crop-view:active{cursor:grabbing;}
.mq-crop-view img{position:absolute;left:0;top:0;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform-origin:0 0;}
.mq-crop-zoom{display:flex;align-items:center;gap:10px;margin:16px 4px 4px;color:var(--ink-soft);}
.mq-crop-zoom input{flex:1;min-width:0;accent-color:#3B6FE0;}
.mq-crop-btns{display:flex;gap:10px;margin-top:16px;}
.mq-crop-btns button{flex:1;min-height:46px;border-radius:12px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;}
.mq-crop-ok{border:0;background:#3B6FE0;color:#fff;}
.mq-crop-cancel{border:1.5px solid var(--line);background:none;color:var(--ink);}

/* ---- Share sheet ---- */
.mq-ss{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}
.mq-ss.open{pointer-events:auto;}
.mq-ss-bg{position:absolute;inset:0;background:rgba(5,7,10,.62);opacity:0;transition:opacity .2s ease;}
.mq-ss.open .mq-ss-bg{opacity:1;}
.mq-ss-card{position:relative;width:min(100%,520px);max-height:88vh;overflow:auto;box-sizing:border-box;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--panel);border:1px solid var(--line);border-bottom:0;transform:translateY(40px);opacity:0;transition:transform .25s ease,opacity .2s ease;}
.mq-ss.open .mq-ss-card{transform:none;opacity:1;}
@media (min-width:640px){.mq-ss{align-items:center;}.mq-ss-card{border-radius:24px;border-bottom:1px solid var(--line);}}
.mq-ss-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;}
.mq-ss-head{display:flex;align-items:center;gap:14px;padding-right:44px;margin-bottom:18px;}
.mq-ss-prev{flex:none;width:54px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);}
.mq-ss-ht{min-width:0;display:flex;flex-direction:column;gap:3px;}
.mq-ss-ht b{font-family:'Big Shoulders Display',sans-serif;font-size:24px;font-weight:700;line-height:1.1;color:var(--ink);overflow-wrap:anywhere;}
.mq-ss-ht span{font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mq-ss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;}
@media (max-width:380px){.mq-ss-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.mq-ss-tile{--tc:#8A93A6;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0;background:none;border:0;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.mq-ss-ic{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--tc);transition:transform .15s ease;}
.mq-ss-tile:hover .mq-ss-ic,.mq-ss-tile:focus-visible .mq-ss-ic{transform:scale(1.05);}
.mq-ss-tile:active .mq-ss-ic{transform:scale(.95);}
.mq-ss-tile:focus-visible{outline:2px solid rgba(70,140,255,.8);outline-offset:3px;border-radius:14px;}
.mq-ss-lb{font-size:12.5px;font-weight:600;text-align:center;}
.mq-ss-msg{min-height:20px;margin-top:14px;text-align:center;font-size:13.5px;font-weight:600;color:var(--yes);}
@media (prefers-reduced-motion:reduce){.mq-ss-card,.mq-ss-bg,.mq-ss-ic{transition:none;}}

/* ---- Share card on the Play tab ---- */
.play-extras #share-section{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:16px;}
.play-extras #share-section .share-card{background:none;box-shadow:none;}
.play-extras #share-section .share-cell .share-icon{box-shadow:none;}
.play-extras #share-section .share-actions{display:grid;grid-template-columns:1fr;gap:10px;}
.play-extras #share-section .share-btn-primary{width:100%;min-height:52px;border-radius:14px;font-size:16px;background:#3B6FE0;color:#fff;box-shadow:none;display:inline-flex;}
.play-extras #share-section .share-btn-primary:hover{opacity:1;background:#4A7CEE;transform:none;}
.play-extras #share-section .share-btn-secondary{width:100%;min-height:44px;border-radius:14px;display:inline-flex;}
.share-card.share-card-lg{box-shadow:none;border-color:var(--line);}
.mq-invite{background:#3B6FE0 !important;color:#fff !important;}

/* ---- No glows anywhere ---- */
.fl-roaring svg,.fl-legendary svg{filter:none !important;}
@keyframes justSubmitted{30%{transform:scale(1.012);}}
.rule-card.on{box-shadow:none;}

/* ---- Heart on the question card ---- */
.q-heart{display:none;align-items:center;gap:6px;margin-left:auto;margin-right:14px;min-height:40px;min-width:40px;padding:0 6px;background:none;border:0;color:var(--ink-soft);font:inherit;font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.q-heart svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;transition:transform .15s ease;}
.q-heart:hover{color:#FF6B81;}
.q-heart.on{color:#FF4D6A;}
.q-heart.on svg{fill:#FF4D6A;stroke:#FF4D6A;}
.q-heart.pop svg{animation:cmtHeartPop .42s cubic-bezier(.2,1.6,.4,1);}
.q-heart:focus-visible{outline:2px solid rgba(70,140,255,.7);outline-offset:2px;border-radius:10px;}
@media (prefers-reduced-motion:reduce){.q-heart.pop svg{animation:none;}}

/* ---- Play tab: calmer layout. One card for friends / buddies / rivals, matching boxes below, more breathing room ---- */
#play-friends.play-friends-grid{max-width:none;gap:0;margin-top:36px !important;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;}
#play-friends.play-friends-grid>.mq-fold{border:0;border-radius:0;background:none;border-top:1px solid var(--line);}
#play-friends.play-friends-grid>.mq-fold:first-child,#play-friends.play-friends-grid>.mq-fold[style*="display: none"]+.mq-fold{border-top:0;}
#play-friends.play-friends-grid>.mq-fold>summary{border-radius:0;}
#play-friends .mq-fold-body{max-width:520px;}
#play-social-prompt{border:1px solid var(--line);border-radius:16px !important;background:var(--panel) !important;padding:18px 20px !important;}
.play-extras{gap:20px;margin-top:20px;}
.play-extras > *{margin-top:0;}
.play-extras #play-suggest > div{border-top:0;}
.play-extras #play-suggest > div > div{border:1px solid var(--line) !important;background:var(--panel) !important;border-radius:16px !important;}
.challenge-banner{margin-top:36px;}
.pagenav-tab.active{box-shadow:none;}

/* ---- News: top three trending rows ---- */
.news-top3{grid-column:1 / -1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;}
.nt3-h{padding:12px 16px;font-family:'Big Shoulders Display',sans-serif;font-size:19px;font-weight:700;letter-spacing:.01em;color:var(--ink);}
.news-card.top-row{flex-direction:row;align-items:center;gap:14px;padding:12px 16px;border:0;border-top:1px solid var(--line);border-radius:0;border-top-width:1px;background:none;}
.news-card.top-row:hover{background:rgba(128,136,150,.07);}
.top-row .tr-n{flex:none;width:28px;text-align:center;font-family:'Big Shoulders Display',sans-serif;font-size:34px;font-weight:700;line-height:1;color:var(--ink-soft);}
.top-row:nth-child(2) .tr-n{color:#F2C14E;}
.top-row .tr-img{flex:none;width:72px;height:54px;border-radius:10px;object-fit:cover;}
.top-row .tr-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.top-row .news-h{font-size:15.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.top-row .tr-c{flex:none;font-size:12.5px;color:var(--ink-soft);}
@media (max-width:520px){.top-row .tr-img{display:none;}.top-row .tr-c{display:none;}}

/* ---- Trending: chart rank + movement ---- */
.trend-rank{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);}
.trend-rank b{font-family:'Big Shoulders Display',sans-serif;font-size:26px;font-weight:700;line-height:1;color:var(--ink);}
/* Movement chips (NEW, up/down arrows). Same look everywhere they appear: no filled glow,
   just a crisp tabular number, with NEW as a thin outlined tag. */
.mv{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:28px;height:22px;padding:0 6px;border-radius:6px;border:1px solid transparent;background:none;font-family:'Barlow',sans-serif;font-size:12.5px;font-weight:700;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.mv svg{display:block;width:9px;height:9px;}
.mv-up{color:var(--yes);}
.mv-down{color:#F0705D;}
.mv-new{color:#9DBBF5;border-color:rgba(157,187,245,.4);font-size:10.5px;font-weight:700;letter-spacing:.09em;}
.mv-flat{color:var(--ink-soft);font-weight:600;}
.trend-rank .mv{height:20px;}

/* ---- Freshness + source chips + risers ---- */
.feed-updated{margin:12px 0 0;font-size:12.5px;color:var(--ink-soft);}
.feed-updated:empty{display:none;}
.feed-chips.src-chips{margin-top:8px;}
.feed-chips.src-chips .feed-chip{font-size:13px;}
.pagenav-tab.has-new::after{content:'';display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#F5644F;vertical-align:3px;}
.top-row .tr-n.up{width:auto;min-width:40px;font-size:22px;color:var(--yes);}
.top-row .tr-img.sq{width:54px;height:54px;}
.top-row .tr-sub{font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top3.chart .top-row .tr-n{width:34px;}
.news-top3 .mycalls-more>summary{border-top:1px solid var(--line);margin-top:0;}

/* ---- How to play: live demo beside the rules, everything visible (no dropdowns) ---- */
.hw-eyebrow{margin:34px 0 12px;font-family:'Barlow',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#E8964A;line-height:1;}
.hw-eyebrow-hero{margin:0 0 14px;}
#page-how .hw-title{font-size:clamp(46px,8vw,84px);font-weight:800;line-height:.92;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);}
.hw-lede{margin-top:14px;font-size:17px;color:var(--ink-soft);}
#page-how .hero-lite{padding-bottom:20px;}
#page-how .hw2{padding-top:18px;}
.hw2-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;}
.hw2-demo .how-demo{margin-top:0;}
.hw2-demo .how-demo-cap{text-align:left;margin-top:12px;font-size:14px;}
.hw2-main .hw-eyebrow:first-child{margin-top:0;}
@media (min-width:920px){
  .hw2-grid{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:56px;}
  .hw2-demo{position:sticky;top:76px;}
}
.hw-steps2{display:grid;gap:10px;}
.hw-step{--rc:70,140,255;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;width:100%;padding:16px 18px;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .25s,background .25s;}
.hw-step:hover{border-color:rgba(var(--rc),.55);}
.hw-step:focus-visible{outline:2px solid rgba(var(--rc),.9);outline-offset:2px;}
.hw-step.on{border-color:rgba(var(--rc),.95);background:rgba(var(--rc),.08);}
.hw-step-n{font-family:'Big Shoulders Display',sans-serif;font-size:56px;font-weight:800;line-height:.85;text-align:center;color:rgb(var(--rc));}
.hw-step-t{display:flex;flex-direction:column;gap:5px;font-size:14.5px;line-height:1.45;color:var(--ink-soft);}
.hw-step-h{font-family:'Big Shoulders Display',sans-serif;font-size:25px;font-weight:700;letter-spacing:.03em;line-height:1;text-transform:uppercase;color:var(--ink);}
.hw-pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.hw-pts div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);}
.hw-pts b{font-family:'Big Shoulders Display',sans-serif;font-size:38px;font-weight:800;line-height:.9;color:var(--ink);font-variant-numeric:tabular-nums;}
.hw-pts span{font-size:13.5px;line-height:1.3;color:var(--ink-soft);}
.hw-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;}
.hw-tiers div{display:flex;flex-direction:column;gap:4px;padding:12px 10px;text-align:center;color:var(--ink-soft);}
.hw-tiers div+div{border-left:1px solid var(--line);}
.hw-tiers span{font-size:12.5px;font-weight:600;}
.hw-tiers b{font-family:'Big Shoulders Display',sans-serif;font-size:21px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;}
.hw-tiers div.active{background:rgba(70,140,255,.14);}
.hw-tiers div.active span{color:#9DBBF5;}
@media (max-width:520px){
  .hw-tiers{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto;}
  .hw-tiers b{font-size:18px;}
}
.hw-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
@media (max-width:620px){.hw-facts{grid-template-columns:minmax(0,1fr);}}
.hw-fact{--rc:51,209,139;padding:16px 18px 6px;border:1px solid var(--line);border-radius:16px;background:var(--panel);}
.hw-fact h4{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:700;letter-spacing:.03em;line-height:1;text-transform:uppercase;color:var(--ink);}
.hw-fact h4::before{content:"";width:9px;height:9px;border-radius:50%;background:rgb(var(--rc));flex:none;}
.hw-fact p{margin:0 0 10px;font-size:14.5px;line-height:1.45;color:var(--ink-soft);}
.hw-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;}
@media (max-width:620px){.hw-faq{grid-template-columns:minmax(0,1fr);}}
.hw-faq div{padding:14px 0;border-top:1px solid var(--line);}
.hw-faq dt{font-size:15.5px;font-weight:700;color:var(--ink);}
.hw-faq dd{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-soft);}
.hw-cta{display:block;width:100%;margin-top:30px;min-height:54px;border:none;border-radius:14px;background:#3B6FE0;color:#fff;font-family:'Big Shoulders Display',sans-serif;font-size:22px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
.hw-cta:hover{background:#4A7CEE;}

/* ---- Leaderboard: big board first, flat category cards ---- */
.boards.lb-big{grid-template-columns:1fr;}
.boards.lb-cats .board,.boards.lb-big .board{--tint:128,136,150;border-color:var(--line);}
.boards.lb-cats{margin-top:12px;}
.lb-share-btn{margin-top:14px;min-height:46px;padding:0 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-family:inherit;font-weight:600;font-size:14.5px;cursor:pointer;}
.lb-share-btn:hover{border-color:rgba(70,140,255,.6);}
#champion-card-btn-wrap .lb-share-btn{margin-top:10px;}