/*
 * CodexKR All Rummy Store — release skin.
 * Loaded last so the theme keeps the proven responsive structure while this
 * file supplies the green/gold 3D brand treatment and compact mobile heroes.
 */
:root{
  --ar-green:#18c66a;
  --ar-green-dark:#08783f;
  --ar-lime:#97ec52;
  --ar-gold:#f7bd38;
  --ar-ink:#06170f;
  --ar-panel:#0a2418;
  --ar-line:rgba(22,139,75,.16);
  --ar-shadow:0 18px 48px rgba(5,59,31,.12);
}

body{
  background:
    radial-gradient(circle at 8% 13%,rgba(53,214,119,.055),transparent 22rem),
    linear-gradient(180deg,#fff 0,#f7fbf8 72%,#fff 100%);
}

.ckr-v2-home .ckr-v2-hero,
.ckr-v2-game .ckr-v2-hero{
  background:
    radial-gradient(circle at 74% 42%,rgba(120,235,98,.23),transparent 26%),
    radial-gradient(circle at 88% 10%,rgba(247,189,56,.18),transparent 21%),
    linear-gradient(125deg,#02150c 0%,#06311b 54%,#17120a 100%);
  border-bottom:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 -1px rgba(255,255,255,.08),0 20px 50px rgba(2,31,17,.2);
}

.ckr-v2-home .ckr-v2-hero:before,
.ckr-v2-game .ckr-v2-hero:before{
  opacity:.58;
  background-image:
    linear-gradient(rgba(132,235,157,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(132,235,157,.055) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent,#000 35%,#000);
}

.ckr-v2-home .ckr-v2-hero:after,
.ckr-v2-game .ckr-v2-hero:after{
  background:radial-gradient(circle,rgba(255,207,78,.9) 0 1px,transparent 1.6px);
  background-size:33px 33px;
  opacity:.17;
}

.ckr-v2-home .ckr-v2-kicker,
.ckr-v2-game .ckr-v2-hero-copy strong,
.ckr-v2-section-head a,
.ckr-v2-downloads__head a{color:#77e79a}

.ckr-v2-home .ckr-v2-hero h1 span{
  color:var(--ar-gold);
  text-shadow:0 0 28px rgba(247,189,56,.2);
}

.ckr-v2-home .ckr-v2-hero__art:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:auto 8% 0 8%;
  height:28%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(27,218,103,.35),transparent 66%);
  filter:blur(18px);
}

.ckr-v2-home .ckr-v2-hero__art img{
  z-index:2;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.46));
}

.ckr-v2-home .ckr-v2-float{
  border:1px solid rgba(255,224,125,.48);
  background:linear-gradient(145deg,#fff5c7,#f4a91e 55%,#744107);
  box-shadow:inset 0 2px 5px rgba(255,255,255,.8),0 13px 30px rgba(0,0,0,.35);
  color:#152718;
}

.ckr-v2-hero-search,
.ckr-v2-stats,
.ckr-v2-categories,
.ckr-v2-downloads,
.ckr-v2-card{
  box-shadow:var(--ar-shadow);
}

.ckr-v2-hero-search button,
.ckr-v2-download-btn,
.ckr-v2-btn-download,
.ckr-v2-tabs-download{
  background:linear-gradient(135deg,#22d87b,#0b9b50 68%,#08713c)!important;
  border-color:#22d87b!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 10px 24px rgba(10,150,76,.25)!important;
}

.ckr-v2-btn-mix{
  background:linear-gradient(135deg,#fbd363,#e49b15)!important;
  border-color:#fbd363!important;
  color:#1a250f!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 10px 24px rgba(181,119,9,.22)!important;
}

.ckr-v2-stat>span,
.ckr-v2-category-rail>a>span,
.ckr-v2-feature-grid>article>span,
.ckr-v2-overview-grid .ckr-icon{
  background:linear-gradient(145deg,#f1fff5,#c8f6d7)!important;
  color:#0b9c51!important;
  box-shadow:inset 0 1px #fff,0 8px 18px rgba(11,123,64,.13);
}

.ckr-v2-category-rail>a{
  border-color:var(--ar-line);
  background:linear-gradient(145deg,#fff,#f5fbf7);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ckr-v2-category-rail>a:hover{
  transform:translateY(-4px);
  border-color:#59d48c;
  box-shadow:0 14px 28px rgba(8,108,56,.13);
}

.ckr-v2-game-row.is-featured,
.ckr-v2-game-row:hover{
  border-color:#4fd184!important;
  background:linear-gradient(90deg,rgba(231,252,239,.94),#fff)!important;
}

.ckr-v2-row-badge,
.ckr-v2-filter-row button.is-active{
  background:linear-gradient(135deg,#19c96b,#098f49)!important;
  color:#fff!important;
}

/* Game hero: keep the supplied presenter elegant and add a live game-logo
 * phone. ckr_app_icon() is filterable, so Part 2's animated logo plugin also
 * appears here without another template edit. */
.ckr-v2-game .ckr-v2-hero-logo .ckr-app-icon{
  border-color:#efc14c;
  background:linear-gradient(145deg,#174d29,#06190f);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.22),0 18px 42px rgba(0,0,0,.38),0 0 30px rgba(244,190,57,.13);
}

.ckr-v2-game .ckr-v2-presenter{
  isolation:isolate;
  overflow:visible;
}
.ckr-v2-game .ckr-v2-presenter>img{
  z-index:1;
  position:relative;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.55));
  mix-blend-mode:lighten;
}
.ckr-v2-presenter-phone{
  position:absolute;
  z-index:4;
  right:-5px;
  top:23%;
  width:100px;
  aspect-ratio:10/19;
  padding:7px;
  border:2px solid #dfb541;
  border-radius:20px;
  background:linear-gradient(145deg,#172018,#020503);
  box-shadow:inset 0 0 0 2px #000,0 16px 32px rgba(0,0,0,.5),0 0 22px rgba(244,190,57,.23);
  transform:rotate(7deg);
}
.ckr-v2-presenter-phone:before{
  content:"";
  position:absolute;
  z-index:2;
  top:4px;
  left:50%;
  width:33%;
  height:4px;
  border-radius:10px;
  background:#090d0a;
  transform:translateX(-50%);
}
.ckr-v2-presenter-phone-screen{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  height:100%;
  padding:7px 5px;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 50% 28%,rgba(98,238,120,.32),transparent 45%),
    linear-gradient(160deg,#06311b,#03170c 65%,#0e341d);
  color:#fff;
  text-align:center;
}
.ckr-v2-presenter-phone-screen .ckr-app-icon{
  width:54px!important;
  height:54px!important;
  border:1px solid rgba(255,223,107,.8)!important;
  border-radius:13px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
}
.ckr-v2-presenter-phone-screen b{
  max-width:100%;
  font-size:8px;
  line-height:1.15;
  color:#ffe485;
  overflow-wrap:anywhere;
}

.ckr-v2-trust-row{
  border:1px solid rgba(133,231,161,.16)!important;
  background:rgba(4,36,20,.84)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(15px);
}
.ckr-v2-trust-row>div>span{
  background:linear-gradient(145deg,rgba(47,218,112,.26),rgba(237,187,45,.17))!important;
  color:#72ed9e!important;
}

.ckr-v2-stats{
  border-color:var(--ar-line)!important;
}
.ckr-v2-tabs a:first-child,
.ckr-v2-tabs a:hover{color:#0c9d51!important}

.ckr-v2-section-heading>div>span,
.ckr-v2-reviewed-badge{color:#099e51!important}

.ckr-content-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 520px;
}

@media(max-width:820px){
  .ckr-v2-presenter-phone{right:-1px;top:26%;width:78px;border-radius:16px;padding:6px}
  .ckr-v2-presenter-phone-screen{border-radius:10px}
  .ckr-v2-presenter-phone-screen .ckr-app-icon{width:40px!important;height:40px!important;border-radius:10px!important}
  .ckr-v2-presenter-phone-screen b{font-size:6px}
}

@media(max-width:600px){
  .ckr-v2-home .ckr-v2-hero{
    min-height:560px;
    border-radius:0 0 26px 26px;
  }
  .ckr-v2-home .ckr-v2-hero__inner{min-height:560px}
  .ckr-v2-home .ckr-v2-hero__copy{padding-top:25px}
  .ckr-v2-home .ckr-v2-hero h1{max-width:59%;font-size:clamp(27px,8vw,34px)}
  .ckr-v2-home .ckr-v2-hero__lead{position:relative;z-index:6;max-width:58%;font-size:11px;line-height:1.5}
  .ckr-v2-home .ckr-v2-hero__art{z-index:3;right:-26px;top:48px;width:58%;height:310px}
  .ckr-v2-home .ckr-v2-hero__art img{height:285px;object-position:center top}
  .ckr-v2-home .ckr-v2-hero-search{top:210px}
  .ckr-v2-home .ckr-v2-hero-trust{top:275px}
  .ckr-v2-home .ckr-v2-hero-trust>span{background:rgba(3,32,18,.78);border-color:rgba(117,223,150,.2)}

  .ckr-v2-game .ckr-v2-hero-inner{
    grid-template-columns:min(76px,var(--ckr-game-logo-mobile,84px)) minmax(0,1fr) 96px;
  }
  .ckr-v2-game .ckr-v2-presenter{height:min(158px,var(--ckr-game-presenter-mobile,165px))}
  .ckr-v2-game .ckr-v2-presenter>img{height:184px;mix-blend-mode:lighten}
  .ckr-v2-presenter-phone{right:-2px;top:34%;width:55px;padding:4px;border-width:1px;border-radius:11px}
  .ckr-v2-presenter-phone:before{top:2px;height:2px}
  .ckr-v2-presenter-phone-screen{gap:3px;padding:4px 2px;border-radius:7px}
  .ckr-v2-presenter-phone-screen .ckr-app-icon{width:29px!important;height:29px!important;border-radius:7px!important}
  .ckr-v2-presenter-phone-screen b{font-size:4.8px}
  .ckr-v2-game .ckr-v2-summary{background:rgba(4,33,19,.5);padding:7px 9px;border-radius:8px}
}

@media(prefers-reduced-motion:reduce){
  .ckr-v2-category-rail>a{transition:none}
}

.ckr-contact-promotion{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px auto;padding:28px;background:linear-gradient(135deg,#ecfff7,#fff9e7);border:1px solid rgba(8,127,91,.2)}
.ckr-contact-promotion h2{margin:.35rem 0}.ckr-contact-promotion p{max-width:780px}.ckr-contact-promotion .ckr-button{flex:0 0 auto}
@media(max-width:720px){.ckr-contact-promotion{align-items:stretch;flex-direction:column;padding:20px}.ckr-contact-promotion .ckr-button{justify-content:center;width:100%}}