:root{
  --sea:#0e1e3d;
  --sea-deep:#0b172f;
  --helm:#0a1628;
  --hull:#1a2d4d;
  --hull-up:#223b5e;
  --plank:#193658;
  --plank-hi:#1f4170;
  --foam:#ffffff;
  --mist:#a9c0e8;
  --fog:#7f8aa3;
  --gold:#f6c21a;
  --gold-deep:#e9a514;
  --rust:#663c00;
  --line:#1b3b78;
  --r-sm:.5rem;
  --r-md:.75rem;
  --helm-w:240px;
  --wrap:1444px;
  --tide-h:592px;
  --ff:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--sea);color:var(--foam);font-family:var(--ff);font-size:15px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.skip{position:absolute;left:-999px;top:8px;z-index:90;background:var(--gold);color:#2a1a00;padding:8px 14px;border-radius:var(--r-sm);font-weight:700}
.skip:focus{left:8px}

/* ---------- helm (sidebar) ---------- */
.helm{position:fixed;inset:0 auto 0 0;width:var(--helm-w);background:var(--helm);border-right:1px solid #0000001a;z-index:40;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}
.helm::-webkit-scrollbar{display:none}
.helm__top{display:flex;align-items:center;justify-content:center;height:80px;padding:14px 12px 8px;position:relative}
.helm__brand img{width:122px;height:auto}
.helm__fold{display:none;position:absolute;right:10px;top:22px;width:34px;height:34px;place-items:center;border-radius:var(--r-sm);color:var(--mist)}
.helm__fold:hover{background:#ffffff1a;color:var(--foam)}
.helm__nav{padding:0 0 24px}
.helm__group{margin:0;padding:0 12px;list-style:none;display:grid;gap:4.5px}
.helm__label{display:block;font-size:13px;color:var(--mist);padding:22px 13px 10px;line-height:1}
.helm__link{display:flex;align-items:center;gap:12px;height:43px;padding:0 10px;border-radius:10px;font-size:15px;font-weight:500;color:var(--foam);transition:background .15s}
.helm__link svg{width:20px;height:20px;flex:none;color:var(--gold)}
.helm__link:hover{background:#ffffff1a}
.helm__link.is-on{background:#ffffff24}
.helm__rule{height:1px;background:var(--line);margin:22px 0 22px;border:0}

/* ---------- deck (top bar) ---------- */
.deck{position:fixed;top:0;right:0;left:var(--helm-w);height:64px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 0 20px;transition:background .2s}
.deck.is-solid{background:var(--sea);box-shadow:0 1px 0 #ffffff0f}
.deck__menu{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-sm);color:#c9d6ee}
.deck__menu:hover{background:#ffffff1a;color:var(--foam)}
.deck__mark{display:none}
.deck__acts{display:flex;gap:10px;margin-left:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--r-sm);font-size:15px;font-weight:600;white-space:nowrap;transition:transform .1s,filter .15s}
.btn:active{transform:translateY(1px)}
.btn--gold{color:#2a1a00;background:linear-gradient(180deg,#ffd84a 0%,var(--gold) 45%,var(--gold-deep) 100%);box-shadow:inset 0 0 0 1px #4d2d00,inset 0 0 0 2px #ffffff66,0 3px 0 var(--rust)}
.btn--gold:hover{filter:brightness(1.06)}
.btn--navy{color:var(--foam);background:linear-gradient(180deg,#1e3a5f,#152a45);box-shadow:inset 0 0 0 1px #071220e6,inset 0 0 0 2px #41c7d940,0 3px 0 #0f1c2e}
.btn--navy:hover{filter:brightness(1.12)}
.btn--lg{height:48px;min-width:230px;padding:0 26px;font-size:17px;font-weight:600}

/* ---------- main column ---------- */
.hold{margin-left:var(--helm-w);min-height:100vh}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}

/* ---------- tide (hero) ---------- */
.tide{position:relative;height:var(--tide-h);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.tide__stage{--sw:max(100%,calc(var(--tide-h) * 2.742));position:absolute;bottom:0;left:max(calc(100% - var(--sw)),min(0px,calc(100% - .87 * var(--sw))));width:var(--sw);aspect-ratio:3422/1248;z-index:-2}
.tide__bg{position:absolute;inset:0}
.tide__bg img{width:100%;height:100%;object-fit:cover}
.tide__mascot{position:absolute;left:65.38%;top:46.84%;width:19.74%;height:auto;filter:drop-shadow(0 6px 10px #0003)}
.tide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b172fd1 0%,#0b172fa6 30%,#0b172f40 50%,#0b172f00 62%),linear-gradient(0deg,#0e1e3d 0%,#0e1e3d00 18%)}
.tide__body{width:100%;padding-top:40px;text-align:left}
.tide__copy{max-width:640px;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.tide__h1{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:clamp(18px,1.6vw,24px);font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--foam);text-shadow:0 2px 10px #000b}
.tide__h1::before,.tide__h1::after{content:"";width:34px;height:2px;border-radius:2px;background:linear-gradient(90deg,#f6c21a00,var(--gold))}
.tide__h1::after{transform:scaleX(-1)}
.tide__offer{display:flex;flex-direction:column;align-items:center;margin:0}
.tide__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;margin-bottom:18px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--gold);background:#0b172fb3;box-shadow:inset 0 0 0 1px #f6c21a55;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.tide__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.tide__amount{font-size:clamp(60px,6.4vw,100px);font-weight:800;line-height:.95;letter-spacing:-.035em;white-space:nowrap;color:var(--gold);background:linear-gradient(180deg,#fff6c2 0%,#ffd94d 38%,#f6c21a 62%,#de960a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #6b3f00) drop-shadow(0 10px 22px #000a)}
.tide__what{margin-top:6px;font-size:clamp(22px,2.3vw,34px);line-height:1.15;letter-spacing:-.01em;color:var(--foam);text-shadow:0 2px 12px #000a}
.tide__plus{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:7px 20px 7px 7px;border-radius:999px;font-size:clamp(18px,1.7vw,23px);line-height:1.2;color:var(--foam);background:linear-gradient(180deg,#1e3a5fe6,#132744e6);box-shadow:inset 0 0 0 1.5px #f6c21a99,0 8px 20px #0007}
.tide__plus b{color:var(--gold);font-weight:800}
.tide__plus-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:22px;font-weight:800;line-height:1;color:#2a1a00;background:radial-gradient(circle at 35% 30%,#ffe27a,var(--gold) 60%,#c48f0e)}
.tide__lede{margin:20px 0 26px;max-width:470px;font-size:17px;line-height:1.55;color:#e6ecf6;text-shadow:0 1px 8px #000b}
.tide .btn--lg{height:54px;min-width:270px;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 1px #4d2d00,inset 0 0 0 2px #ffffff66,0 4px 0 var(--rust),0 0 0 5px #f6c21a1f,0 12px 32px #f6c21a40}
.tide__fine{margin:14px 0 0;font-size:12px;color:#c9d4e8;text-shadow:0 1px 6px #000c}

/* ---------- coins (payment strip) ---------- */
.coins{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:20px 0 6px;margin:0;list-style:none}
.coins li{display:grid;place-items:center;height:72px}
.coins img{height:26px;width:auto;max-width:118px}

/* ---------- shelf (game rows) ---------- */
.shelf{padding:46px 0 6px}
.shelf__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.shelf__name{margin:0;font-size:22px;font-weight:700;line-height:1.2}
.shelf__more{font-size:14px;font-weight:600;color:var(--foam);padding:6px 10px;border-radius:var(--r-sm)}
.shelf__more:hover{background:var(--helm)}
.reel{display:grid;grid-template-columns:repeat(8,1fr);gap:13px;margin:0;padding:0;list-style:none}
.slot{position:relative;display:block;aspect-ratio:216/282;border-radius:var(--r-sm);overflow:hidden;background:var(--hull);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 10px #0004;transition:transform .18s}
.slot:hover{transform:translateY(-3px)}
.slot img{width:100%;height:100%;object-fit:cover}
.slot__cap{position:absolute;inset:auto 0 0 0;padding:34px 8px 9px;text-align:center;background:linear-gradient(0deg,#0b172ff2 0%,#0b172fb3 55%,#0b172f00 100%)}
.slot__title{display:block;font-size:15px;font-weight:600;line-height:1.2;color:var(--foam)}
.slot__maker{display:block;font-size:11px;color:var(--mist);margin-top:2px}

/* ---------- studios ---------- */
.studios{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0;padding:0;list-style:none}
.studio{display:grid;place-items:center;height:80px;padding:12px 18px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--plank-hi),var(--plank));box-shadow:inset 0 0 0 1px #ffffff12,0 3px 0 #0a1b33;transition:filter .15s}
.studio:hover{filter:brightness(1.15)}
.studio img{max-height:40px;width:auto;max-width:100%;object-fit:contain}

/* ---------- loot (bonus cards) ---------- */
.loot{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}
.loot__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border-radius:var(--r-md);overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a}
.loot__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.loot__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b172f 8%,#0b172fcc 40%,#0b172f00 72%)}
.loot__body{padding:16px}
.loot__tag{display:inline-block;font-size:11px;font-weight:700;color:#2a1a00;background:var(--gold);border-radius:999px;padding:2px 9px;margin-bottom:8px}
.loot__title{display:block;font-size:17px;font-weight:700;line-height:1.25}
.loot__text{margin:6px 0 12px;font-size:13px;line-height:1.5;color:#dbe6fb}

/* ---------- bounty (promotions) ---------- */
.bounty{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}
.bounty__card{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:var(--hull);box-shadow:inset 0 0 0 1px #ffffff12}
.bounty__pic{background:#000;aspect-ratio:1/1}
.bounty__pic img{width:100%;height:100%;object-fit:cover}
.bounty__body{padding:14px 14px 16px}
.bounty__title{display:block;font-size:15px;font-weight:700}
.bounty__text{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--mist)}

/* ---------- log (editorial) ---------- */
.log{padding:56px 0 8px}
.log__panel{background:linear-gradient(180deg,#10223f,#0c1a33);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px #ffffff10;padding:36px 40px}
.log__part + .log__part{margin-top:48px;padding-top:44px;border-top:1px solid #ffffff12}
.log h2{margin:0 0 18px;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.log h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:var(--gold)}
.log p{margin:0 0 14px;color:#dbe4f5}
.log strong{color:var(--foam)}
.reef-list{margin:6px 0 4px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px}
.reef-list li{position:relative;padding:12px 14px 12px 40px;background:#ffffff08;border-radius:var(--r-sm);color:#dbe4f5;font-size:14px;line-height:1.55}
.reef-list li::before{content:"";position:absolute;left:14px;top:17px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe27a,var(--gold) 55%,#b9850d)}
.ledger{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
.ledger th,.ledger td{text-align:left;padding:10px 12px;border-bottom:1px solid #ffffff12}
.ledger th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mist);font-weight:600}
.ledger td:first-child{font-weight:600;color:var(--foam)}
.ledger td{color:#dbe4f5}

/* voices (player reviews) */
.shore-intro{margin-bottom:18px}
.voices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.voice{background:#ffffff08;border-radius:var(--r-md);padding:16px 18px;box-shadow:inset 0 0 0 1px #ffffff0d}
.voice__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.voice__head > div{flex:1;min-width:0}
.voice__avatar{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#2a1a00;background:radial-gradient(circle at 35% 30%,#ffe27a,var(--gold) 60%,#c48f0e)}
.log .voice__name{margin:0;font-size:14px;font-weight:700;color:var(--foam)}
.log .voice__meta{margin:0;font-size:12px;color:var(--mist)}
.voice__stars{color:var(--gold);font-size:13px;letter-spacing:1px;white-space:nowrap}
.log .voice__text{margin:0;font-size:14px;line-height:1.6}

/* faq */
.ask{border-radius:var(--r-sm);background:#ffffff08;margin-bottom:8px;box-shadow:inset 0 0 0 1px #ffffff0d}
.ask__q{list-style:none;cursor:pointer;padding:14px 46px 14px 16px;font-weight:600;font-size:15px;position:relative}
.ask__q::-webkit-details-marker{display:none}
.ask__q::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.ask[open] .ask__q::after{transform:translateY(-30%) rotate(-135deg)}
.ask__a{padding:0 16px 4px}
.log .ask__a p{font-size:14px}


/* ---------- chart components (editorial layout) ---------- */
.ico{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,#f6c21a2e,#f6c21a12);box-shadow:inset 0 0 0 1px #f6c21a40;position:relative}
.ico::before{content:"";width:22px;height:22px;background:var(--gold);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ico[data-i="licence"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22m8.5 12 2.5 2.5 4.5-5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3C/svg%3E")}
.ico[data-i="gift"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%225%22 rx=%221%22/%3E%3Crect x=%225%22 y=%2213%22 width=%2214%22 height=%228%22 rx=%221%22/%3E%3Cpath d=%22M12 8v13M12 8C9 8 7 6.5 8 4.8 9.3 2.9 12 6 12 8c0-2 2.7-5.1 4-3.2 1 1.7-1 3.2-4 3.2z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22/%3E%3C/svg%3E")}
.ico[data-i="spins"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M20 12a8 8 0 1 1-2.3-5.7%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M20 4v5h-5z%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3C/svg%3E")}
.ico[data-i="slots"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%223%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22M8 8v8M12 8v8M16 8v8%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3C/svg%3E")}
.ico[data-i="live"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22/%3E%3Cpath d=%22M12 3v3M12 18v3M3 12h3M18 12h3%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3C/svg%3E")}
.ico[data-i="crash"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M3 20 9 13l4 3 8-11%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M15 5h6v6z%22/%3E%3C/svg%3E")}
.ico[data-i="sport"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22m12 7.5 3.6 2.6-1.4 4.3H9.8l-1.4-4.3z%22/%3E%3C/svg%3E")}
.ico[data-i="card"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x=%222.5%22 y=%225%22 width=%2219%22 height=%2214%22 rx=%222.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22M2.5 9.5h19%22 stroke=%22%23000%22 stroke-width=%222.6%22/%3E%3Cpath d=%22M6 15h5%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3C/svg%3E")}
.ico[data-i="crypto"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22/%3E%3Cpath d=%22M10 7v10M13 7v2M13 15v2M9 8h5a2 2 0 0 1 0 4H9h6a2 2 0 0 1 0 4H9%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%221.8%22/%3E%3C/svg%3E")}
.ico[data-i="wallet"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M3 7a2 2 0 0 1 2-2h13v4%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%2213%22 rx=%222%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Ccircle cx=%2216.5%22 cy=%2213.5%22 r=%221.6%22/%3E%3C/svg%3E")}
.ico[data-i="chat"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M4 5h16v11H9l-5 4z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%229%22 cy=%2210.5%22 r=%221.2%22/%3E%3Ccircle cx=%2212%22 cy=%2210.5%22 r=%221.2%22/%3E%3Ccircle cx=%2215%22 cy=%2210.5%22 r=%221.2%22/%3E%3C/svg%3E")}
.ico[data-i="mobile"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x=%226.5%22 y=%222.5%22 width=%2211%22 height=%2219%22 rx=%222.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22M10.5 18h3%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3C/svg%3E")}
.ico[data-i="shield"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z%22/%3E%3C/svg%3E")}
.ico[data-i="lock"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x=%224.5%22 y=%2210%22 width=%2215%22 height=%2211%22 rx=%222%22/%3E%3Cpath d=%22M8 10V7a4 4 0 0 1 8 0v3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22/%3E%3C/svg%3E")}
.ico[data-i="star"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22m12 2.5 2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5-4.8-4.6 6.6-.9z%22/%3E%3C/svg%3E")}
.ico[data-i="chest"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M3 10a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v1H3z%22/%3E%3Crect x=%223%22 y=%2212%22 width=%2218%22 height=%228%22 rx=%221.5%22/%3E%3Crect x=%2210%22 y=%2210%22 width=%224%22 height=%225%22 rx=%221%22 fill=%22%23fff%22/%3E%3C/svg%3E")}
.ico[data-i="map"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2z%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22m14 10 3 3m0-3-3 3%22 stroke=%22%23000%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M6 15c2-1 3-3 6-3%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-dasharray=%222 2%22/%3E%3C/svg%3E")}
.ico[data-i="telegram"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M21.5 3.5 2.5 11l6 2.2 2.3 6.8 3.4-4.2 5 3.7z%22/%3E%3C/svg%3E")}
.ico[data-i="bolt"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M13 2 4 14h7l-1 8 9-12h-7z%22/%3E%3C/svg%3E")}
.ico[data-i="trophy"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M7 3h10v5a5 5 0 0 1-10 0z%22/%3E%3Cpath d=%22M7 5H3.5a3.5 3.5 0 0 0 3.8 4M17 5h3.5a3.5 3.5 0 0 1-3.8 4%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M10.5 13h3v4h-3zM7 19h10v2.5H7z%22/%3E%3C/svg%3E")}
.ico[data-i="clock"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22/%3E%3Cpath d=%22M12 7v5.5l3.5 2%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
.ico[data-i="check"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m7.5 12.5 3 3 6-6.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
.ico[data-i="compass"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229.5%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22m15.5 8.5-2 5-5 2 2-5z%22/%3E%3C/svg%3E")}
.ico[data-i="crown"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d=%22M3 8l4.5 4L12 5l4.5 7L21 8l-2 11H5z%22/%3E%3C/svg%3E")}
.ico[data-i="coins"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx=%229%22 cy=%227%22 rx=%226%22 ry=%223%22/%3E%3Cpath d=%22M3 7v4c0 1.7 2.7 3 6 3s6-1.3 6-3V7%22/%3E%3Cellipse cx=%2215%22 cy=%2215%22 rx=%226%22 ry=%223%22/%3E%3Cpath d=%22M9 15v3c0 1.7 2.7 3 6 3s6-1.3 6-3v-3%22/%3E%3C/svg%3E")}
.ico[data-i="anchor"]{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx=%2212%22 cy=%225%22 r=%222.2%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Cpath d=%22M12 7.2V21M8 11h8M4 13c0 4.5 3.6 8 8 8s8-3.5 8-8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
.log .lead{font-size:18px;line-height:1.65;color:#eef3fc;margin-bottom:22px}
.log .lead::first-line{color:var(--foam)}
.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:start;margin:8px 0 22px}
.split--rev{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
.split--rev > .split__side{order:-1}
.split__side img{width:100%;height:auto;border-radius:var(--r-md)}
.split__side > img[src*="mascotte"]{max-width:340px;margin:0 auto;border-radius:0;filter:drop-shadow(0 14px 24px #0008)}
.idcard{margin:0;padding:6px 20px;border-radius:var(--r-md);background:linear-gradient(180deg,#152c52,#10213f);box-shadow:inset 0 0 0 1px #f6c21a33,0 14px 30px #0005}
.idcard__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed #ffffff1c}
.idcard__row:last-child{border-bottom:0}
.idcard dt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mist);font-weight:500}
.idcard dt .ico{width:30px;height:30px;border-radius:8px}
.idcard dt .ico::before{width:16px;height:16px}
.idcard dd{margin:0;text-align:right;font-size:14px;font-weight:700;color:var(--foam)}
.statband{list-style:none;margin:10px 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.statband li{position:relative;overflow:hidden;padding:20px 18px;border-radius:var(--r-md);background:linear-gradient(160deg,#1d3a66 0%,#13284a 70%);box-shadow:inset 0 0 0 1px #ffffff14;text-align:center}
.statband li::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#f6c21a33,#f6c21a00 70%)}
.statband strong{display:block;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--gold)}
.statband span{display:block;margin-top:6px;font-size:13px;color:var(--mist)}
.steps{list-style:none;counter-reset:st;margin:14px 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.steps li{counter-increment:st;position:relative;padding:22px 18px 18px;border-radius:var(--r-md);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12}
.steps li::before{content:counter(st);display:grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:50%;font-weight:800;font-size:17px;color:#2a1a00;background:radial-gradient(circle at 35% 30%,#ffe27a,var(--gold) 60%,#c48f0e);box-shadow:0 0 0 5px #f6c21a1a}
.steps li:not(:last-child)::after{content:"";position:absolute;top:41px;right:-14px;width:14px;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 4px,transparent 4px 7px)}
.steps strong{display:block;font-size:16px;margin-bottom:4px}
.log .steps p{margin:0;font-size:14px;color:var(--mist)}
.tilecards{list-style:none;margin:12px 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tilecards:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
.tilecards--2,.tilecards--2:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
.split__side .tilecards--2{grid-template-columns:1fr;margin-top:0}
.tilecards li{padding:20px;border-radius:var(--r-md);background:linear-gradient(180deg,#16305a,#112446);box-shadow:inset 0 0 0 1px #ffffff12;transition:transform .2s,box-shadow .2s}
.tilecards li:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #f6c21a55,0 12px 26px #0006}
.tilecards strong{display:block;margin:14px 0 6px;font-size:16px;line-height:1.3}
.log .tilecards p{margin:0;font-size:14px;line-height:1.55;color:var(--mist)}
.piccards{list-style:none;margin:12px 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.piccards li{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:var(--hull);box-shadow:inset 0 0 0 1px #ffffff12}
.piccards img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#000}
.piccards li > div{padding:14px 16px 16px}
.piccards strong{display:block;font-size:15px;margin-bottom:4px}
.log .piccards p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mist)}
.thumbs{list-style:none;margin:10px 0 22px;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.thumbs:has(> li:nth-child(6):last-child){grid-template-columns:repeat(6,1fr)}
.thumbs:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr);max-width:640px}
.thumbs li{position:relative;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 6px 14px #0005}
.thumbs img{width:100%;aspect-ratio:216/282;object-fit:cover}
.thumbs span{position:absolute;inset:auto 0 0;padding:20px 6px 7px;text-align:center;font-size:12px;font-weight:600;line-height:1.2;background:linear-gradient(0deg,#0b172ff2,#0b172f00)}
.logostrip{list-style:none;margin:12px 0 8px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.logostrip li{display:grid;place-items:center;height:64px;padding:10px 16px;border-radius:var(--r-sm);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff10}
.logostrip img{max-height:32px;width:auto;max-width:100%;object-fit:contain;opacity:.9}
.paygrid{list-style:none;margin:12px 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.paygrid li{display:flex;flex-direction:column;align-items:flex-start;padding:4px 18px 18px;border-radius:var(--r-md);background:linear-gradient(180deg,#16305a,#112446);box-shadow:inset 0 0 0 1px #ffffff12}
.paygrid li > img{height:28px;width:auto;max-width:140px;margin:18px 0 14px}
.paygrid strong{font-size:16px}
.paygrid__cat{display:inline-block;margin:6px 0 8px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--gold);background:#f6c21a1a}
.log .paygrid p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mist)}
.callout{display:flex;gap:16px;align-items:flex-start;margin:14px 0 22px;padding:18px 20px;border-radius:var(--r-md);background:#ffffff08;box-shadow:inset 3px 0 0 var(--gold),inset 0 0 0 1px #ffffff10}
.log .callout p{margin:0;align-self:center}
.callout--gold{background:linear-gradient(120deg,#f6c21a26,#f6c21a0a 60%);box-shadow:inset 0 0 0 1px #f6c21a66,0 14px 30px #0004}
.callout--gold p{color:#fff6dc}
.bonushero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;margin:14px 0 26px;padding:30px 34px;border-radius:16px;isolation:isolate;background:linear-gradient(110deg,#0b172ff2 0%,#0b172fcc 45%,#0b172f66 100%),url(/img/decor/bonus-voilier-large.webp) center/cover;box-shadow:inset 0 0 0 1px #f6c21a59,0 20px 40px #0006}
.bonushero__main{display:flex;flex-direction:column;align-items:flex-start}
.bonushero__amt{font-size:64px;font-weight:800;line-height:1;letter-spacing:-.03em;white-space:nowrap;background:linear-gradient(180deg,#fff6c2,#ffd94d 40%,#f6c21a 62%,#de960a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #6b3f00)}
.bonushero__lbl{font-size:22px;font-weight:700;margin-top:4px}
.bonushero__plus{display:inline-block;margin:12px 0 22px;padding:6px 16px;border-radius:999px;font-size:18px;font-weight:600;background:#0b172fb3;box-shadow:inset 0 0 0 1.5px #f6c21a99}
.bonushero__plus b{color:var(--gold)}
.bonushero__side .thumbs{grid-template-columns:repeat(2,1fr);margin:0;max-width:300px;margin-left:auto}
.bonushero__side .thumbs li{transform:rotate(-4deg)}
.bonushero__side .thumbs li + li{transform:rotate(4deg) translateY(12px)}
.scorecard{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;margin:14px 0 24px;padding:24px 28px;border-radius:16px;background:linear-gradient(160deg,#17325c,#0f203e);box-shadow:inset 0 0 0 1px #ffffff14,0 16px 34px #0005}
.scorecard__total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;padding:22px 10px;border-radius:14px;text-align:center;background:radial-gradient(circle at 50% 30%,#f6c21a33,#f6c21a08 70%);box-shadow:inset 0 0 0 2px #f6c21a80}
.scorecard__total strong{font-size:58px;font-weight:800;line-height:1;color:var(--gold)}
.scorecard__total span{font-size:20px;font-weight:700;color:var(--mist);margin-left:4px}
.log .scorecard__total p{flex-basis:100%;margin:8px 0 0;font-size:13px;color:var(--mist)}
.scorecard__bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.scorecard__bars li{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 36px;gap:14px;align-items:center;font-size:14px}
.scorecard__bars i{display:block;height:9px;border-radius:9px;background:#ffffff14;position:relative;overflow:hidden}
.scorecard__bars i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:9px;background:linear-gradient(90deg,#de960a,var(--gold) 70%,#ffe27a)}
.scorecard__bars b{text-align:right;color:var(--foam)}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 22px}
.proscons > div{padding:18px 20px;border-radius:var(--r-md);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10}
.proscons__pro{box-shadow:inset 0 3px 0 #3ccf8e,inset 0 0 0 1px #ffffff10!important}
.proscons__con{box-shadow:inset 0 3px 0 var(--gold),inset 0 0 0 1px #ffffff10!important}
.log .proscons__h{margin:0 0 10px;font-weight:800;font-size:15px;color:var(--foam)}
.proscons ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.proscons li{position:relative;padding-left:26px;font-size:14px;line-height:1.5;color:#dbe4f5}
.proscons li::before{position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.proscons__pro li::before{content:"✓";background:#3ccf8e26;color:#3ccf8e}
.proscons__con li::before{content:"i";background:#f6c21a26;color:var(--gold)}
@media (max-width:1180px){
  .statband,.paygrid{grid-template-columns:repeat(2,1fr)}
  .tilecards,.tilecards:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
  .thumbs{grid-template-columns:repeat(4,1fr)}
  .logostrip{grid-template-columns:repeat(4,1fr)}
  .steps li::after{display:none}
}
@media (max-width:767px){
  .split,.split--rev,.bonushero,.scorecard,.proscons{grid-template-columns:1fr}
  .split--rev > .split__side{order:0}
  .tilecards,.tilecards:has(> li:nth-child(4):last-child),.tilecards--2{grid-template-columns:1fr}
  .thumbs,.thumbs:has(> li:nth-child(6):last-child){grid-template-columns:repeat(3,1fr)}
  .thumbs:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
  .logostrip{grid-template-columns:repeat(3,1fr)}
  .paygrid{grid-template-columns:1fr 1fr;gap:8px}
  .paygrid li{padding:4px 12px 14px}
  .statband strong{font-size:24px}
  .bonushero{padding:22px 18px}
  .bonushero__amt{font-size:48px}
  .bonushero__side .thumbs{margin:0 auto}
  .scorecard{padding:18px}
  .scorecard__bars li{grid-template-columns:minmax(0,1fr) 90px 30px;gap:10px;font-size:13px}
  .log .lead{font-size:16px}
  .log h2{font-size:21px}
}


/* ---------- feature (bonus de bienvenue), others, ticks, perks, finale ---------- */
.shelf.feature.log{padding:52px 0 6px}
.feature .feature__title{margin:0 0 18px;font-size:22px}
.feature .bonushero{margin-top:0}
.log .kicker{margin:18px 0 6px;font-weight:800;color:var(--gold)}
.ticks{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.ticks li{position:relative;padding-left:30px;font-size:15px;line-height:1.45;color:#eef3fc}
.ticks li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%232a1a00' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:0 0 0 4px #f6c21a1f}
.bonushero__plus{margin-bottom:18px}
.others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.others__card{display:flex;align-items:stretch;gap:0;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(180deg,#16305a,#112446);box-shadow:inset 0 0 0 1px #ffffff12;transition:transform .2s,box-shadow .2s}
.others__card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #f6c21a55,0 12px 26px #0006}
.others__card img{width:128px;height:128px;flex:none;object-fit:cover;background:#000}
.others__body{padding:14px 16px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.others__tag{align-self:flex-start;font-size:11px;font-weight:700;color:#2a1a00;background:var(--gold);border-radius:999px;padding:1px 9px;margin-bottom:6px}
.others__title{font-size:16px;font-weight:700;line-height:1.25}
.others__text{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--mist)}
.perks{list-style:none;counter-reset:pk;margin:12px 0 24px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.perks li{counter-increment:pk;position:relative;display:flex;flex-direction:column;gap:12px;padding:20px 18px 18px;border-radius:var(--r-md);background:linear-gradient(180deg,#16305a,#112446);box-shadow:inset 0 0 0 1px #ffffff12}
.perks li::after{content:counter(pk);position:absolute;top:12px;right:14px;font-size:40px;font-weight:800;line-height:1;color:#f6c21a26}
.perks strong{display:block;font-size:16px;line-height:1.3;margin-bottom:6px}
.log .perks p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mist)}
.finale{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;padding:30px 36px;border-radius:16px;isolation:isolate;background:linear-gradient(90deg,#0b172f66 0%,#0b172fe6 45%,#0b172ff2 100%),url(/img/decor/bonus-crique-large.webp) left center/cover;box-shadow:inset 0 0 0 1px #f6c21a59,0 20px 40px #0006}
.finale__mascot{width:100%;height:auto;filter:drop-shadow(0 14px 22px #0009)}
.finale .lead{margin-bottom:16px}
.log .finale__fine{margin:12px 0 0;font-size:12px;color:var(--mist)}
@media (max-width:1180px){
  .others{grid-template-columns:repeat(2,1fr)}
  .perks{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .others{grid-template-columns:1fr}
  .others__card img{width:104px;height:104px}
  .perks{grid-template-columns:1fr}
  .finale{grid-template-columns:1fr;padding:22px 18px;text-align:left}
  .finale__mascot{max-width:200px;margin:0 auto}
  .shelf.feature.log{padding-top:34px}
}

/* ---------- keel (footer) ---------- */
.keel{margin-top:56px;background:var(--helm);border-top:1px solid #ffffff0d}
.keel__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:40px 32px 28px}
.keel__logo{width:140px;height:auto;margin-bottom:16px}
.keel__legal{font-size:13px;line-height:1.65;color:#ffffffbf;margin:0 0 16px;max-width:560px}
.keel__badges{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.keel__badges img{height:36px;width:auto}
.keel__age{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #ffffffbf;font-size:12px;font-weight:800;color:#ffffffd9}
.keel__head{margin:0 0 12px;font-size:15px;font-weight:700}
.keel__links{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.keel__links a{font-size:14px;color:#ffffffbf}
.keel__links a:hover{color:var(--foam)}
.keel__base{border-top:1px solid #ffffff0d;padding:16px 32px 22px;font-size:12px;color:#ffffff99}
.keel__base p{margin:0}

/* ---------- dock (mobile nav) ---------- */
.dock{display:none}
.shade{display:none}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .reel{grid-template-columns:repeat(6,1fr)}
  .reel > li:nth-child(n+13){display:none}
  .loot,.bounty{grid-template-columns:repeat(2,1fr)}
  .loot__card{min-height:260px}
}
@media (max-width:1023px){
  :root{--helm-w:0px}
  .helm{width:270px;transform:translateX(-100%);transition:transform .25s;box-shadow:8px 0 30px #0008}
  body.helm-open .helm{transform:none}
  .shade{display:block;position:fixed;inset:0;background:#0009;z-index:35;opacity:0;pointer-events:none;transition:opacity .2s}
  body.helm-open .shade{opacity:1;pointer-events:auto}
  .deck{left:0;height:56px;padding:0 12px;background:var(--sea);box-shadow:0 1px 0 #ffffff0f}
  .deck__menu{display:none}
  .helm__fold{display:grid}
  .deck__mark{display:block}
  .deck__mark img{width:96px;height:auto}
  .deck__acts{display:flex;gap:8px}
  .wrap{padding:0 16px}
  .tide{--tide-h:auto;height:auto;align-items:flex-end}
  .tide__stage{width:905px;height:330px;top:56px;bottom:auto;left:calc(72% - 681px)}
  .tide__body{padding-top:350px;padding-bottom:24px}
  .tide::after{background:linear-gradient(0deg,#0e1e3d 0%,#0e1e3d 40%,#0e1e3d00 58%)}
  .tide__eyebrow{font-size:12px;margin-bottom:12px}
  .tide__plus-ico{width:28px;height:28px;font-size:19px}
  .tide__lede{font-size:15px;margin:14px 0 20px}
  .tide .btn--lg{min-width:0;width:100%;max-width:340px}
  .coins img{height:22px}
  .coins li{height:52px}
  .coins{grid-template-columns:repeat(4,1fr);gap:4px}
  .studios{grid-template-columns:repeat(3,1fr)}
  .voices{grid-template-columns:1fr 1fr}
  .keel__grid{grid-template-columns:1fr;padding:32px 16px 20px;gap:28px}
  .keel__base{padding:14px 16px 90px}
  .dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;height:62px;background:var(--sea);border-top:1px solid #ffffff14;padding-bottom:env(safe-area-inset-bottom)}
  .dock a,.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--mist)}
  .dock svg{width:20px;height:20px;color:var(--gold)}
  .dock .is-on{color:var(--foam)}
}
@media (max-width:767px){
  body{font-size:14px}
  .reel{grid-template-columns:repeat(4,1fr);gap:8px}
  .shelf{padding-top:32px}
  .shelf__bar{margin-bottom:16px}
  .shelf__name{font-size:18px}
  .reel > li:nth-child(n+9){display:none}
  .slot__title{font-size:12px}
  .slot__maker{display:none}
  .studios{grid-template-columns:repeat(2,1fr)}
  .studio{height:64px}
  .loot,.bounty{grid-template-columns:1fr}
  .bounty{grid-template-columns:1fr 1fr;gap:10px}
  .bounty__body{padding:10px 10px 12px}
  .bounty__text{display:none}
  .log{padding-top:40px}
  .log__panel{padding:24px 16px;border-radius:0;margin:0 -16px}
  .log h2{font-size:19px}
  .reef-list{grid-template-columns:1fr}
  .voices{grid-template-columns:1fr}
  .ledger{font-size:13px}
  .ledger th,.ledger td{padding:9px 6px}
  .deck .btn{height:32px;padding:0 10px;font-size:12px}
}
@media (max-width:420px){
  .reel{grid-template-columns:repeat(3,1fr)}
  .reel > li:nth-child(n+7){display:none}
  .deck__mark img{width:80px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (min-width:1024px){
  body.helm-mini{--helm-w:72px}
  body.helm-mini .helm__brand img{width:44px;height:44px;object-fit:cover;object-position:0 50%}
  body.helm-mini .helm__label{font-size:0;padding:14px 0 6px}
  body.helm-mini .helm__link{font-size:0;justify-content:center;gap:0}
  .helm,.deck,.hold{transition:width .2s,left .2s,margin-left .2s}
}