/* WorldCasino UZ — Samarkand tile palette, mobile-first. */
:root{
  --sand:#f5ede0; --sand-2:#ece0ca; --paper:#fffaf2;
  --lapis:#15326b; --lapis-2:#0d2250; --ink:#1c2333; --muted:#566077;
  --turq:#1f9ea3; --turq-ink:#0d7076; --saffron:#e3a42b; --saffron-2:#c98a14;
  --clay:#b0492a; --line:#e2d4bc; --ok:#1d7a4a; --no:#9a3b25;
  --r:14px; --r-sm:9px;
  --shadow:0 1px 0 rgba(21,50,107,.05),0 10px 26px -16px rgba(21,50,107,.35);
  --f-display:"Unbounded","Segoe UI",Tahoma,sans-serif;
  --f-body:"Onest","Segoe UI",Tahoma,system-ui,sans-serif;
  --wrap:1120px; --text:68ch;
  --tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%2315326b' stroke-opacity='.09' stroke-width='1.2'%3E%3Cpath d='M28 6l6.5 15.5L50 28l-15.5 6.5L28 50l-6.5-15.5L6 28l15.5-6.5z'/%3E%3Cpath d='M28 16l3.6 8.4L40 28l-8.4 3.6L28 40l-3.6-8.4L16 28l8.4-3.6z'/%3E%3C/g%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;-webkit-tap-highlight-color:rgba(21,50,107,.15)}
a,button,summary{touch-action:manipulation}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
td{font-variant-numeric:tabular-nums}
body{margin:0;background:var(--sand);color:var(--ink);font:400 17px/1.62 var(--f-body)}
img,svg{max-width:100%;height:auto}
a{color:var(--turq-ink);text-underline-offset:3px}
a:hover{color:var(--lapis)}
:focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px;top:8px;background:var(--lapis);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}
h1,h2,h3{font-family:var(--f-display);color:var(--lapis);line-height:1.22;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(1.55rem,5.4vw,2.55rem);font-weight:700;margin:.2em 0 .45em}
h2{font-size:clamp(1.22rem,3.6vw,1.65rem);font-weight:600;margin:2.1em 0 .6em}
h3{font-size:1.08rem;font-weight:600;margin:1.5em 0 .45em}
p,ul,ol{margin:0 0 1em}
li{margin:.25em 0}
.muted{color:var(--muted)}
.small{font-size:.88rem}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.site-header::after{content:"";display:block;height:5px;background:repeating-linear-gradient(90deg,var(--lapis) 0 18px,var(--turq) 18px 30px,var(--saffron) 30px 38px,var(--turq) 38px 50px)}
.bar{display:flex;align-items:center;gap:14px;min-height:62px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--lapis);font:700 1.02rem/1 var(--f-display);white-space:nowrap}
.logo svg{flex:none}
.logo b{color:var(--turq-ink);font-weight:700}
.age{margin-left:auto;flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--clay);color:var(--clay);font:700 .8rem/1 var(--f-display)}
.nav-toggle{flex:none;appearance:none;background:transparent;border:1.5px solid var(--line);border-radius:10px;width:44px;height:42px;display:grid;place-items:center;cursor:pointer;color:var(--lapis);font:inherit}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;content:""}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.primary-nav{display:none}
.primary-nav a,.primary-nav summary{display:block;padding:12px 4px;color:var(--ink);text-decoration:none;font-weight:600;cursor:pointer}
.primary-nav a[aria-current="page"]{color:var(--turq-ink)}
.primary-nav details summary{list-style:none}
.primary-nav details summary::-webkit-details-marker{display:none}
.primary-nav details summary::after{content:" ▾";color:var(--muted);font-size:.85em}
.primary-nav details div a{font-weight:500;padding-left:16px}
@media (max-width:900px){
  .nav-toggle[aria-expanded="true"] ~ .primary-nav{display:flex;flex-direction:column;position:fixed;inset:67px 0 0;z-index:60;background:var(--paper);padding:10px 22px calc(40px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}
  .primary-nav > a,.primary-nav > details{border-bottom:1px solid var(--line)}
  html.nav-open{overflow:hidden}
}
@media (min-width:901px){
  .nav-toggle{display:none}
  .primary-nav{display:flex;align-items:center;gap:6px;margin-left:18px}
  .primary-nav a,.primary-nav summary{padding:8px 11px;border-radius:8px;font-size:.95rem}
  .primary-nav a:hover,.primary-nav summary:hover{background:var(--sand)}
  .primary-nav details{position:relative}
  .primary-nav details > div{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:70}
  .primary-nav details div a{padding:9px 12px}
  .age{margin-left:14px}
  .bar .spacer{margin-left:auto}
}

/* hero / page head */
.hero{background:var(--tile),linear-gradient(180deg,var(--paper),var(--sand));border-bottom:1px solid var(--line)}
.hero .wrap{padding-top:26px;padding-bottom:26px}
.crumbs{font-size:.86rem;color:var(--muted);margin:0 0 6px}
.crumbs a{color:var(--muted)}
.lead{font-size:1.07rem;max-width:var(--text)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0 4px;padding:0;list-style:none}
.facts li{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;margin:0}
.facts b{display:block;font:700 1.12rem/1.2 var(--f-display);color:var(--lapis)}
.facts span{font-size:.84rem;color:var(--muted)}
.hero .reveal{animation:rise .6s ease both}
.hero .reveal:nth-child(2){animation-delay:.06s}.hero .reveal:nth-child(3){animation-delay:.12s}.hero .reveal:nth-child(4){animation-delay:.18s}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* layout */
main{display:block}
.content{padding:8px 0 40px}
.prose{max-width:var(--text)}
.prose > h2:first-child{margin-top:1.2em}
.two{display:grid;gap:18px}
@media (min-width:860px){.two{grid-template-columns:1fr 1fr}}

/* disclosure */
.disclosure{display:flex;gap:10px;align-items:flex-start;background:#fff4dc;border:1px solid #ecd39b;border-radius:var(--r-sm);padding:10px 13px;font-size:.9rem;margin:18px 0}
.disclosure strong{color:var(--saffron-2);font-family:var(--f-display);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;flex:none;margin-top:2px}

/* rating cards */
.rating{list-style:none;padding:0;margin:14px 0;display:grid;gap:14px}
.card{position:relative;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--lapis);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 16px 14px;display:grid;gap:10px}
.card:nth-child(2){border-top-color:var(--turq)}.card:nth-child(3){border-top-color:var(--saffron)}
.card-head{display:flex;align-items:center;gap:12px}
.rank{flex:none;width:46px;height:46px;display:grid;place-items:center;color:#fff;font:700 1rem/1 var(--f-display);background:var(--lapis);clip-path:polygon(50% 0,63% 25%,93% 21%,78% 48%,100% 71%,69% 76%,57% 100%,50% 82%,43% 100%,31% 76%,0 71%,22% 48%,7% 21%,37% 25%)}
.card:nth-child(2) .rank{background:var(--turq-ink)}.card:nth-child(3) .rank{background:var(--saffron-2)}
.card h3{margin:0;font-size:1.12rem;overflow-wrap:anywhere}
.card-head > div{min-width:0}
.card .sub{font-size:.86rem;color:var(--muted);margin:2px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chips li{margin:0;font-size:.8rem;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--sand);border:1px solid var(--line)}
.chips .yes{background:#e3f3ea;border-color:#bfe0cc;color:var(--ok)}
.chips .no{background:#f8e6df;border-color:#ebc8bb;color:var(--no)}
.bonus{font-weight:600;color:var(--lapis)}
.card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;background:var(--saffron);color:var(--lapis-2);font:700 .95rem/1 var(--f-display);text-decoration:none;border:0;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.btn:hover{background:#f0b440;color:var(--lapis-2)}
.btn.ghost{background:transparent;border:1.5px solid var(--lapis);color:var(--lapis);box-shadow:none}
.btn.ghost:hover{background:var(--lapis);color:#fff}
.card .terms{font-size:.8rem;color:var(--muted)}
@media (min-width:760px){
  .card{grid-template-columns:1.2fr 1fr auto;align-items:center;column-gap:22px}
  .card .chips{grid-column:2}
  .card .card-foot{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:stretch;text-align:center}
  .card .bonus-wrap{grid-column:1 / span 2}
}

/* table */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);margin:12px 0 20px}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--f-display);font-weight:600;font-size:.8rem;color:var(--lapis);background:var(--sand-2);white-space:nowrap}
tr:last-child td{border-bottom:0}
td.y{color:var(--ok);font-weight:600}td.n{color:var(--no);font-weight:600}

/* boxes */
.box{border-radius:var(--r);padding:16px 18px;margin:18px 0;background:var(--paper);border:1px solid var(--line)}
.box h2,.box h3{margin-top:0}
.box.key{background:var(--tile),var(--paper);border:2px solid var(--lapis)}
.box.key ul{margin:0;padding-left:1.1em}
.box.note{border-left:5px solid var(--turq)}
.box.warn{border-left:5px solid var(--clay);background:#fff6f1}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding-left:42px;margin:.7em 0}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--lapis);color:#fff;font:700 .85rem/1 var(--f-display)}
.calc-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:14px 0}
.tile{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);transition:transform .15s ease}
.tile:hover{transform:translateY(-2px);color:var(--ink)}
.tile b{display:block;font:600 1rem/1.3 var(--f-display);color:var(--lapis);margin-bottom:4px}

/* illustrations */
.fig{margin:20px 0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--sand-2);max-width:var(--text)}
.fig img{display:block;width:100%;height:auto;aspect-ratio:3/2}

/* faq */
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);margin:8px 0;padding:0 14px}
.faq summary{cursor:pointer;padding:13px 0;font-weight:600;color:var(--lapis)}
.faq details[open] summary{border-bottom:1px solid var(--line);margin-bottom:10px}

/* demo */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.filters button{appearance:none;font:600 .86rem/1 var(--f-body);padding:9px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.filters button:hover{border-color:var(--lapis)}
.filters button[aria-pressed="true"]{background:var(--lapis);border-color:var(--lapis);color:#fff}
.game-body h3{margin:0;font-size:1rem}
.games{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.game{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.game-art{aspect-ratio:16/6;display:grid;place-items:center;text-align:center;padding:12px;color:#fff;font:700 1.05rem/1.2 var(--f-display);background:var(--tile),linear-gradient(135deg,var(--lapis),var(--turq-ink))}
.game:nth-child(3n+2) .game-art{background:var(--tile),linear-gradient(135deg,var(--turq-ink),#146b4e)}
.game:nth-child(3n) .game-art{background:var(--tile),linear-gradient(135deg,#8c3a1f,var(--saffron-2))}
.game-body{padding:12px 13px 14px;display:grid;gap:8px;flex:1}
.game-body dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:.84rem}
.game-body dt{color:var(--muted)}
.game-body dd{margin:0;font-weight:600}
.game .btn{min-height:40px;font-size:.86rem;margin-top:auto}
dialog.player{width:min(1000px,100vw);max-width:100vw;max-height:100dvh;padding:0 0 env(safe-area-inset-bottom);border:0;border-radius:14px;background:var(--lapis-2);color:#fff;overscroll-behavior:contain}
dialog.player::backdrop{background:rgba(9,18,40,.72)}
.player-head{display:flex;align-items:center;gap:10px;padding:10px 12px}
.player-head b{font-family:var(--f-display);font-size:.95rem}
.player-head button{margin-left:auto;appearance:none;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:10px;min-width:44px;min-height:40px;cursor:pointer;font:600 .9rem/1 var(--f-body)}
.player-frame{position:relative;aspect-ratio:16/9;background:#000}
.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:700px){dialog.player{border-radius:0;height:100dvh}.player-frame{aspect-ratio:auto;height:calc(100dvh - 60px)}}

/* responsible gaming + footer */
.rg{background:#fdf1ea;border-top:4px solid var(--clay)}
.rg .wrap{padding-top:22px;padding-bottom:22px;display:grid;gap:8px}
.rg h2{margin:0;font-size:1.1rem;color:var(--clay)}
.rg p{margin:0;max-width:var(--text)}
.site-footer{background:var(--lapis-2);color:#dfe6f5;font-size:.92rem}
.site-footer::before{content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,var(--saffron) 0 10px,transparent 10px 16px,var(--turq) 16px 26px,transparent 26px 32px)}
.site-footer .wrap{padding-top:28px;padding-bottom:28px;display:grid;gap:22px}
.site-footer a{color:#fff}
.site-footer h2{color:#fff;font-size:.95rem;margin:0 0 8px}
.site-footer ul{list-style:none;padding:0;margin:0}
.foot-cols{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.legal{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;color:#b9c4dd;font-size:.84rem}