/* ==========================================================================
   Ice Fishing UP — Brand Stylesheet (arctic-casino)
   Shared across all pages. Cache-friendly, responsive, LCP-conscious.
   ========================================================================== */
:root{
  --ice-deep:#071a30; --ice-900:#0a1f38; --ice-800:#0e2a4a; --ice-700:#123a63;
  --ice-panel:#0f2745; --frost:#e8f4ff; --cyan:#6fd0ff; --cyan-bright:#38bdf8;
  --ice-line:rgba(111,208,255,.18); --gold:#ffc13b; --gold-deep:#f59e0b;
  --win:#22e08a; --red:#ff5d6c; --orange:#ff9f43; --blue-chip:#4aa8ff;
  --text:#eaf4ff; --muted:#a9c4de; --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:'Noto Sans Devanagari','Poppins',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);line-height:1.7;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(56,189,248,.15), transparent 60%),
    radial-gradient(900px 500px at 0% 10%, rgba(111,208,255,.10), transparent 55%),
    linear-gradient(180deg,var(--ice-deep),var(--ice-900) 40%,#061627);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Poppins','Noto Sans Devanagari',sans-serif;line-height:1.25;font-weight:700}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.narrow{max-width:820px}
section{padding:44px 0;border-top:1px solid var(--ice-line)}
section:first-of-type{border-top:0}
h2{font-size:1.55rem;margin:0 0 6px;color:#fff}
h3{font-size:1.15rem;margin:26px 0 8px;color:var(--frost)}
h4{font-size:1rem;margin:16px 0 6px;color:var(--frost)}
p{margin:12px 0;color:var(--text)}
.lead{color:var(--muted)}
.sub{color:var(--muted);font-size:.98rem;margin-top:2px}
.center{text-align:center}
ul.tick{list-style:none;padding:0;margin:12px 0}
ul.tick li{padding:6px 0 6px 28px;position:relative}
ul.tick li::before{content:"✅";position:absolute;left:0}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;border:0;cursor:pointer;border-radius:999px;padding:13px 24px;font-family:'Poppins','Noto Sans Devanagari',sans-serif;font-size:1rem;transition:transform .12s ease, box-shadow .12s ease;text-decoration:none;line-height:1;min-height:48px}
.btn:hover{transform:translateY(-2px);text-decoration:none}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#3a2500;box-shadow:0 8px 22px rgba(245,158,11,.35)}
.btn-gold:hover{box-shadow:0 12px 28px rgba(245,158,11,.5)}
.btn-ghost{background:rgba(111,208,255,.10);color:var(--frost);border:1px solid var(--ice-line)}
.btn-sm{padding:10px 16px;font-size:.9rem;min-height:40px}
.btn-lg{padding:16px 30px;font-size:1.08rem;min-height:54px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* Header / nav */
header.nav{position:sticky;top:0;z-index:50;background:rgba(7,26,48,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--ice-line)}
.nav-in{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:9px 18px;max-width:1080px;margin:0 auto}
.logo{display:flex;align-items:center;gap:9px;font-family:'Poppins',sans-serif;font-weight:800;font-size:1.12rem;color:#fff;letter-spacing:.2px;text-decoration:none}
.logo:hover{text-decoration:none}
.logo img{width:34px;height:34px}
.logo b{color:var(--cyan)}
.nav-links{display:flex;gap:18px;font-size:.92rem}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:#fff;text-decoration:none}

/* Breadcrumb */
.crumb{font-size:.82rem;color:var(--muted);padding:14px 0 0}
.crumb a{color:var(--muted)}
.crumb span{color:var(--frost)}

/* Hero (home) */
.hero{padding:34px 0 30px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.badge{font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(111,208,255,.10);border:1px solid var(--ice-line);color:var(--frost)}
.badge.win{color:var(--win);border-color:rgba(34,224,138,.35);background:rgba(34,224,138,.08)}
.badge.rtp{color:var(--gold);border-color:rgba(255,193,59,.35);background:rgba(255,193,59,.08)}
h1{font-size:2.3rem;margin:0;color:#fff;letter-spacing:.2px}
.hero .tag{color:var(--muted);font-size:1.05rem;margin:14px 0 4px}
.bonus-banner{margin-top:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,193,59,.14),rgba(245,158,11,.06));border:1px dashed rgba(255,193,59,.5);border-radius:14px;padding:14px 16px}
.bonus-banner .big{font-family:'Poppins',sans-serif;font-weight:800;color:var(--gold);font-size:1.15rem;line-height:1.2}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:var(--muted);font-size:.86rem;align-items:center}
.trust b{color:var(--frost)}

/* Page hero (sub-pages) */
.page-hero{padding:26px 0 14px}
.page-hero h1{font-size:2rem}
.page-hero .tag{color:var(--muted);font-size:1.02rem;margin:12px 0 0;max-width:760px}
.page-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}

/* Author / E-E-A-T box */
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:12px 14px;background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:12px;font-size:.86rem;color:var(--muted)}
.byline img{width:44px;height:44px;border-radius:50%;border:2px solid var(--ice-line)}
.byline b{color:var(--frost)}
.byline .sep{opacity:.5}
.author-box{display:flex;gap:16px;align-items:flex-start;background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:16px;padding:18px}
.author-box img{width:72px;height:72px;border-radius:50%;border:2px solid var(--ice-line);flex:0 0 auto}

/* Money wheel */
.wheel-card{background:linear-gradient(180deg,var(--ice-800),var(--ice-900));border:1px solid var(--ice-line);border-radius:22px;padding:22px;text-align:center;box-shadow:var(--shadow)}
.wheel{
  --seg:conic-gradient(
    #2f4f70 0 1.9%, #22c55e 1.9% 3.8%, #2f4f70 3.8% 5.7%, #4aa8ff 5.7% 7.5%,
    #2f4f70 7.5% 9.4%, #22c55e 9.4% 11.3%, #2f4f70 11.3% 13.2%, #ff9f43 13.2% 15.1%,
    #2f4f70 15.1% 17%, #22c55e 17% 18.9%, #2f4f70 18.9% 20.8%, #4aa8ff 20.8% 22.6%,
    #2f4f70 22.6% 24.5%, #22c55e 24.5% 26.4%, #2f4f70 26.4% 28.3%, #ff5d6c 28.3% 30.2%,
    #2f4f70 30.2% 32.1%, #22c55e 32.1% 34%, #2f4f70 34% 35.8%, #4aa8ff 35.8% 37.7%,
    #2f4f70 37.7% 39.6%, #22c55e 39.6% 41.5%, #2f4f70 41.5% 43.4%, #ff9f43 43.4% 45.3%,
    #2f4f70 45.3% 47.2%, #22c55e 47.2% 49%, #2f4f70 49% 50.9%, #4aa8ff 50.9% 52.8%,
    #2f4f70 52.8% 54.7%, #22c55e 54.7% 56.6%, #2f4f70 56.6% 58.5%, #ff5d6c 58.5% 60.4%,
    #2f4f70 60.4% 62.3%, #22c55e 62.3% 64.2%, #2f4f70 64.2% 66%, #4aa8ff 66% 67.9%,
    #2f4f70 67.9% 69.8%, #22c55e 69.8% 71.7%, #2f4f70 71.7% 73.6%, #ff9f43 73.6% 75.5%,
    #2f4f70 75.5% 77.4%, #22c55e 77.4% 79.2%, #2f4f70 79.2% 81.1%, #4aa8ff 81.1% 83%,
    #2f4f70 83% 84.9%, #22c55e 84.9% 86.8%, #2f4f70 86.8% 88.7%, #ff5d6c 88.7% 90.6%,
    #2f4f70 90.6% 92.5%, #22c55e 92.5% 94.3%, #2f4f70 94.3% 96.2%, #4aa8ff 96.2% 98.1%,
    #2f4f70 98.1% 100%);
  width:min(320px,72vw);height:min(320px,72vw);margin:6px auto 0;border-radius:50%;
  background:var(--seg);border:8px solid #0b2038;
  box-shadow:0 0 0 6px rgba(111,208,255,.12), inset 0 0 40px rgba(0,0,0,.5);
  position:relative;animation:spin 60s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wheel{animation:none}}
.wheel::after{content:"🎣";position:absolute;inset:0;margin:auto;width:64px;height:64px;background:#0b2038;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;border:2px solid var(--ice-line)}
.pointer{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid var(--gold);margin:0 auto -10px;position:relative;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.legend{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:16px;font-size:.8rem;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.dot{width:11px;height:11px;border-radius:3px;display:inline-block}

/* Grids & cards */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.card .ico{width:46px;height:46px;margin-bottom:6px}

/* Steps */
.steps{counter-reset:s;display:grid;gap:12px}
.step{display:flex;gap:14px;align-items:flex-start;background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:14px;padding:14px 16px}
.step .n{counter-increment:s;flex:0 0 38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--cyan-bright),#1d6fb8);color:#02243d;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif}
.step .n::before{content:counter(s)}
.step b{color:#fff}

/* Bonus cards */
.bonus-card{border-radius:16px;padding:18px;border:1px solid var(--ice-line);position:relative;overflow:hidden}
.bonus-card.blue{background:linear-gradient(160deg,rgba(74,168,255,.18),rgba(74,168,255,.04))}
.bonus-card.orange{background:linear-gradient(160deg,rgba(255,159,67,.18),rgba(255,159,67,.04))}
.bonus-card.red{background:linear-gradient(160deg,rgba(255,93,108,.18),rgba(255,93,108,.04))}
.bonus-card .mult{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;color:#fff}
.bonus-card small{color:var(--muted)}
.bonus-card .ico{width:52px;height:52px;margin-bottom:4px}

/* Tables */
.tbl-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--ice-line)}
table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:420px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--ice-line)}
th{background:rgba(111,208,255,.08);color:var(--frost);font-family:'Poppins',sans-serif;font-weight:600}
tr:last-child td{border-bottom:0}
td .pill{font-weight:700;color:var(--win)}

/* Result board */
.board{background:linear-gradient(180deg,#08213c,#0a1f38);border:1px solid var(--ice-line);border-radius:16px;padding:16px}
.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.live{display:inline-flex;align-items:center;gap:7px;color:var(--win);font-weight:700;font-size:.85rem}
.live .blip{width:9px;height:9px;border-radius:50%;background:var(--win);box-shadow:0 0 0 0 rgba(34,224,138,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(34,224,138,0)}100%{box-shadow:0 0 0 0 rgba(34,224,138,0)}}
.reel{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.res{flex:0 0 auto;min-width:56px;text-align:center;border-radius:10px;padding:9px 8px;font-weight:800;font-family:'Poppins',sans-serif;border:1px solid var(--ice-line);font-size:.9rem}
.res.leaf{background:rgba(47,79,112,.5);color:#bcd3ea}
.res.b{background:rgba(74,168,255,.18);color:#9fd0ff}
.res.o{background:rgba(255,159,67,.18);color:#ffd0a0}
.res.r{background:rgba(255,93,108,.18);color:#ffb3bb}
.res small{display:block;font-weight:500;font-size:.62rem;color:var(--muted)}
.note{font-size:.8rem;color:var(--muted);margin-top:10px}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.chip{font-size:.86rem;padding:8px 14px;border-radius:999px;background:rgba(111,208,255,.08);border:1px solid var(--ice-line);color:var(--frost);font-weight:500;display:inline-flex;align-items:center;gap:7px}
.chip.pay{background:rgba(34,224,138,.08);border-color:rgba(34,224,138,.25)}
.chip img{width:18px;height:18px}

/* Promo block */
.promo{background:linear-gradient(135deg,rgba(255,193,59,.12),rgba(56,189,248,.08));border:1px solid rgba(255,193,59,.35);border-radius:20px;padding:24px}
.usp{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0 18px}
.usp div{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.usp .tk{color:var(--win);font-weight:800}

/* CTA band */
.cta-band{background:linear-gradient(135deg,var(--ice-800),var(--ice-700));border:1px solid var(--ice-line);border-radius:20px;padding:26px;text-align:center;box-shadow:var(--shadow)}
.cta-band h2{margin-top:0}

/* City list */
.cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cities span{font-size:.85rem;padding:7px 13px;border-radius:10px;background:rgba(111,208,255,.07);border:1px solid var(--ice-line);color:var(--frost)}

/* Related links */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.related a{display:block;background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:14px;padding:16px;color:var(--frost)}
.related a:hover{border-color:var(--cyan);text-decoration:none;transform:translateY(-2px);transition:.15s}
.related a b{display:block;color:#fff;margin-bottom:4px}
.related a span{font-size:.85rem;color:var(--muted)}

/* Callout */
.callout{border-left:3px solid var(--cyan);background:rgba(111,208,255,.06);border-radius:0 12px 12px 0;padding:14px 16px;margin:16px 0;font-size:.95rem}

/* FAQ */
details{background:var(--ice-panel);border:1px solid var(--ice-line);border-radius:12px;margin:10px 0;overflow:hidden}
summary{cursor:pointer;padding:15px 18px;font-weight:600;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:12px;font-family:'Poppins','Noto Sans Devanagari',sans-serif}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--cyan);font-weight:800;font-size:1.3rem;line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 18px 16px;margin:0;color:var(--muted)}

/* Footer */
footer{border-top:1px solid var(--ice-line);background:#061423;padding:30px 0 92px;margin-top:10px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px}
.foot-grid a{color:var(--muted);display:block;margin:6px 0;font-size:.9rem}
.foot-grid a:hover{color:#fff}
.foot-grid strong{color:#fff;font-family:'Poppins',sans-serif}
.disclaimer{margin-top:22px;padding:16px;border:1px solid rgba(255,93,108,.3);background:rgba(255,93,108,.06);border-radius:12px;font-size:.82rem;color:var(--muted)}
.disclaimer b{color:var(--red)}
.eighteen{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fff;background:var(--red);border-radius:999px;padding:4px 12px;font-size:.82rem}
.copy{margin-top:18px;color:#6f8aa6;font-size:.82rem;text-align:center}

/* Sticky mobile CTA */
.sticky-cta{display:none}

/* Responsive */
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .nav-links{display:none}
  h1{font-size:1.75rem}
  .page-hero h1{font-size:1.6rem}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .usp{grid-template-columns:1fr}
  .related{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;gap:10px;padding:10px 14px;background:rgba(7,26,48,.96);backdrop-filter:blur(8px);border-top:1px solid var(--ice-line)}
  .sticky-cta .btn{flex:1;justify-content:center;padding:14px 12px}
  .sticky-cta .btn-sm{flex:0 0 auto}
}
@media (max-width:420px){
  .foot-grid{grid-template-columns:1fr}
  .btn{width:100%;justify-content:center}
  .cta-row .btn{width:100%}
}