:root{
      --fg:#f7fff8;
      --muted:rgba(230,255,234,.80);
      --soft:rgba(210,255,220,.58);
      --cta:#9dff7a;
      --cta2:#c8ff5c;
      --ctaText:#11210d;
      --bannerBorder:rgba(164,255,138,.18);
      --bannerShadow:0 10px 30px rgba(0,0,0,.28);
      --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
      --sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif;
      --max:1180px;
      --stickyH:74px;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--fg);
      font-family:var(--sans);
      overflow-x:hidden;
      background:
        radial-gradient(1100px 700px at 50% 10%, rgba(95,255,112,.14), rgba(0,0,0,.70)),
        radial-gradient(800px 520px at 50% 100%, rgba(170,255,0,.10), rgba(0,0,0,0)),
        linear-gradient(180deg, rgba(30,60,22,.25) 0%, rgba(0,0,0,.2) 100%),
        none;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      background-attachment:fixed;
      padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px));
    }

    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button{font:inherit}
    iframe{display:block}

    @media (max-width:820px){
      body{ background-attachment:scroll; }
    }

    .skip-link{
      position:absolute;
      left:12px;
      top:-44px;
      z-index:3000;
      background:#111827;
      color:#fff;
      padding:10px 14px;
      border-radius:10px;
      font-weight:800;
    }
    .skip-link:focus{top:12px}

    .site-header{
      position:sticky;
      top:0;
      z-index:1500;
      background:rgba(8,22,10,.82);
      backdrop-filter:saturate(160%) blur(12px);
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .container{
      width:min(var(--max), calc(100% - 32px));
      margin:0 auto;
      min-width:0;
    }

    .nav-bar{
      min-height:68px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }

    .nav-left{
      display:flex;
      align-items:center;
      gap:20px;
      min-width:0;
      flex:1 1 auto;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      color:#fff;
    }

    .brand-logo{
      width:30px;
      height:30px;
      border-radius:9px;
      flex:0 0 auto;
      object-fit:cover;
      background:rgba(255,255,255,.08);
    }

    .brand-text{
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:0;
      line-height:1.1;
    }

    .brand-title{
      font-size:16px;
      font-weight:900;
      white-space:nowrap;
    }

    .brand-sub{
      font-size:12px;
      color:rgba(255,255,255,.64);
      white-space:nowrap;
    }

    .nav{
      display:flex;
      align-items:center;
      gap:4px;
      min-width:0;
      flex-wrap:wrap;
    }

    .nav a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 12px;
      border-radius:999px;
      color:rgba(255,255,255,.78);
      font-size:14px;
      font-weight:800;
      white-space:nowrap;
    }

    .nav a:hover,
    .nav a:focus,
    .nav a[aria-current="page"]{
      background:rgba(255,255,255,.10);
      color:#fff;
      outline:none;
    }

    .nav-right{
      display:flex;
      align-items:center;
      gap:10px;
      flex:0 0 auto;
    }

    .lang-pills{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .lang-pill{
      appearance:none;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.68);
      padding:8px 10px;
      border-radius:999px;
      font:13px/1.1 system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans",Arial;
      cursor:pointer;
      white-space:nowrap;
      user-select:none;
    }

    .lang-pill:hover{color:#fff}
    .lang-pill[aria-current="true"]{
      color:#fff;
      font-weight:900;
      border-color:rgba(255,255,255,.24);
      background:rgba(255,255,255,.10);
    }

    .hamburger{
      display:none;
      appearance:none;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.04);
      color:#fff;
      width:42px;
      height:42px;
      border-radius:12px;
      font-size:20px;
      cursor:pointer;
      flex:0 0 auto;
    }

    .backdrop{
      position:fixed;
      inset:0;
      background:rgba(15,23,42,.38);
      z-index:1600;
    }

    .drawer{
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      width:min(78vw,360px);
      background:#0d1d0f;
      box-shadow:-16px 0 40px rgba(15,23,42,.45);
      z-index:1700;
      overflow-y:auto;
      transform:translateX(100%);
      transition:transform .25s ease;
    }

    html.is-open .drawer{transform:translateX(0)}

    .drawer header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:16px;
      border-bottom:1px solid rgba(255,255,255,.08);
      position:sticky;
      top:0;
      background:#0d1d0f;
      z-index:2;
      color:#fff;
    }

    .drawer .section{padding:16px}
    .drawer .nav-list{display:flex;flex-direction:column;gap:4px}
    .drawer .nav-list a{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      min-height:44px;
      padding:0 12px;
      border-radius:12px;
      font-weight:800;
      color:#fff;
      background:rgba(255,255,255,.06);
    }

    .lang-pills--drawer{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
    }

    .lang-pills--drawer .lang-pill{
      width:100%;
      display:flex;
      justify-content:center;
    }

    .drawer-dotrule{
      width:calc(100% - 32px);
      margin:0 auto;
      border-top:1px dashed rgba(255,255,255,.16);
    }

    .drawer-quick-stack{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:14px;
    }

    .drawer-quick-pill{
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:999px;
      font-weight:800;
      color:#fff;
      background:rgba(255,255,255,.04);
    }

    .stickyBar{
      position:fixed;
      top:84px;
      left:50%;
      transform:translateX(-50%);
      z-index:1400;
      width:min(var(--max), calc(100% - 32px));
      display:flex;
      justify-content:center;
      pointer-events:none;
    }

    .sponsorPill{
      pointer-events:auto;
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid rgba(164,255,138,.22);
      background:rgba(8,22,10,.62);
      backdrop-filter:blur(10px);
      box-shadow:0 14px 34px rgba(0,0,0,.55);
      max-width:100%;
    }

    .sponsorText{
      font-weight:1100;
      font-size:13px;
      letter-spacing:.25px;
      color:rgba(240,255,241,.94);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      user-select:none;
      pointer-events:none;
    }

    .btnSave{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:9px 14px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--cta), var(--cta2));
      color:var(--ctaText);
      font-weight:1300;
      font-size:14px;
      border:1px solid rgba(255,255,255,.20);
      white-space:nowrap;
      flex:0 0 auto;
      overflow:hidden;
      transform:translateZ(0);
      letter-spacing:.2px;
    }

    .btnSave .zap{
      width:18px;
      height:18px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(0,0,0,.10);
      border:1px solid rgba(0,0,0,.10);
      font-size:12px;
      line-height:1;
      color:var(--ctaText);
      font-weight:1200;
    }

    .btnSave::after{
      content:"";
      position:absolute;
      top:-30%;
      left:-60%;
      width:40%;
      height:160%;
      background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
      transform:skewX(-20deg);
      animation:shine 1.9s ease-in-out infinite;
      opacity:.9;
      pointer-events:none;
    }

    @keyframes shine{
      0%{ left:-60%; opacity:0; }
      20%{ opacity:.9; }
      55%{ left:120%; opacity:.9; }
      100%{ left:120%; opacity:0; }
    }

    .btnSave:active{ transform:translateY(1px); }

    .entry{
      position:fixed;
      inset:0;
      background:#000;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:99999;
      transition:opacity .25s ease;
    }

    .entry.hidden{
      opacity:0;
      pointer-events:none;
    }

    .mascot{
      width:96px;
      height:96px;
      display:block;
      animation:bob 1.2s ease-in-out infinite;
      filter:drop-shadow(0 16px 22px rgba(0,0,0,.55));
    }

    @keyframes bob{
      0%,100%{ transform:translateY(0); }
      50%{ transform:translateY(-18px); }
    }

    .wrap{
      max-width:var(--max);
      margin:0 auto;
      padding:calc(24px + var(--stickyH) + 58px) 16px 42px;
    }

    .title{
      text-align:center;
      padding:6px 0 10px;
    }

    .title h1{
      margin:0;
      font-size:clamp(24px, 3.4vw, 38px);
      font-weight:1200;
      letter-spacing:-0.7px;
      text-shadow:0 12px 26px rgba(0,0,0,.55);
    }

    .title h2{
      margin:10px 0 0;
      font-size:clamp(14px, 1.8vw, 18px);
      font-weight:1000;
      color:var(--muted);
      letter-spacing:-0.2px;
    }

    .lastUpdated{
      margin-top:12px;
      text-align:center;
      color:rgba(230,255,234,.72);
      font-size:13px;
      font-weight:900;
    }

    .introBlock{
      max-width:860px;
      margin:18px auto 0;
      padding:18px;
      border-radius:16px;
      border:1px solid rgba(164,255,138,.12);
      background:rgba(7,18,9,.34);
      color:rgba(235,255,236,.86);
      line-height:1.7;
      font-size:14px;
      backdrop-filter:blur(8px);
    }

    .introBlock p{margin:0 0 12px}
    .introBlock p:last-child{margin-bottom:0}

    .region{
      padding:22px 0 26px;
      border-top:1px solid rgba(164,255,138,.12);
    }
    .region:first-of-type{border-top:0}

    .regionName{
      text-align:center;
      font-size:clamp(18px, 2.6vw, 28px);
      font-weight:1200;
      letter-spacing:-0.25px;
      margin-bottom:14px;
    }

    .timerRow{
      display:flex;
      justify-content:center;
      gap:clamp(14px, 3vw, 34px);
      flex-wrap:wrap;
      margin:6px 0 10px;
    }

    .t{
      text-align:center;
      min-width:92px;
    }

    .t .num{
      font-family:var(--mono);
      font-size:clamp(44px, 7vw, 78px);
      font-weight:1300;
      letter-spacing:.6px;
      line-height:1;
      text-shadow:0 12px 26px rgba(0,0,0,.55);
      font-variant-numeric:tabular-nums;
    }

    .t .lab{
      margin-top:8px;
      font-size:12px;
      letter-spacing:.12em;
      font-weight:1100;
      color:var(--muted);
    }

    .metaLine{
      text-align:center;
      margin-top:12px;
      font-size:14px;
      color:var(--muted);
      padding:0 8px;
      font-weight:800;
    }

    .metaLine b{
      color:#fff;
      font-weight:1200;
    }

    .metaLine .soft{ color:var(--soft); }

    .midBanner{
      margin:24px 0 0;
    }

    .lootbarBanner{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:28px 32px;
      border-radius:24px;
      color:#fff;
      background:linear-gradient(90deg, rgba(34,86,24,.96) 0%, rgba(17,39,13,.96) 52%, rgba(10,17,11,.98) 100%);
      border:1px solid var(--bannerBorder);
      box-shadow:var(--bannerShadow);
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      overflow:hidden;
      isolation:isolate;
    }

    .lootbarBanner::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(420px 140px at 12% 50%, rgba(157,255,122,.18), transparent 65%),
        radial-gradient(260px 120px at 92% 50%, rgba(200,255,92,.10), transparent 70%);
      pointer-events:none;
      z-index:0;
    }

    .lootbarBanner:hover{
      transform:translateY(-2px);
      box-shadow:0 14px 34px rgba(0,0,0,.32);
      border-color:rgba(164,255,138,.28);
    }

    .lootbarBannerText,
    .lootbarBannerCta{
      position:relative;
      z-index:1;
    }

    .lootbarBannerText{
      min-width:0;
      flex:1 1 auto;
    }

    .lootbarBannerTitle{
      font-size:clamp(24px, 4vw, 34px);
      font-weight:900;
      line-height:1.15;
      margin-bottom:8px;
      color:#fff;
      letter-spacing:-0.03em;
      text-wrap:balance;
    }

    .lootbarBannerDesc{
      font-size:clamp(14px, 2vw, 18px);
      font-weight:700;
      line-height:1.45;
      color:rgba(235,255,236,.84);
      text-wrap:pretty;
    }

    .lootbarBannerCta{
      flex-shrink:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:12px 18px;
      border-radius:999px;
      background:#e7ffd8;
      color:#172513;
      font-size:14px;
      font-weight:900;
      line-height:1;
      white-space:nowrap;
      box-shadow:0 2px 12px rgba(0,0,0,.16);
    }

    .codesWrap{
      border-top:1px solid rgba(164,255,138,.12);
      padding:22px 0 10px;
    }

    .codesTitle,
    .sectionTitle{
      text-align:center;
      font-size:18px;
      font-weight:1300;
      margin:0 0 14px;
      letter-spacing:-.2px;
    }

    .codesGrid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
      max-width:860px;
      margin:0 auto;
    }

    .codesGrid.single{
      grid-template-columns:minmax(0, 520px);
      justify-content:center;
    }

    .codeCard{
      border:1px solid rgba(164,255,138,.14);
      background:rgba(7,18,9,.42);
      border-radius:14px;
      padding:12px 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      backdrop-filter:blur(8px);
    }

    .codeLeft{ min-width:0; }

    .codeTxt{
      font-family:var(--mono);
      font-weight:1300;
      letter-spacing:.9px;
      font-size:15px;
      color:#fff;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .codeMeta{
      margin-top:6px;
      font-size:12px;
      color:rgba(235,255,236,.82);
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      padding:4px 8px;
      border-radius:999px;
      border:1px solid rgba(164,255,138,.14);
      background:rgba(164,255,138,.08);
      color:rgba(235,255,236,.88);
      font-weight:1200;
      font-size:11px;
      white-space:nowrap;
    }

    .pill.permanent{
      border-color:rgba(200,255,92,.26);
      background:rgba(200,255,92,.14);
      color:#efffd9;
    }

    .btnCopy{
      border:1px solid rgba(164,255,138,.18);
      background:rgba(255,255,255,.06);
      color:#fff;
      font-weight:1300;
      border-radius:999px;
      padding:10px 12px;
      cursor:pointer;
      white-space:nowrap;
      min-width:92px;
      letter-spacing:.2px;
    }

    .btnCopy:hover{ border-color:rgba(164,255,138,.30); }

    .controls{
      margin:18px auto 0;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
    }

    .btnSmall{
      border:1px solid rgba(164,255,138,.18);
      background:rgba(7,18,9,.42);
      color:#fff;
      font-weight:1300;
      border-radius:999px;
      padding:10px 14px;
      cursor:pointer;
      backdrop-filter:blur(8px);
      letter-spacing:.2px;
      min-width:220px;
      text-align:center;
    }

    .btnSmall:hover{ border-color:rgba(164,255,138,.30); }
    .btnSmall.cta{
      background:var(--cta);
      border-color:var(--cta);
      color:var(--ctaText);
      backdrop-filter:none;
      font-weight:1400;
    }

    .contentBlock,
    .seoBlock{
      max-width:860px;
      margin:18px auto 0;
      padding:16px;
      border-radius:16px;
      border:1px solid rgba(164,255,138,.12);
      background:rgba(7,18,9,.34);
      color:rgba(235,255,236,.86);
      font-size:14px;
      line-height:1.65;
      backdrop-filter:blur(8px);
    }

    .contentBlock p,
    .seoBlock p{
      margin:0 0 12px;
    }
    .contentBlock p:last-child,
    .seoBlock p:last-child{
      margin-bottom:0;
    }

    .faqWrap{
      max-width:860px;
      margin:22px auto 0;
      display:grid;
      gap:12px;
    }

    .faqItem{
      border:1px solid rgba(164,255,138,.12);
      background:rgba(7,18,9,.34);
      border-radius:16px;
      overflow:hidden;
      backdrop-filter:blur(8px);
    }

    .faqItem summary{
      list-style:none;
      cursor:pointer;
      padding:14px 16px;
      font-weight:1200;
      font-size:15px;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .faqItem summary::-webkit-details-marker{ display:none; }

    .faqItem summary::after{
      content:"+";
      font-size:18px;
      line-height:1;
      color:rgba(255,255,255,.75);
      flex:0 0 auto;
    }

    .faqItem[open] summary::after{
      content:"−";
    }

    .faqAnswer{
      padding:0 16px 16px;
      color:rgba(235,255,236,.84);
      line-height:1.7;
      font-size:14px;
    }

    .adTriggerWrap{
      max-width:860px;
      margin:18px auto 0;
      display:flex;
      justify-content:center;
    }

    .footerAdBtn{
      color:rgba(235,255,236,.76);
      font-weight:1200;
      border:1px solid rgba(164,255,138,.18);
      border-radius:999px;
      padding:10px 16px;
      background:rgba(7,18,9,.42);
      cursor:pointer;
      font-size:13px;
      letter-spacing:.2px;
    }

    .footerAdBtn:hover{
      border-color:rgba(164,255,138,.30);
    }

    .site-footer{
      margin-top:26px;
      border-top:1px solid rgba(255,255,255,.08);
      background:rgba(8,22,10,.78);
    }

    .footer-link-strip{
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .footer-link-strip__inner{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
      text-align:center;
    }

    .footer-link-strip__actions{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      flex-wrap:wrap;
    }

    .footer-inner{padding:24px 0 34px}
    .footer-top{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:18px;
      text-align:center;
    }

    .footer-brand{
      font-size:18px;
      font-weight:900;
      color:#fff;
    }

    .footer-desc{
      margin:8px 0 0;
      color:rgba(255,255,255,.68);
      font-size:14px;
      max-width:720px;
      word-break:keep-all;
      overflow-wrap:anywhere;
    }

    .footer-menu{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
    }

    .footer-menu a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:40px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.04);
      font-size:14px;
      font-weight:800;
      color:#fff;
    }

    .footer-copy{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.06);
      color:rgba(255,255,255,.58);
      font-size:13px;
      text-align:center;
    }

    .mobile-bottom-nav{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:1400;
      display:none;
      background:rgba(8,22,10,.94);
      backdrop-filter:saturate(160%) blur(10px);
      border-top:1px solid rgba(255,255,255,.08);
      padding:8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    }

    .mobile-bottom-nav__inner{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:6px;
      max-width:640px;
      margin:0 auto;
    }

    .mobile-bottom-nav__item{
      min-width:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:4px;
      padding:8px 4px 7px;
      border-radius:12px;
      color:rgba(255,255,255,.62);
    }

    .mobile-bottom-nav__item svg{
      width:20px;
      height:20px;
      display:block;
      flex:0 0 auto;
    }

    .mobile-bottom-nav__label{
      font-size:11px;
      line-height:1.1;
      font-weight:700;
      letter-spacing:-0.01em;
      white-space:nowrap;
    }

    .mobile-bottom-nav__item.is-active,
    .mobile-bottom-nav__item[aria-current="page"]{
      color:#fff;
      background:rgba(255,255,255,.10);
    }

    .toast{
      position:fixed;
      left:50%;
      bottom:16px;
      transform:translateX(-50%);
      background:rgba(15,15,15,.92);
      border:1px solid rgba(164,255,138,.16);
      color:#fff;
      padding:10px 12px;
      border-radius:999px;
      font-weight:1300;
      font-size:13px;
      opacity:0;
      pointer-events:none;
      transition:opacity .15s ease, transform .15s ease;
      z-index:9999;
    }

    .toast.show{
      opacity:1;
      transform:translateX(-50%) translateY(-4px);
    }

    .popback{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.58);
      display:none;
      align-items:center;
      justify-content:center;
      z-index:99998;
      padding:18px;
    }

    .pop{
      width:min(900px, 100%);
      min-height:min(500px, 82vh);
      background:linear-gradient(180deg, #173018 0%, #244b1f 50%, #93d65e 100%);
      border-radius:22px;
      position:relative;
      overflow:hidden;
      box-shadow:0 20px 60px rgba(0,0,0,.55);
      padding:26px;
    }

    .popClose{
      position:absolute;
      top:14px;
      right:14px;
      width:40px;
      height:40px;
      border-radius:999px;
      border:0;
      background:rgba(0,0,0,.30);
      color:#fff;
      font-size:20px;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:5;
    }

    .popGrid{
      display:grid;
      grid-template-columns:170px minmax(0, 1fr) 170px;
      gap:18px;
      align-items:stretch;
      min-height:440px;
    }

    .popCol{
      display:flex;
      flex-direction:column;
      gap:16px;
      justify-content:center;
    }

    .popCard{
      width:100%;
      aspect-ratio:1 / 1;
      border-radius:18px;
      overflow:hidden;
      background:#2c6323;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }

    .popCard img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .popCenter{
      display:flex;
      align-items:center;
      justify-content:center;
      min-width:0;
    }

    .popPanel{
      width:100%;
      max-width:560px;
      background:rgba(247,255,240,.68);
      backdrop-filter:blur(10px);
      border:1px solid rgba(17,33,13,.10);
      border-radius:22px;
      padding:26px 24px 20px;
      box-shadow:0 12px 28px rgba(0,0,0,.10);
      text-align:center;
    }

    .popBig{
      font-weight:1200;
      letter-spacing:-.06em;
      color:#11210d;
      text-transform:uppercase;
      font-size:clamp(42px, 4.5vw, 70px);
      line-height:.96;
      margin:0;
    }

    .popSub{
      margin-top:10px;
      font-weight:1000;
      letter-spacing:.18em;
      text-transform:uppercase;
      font-size:12px;
      color:rgba(17,33,13,.58);
    }

    .popHint{
      margin-top:16px;
      color:rgba(17,33,13,.78);
      font-weight:900;
      font-size:14px;
      line-height:1.45;
      padding:14px 16px;
      border-radius:16px;
      border:1px dashed rgba(17,33,13,.18);
      background:rgba(255,255,255,.56);
    }

    .popFine{
      margin-top:14px;
      font-size:14px;
      line-height:1.45;
      color:rgba(17,33,13,.80);
      font-weight:900;
    }

    .popFineMini{
      margin-top:8px;
      font-size:12px;
      line-height:1.4;
      color:rgba(17,33,13,.56);
      font-weight:900;
    }

    .popBtns{
      margin-top:18px;
      display:flex;
      flex-direction:column;
      gap:10px;
      width:min(360px, 100%);
      margin-left:auto;
      margin-right:auto;
    }

    .popYes{
      width:100%;
      padding:15px 16px;
      border-radius:999px;
      border:0;
      background:#11210d;
      color:#fff;
      font-weight:1400;
      cursor:pointer;
      letter-spacing:.02em;
      font-size:15px;
    }

    .popNo{
      width:100%;
      padding:13px 16px;
      border-radius:999px;
      border:2px solid rgba(17,33,13,.20);
      background:transparent;
      color:#11210d;
      font-weight:1300;
      cursor:pointer;
      letter-spacing:.02em;
      font-size:15px;
    }

    @media (max-width:980px){
      .nav{display:none}
      .hamburger{display:inline-flex;align-items:center;justify-content:center}
      .nav-right{display:none}
      .mobile-bottom-nav{display:block}
      .stickyBar{
        top:82px;
        width:calc(100% - 24px);
      }
      .sponsorPill{
        width:100%;
      }
    }

    @media (max-width:768px){
      .midBanner{ margin-top:20px; }
      .lootbarBanner{
        flex-direction:column;
        align-items:flex-start;
        padding:22px 20px;
        gap:14px;
        border-radius:20px;
      }
      .lootbarBannerTitle{
        font-size:clamp(22px, 7vw, 30px);
      }
      .lootbarBannerDesc{
        font-size:15px;
      }
      .lootbarBannerCta{
        width:100%;
        min-height:46px;
      }
    }

    @media (max-width:640px){
      .container{width:min(100% - 24px,1180px)}
      .brand-title{font-size:14px}
      .brand-sub{display:none}
      .stickyBar{top:76px}
      .wrap{
        padding:calc(18px + var(--stickyH) + 52px) 12px 56px;
      }
      .codesGrid{ grid-template-columns:1fr; }
      .codeCard{
        align-items:flex-start;
        flex-direction:column;
      }
      .btnCopy{ width:100%; }
      .pop{
        padding:16px;
        border-radius:18px;
      }
      .popGrid{
        grid-template-columns:1fr;
        gap:12px;
      }
      .popCol{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
      }
      .popCard{
        aspect-ratio:1.2 / 1;
        border-radius:14px;
      }
      .popCenter{
        order:-1;
      }
      .popPanel{
        max-width:none;
        padding:18px 16px 16px;
        border-radius:18px;
      }
      .popBig{
        font-size:clamp(30px, 9vw, 42px);
        line-height:1;
      }
      .countdown-bar{
        gap:8px;
      }
      .countdown-copy{
        font-size:13px;
      }
      .countdown-link{
        min-height:32px;
        padding:0 10px;
        font-size:12px;
      }
      .footer-link-strip__inner{
        flex-direction:column;
      }
    }

    html.is-open body,
    body.no-scroll{overflow:hidden}