:root{
  --bg:var(--skin-bg,#FFEFD4);
  --bg-deep:var(--skin-bg-deep,#F7DFB4);
  --card:var(--skin-card,#FFFCF2);
  --ink:var(--skin-ink,#1E170E);
  --muted:var(--skin-muted,#7A6A54);
  --line:rgba(34,28,20,.14);
  --edge:#E8CE9C;
  --green:#1FA35C;
  --green-d:#136B3B;
  --green-hi:#35D07F;
  --gold:var(--skin-gold,#FFB020);
  --gold-d:var(--skin-gold-d,#C9820B);
  --tomato:var(--skin-tomato,#F0512F);
  --sky:var(--skin-sky,#2E86C7);
  --coin:linear-gradient(180deg,#FFD978,#E9A83B);
  --shadow:0 3px 0 var(--edge), 0 8px 20px rgba(80,58,26,.10);
  --shadow-sm:0 2px 0 var(--edge), 0 4px 12px rgba(80,58,26,.08);
  --r-lg:14px;
  --r-md:10px;
  --safe-b:calc(max(0px, env(safe-area-inset-bottom,0px) - (100vh - var(--screen-h) * var(--screen-s,1)) / 2) / var(--screen-s,1));
  --nav-h:calc(66px + var(--safe-b));
  --screen-w:450px;
  --screen-h:800px;
  --vw:calc(var(--screen-w) / 100);
  --vh:calc(var(--screen-h) / 100);
  --sheet-h:calc(53 * var(--vh));
  --hud-h:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{color-scheme:only light}
html{font-size:calc(16px * var(--text-scale,1))}
html,body{height:100%}
html{overscroll-behavior:none}
body{
  margin:0;
  font-family:var(--font-pixel);
  font-size-adjust:.53;
  font-synthesis:none;
  background:var(--stage-art),var(--bg-deep);
  color:var(--ink);
  line-height:1.5;
  overflow:hidden;
  overscroll-behavior:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  touch-action:manipulation;
}
h1,h2,h3{margin:0;line-height:1.2}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
img,svg{max-width:100%}
img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
[hidden]{display:none !important}
*{scrollbar-width:thin;scrollbar-color:rgba(36,31,25,.18) transparent}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent;border:0}
::-webkit-scrollbar-thumb{background:rgba(36,31,25,.18);border:0;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(36,31,25,.3)}
::-webkit-scrollbar-corner{background:transparent}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:var(--r-md)}
:root{
  --stage-art:
    radial-gradient(90% 60% at 85% 0%,#FFDD9B 0%,rgba(255,221,155,0) 58%),
    radial-gradient(80% 60% at 10% 100%,#C9EED6 0%,rgba(201,238,214,0) 58%),
    repeating-linear-gradient(45deg,rgba(233,168,59,.05) 0 22px,transparent 22px 44px);
}
.screen{
  position:fixed;
  top:50%;
  left:50%;
  width:var(--screen-w);
  height:var(--screen-h);
  transform:translate(-50%,-50%) scale(var(--screen-s,1));
  transform-origin:50% 50%;
  overflow:hidden;
  background:var(--bg);
  box-shadow:0 30px 80px rgba(60,40,10,.28),0 0 0 1px rgba(36,31,25,.06);
}
.app{
  position:relative;
  height:100%;
  width:100%;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  background:var(--bg);
  overflow:hidden;
}
.hud{
  flex:none;
  min-height:var(--hud-h);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:6px;
  padding:8px 11px 11px;
  background:linear-gradient(180deg,#FFF8EC,#FFF3E2);
  border-block-end:1px solid var(--line);
  position:relative;
  z-index:20;
}
.hud-main{
  grid-column:2;
  grid-row:1;
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-width:0;
}
.hud-money{
  font-size:clamp(1.05rem,calc(4.6 * var(--vw)),1.65rem);
  font-weight:800;
  color:var(--green-d);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  line-height:1.12;
  white-space:nowrap;
  display:block;
  min-inline-size:7ch;
  max-inline-size:100%;
  overflow:hidden;
  text-align:center;
}
.hud-money.bump{animation:moneyPop .25s ease}
.hud-rate{
  font-size:.82rem;
  font-weight:600;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  white-space:nowrap;
  display:block;
  min-inline-size:9ch;
  text-align:center;
}
.hud-tags-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
  max-width:100%;
}
.hud-tags{
  min-width:0;
  grid-column:1;
  grid-row:1;
  justify-self:start;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
}
.hud .sound-btn{grid-column:3;justify-self:end}
.price-chip{
  position:absolute;
  bottom:10px;
  inset-inline-end:10px;
  z-index:200;
  box-shadow:0 3px 10px rgba(80,58,26,.18);
  pointer-events:none;
}
.hud-mini{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:5px 12px;
  font-size:.78rem;
  color:var(--muted);
  box-shadow:var(--shadow-sm);
  white-space:nowrap;
}
.hud-mini b{color:var(--ink)}
.sound-btn{
  flex:none;
  width:36px;height:36px;
  border:1px solid var(--line);
  border-radius:var(--r-md);
  background:#fff;
  font-size:1rem;
  line-height:1;
  box-shadow:0 2px 0 rgba(36,31,25,.08);
  transition:transform .1s ease;
}
.sound-btn:active{transform:translateY(1px)}
.stage{
  flex:none;
  position:relative;
  padding:10px 14px 0;
  z-index:5;
}
.scene-box{
  position:relative;
  isolation:isolate;
  height:200px;
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--shadow);
  background:var(--bg-deep);
  cursor:pointer;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
}
.scene-wrap{--frame-px:3;position:relative;flex:none;width:100%}
.scene-wrap::before{
  position:absolute;
  inset:calc(-2px * var(--frame-px));
  z-index:30;
  pointer-events:none;
  border:calc(6px * var(--frame-px)) solid transparent;
  border-image-slice:6;
  border-image-repeat:stretch;
  image-rendering:pixelated;
}
.scene-box.bump{animation:sceneBump .18s ease}
.scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.scene-img{
  position:absolute;
  z-index:10;
  inset:0;
  width:100%;
  height:100%;
  image-rendering:pixelated;
  object-fit:cover;
  object-position:center center;
  transition:filter .8s ease;
}
.box-btn{
  position:absolute;
  top:8px;
  right:8px;
  z-index:6;
  width:38px;height:38px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  animation:boxBob 2.4s ease-in-out infinite;
}
.box-art{
  display:block;
  width:100%;height:100%;
  image-rendering:pixelated;
  background:
    linear-gradient(#F5C33B,#F5C33B) 42% 0 / 16% 100% no-repeat,
    linear-gradient(#F5C33B,#F5C33B) 0 40% / 100% 16% no-repeat,
    linear-gradient(#C98A3C,#C98A3C) 0 0 / 100% 34% no-repeat,
    linear-gradient(#9C5F23,#9C5F23) 0 0 / 100% 100% no-repeat;
  box-shadow:inset 0 0 0 3px #4A2A0E;
}
@keyframes boxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.box-btn:active{transform:translateY(2px)}
.box-wait{
  position:absolute;
  top:8px;
  right:8px;
  z-index:6;
  min-width:38px;
  padding:3px 6px;
  text-align:center;
  border-radius:var(--r-md);
  background:rgba(20,14,6,.55);
  color:#FFF3E2;
  font-size:.72rem;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
}
.box-big{width:54px;height:54px;margin:0 auto 8px}
.box-big .box-art{width:100%;height:100%}
.box-code{
  margin:10px auto 2px;
  display:inline-block;
  padding:8px 16px;
  border-radius:var(--r-md);
  background:#FFF3D8;
  border:2px dashed var(--gold-d);
  font-size:1.15rem;
  font-weight:900;
  letter-spacing:2px;
  color:var(--ink);
  user-select:text;
  -webkit-user-select:text;
}
.scene-items{
  position:absolute;
  z-index:8;
  inset-inline:9px;
  inset-block-end:var(--items-bottom,46px);
  inline-size:fit-content;
  max-inline-size:calc(100% - 18px);
  margin-inline:auto;
  display:flex;
  flex-wrap:wrap-reverse;
  align-content:flex-end;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  padding-block:4px;
  padding-inline:9px;
  border-radius:var(--r-lg);
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 4px 14px rgba(60,42,14,.2);
  pointer-events:none;
}
.scene-items:empty{display:none}
.scene-item{
  flex:0 0 auto;
  image-rendering:pixelated;
  inline-size:var(--item-size,26px);
  block-size:var(--item-size,26px);
  object-fit:contain;
  object-position:bottom center;
  opacity:1;
  filter:drop-shadow(0 1px 2px rgba(38,25,8,.35));
}
.scene-item.is-new{animation:itemPop .46s cubic-bezier(.18,1.1,.4,1)}
@keyframes itemPop{
  0%{opacity:0;transform:translateY(9px) scale(.35)}
  55%{opacity:1;transform:translateY(-3px) scale(1.14)}
  100%{opacity:1;transform:none}
}
.scene-fx{position:absolute;z-index:15;inset:0;pointer-events:none;overflow:hidden}
.fx-sun{
  position:absolute;
  top:-18%;
  right:-6%;
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,122,.5) 0%,rgba(255,216,122,.18) 42%,transparent 65%);
  animation:sunPulse 6s ease-in-out infinite;
}
.fx-cloud{
  position:absolute;
  background:rgba(255,255,255,.75);
  border-radius:50%;
  filter:blur(7px);
}
.fx-c1{top:4%;width:26%;height:9%;animation:cloudDrift 70s linear infinite}
.fx-c2{top:14%;width:18%;height:7%;opacity:.6;animation:cloudDrift 95s linear -40s infinite}
.fx-c3{top:8%;width:21%;height:8%;opacity:.5;animation:cloudDrift 118s linear -70s infinite}
.fx-c4{top:20%;width:14%;height:6%;opacity:.42;animation:cloudDrift 82s linear -25s infinite}
.scene .sign-plain{transition:opacity .45s ease}
.scene.has-g3 .sign-plain{opacity:0}
.layer{opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease}
.scene.has-g0 .layer-g0,.scene.has-g1 .layer-g1,.scene.has-g2 .layer-g2,
.scene.has-g3 .layer-g3,.scene.has-g4 .layer-g4,.scene.has-g5 .layer-g5,
.scene.has-g6 .layer-g6,.scene.has-g7 .layer-g7,
.scene.has-c1 .layer-cust1,.scene.has-c2 .layer-cust2,.scene.has-c3 .layer-cust3{opacity:1;transform:none}
.tap{
  position:absolute;
  inset-block-start:auto;
  inset-block-end:-28px;
  inset-inline:0;
  margin-inline:auto;
  display:grid;
  place-items:center;
  width:83px;
  aspect-ratio:1;
  border:0;
  border-radius:50%;
  padding:0;
  background:radial-gradient(circle at 50% 30%,#FFFFFF,#FFF1D6 80%);
  box-shadow:
    0 4px 0 #E3C79A,
    0 10px 22px rgba(120,84,30,.26),
    0 0 0 4px rgba(255,255,255,.92);
  z-index:6;
  transition:transform .08s ease;
}
.tap:active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #E3C79A,0 6px 14px rgba(120,84,30,.24),0 0 0 4px rgba(255,255,255,.92)}
.tap.is-hit{animation:tapShake .2s ease}
.tap.is-up{animation:nudge .38s ease}
.tap{
  inset:0;
  width:auto;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.tap:active{transform:none;box-shadow:none}
.tap.is-hit,.tap.is-up{animation:none}
.pay-agree{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0 2px;
  font-size:.82rem;
  line-height:1.5;
  color:var(--muted,#7A6A55);
  text-align:start;
  cursor:pointer;
}
.pay-agree input{margin-block-start:2px;inline-size:16px;block-size:16px;flex:0 0 auto;cursor:pointer}
.pay-agree a{color:inherit}
.card-meta-sum{color:var(--green-d);font-weight:900;font-size:1.08em}
.card-meta-next{display:block}
.dist-act{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.dist-rush{
  border:1px solid var(--line);
  border-radius:var(--r-sm,10px);
  background:#FFF8E8;
  color:#8A5A12;
  font:inherit;
  font-size:.82rem;
  font-weight:800;
  padding:7px 10px;
  cursor:pointer;
  white-space:nowrap;
}
.dist-rush:hover:not(:disabled){border-color:var(--gold,#C9861B)}
.dist-rush:disabled{opacity:.5;cursor:default}
.dist-rush.is-short{opacity:.5}
.dist-rush.is-all{background:#FDEBD0}
.floats{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:visible}
.float{
  position:absolute;
  inset-inline-start:0;
  inset-block-start:0;
  translate:var(--fx,0) var(--fy,0);
  font-weight:900;
  font-size:1.02rem;
  color:var(--green-d);
  text-shadow:0 2px 6px rgba(255,255,255,.95);
  animation:floatUp .85s ease-out forwards;
  white-space:nowrap;
  text-align:center;
}
.float .float-unit{display:block;font-size:.7rem;font-weight:700;color:var(--muted)}
.float.is-batch{font-size:1.2rem;color:var(--gold-d)}
.float.is-batch .float-unit{color:var(--gold-d)}
.float,.float .float-unit,.float.is-batch,.float.is-batch .float-unit{
  color:#fff;
  text-shadow:
    -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000, 2px 0 0 #000,
    2px 2px 0 #000, 0 2px 0 #000, -2px 2px 0 #000, -2px 0 0 #000,
    0 3px 6px rgba(0,0,0,.35);
}
.content{
  flex:1;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:12px 14px calc(var(--nav-h) + 18px);
  scrollbar-width:thin;
}
.xp{
  display:flex;
  flex-direction:column;
  gap:5px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:9px 10px;
  box-shadow:var(--shadow-sm);
  margin-block-end:12px;
}
.xp-row{display:flex;align-items:center;gap:8px;min-width:0}
#xpMeter{display:none !important}
.xp-edge{
  flex:none;
  font-size:.7rem;
  font-weight:800;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
  line-height:1.2;
}
.xp-bar{
  position:relative;
  flex:1 1 auto;
  min-width:40px;
  height:17px;
  border-radius:var(--r-lg);
  background:#EFE3CE;
  overflow:hidden;
  box-shadow:inset 0 1px 3px rgba(36,31,25,.12);
}
.xp-fill{
  position:absolute;
  inset-block:0;
  inset-inline-end:0;
  width:0%;
  border-radius:var(--r-lg);
  background:linear-gradient(90deg,#C9A227,#F2C94C,#C9A227);
  background-size:200% 100%;
  transition:width .5s ease;
  animation:popShine 2.4s linear infinite;
}
@keyframes popShine{0%{background-position:-50% 0}100%{background-position:200% 0}}
.xp-now{
  position:relative;
  display:block;
  text-align:center;
  font-size:.72rem;
  font-weight:900;
  color:#5C4320;
  line-height:17px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.xp.is-ready{outline:var(--px, 3px) solid #F2C94C;outline-offset:calc(2 * var(--px, 3px));animation:xpFrame .8s steps(2) infinite}
.xp.is-ready .xp-fill{
  background:repeating-linear-gradient(90deg,#F2C94C 0 10px,#FFE58A 10px 20px);
  background-size:20px 100%;
  animation:xpMarch .5s steps(4) infinite;
}
.xp.is-ready .xp-bar{overflow:visible}
.xp.is-ready .xp-bar::before,.xp.is-ready .xp-bar::after{
  content:"✦";position:absolute;top:-15px;font-size:1.1rem;color:#FFD23F;
  text-shadow:0 0 0 #7A4E0E,1px 1px 0 #7A4E0E;pointer-events:none;
  animation:xpSpark .9s steps(3) infinite;
}
.xp.is-ready .xp-bar::before{inset-inline-start:6px}
.xp.is-ready .xp-bar::after{inset-inline-end:6px;animation-delay:.45s}
.xp.is-ready .xp-now{color:#3B2A0C;animation:xpHop .8s steps(2) infinite}
@keyframes xpFrame{0%{outline-color:#F2C94C}100%{outline-color:#FFF6D8}}
@keyframes xpMarch{from{background-position:0 0}to{background-position:20px 0}}
@keyframes xpSpark{0%{transform:translateY(2px) scale(.6);opacity:.4}50%{transform:translateY(-2px) scale(1.1);opacity:1}100%{transform:translateY(0) scale(.8);opacity:.7}}
@keyframes xpHop{0%{transform:translateY(0)}100%{transform:translateY(-1px)}}
html[data-motion="calm"] .xp-fill,
html[data-motion="calm"] .xp.is-ready,html[data-motion="calm"] .xp.is-ready *,
html[data-motion="calm"] .xp.is-ready .xp-bar::before,html[data-motion="calm"] .xp.is-ready .xp-bar::after{animation:none}
.biz-plaque,.biz-sub{display:none !important}
.biz-head{text-align:center;margin-block-end:10px}
.biz-plaque{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-inline-size:min(88%,320px);
  padding:5px 13px;
  border-radius:var(--r-md);
  background:linear-gradient(180deg,#FFFDF6,#FFF3DC);
  border:2px solid rgba(201,134,27,.5);
  box-shadow:0 4px 12px rgba(80,58,26,.28);
}
.biz-open{
  flex:none;
  display:inline-flex;
  align-items:center;
  font-size:.6rem;
  font-weight:800;
  color:#fff;
  background:var(--green);
  border-radius:var(--r-lg);
  padding:2px 7px;
}
.biz-name{
  font-size:1.15rem;
  font-weight:900;
  color:var(--green-d);
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
}
.biz-sub{font-size:.78rem;color:var(--muted);margin-top:1px}
.boosts{margin-block:2px 12px;display:flex;flex-direction:column;gap:8px}
.boost-live{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-radius:var(--r-md);
  background:linear-gradient(180deg,#FFF6E1,#FFEFCE);
  border:1px solid rgba(201,134,27,.4);
  box-shadow:0 0 0 3px rgba(233,168,59,.14),var(--shadow-sm);
}
.boost-live-ico{font-size:1.2rem;line-height:1}
.boost-live-body{display:flex;flex-direction:column;min-width:0}
.boost-live-title{font-size:.86rem;font-weight:900;color:#8A5B08}
.boost-live-sub{font-size:.7rem;font-weight:700;color:var(--muted)}
.boost-live-time{
  font-size:1rem;
  font-weight:900;
  color:#8A5B08;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  background:#fff;
  border-radius:var(--r-lg);
  padding:4px 11px;
  box-shadow:var(--shadow-sm);
  white-space:nowrap;
}
.boost-grid{display:flex;flex-direction:column;gap:8px}
.boost-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:11px;
  inline-size:100%;
  text-align:start;
  padding:11px 12px;
  border-radius:var(--r-md);
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease;
}
.boost-card:active{transform:translateY(2px)}
.boost-card:disabled{opacity:.6;cursor:default;transform:none}
.boost-card.is-pay{border-color:rgba(201,134,27,.35);background:linear-gradient(180deg,#FFFDF6,#FFF7E7)}
.boost-card.is-on{--bo:#216240}
.boost-ico{font-size:1.45rem;line-height:1}
.boost-card-body{display:flex;flex-direction:column;min-width:0}
.boost-card-title{font-size:.92rem;font-weight:900;color:var(--ink)}
.boost-card-sub{font-size:.74rem;color:var(--muted);font-weight:600;margin-top:1px}
.boost-tag{
  border-radius:var(--r-lg);
  padding:6px 12px;
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.boost-tag-price{background:linear-gradient(180deg,#FFD978,var(--gold-d));color:#3B2A08;box-shadow:0 2px 0 #A96B10}
.boost-tag-free{background:color-mix(in srgb, var(--acc) 13%, #fff);color:var(--green-d);border:1px solid color-mix(in srgb, var(--acc) 30%, transparent)}
.hud-boost{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:.72rem;
  font-weight:800;
  color:#8A5B08;
  background:linear-gradient(180deg,#FFF0CE,#FFE3A9);
  border-radius:var(--r-lg);
  padding:2px 9px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.hud-boost b{font-weight:900}
.hud-rate.is-boost{color:#8A5B08;font-weight:800}
.pay-list{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:start;
  font-size:.82rem;
  color:var(--muted);
  font-weight:600;
}
.pay-list li{position:relative;padding-inline-start:22px}
.pay-list li::before{
  content:"✓";
  position:absolute;
  inset-inline-start:0;
  top:0;
  color:var(--green);
  font-weight:900;
}
.pay-price{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:1px}
.pay-price b{font-size:1.6rem;font-weight:900;color:var(--green-d);font-variant-numeric:tabular-nums}
.pay-price-note{font-size:.72rem;color:var(--muted);font-weight:700}
.pay-terms{margin:12px 0 0;font-size:.8rem;line-height:1.6;color:var(--muted)}
.pay-terms a{color:var(--green-d);font-weight:700;text-decoration:underline}
.pay-note{margin-top:12px;font-size:.7rem;color:var(--muted);line-height:1.5}
.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:default}
.cards{display:flex;flex-direction:column;gap:10px}
.card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--r-md);
  padding:12px;
  box-shadow:var(--shadow-sm);
  animation:cardIn .35s ease both;
}
.card.is-mystery .card-icon{position:relative;background:linear-gradient(180deg,#3A2E5C,#241B3D)}
.card.is-mystery .card-icon > *{visibility:hidden}
.card.is-mystery .card-icon::after{
  content:"?";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:1.7rem;
  font-weight:900;
  color:#FFD56A;
  text-shadow:0 0 10px rgba(255,213,106,.7);
  animation:mysteryPulse 1.8s ease-in-out infinite;
}
@keyframes mysteryPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
html[data-motion="calm"] .card.is-mystery .card-icon::after{animation:none}
.card-icon{
  width:46px;height:46px;
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,#FFF7E6,#F4E8D2);
  border:1px solid rgba(36,31,25,.06);
  display:grid;place-items:center;
  font-size:1.45rem;line-height:1;
  box-shadow:inset 0 -3px 0 rgba(36,31,25,.05);
}
.card-icon-art{
  padding:0;
  background:#fff;
  overflow:hidden;
}
.card-icon-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  image-rendering:pixelated;
  pointer-events:none;
}
.card-body{min-width:0}
.card-title{font-size:.95rem;font-weight:800;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.card-desc{font-size:.76rem;color:var(--muted);margin-top:1px}
.card-desc{display:none}
.card-meta{
  font-size:.76rem;
  line-height:1.42;
  letter-spacing:-.01em;
  color:var(--green);
  font-weight:800;
  margin-top:3px;
  font-variant-numeric:tabular-nums;
}
.card-buy{
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:var(--r-lg);
  padding:11px 12px;
  min-width:96px;
  font-weight:800;
  font-size:.85rem;
  color:#9C8F7C;
  background:#EFE7D7;
  box-shadow:inset 0 0 0 1px rgba(36,31,25,.08);
  font-variant-numeric:tabular-nums;
  transition:transform .1s ease,box-shadow .15s ease,color .15s ease;
}
.card-buy .buy-fill{
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:0%;
  background:linear-gradient(180deg,rgba(233,168,59,.38),rgba(233,168,59,.22));
  transition:width .25s ease;
  pointer-events:none;
}
.card-buy .buy-label{position:relative;z-index:1;display:block}
.card-buy.can{
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb, var(--acc) 82%, #fff),color-mix(in srgb, var(--acc) 78%, #1A2A20));
  box-shadow:0 4px 0 color-mix(in srgb, var(--acc) 60%, #101A14),0 8px 16px color-mix(in srgb, var(--acc) 30%, transparent);
}
.card-buy.can .buy-fill{display:none}
.card-buy.can:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb, var(--acc) 60%, #101A14);animation:none}
.card-buy:disabled{cursor:default}
.card-buy.is-done{
  background:color-mix(in srgb, var(--acc) 13%, #fff);color:var(--green-d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acc) 25%, transparent);animation:none;
}
.card-buy.is-done .buy-fill{display:none}
.card-buy.is-wait{
  background:#F2E9DA;color:#A8794B;box-shadow:inset 0 0 0 1px rgba(201,162,39,.35);animation:none;
}
.card-buy.is-wait .buy-fill{display:none}
.card-side{display:flex;flex-direction:column;align-items:center;gap:4px}
.card-count{
  min-width:34px;
  text-align:center;
  font-weight:900;
  font-size:.95rem;
  color:var(--gold-d);
  background:#FFF3D8;
  border-radius:var(--r-lg);
  padding:1px 8px;
  box-shadow:inset 0 0 0 1px rgba(201,134,27,.25);
}
.card-locked{opacity:.85;background:linear-gradient(180deg,#FFFDF7,#FFF4E0);border-style:dashed}
.badge{background:var(--gold);color:#fff;border-radius:var(--r-lg);padding:2px 9px;font-size:.66rem;font-weight:800}
.pill{color:#fff;border-radius:var(--r-lg);padding:2px 9px;font-size:.66rem;font-weight:800;background:#8C8272}
.card-dist.is-next,.card-city.is-now{--po:#996F2F;--ph:#FFFBEA;--pr:#F3DFA6;--ps:#EBD08C;--pi:#EBD08C;--pp:#FFF8E6}
.card-dist.is-mine{--pr:#DDEBDF;--pi:#D3E6D7;--pp:#F3FAF5}
.card-dist.card-rep{--po:#996F2F;--ph:#FFFBEA;--pr:#F3DFA6;--ps:#EBD08C;--pi:#EBD08C;--pp:#FFF8E6}
.game-foot{
  margin-top:22px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.foot-note{font-size:.72rem;color:var(--muted);flex:1 1 180px}
.shop-note{margin:10px 0 4px;text-align:center}
.btn-ghost{
  background:transparent;color:var(--muted);
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:8px 16px;font-size:.82rem;font-weight:700;
}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.step-bar,.terr-bar{
  position:relative;
  display:block;
  margin-block-start:6px;
  background:#E2D6C0;
  border:1px solid #A8916A;
  border-radius:3px;
  overflow:hidden;
}
.step-bar{height:9px;max-width:150px}
.terr-bar{height:14px}
.step-bar[hidden],.terr-bar[hidden]{display:none}
.step-fill,.terr-fill{
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:0;
  overflow:hidden;
  background:linear-gradient(180deg,#35D07F 0 35%,#1FA35C 35% 80%,#136B3B 80%);
  transition:width .45s cubic-bezier(.2,.8,.3,1);
}
.terr-fill{transition:width .9s cubic-bezier(.2,.8,.3,1)}
.step-bar.no-anim .step-fill,.terr-bar.no-anim .terr-fill{transition:none}
.step-fill::after,.terr-fill::after{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:-40%;
  width:40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  opacity:0;
  pointer-events:none;
}
.step-fill::before,.terr-fill::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-end:0;
  width:3px;
  background:#E9FFE9;
  box-shadow:0 0 6px 2px rgba(53,208,127,.9);
  opacity:0;
  pointer-events:none;
}
.step-bar.is-up .step-fill::after{animation:barWave .5s ease-out}
.terr-bar.is-up .terr-fill::after{animation:barWave .95s ease-out}
.step-bar.is-up .step-fill::before{animation:barTip .6s ease-out}
.terr-bar.is-up .terr-fill::before{animation:barTip 1.1s ease-out}
.step-bar.is-full .step-fill{background:linear-gradient(180deg,#FFF1A8 0 35%,#F2C94C 35% 80%,#C9A227 80%)}
.step-bar.is-step .step-fill{transition:none}
.step-bar.is-step::after{
  content:"";
  position:absolute;
  inset:0;
  background:#FFF6D8;
  animation:barFlash .5s steps(4) forwards;
  pointer-events:none;
}
.terr-bar.is-up{overflow:visible}
.terr-bar.is-up::before{
  content:"✦";
  position:absolute;
  top:-15px;
  inset-inline-start:50%;
  font-size:1rem;
  color:#FFD23F;
  text-shadow:1px 1px 0 #7A4E0E;
  animation:xpSpark .5s steps(3) 2;
  pointer-events:none;
}
.terr-bar.is-ready .terr-fill{
  background:repeating-linear-gradient(90deg,#1FA35C 0 10px,#35D07F 10px 20px);
  background-size:20px 100%;
  animation:barFlow 2.4s linear infinite;
}
@keyframes barFlow{from{background-position:0 0}to{background-position:-20px 0}}
@keyframes barWave{0%{opacity:1;inset-inline-start:-40%}100%{opacity:1;inset-inline-start:100%}}
@keyframes barTip{0%{opacity:1}70%{opacity:1}100%{opacity:0}}
@keyframes barFlash{0%{opacity:1}100%{opacity:0}}
html[data-motion="calm"] .step-fill::before,html[data-motion="calm"] .step-fill::after,
html[data-motion="calm"] .terr-fill::before,html[data-motion="calm"] .terr-fill::after,
html[data-motion="calm"] .step-bar::after,html[data-motion="calm"] .terr-bar::before,
html[data-motion="calm"] .terr-fill{animation:none}
html[data-motion="calm"] .step-fill,html[data-motion="calm"] .terr-fill{transition:none}
.bottomnav{
  position:absolute;
  inset-inline:0;
  bottom:0;
  z-index:30;
  display:flex;
  gap:4px;
  padding:6px 10px calc(6px + var(--safe-b));
  background:rgba(255,248,236,.96);
  backdrop-filter:blur(10px);
  border-top:1px solid var(--line);
}
.view-btn{
  flex:1;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  border:0;
  background:transparent;
  border-radius:var(--r-lg);
  padding:6px 4px 5px;
  font-weight:800;
  font-size:.7rem;
  color:var(--muted);
  transition:background-color .15s ease,color .15s ease,transform .1s ease;
}
.view-btn:active{transform:scale(.95)}
.view-xp{display:block;font-size:.62rem;font-weight:900;line-height:1.1;color:#5C4320;font-variant-numeric:tabular-nums;white-space:nowrap}
.view-xp:empty{display:none}
.view-btn.is-xp-ready .view-xp{color:#1E8A4C;animation:xpNavPulse 1s steps(2) infinite}
.view-xp.is-bar{margin-block-start:3px}
.nav-xp-bar{direction:rtl;position:relative;display:block;width:56px;height:7px;margin-inline:auto;background:#E2D6C0;border:1px solid #A8916A;border-radius:3px;overflow:hidden}
.nav-xp-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;overflow:hidden;
  background:linear-gradient(180deg,#35D07F 0 35%,#1FA35C 35% 80%,#136B3B 80%);transition:width .45s cubic-bezier(.2,.8,.3,1)}
.nav-xp-bar.no-anim .nav-xp-fill{transition:none}
.nav-xp-fill::after{content:"";position:absolute;inset-block:0;inset-inline-start:-50%;width:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:0;pointer-events:none}
.nav-xp-bar.is-up .nav-xp-fill::after{animation:barWave .5s ease-out}
.view-btn.is-xp-ready .view-xp.is-bar{animation:none}
.view-btn.is-xp-ready .nav-xp-fill{background:repeating-linear-gradient(90deg,#1FA35C 0 6px,#35D07F 6px 12px);background-size:12px 100%;animation:navFlow 2s linear infinite}
@keyframes navFlow{from{background-position:0 0}to{background-position:-12px 0}}
html[data-motion="calm"] .nav-xp-fill,html[data-motion="calm"] .nav-xp-fill::after{animation:none;transition:none}
@keyframes xpNavPulse{50%{color:#2FBF6A;transform:scale(1.08)}}
html[data-motion="calm"] .view-btn.is-xp-ready .view-xp{animation:none}
.view-ico{font-size:1.35rem;line-height:1.15;filter:grayscale(.6);transition:filter .15s ease,transform .15s ease}
.view-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.view-btn .view-ico{font-size:1.8rem}
.view-btn{justify-content:center}
.view-btn.is-active{color:var(--green-d);background:color-mix(in srgb, var(--acc) 11%, #fff)}
.view-btn.is-active .view-ico{filter:none;transform:scale(1.12)}
.dot{
  position:absolute;
  top:4px;
  inset-inline-end:calc(50% - 22px);
  width:10px;height:10px;
  border-radius:50%;
  background:var(--tomato);
  box-shadow:0 0 0 2px #FFF8EC;
  animation:pulse 1.4s ease-in-out infinite;
}
.intro{
  position:absolute;
  inset:0;
  z-index:40;
  display:grid;
  place-items:center;
  padding:32px;
  text-align:center;
  background:
    radial-gradient(120% 80% at 80% 0%,#FFE6BC 0%,rgba(255,230,188,0) 60%),
    radial-gradient(90% 70% at 0% 100%,#DFF1E4 0%,rgba(223,241,228,0) 60%),
    var(--bg);
  overflow-y:auto;
}
.intro-inner{width:min(440px,100%)}
.intro-inner{display:flex;flex-direction:column;align-items:center}
.intro-inner > *{max-inline-size:100%}
.intro-inner > h1,#startBtn{order:-2}
.intro-inner > .intro-terms{order:-1;margin-block-start:4px}
.intro-inner > .intro-account:empty{display:none}
.intro.has-art{place-items:end center;padding:24px 18px 28px}
.intro.has-art .intro-inner{
  background:rgba(20,24,48,.72);
  border-radius:var(--r-lg);
  padding:14px 14px 12px;
  color:#FFF8EC;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
.intro.has-art .intro-terms{color:#FFF8EC}
.intro.has-art .intro-inner{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.intro.has-art .intro-terms{text-shadow:0 1px 2px #0B0F24,0 0 6px #0B0F24,0 0 10px rgba(11,15,36,.85)}
.intro.has-art .intro-terms a{color:#FFD58A}
.intro-art{
  width:140px;
  height:auto;
  margin-block-end:14px;
  filter:drop-shadow(0 14px 24px rgba(120,84,30,.18));
  animation:bob 3.2s ease-in-out infinite;
}
.intro-title{
  font-size:3.1rem;
  font-weight:900;
  color:var(--green-d);
  text-shadow:0 3px 0 #D8EBDD;
}
.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.btn-primary{
  border:0;
  border-radius:var(--r-lg);
  padding:16px 44px;
  font-weight:900;
  font-size:1.1rem;
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb, var(--acc) 82%, #fff),color-mix(in srgb, var(--acc) 78%, #1A2A20));
  box-shadow:0 6px 0 color-mix(in srgb, var(--acc) 60%, #101A14),0 16px 30px color-mix(in srgb, var(--acc) 35%, transparent);
  transition:transform .1s ease,box-shadow .1s ease;
}
.btn-primary:active{transform:translateY(4px);box-shadow:0 2px 0 color-mix(in srgb, var(--acc) 60%, #101A14),0 8px 18px color-mix(in srgb, var(--acc) 30%, transparent)}
.modal{
  position:fixed;inset:0;z-index:60;
  display:grid;place-items:center;padding:20px;
  background:rgba(36,31,25,.5);
  backdrop-filter:blur(4px);
}
.modal-card{
  position:relative;
  width:min(380px,100%);
  background:var(--card);
  border-radius:var(--r-lg);
  padding:24px;
  text-align:center;
  box-shadow:0 24px 60px rgba(60,40,15,.3);
  animation:popIn .3s cubic-bezier(.2,1.4,.4,1) both;
  max-block-size:calc(var(--screen-h) - 40px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-card.is-snd{overflow:hidden}
.modal-title{font-size:1.35rem;font-weight:900;color:var(--green-d)}
.modal-text{margin-top:9px;color:var(--muted)}
.modal-text b{color:var(--ink);font-size:1.15rem}
.modal-sub{margin-top:5px;font-size:.78rem;color:var(--muted)}
.modal .btn-primary{margin-top:18px;padding:13px 32px;font-size:1rem}
.modal-actions{display:flex;flex-direction:column;gap:8px;align-items:center}
.modal-actions .btn-ghost{margin-top:0}
.name-ico{font-size:2.2rem;line-height:1;margin-block-end:6px}
.name-input{
  margin-top:14px;
  inline-size:100%;
  border:2px solid color-mix(in srgb, var(--acc) 35%, transparent);
  border-radius:var(--r-lg);
  background:#FFFDF7;
  padding:12px 14px;
  font-family:inherit;
  font-size:1.02rem;
  font-weight:800;
  color:var(--ink);
  text-align:center;
  -webkit-user-select:text;
  user-select:text;
}
.name-input::placeholder{color:var(--muted);font-weight:600;opacity:.7}
.win-crown{font-size:2.6rem;line-height:1;margin-block-end:4px;animation:bob 2.4s ease-in-out infinite}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti i{
  position:absolute;
  top:-12px;
  width:9px;height:14px;
  border-radius:var(--r-md);
  opacity:.95;
  animation:confFall var(--cd,1.6s) ease-in var(--cdel,0s) forwards;
}
.toasts{
  position:absolute;
  inset-inline:0;
  bottom:calc(var(--nav-h) + 10px);
  z-index:190;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  pointer-events:none;padding-inline:16px;
}
.toast{
  background:#241F19;color:#FFF6E9;
  border-radius:var(--r-lg);padding:9px 17px;
  font-size:.82rem;font-weight:700;
  box-shadow:var(--shadow);
  animation:toastIn .3s ease both;
  max-width:100%;text-align:center;
}
.press{
  position:absolute;
  inset-inline:0;
  inset-block-start:8px;
  z-index:12;
  display:flex;
  justify-content:center;
  padding-inline:14px;
  pointer-events:none;
}
.press-flash{
  pointer-events:auto;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  background:#1B1712;
  color:#FFF6E9;
  border:1px solid rgba(255,246,233,.18);
  border-radius:var(--r-lg);
  padding-block:7px;
  padding-inline:7px 11px;
  box-shadow:var(--shadow);
  animation:pressIn .34s cubic-bezier(.2,.9,.3,1.2) both;
}
.press-flash.is-out{animation:pressOut .3s ease both}
.press-tag{
  flex:none;
  background:#C62B1F;
  color:#fff;
  border-radius:calc(var(--r-lg) - 6px);
  padding:2px 7px;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.04em;
}
.press-text{font-size:.74rem;font-weight:800;line-height:1.35}
@keyframes pressIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pressOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}
html[data-motion="calm"] .press-flash,html[data-motion="calm"] .press-flash.is-out{animation:none}
@keyframes floatUp{
  0%{opacity:0;transform:translateY(0) scale(.85)}
  20%{opacity:1;transform:translateY(-14px) scale(1.08)}
  100%{opacity:0;transform:translateY(-64px) scale(1)}
}
@keyframes sceneBump{0%{transform:scale(1)}40%{transform:scale(1.012)}100%{transform:scale(1)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes readyPulse{
  0%,100%{box-shadow:0 4px 0 color-mix(in srgb, var(--acc) 60%, #101A14),0 8px 16px color-mix(in srgb, var(--acc) 30%, transparent)}
  50%{box-shadow:0 4px 0 color-mix(in srgb, var(--acc) 60%, #101A14),0 8px 24px color-mix(in srgb, var(--acc) 55%, transparent)}
}
@keyframes confFall{
  0%{transform:translateY(0) rotate(0)}
  100%{transform:translateY(340px) rotate(var(--cr,340deg))}
}
@keyframes sunPulse{
  0%,100%{opacity:.55;transform:scale(1)}
  50%{opacity:.95;transform:scale(1.06)}
}
@keyframes cloudDrift{
  from{left:-30%}
  to{left:112%}
}
@keyframes moneyPop{
  0%{transform:scale(1)}
  40%{transform:scale(1.07)}
  100%{transform:scale(1)}
}
@keyframes tapShake{
  0%{transform:scale(1)}
  35%{transform:scale(.95)}
  70%{transform:scale(1.03)}
  100%{transform:scale(1)}
}
@keyframes nudge{
  0%{transform:scale(1)}
  45%{transform:scale(1.09)}
  100%{transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  html:not([data-motion="full"]) *,
  html:not([data-motion="full"]) *::before,
  html:not([data-motion="full"]) *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}
html[data-motion="calm"] .layer{opacity:0;transform:none}
html[data-motion="calm"] .scene.has-g0 .layer-g0,html[data-motion="calm"] .scene.has-g1 .layer-g1,
html[data-motion="calm"] .scene.has-g2 .layer-g2,html[data-motion="calm"] .scene.has-g3 .layer-g3,
html[data-motion="calm"] .scene.has-g4 .layer-g4,html[data-motion="calm"] .scene.has-g5 .layer-g5,
html[data-motion="calm"] .scene.has-g6 .layer-g6,html[data-motion="calm"] .scene.has-g7 .layer-g7,
html[data-motion="calm"] .scene.has-c1 .layer-cust1,html[data-motion="calm"] .scene.has-c2 .layer-cust2,
html[data-motion="calm"] .scene.has-c3 .layer-cust3{opacity:1}
html[data-motion="calm"] .tap:active{transform:none}
html[data-motion="calm"] .scene-item,html[data-motion="calm"] .scene-item.is-new{animation:none!important;opacity:1;transform:none}
.hud-btns{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:6px}
.hud .sound-btn{grid-column:auto}
.lb-btn{position:relative}
.lb-btn .dot{position:absolute;inset-block-start:5px;inset-inline-end:5px}
.modal-card.is-lb{
  width:min(430px,100%);
  text-align:start;
  max-height:calc(var(--screen-h) - 32px);
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-card.is-lb .modal-title,.modal-card.is-lb .modal-text{text-align:center}
.lb-me{
  margin-top:16px;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:12px 14px;
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,color-mix(in srgb, var(--acc) 10%, #fff),color-mix(in srgb, var(--acc) 16%, #fff));
  border:1px solid color-mix(in srgb, var(--acc) 28%, transparent);
}
.lb-me-rank{font-size:1.22rem;font-weight:900;color:var(--green-d);text-align:center}
.lb-me-cap{font-size:.78rem;font-weight:700;color:var(--muted);text-align:center}
.lb-me-cap:not(:empty){padding:2px 10px;background:rgba(59,42,30,.07)}
.lb-coin{display:inline-block;width:14px;height:14px;margin-inline-end:3px;vertical-align:-2px;
  background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat;image-rendering:pixelated}
.lb-row.lb-ghost{opacity:.55;border-style:dashed}
.lb-find{display:flex;justify-content:center;padding:8px 0 2px;list-style:none}
.lb-find-btn{min-inline-size:60%}
.lb-ghost-ico{display:inline-grid;place-items:center;width:20px;height:20px}
.lb-ghost-ico img,.lb-ghost-ico .skin-ico{width:18px;height:18px}
.lb-list{
  margin-top:14px;
  display:flex;flex-direction:column;gap:6px;
  list-style:none;padding:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  min-height:92px;
  flex:1 1 auto;
}
.lb-row{
  display:grid;
  grid-template-columns:2.1rem minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-radius:var(--r-lg);
  background:#fff;
  border:1px solid var(--line);
}
.lb-row.is-me{border-color:color-mix(in srgb, var(--acc) 50%, transparent);background:#F3FAF5}
.lb-rank{font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}
.lb-row.is-top .lb-rank{color:var(--gold,#E9A83B)}
.lb-nick{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-city{display:block;font-weight:600;font-size:.78em;color:var(--muted);margin-top:2px}
.lb-time{font-weight:800;color:var(--green-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.lb-empty{padding:18px 10px;text-align:center;color:var(--muted);font-weight:600}
.lb-list.is-league{overflow:visible;flex:none;min-height:0;gap:4px;margin-top:10px}
.lb-list.is-league .lb-row{grid-template-columns:1.7rem minmax(0,1fr) auto auto;gap:8px;padding:6px 10px}
.lb-prize{font-size:.72rem;font-weight:800;color:var(--muted);background:#F4EEE2;border-radius:999px;padding:2px 7px;white-space:nowrap}
.lb-prize:empty{display:none}
.lb-rank.is-medal{display:flex;align-items:center;justify-content:center}
.lb-medal{width:26px;height:26px;image-rendering:pixelated;display:block}
.lb-list.is-league .lb-nick{display:flex;align-items:center;gap:5px;min-width:0}
.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lb-stars{display:inline-flex;align-items:center;gap:1px;flex:none;font-size:.72rem;font-weight:900;color:#B9862E}
.lb-stars .skin-ico{width:14px;height:14px;image-rendering:pixelated}
.lb-prize b{color:#7A5418;font-weight:900}
.lb-gems{display:inline-flex;align-items:center;gap:2px;margin-inline-start:5px;font-style:normal;font-weight:900;color:#1a5f9e}
.lb-gems .skin-ico{width:13px;height:13px;image-rendering:pixelated}
.lb-wait{line-height:1.5;padding:14px 10px}
.rush-free{font-weight:900}
.lb-list.is-league .lb-prize{background:#FFF1C9;border:1px solid #E9C46A}
.lb-row.is-climb{position:relative;z-index:1;animation:lbClimbGlow 2.4s ease-out}
@keyframes lbClimbGlow{0%,15%{box-shadow:0 0 0 0 rgba(246,196,72,0)}40%{box-shadow:0 0 0 3px rgba(246,196,72,.95)}100%{box-shadow:0 0 0 0 rgba(246,196,72,0)}}
.lg-res{text-align:center}
.lg-res-medal{display:block;width:96px;height:96px;margin:0 auto 4px;image-rendering:pixelated;animation:lgMedalIn .7s cubic-bezier(.2,1.4,.4,1) both}
.lg-res-medal[hidden]{display:none}
@keyframes lgMedalIn{0%{transform:scale(.3) rotate(-18deg);opacity:0}100%{transform:none;opacity:1}}
.lg-res-place{font-size:1.25rem;font-weight:900;margin:4px 0 2px}
.lg-res-list{margin:10px 0 14px;text-align:start}
.lg-res-list[hidden]{display:none}
.lg-toast{position:fixed;right:10px;bottom:calc(var(--nav-h, 64px) + 12px);z-index:55;display:flex;align-items:stretch;
  max-width:min(330px, calc(100vw - 20px));background:#241F19;color:#FFF6E9;border:2px solid #F6C448;border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.35);transform:translateX(calc(100% + 24px));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.lg-toast[hidden]{display:none}
.lg-toast.is-in{transform:none}
.lg-toast.is-out{transform:translateX(calc(100% + 24px))}
.lg-toast-go{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:10px 4px 10px 12px;background:none;border:0;color:inherit;
  font:inherit;text-align:start;cursor:pointer}
.lg-toast-ico{width:40px;height:40px;flex:none;image-rendering:pixelated}
.lg-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.82rem;line-height:1.3}
.lg-toast-text b{font-size:.92rem;color:#FFE27A}
.lg-toast-x{flex:none;width:36px;background:none;border:0;color:#CDBFA8;font-size:1rem;cursor:pointer}
@media (prefers-reduced-motion: reduce){.lg-toast{transition:none}.lg-res-medal{animation:none}.lb-row.is-climb{animation:none}}
.modal-card.is-lb .lb-me{margin-top:10px;padding:8px 12px}
.modal-card.is-lb .modal-sub:empty{display:none}
.modal-card.is-lb .modal-sub{text-align:center;margin-top:12px}
.modal-card.is-lb .modal-actions{margin-top:14px}
.nick-state{margin-top:8px;font-size:.8rem;font-weight:700;min-height:1.2em;text-align:center;color:var(--muted)}
.nick-state.is-ok{color:var(--green-d)}
.nick-state.is-bad{color:#C0432E}
#startBtn{position:relative;overflow:hidden;margin-block-start:26px;min-width:220px}
#startBtn .start-fill{
  position:absolute;inset-block:0;inset-inline-start:0;width:0%;
  background:rgba(255,255,255,.3);transition:width .3s ease;
}
#startBtn .start-label{position:relative}
#startBtn:disabled{pointer-events:none;filter:saturate(.8)}
.intro-locked{margin:14px 0 0;text-align:center;color:var(--muted);font-weight:700;font-size:.9375rem}
.intro-staff{
  display:block;margin:10px auto 0;padding:6px 10px;background:none;border:0;cursor:pointer;
  color:var(--green-d);font:inherit;font-size:.875rem;font-weight:800;text-decoration:underline;
}
.intro-locked[hidden],.intro-staff[hidden]{display:none}
.intro-terms{margin:10px auto 0;max-width:34ch;font-size:.8125rem;line-height:1.55;color:var(--muted)}
.intro-terms b{color:var(--ink);font-weight:800}
.intro-terms a{color:var(--green-d);font-weight:700;text-decoration:underline}
.build-note{
  margin:18px 4px 0;text-align:center;
  color:var(--muted);font-size:.7813rem;font-weight:700;line-height:1.5;
}
.report-row{margin:16px 4px 0;text-align:center}
.build-note + .report-row{margin-block-start:6px}
.report-link{
  background:none;border:0;padding:6px 10px;
  color:var(--muted);font-size:.8438rem;font-weight:700;text-decoration:underline;
}
.report-link:hover{color:var(--green-d)}
.report-link.is-danger{color:var(--tomato)}
.report-link.is-danger:hover{color:#C03A1C}
.report-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px}
.report-link{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.modal-card.is-bug{max-width:420px;text-align:start}
.modal-card.is-bug .modal-title,.modal-card.is-bug .modal-text{text-align:center}
.bug-text{
  width:100%;margin:14px 0 10px;padding:12px;
  border:1px solid var(--line);border-radius:var(--r-md);
  font-family:inherit;font-size:.9375rem;line-height:1.5;color:var(--ink);
  background:var(--bg);resize:vertical;
}
.bug-text:focus{outline:2px solid var(--green);outline-offset:1px}
.bug-note{margin:0 0 10px;color:var(--muted);font-size:.7813rem;line-height:1.5}
.bug-state{margin:0 0 10px;font-size:.8438rem;font-weight:700;color:var(--muted);min-height:19px}
.bug-state.is-good{color:var(--green-d)}
.bug-state.is-bad{color:var(--tomato)}
.bug-close{
  display:block;margin:12px auto 0;background:none;border:0;
  color:var(--muted);font-size:.8438rem;font-weight:700;
}
.join-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.join-field.is-wide{grid-column:1 / -1}
.join-field span{font-size:.7813rem;font-weight:800;color:var(--muted)}
.join-field input{
  width:100%;padding:10px 12px;font-family:inherit;font-size:.9375rem;color:var(--ink);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
}
.join-field input:focus{outline:2px solid var(--green);outline-offset:1px}
.modal-card.is-sign{max-width:400px;text-align:start}
.modal-card.is-sign .modal-title,.modal-card.is-sign .modal-text{text-align:center}
.sign-in{display:grid;gap:10px;margin:16px 0 12px}
.sign-who{
  border:1px solid var(--line);border-radius:var(--r-md);padding:14px;
  margin:16px 0 12px;text-align:center;background:var(--bg);
}
.sign-who b{display:block;font-size:.9375rem;font-weight:900;color:var(--ink)}
.sign-who span{display:block;margin:3px 0 12px;color:var(--muted);font-size:.8125rem}
.sign-go{display:block;text-align:center;text-decoration:none}
.sign-state{margin:0 0 8px;font-size:.8438rem;font-weight:700;color:var(--muted);min-height:19px}
.sign-state.is-bad{color:var(--tomato)}
.hud{position:relative}
.hud-money{font-weight:900;color:var(--green-d);letter-spacing:-.02em}
.hud-money{
  color:#3FD86E;
  text-shadow:
    -1.5px -1.5px 0 #0B3B1E, 0 -1.5px 0 #0B3B1E, 1.5px -1.5px 0 #0B3B1E, 1.5px 0 0 #0B3B1E,
    1.5px 1.5px 0 #0B3B1E, 0 1.5px 0 #0B3B1E, -1.5px 1.5px 0 #0B3B1E, -1.5px 0 0 #0B3B1E,
    0 3px 0 #0B3B1E, 0 4px 6px rgba(0,0,0,.3);
  padding:0 3px 3px;
}
.hud-rate{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;
  margin-top:2px;
  padding:2px 10px 3px;
  border-radius:999px;
  background:rgba(24,16,8,.62);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  color:#fff;
  font-size:.76rem;
  line-height:1.25;
  min-inline-size:0;
  align-self:center;
}
.hud-rate-num{font-weight:900;color:#fff}
.hud-rate-unit{font-weight:600;color:#FFD98A}
.hud-rate.is-boost{--po:#996F2F;--ph:#F7F0D4;--pr:#E7C776;--ps:#BF8F45;--pi:#D7AC5C;--pp:#F0DCA9}
.hud-rate.is-boost .hud-rate-num{color:#3A2200}
.hud-rate.is-boost .hud-rate-unit{color:#5E3A00}
.rate-plus{position:absolute;z-index:5;pointer-events:none;white-space:nowrap;
  font-family:var(--font-pixel);font-weight:900;font-size:.9rem;line-height:1;color:#7CFF9A;
  text-shadow:0 1px 0 #0B4A28,1px 0 0 #0B4A28,-1px 0 0 #0B4A28,0 -1px 0 #0B4A28;
  animation:ratePlusUp .8s ease-out forwards}
@keyframes ratePlusUp{0%{opacity:0;transform:translate(-50%,80%) scale(.7)}25%{opacity:1;transform:translate(-50%,10%) scale(1.15)}
  100%{opacity:0;transform:translate(-50%,-70%) scale(.85)}}
html[data-motion="calm"] .rate-plus{display:none}
@property --rate-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.hud-rate{position:relative;isolation:isolate}
.hud-rate::before{content:"";position:absolute;inset:-6px;padding:6px;z-index:-1;pointer-events:none;opacity:0;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  background:conic-gradient(from var(--rate-a),#35D07F,#FFE58A,#7CFF9A,#F2C94C,#35D07F);
  filter:blur(5px);transition:opacity .35s ease}
.hud-rate::before{border-radius:14px !important}
.hud-rate.is-live::before{opacity:.95;animation:rateSpin 1.6s linear infinite}
.hud-rate.is-settle::before{opacity:0;animation:rateHue 1.4s ease-out forwards;transition:opacity 1.4s ease}
@keyframes rateSpin{to{--rate-a:360deg}}
@keyframes rateHue{from{filter:blur(5px) hue-rotate(0deg)}to{filter:blur(7px) hue-rotate(-40deg)}}
.hud-rate.is-live .hud-rate-num{color:#B8FFCF}
html[data-motion="calm"] .hud-rate.is-live::before{animation:none}
html[data-motion="calm"] .hud-rate.is-settle::before{animation:none}
.buy-coin{
  position:fixed;z-index:70;pointer-events:none;
  width:28px;height:28px;margin:-14px 0 0 -14px;
  background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat;
  image-rendering:pixelated;
  filter:drop-shadow(0 0 5px rgba(255,200,60,.9));
  animation:buyCoin var(--dur,800ms) cubic-bezier(.16,.7,.35,1) var(--delay,0ms) forwards;
  will-change:transform,opacity;
}
@keyframes buyCoin{
  0%{transform:translate(0,0) rotate(0deg) scale(.5);opacity:0}
  16%{opacity:1;transform:translate(calc(var(--dx) * .3),calc(var(--dy) * .22)) rotate(calc(var(--spin) * .2)) scale(1.05)}
  100%{transform:translate(var(--dx),var(--dy)) rotate(var(--spin,720deg)) scale(.85);opacity:0}
}
.shop{
  position:absolute;
  inset-inline:0;
  inset-block-end:var(--nav-h);
  z-index:15;
  display:flex;flex-direction:column-reverse;
  pointer-events:none;
}
.shop > *{pointer-events:auto}
.shop-body{
  height:0;
  max-height:var(--drawer-h,calc(var(--sheet-h) - var(--nav-h) + 50px));
  box-shadow:0 -6px 18px rgba(80,58,26,.12);
  border-block-end:1px solid var(--line);
  overflow:hidden;
  background:var(--bg);
  border-block-start:1px solid var(--line);
  transition:height .28s cubic-bezier(.22,.75,.3,1);
}
.shop[data-open="true"] .shop-body{
  height:var(--drawer-h,calc(var(--sheet-h) - var(--nav-h) + 50px));
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:12px 14px 16px;
}
.view-btn.is-active{
  background:#fff;
  color:var(--green-d);
  box-shadow:var(--shadow-sm);
}
.tab-badge{
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#E02E1E;
  color:#FFFFFF;
  font-size:.74rem;
  font-weight:900;
  line-height:1;
  font-variant-numeric:tabular-nums;
  box-shadow:0 1px 0 #9E1508,0 2px 6px rgba(120,20,10,.35);
  pointer-events:none;
  animation:badgeBeat 1.8s ease-in-out infinite;
  position:absolute;
  top:2px;
  inset-inline-end:calc(50% - 30px);
  min-width:18px;
  height:18px;
  font-size:.68rem;
}
@keyframes badgeBeat{0%,72%,100%{transform:scale(1)}80%{transform:scale(1.16)}88%{transform:scale(.96)}}
.tab-badge.is-card{
  position:static;
  margin-inline-start:6px;
  vertical-align:middle;
  animation:none;
}
html[data-motion="calm"] .tab-badge{animation:none}
html[data-motion="calm"] .shop-body{transition:none}
.stage{
  flex:none;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:10px 14px 8px;
}
.scene-box{flex:none;aspect-ratio:2 / 1;width:100%;height:auto;min-height:0;max-height:none}
.content{
  padding-block-end:calc(var(--nav-h) + 12px);
}
.tune{
  position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:90;
  background:rgba(255,253,244,.97);border:1px solid var(--line);
  border-radius:var(--r-md);padding:10px 12px;width:min(260px,calc(var(--screen-w) - 16px));
  box-shadow:0 8px 24px rgba(80,58,26,.22);font-size:.7813rem;
}
.tune.is-min > *:not(.tune-title){display:none}
.tune-title{display:block;font-weight:900;margin-bottom:6px;font-size:.8125rem}
.tune-row{display:grid;grid-template-columns:1fr 110px 46px;align-items:center;gap:6px;margin-bottom:6px}
.tune-row span{font-weight:700;color:var(--muted)}
.tune-row b{text-align:end;font-variant-numeric:tabular-nums}
.tune-row input{width:100%}
.tune-actions{display:flex;gap:6px;margin-top:4px}
.tune-actions button{flex:1;padding:7px 6px;font-weight:800;font-size:.75rem;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;min-height:34px}
.tune-note{display:block;margin-top:6px;color:var(--green-d);font-weight:700;white-space:pre-line}
.scene-box{cursor:pointer}
.scene-items{display:none !important}
.scene-props{position:absolute;inset:0;pointer-events:none}
.scene-sky{
  position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;
  object-fit:cover;object-position:center center;image-rendering:pixelated;
}
.scene-art{position:absolute;inset:0;pointer-events:none}
#sceneArt{will-change:transform;contain:paint}
.scene-decor,.scene-movers{position:absolute;inset:0;pointer-events:none}
.scene-deco{
  position:absolute;z-index:30;
  transform:translate(50%,-50%) scaleX(var(--flip,1));
  image-rendering:pixelated;
}
.scene-track{
  position:absolute;inset:0;pointer-events:none;will-change:transform;
  animation:moverLtr 30s linear infinite;
}
.scene-track.is-rtl{animation-name:moverRtl}
.scene-mover{
  position:absolute;left:0;
  transform:translateY(-50%) scaleX(var(--flip,1));
  image-rendering:pixelated;
}
@keyframes moverLtr{from{transform:translateX(calc(var(--w,10%) * -1))}to{transform:translateX(100%)}}
@keyframes moverRtl{from{transform:translateX(100%)}to{transform:translateX(calc(var(--w,10%) * -1))}}
html[data-motion="calm"] .scene-movers{display:none}
.scene-stall{
  position:absolute;z-index:20;pointer-events:none;
  transform:translate(50%,-50%) scaleX(var(--flip,1));
  image-rendering:pixelated;
}
.scene-prop{
  position:absolute;z-index:30;
  transform:translate(50%,-50%) scaleX(var(--flip,1));
  image-rendering:pixelated;
}
.scene-prop.is-new{animation:propIn 760ms cubic-bezier(.18,.9,.3,1.12) both}
.scene-prop.is-up{animation:propUp 620ms cubic-bezier(.18,.9,.3,1.12) both}
.scene-stall.is-up{animation:propUp 620ms cubic-bezier(.18,.9,.3,1.12) both}
@keyframes propUp{
  0%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1)}
  40%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1.28)}
  70%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(.94)}
  100%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1)}
}
@keyframes propIn{
  0%,34%{opacity:0;transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(.25)}
  52%{opacity:1;transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1.22)}
  72%{opacity:1;transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(.93)}
  100%{opacity:1;transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1)}
}
.prop-fx{
  position:absolute;z-index:35;display:block;pointer-events:none;
  aspect-ratio:1/1;transform:translate(50%,-50%);
}
.prop-fx > i{position:absolute;left:50%;top:50%;display:block;border-radius:50%}
.prop-fx-glow{
  width:100%;height:100%;
  background:radial-gradient(circle,#FFFDF3 0%,#FFE3A6 30%,rgba(255,176,66,.7) 56%,rgba(255,176,66,0) 74%);
  animation:fxGlow 760ms cubic-bezier(.2,.7,.3,1) both;
  will-change:transform,opacity;
}
@keyframes fxGlow{
  0%{transform:translate(-50%,-50%) scale(.06);opacity:0}
  14%{transform:translate(-50%,-50%) scale(.16);opacity:1}
  30%{transform:translate(-50%,-50%) scale(.1);opacity:1}
  46%{transform:translate(-50%,-50%) scale(1.35);opacity:1}
  100%{transform:translate(-50%,-50%) scale(1.7);opacity:0}
}
.prop-fx-ring{
  width:100%;height:100%;
  border:3px solid rgba(255,222,150,.95);
  box-shadow:0 0 14px rgba(255,178,74,.75), inset 0 0 10px rgba(255,198,110,.55);
  animation:fxRing 760ms cubic-bezier(.3,.6,.25,1) both;
  will-change:transform,opacity;
}
@keyframes fxRing{
  0%{transform:translate(-50%,-50%) scale(1.9);opacity:0;border-width:2px}
  20%{opacity:.85}
  40%{transform:translate(-50%,-50%) scale(.28);opacity:1;border-width:4px}
  100%{transform:translate(-50%,-50%) scale(2.1);opacity:0;border-width:1px}
}
.prop-fx-spark{
  width:6px;height:6px;margin:-3px 0 0 -3px;
  background:#FFF0C4;
  box-shadow:0 0 9px rgba(255,190,90,.95);
  animation:fxSpark 520ms cubic-bezier(.15,.75,.3,1) 300ms both;
}
@keyframes fxSpark{
  0%{transform:rotate(var(--a)) translateY(-6px) scale(0);opacity:0}
  25%{opacity:1;transform:rotate(var(--a)) translateY(-16px) scale(1)}
  100%{transform:rotate(var(--a)) translateY(-42px) scale(0);opacity:0}
}
.mini-scene{position:relative;height:100%;overflow:hidden;isolation:isolate}
.mini-sky,.mini-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.mini-bg{z-index:0}
.mini-sky{z-index:-1}
.mini-stars{mix-blend-mode:screen}
.mini-item{position:absolute;transform:translate(50%,-50%) scaleX(var(--flip,1));image-rendering:pixelated}
.scene-prop.is-land{animation:propLand 760ms cubic-bezier(.3,.7,.4,1) both}
@keyframes propLand{
  0%{opacity:0;transform:translate(50%,-50%) translateY(-70px) scaleX(var(--flip,1)) scale(.8);filter:brightness(1.2) drop-shadow(0 0 5px rgba(255,214,120,.8))}
  18%{opacity:1}
  42%{transform:translate(50%,-50%) translateY(0) scaleX(var(--flip,1)) scale(1.3,.74);filter:brightness(1.25) drop-shadow(0 0 6px rgba(255,214,120,.85))}
  60%{transform:translate(50%,-50%) translateY(-9px) scaleX(var(--flip,1)) scale(.88,1.16);filter:brightness(1.15) drop-shadow(0 0 4px rgba(255,214,120,.6))}
  78%{transform:translate(50%,-50%) translateY(0) scaleX(var(--flip,1)) scale(1.06,.95);filter:brightness(1.05)}
  100%{opacity:1;transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1);filter:none}
}
.scene-prop.is-bump{animation:propBump .55s cubic-bezier(.3,.7,.4,1.3)}
@keyframes propBump{
  0%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1);filter:none}
  35%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1.14,.9);filter:drop-shadow(0 0 2px rgba(255,214,120,.9)) drop-shadow(0 0 5px rgba(255,214,120,.45))}
  65%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(.95,1.07);filter:drop-shadow(0 0 2px rgba(255,214,120,.7))}
  100%{transform:translate(50%,-50%) scaleX(var(--flip,1)) scale(1);filter:none}
}
.prop-plus{position:absolute;z-index:120;pointer-events:none;color:#3BE87A;font-weight:900;font-size:1.25rem;line-height:1;
  text-shadow:-1px -1px 0 #0B4A28,1px -1px 0 #0B4A28,-1px 1px 0 #0B4A28,1px 1px 0 #0B4A28;
  opacity:0;animation:plusUp .95s ease-out forwards}
@keyframes plusUp{
  0%{opacity:0;transform:translate(-50%,0) scale(.6)}
  20%{opacity:1;transform:translate(-50%,-8px) scale(1.1)}
  100%{opacity:0;transform:translate(-50%,-40px) scale(1)}
}
.prop-arrow{position:absolute;z-index:121;pointer-events:none;width:14px;height:16px;
  filter:drop-shadow(1px 0 0 #3B2A1E) drop-shadow(-1px 0 0 #3B2A1E) drop-shadow(0 1px 0 #3B2A1E) drop-shadow(0 -1px 0 #3B2A1E);
  opacity:0;animation:arrowUp 1.2s ease-out forwards}
.prop-arrow i{display:block;width:100%;height:100%;background:#F6C448;
  clip-path:polygon(50% 0,100% 48%,68% 48%,68% 100%,32% 100%,32% 48%,0 48%)}
@keyframes arrowUp{
  0%{opacity:0;transform:translate(-50%,10px)}
  20%{opacity:1;transform:translate(-50%,0)}
  70%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-46px)}
}
html[data-motion="calm"] .prop-fx,html[data-motion="calm"] .prop-plus,html[data-motion="calm"] .prop-arrow{display:none}
html[data-motion="calm"] .scene-prop.is-land,html[data-motion="calm"] .scene-prop.is-bump{animation:none}
html[data-motion="calm"] .scene-prop.is-new,html[data-motion="calm"] .scene-prop.is-up,
html[data-motion="calm"] .scene-stall.is-up{animation:none}
.sound-btn{min-width:44px;min-height:44px}
.view-btn{min-height:52px}
.card-buy{min-height:44px}
.report-link{min-height:40px}
.btn-primary,.btn-ghost{min-height:44px}
.card-city .card-side{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.qty{display:flex;gap:6px;margin-block-end:10px}
.shop[data-open="true"] .shop-body{padding-block-start:0}
.qty{position:sticky;top:0;z-index:6;margin-block-start:0;padding-block:10px 8px;background:var(--bg)}
.qty-btn{
  flex:1;
  min-height:34px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:var(--r-md);
  font-weight:800;
  font-size:.82rem;
  color:var(--muted);
  box-shadow:0 2px 0 rgba(36,31,25,.06);
  transition:background .15s ease,color .15s ease;
}
.qty-btn.is-on{background:var(--green);color:#fff;border-color:var(--green-d);box-shadow:0 2px 0 var(--green-d)}
.hud-turn{
  font-size:.72rem;
  font-weight:900;
  color:var(--gold-d);
  background:#FFF3DC;
  border:1px solid rgba(201,134,27,.3);
  border-radius:var(--r-lg);
  padding:2px 7px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.card-dist .card-meta{white-space:pre-line;line-height:1.5}
.hud{background:linear-gradient(180deg,#FFF8EC,#FFF3E2)}
.hud{background:linear-gradient(180deg,
  color-mix(in srgb, var(--city, var(--gold)) var(--mix-hud, 12%), #FFF8EC),
  color-mix(in srgb, var(--city, var(--gold)) calc(var(--mix-hud, 12%) + 10%), #FFF3E2))}
:root{
  --acc:#1FA35C;
  --acc-d:#136B3B;
  --acc-hi:#35D07F;
}
:root{
  --acc:var(--city, #1FA35C);
  --acc-d:color-mix(in srgb, var(--city, #1FA35C) 72%, #101A14);
  --acc-hi:color-mix(in srgb, var(--city, #1FA35C) 62%, #ffffff);
  --green:var(--acc);
  --green-d:var(--acc-d);
  --green-hi:var(--acc-hi);
  --bg:color-mix(in srgb, var(--city, #FFB020) var(--mix-card, 7%), var(--skin-bg,#FFEFD4));
  --bg-deep:color-mix(in srgb, var(--city, #FFB020) var(--mix-deep, 11%), var(--skin-bg-deep,#F7DFB4));
  --card:color-mix(in srgb, var(--city, #FFB020) var(--mix-card, 4%), var(--skin-card,#FFFCF2));
  --edge:color-mix(in srgb, var(--city, #FFB020) var(--mix-edge, 20%), #E8CE9C);
  --line:color-mix(in srgb, var(--city, #FFB020) var(--mix-line, 16%), rgba(34,28,20,.14));
}
body{background:var(--stage-art),var(--bg-deep)}
body{background:var(--stage-art),color-mix(in srgb, var(--city, var(--gold)) var(--mix-body, 0%), var(--bg-deep))}
.card-icon.is-locked{opacity:.55;filter:grayscale(1)}
.skin-ico{width:1em;height:1em;object-fit:contain;image-rendering:pixelated;vertical-align:-.12em}
.card-icon .skin-ico{width:1.2em;height:1.2em}
.ui-gone{display:none!important}
.ui-editing #tour,.ui-editing .modal{display:none!important}
.ui-editing [data-ui-spot]{
  outline:2px dashed rgba(47,143,91,.75);
  outline-offset:2px;
  cursor:move;
}
.ui-editing [data-ui-spot].is-sel{
  outline:3px solid var(--green);
  outline-offset:3px;
}
.ui-editing [data-ui-spot].ui-gone{
  display:block!important;
  opacity:.28;
  outline-style:dotted;
  outline-color:rgba(240,81,47,.9);
}
.ui-editing [data-ui-spot]::after{
  content:attr(data-ui-name);
  position:absolute;
  inset-block-start:-9px;
  inset-inline-start:0;
  font-size:.5625rem;
  font-weight:800;
  line-height:1;
  padding:2px 5px;
  border-radius:6px;
  background:#2F8F5B;
  color:#fff;
  white-space:nowrap;
  pointer-events:none;
  z-index:99;
}
.ui-editing [data-ui-spot].ui-gone::after{background:#F0512F;content:attr(data-ui-name) " · מוסתר"}
.ui-editing [data-ui-spot].is-sel::after{background:#136B3B;content:attr(data-ui-name) " · חצים להזזה"}
.modal-card.is-snd{
  max-width:380px;
  display:flex;
  flex-direction:column;
  max-block-size:calc(var(--screen-h) - 40px);
  text-align:start;
}
.modal-card.is-snd > .modal-title{text-align:center;flex:0 0 auto}
.set-back{
  align-self:flex-start;
  flex:0 0 auto;
  margin-block-end:-6px;
  padding:6px 4px;
  border:0;background:transparent;
  font:inherit;font-weight:800;font-size:.9rem;
  color:var(--muted);
  cursor:pointer;
}
.set-back:hover{color:var(--ink)}
.set-tab.set-install{--bo:#136B3B;--bh:#7CF0A8;--bl:#35D07F;--bb:#22A960;--bs:#16804A;--bd:#0E5A33;color:#fff;text-shadow:0 1px 0 #0E5A33}
.set-tab.set-install b,.set-tab.set-install .set-ico{color:#fff}
.set-tab.set-install .set-ico svg{width:22px;height:22px}
.set-back{display:inline-grid;place-items:center;width:40px;height:40px;padding:0 0 4px;margin-block-end:0;
  border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:1.9rem;line-height:1}
.set-back[hidden]{display:none}
.set-back > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.set-back{position:absolute;z-index:3;inset-block-start:12px;inset-inline-start:12px;font-size:0 !important;color:transparent !important;padding:0}
.set-back::before{content:"";position:absolute;inset:0;margin:auto;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 4.5 16.5 12 9 19.5' fill='none' stroke='%233B2A1E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.set-menu{display:flex;flex-direction:column;gap:12px;padding-block:14px 4px}
.set-tab.set-item{
  display:flex;flex-direction:row;align-items:center;gap:12px;
  inline-size:100%;
  padding:10px 14px;
  text-align:start;
  color:var(--ink);
}
.set-item b{font-size:1.02rem;font-weight:900}
.set-ico{display:inline-grid;place-items:center;flex:0 0 auto;inline-size:30px;block-size:30px}
.set-ico .skin-ico{inline-size:30px;block-size:30px;vertical-align:0}
.set-tab.set-promo{--bo:#B8862E;--bh:#FFF3C9;--bl:#FFE9A8;--bb:#F9DC86;--bs:#E9C35A;--bd:#C99A3B}
.set-ico-txt{font-weight:900;font-size:1.15rem;line-height:1;color:var(--ink);letter-spacing:-1px}
.set-menu .build-note{margin-block-start:6px}
.set-menu .report-row{margin-block-start:0}
.set-tab{
  flex:1 1 0;
  border:1px solid var(--line);
  background:transparent;
  border-radius:var(--r-lg);
  padding:10px 4px;
  font:inherit;font-weight:800;font-size:.85rem;
  color:var(--muted);
  cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.set-tab:hover{background:#fff;color:var(--ink)}
.set-tab.is-on{
  background:var(--green-d);
  border-color:var(--green-d);
  color:#fff;
}
.set-body{
  flex:1 1 auto;
  min-block-size:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  margin-inline:-4px;
  padding-inline:4px;
  padding-block-end:4px;
}
.set-pane[hidden]{display:none}
.set-foot{
  flex:0 0 auto;
  padding-block-start:12px;
  border-block-start:1px solid var(--line);
  margin-block-start:4px;
}
.modal-card.is-snd .set-foot .btn-primary{margin-top:12px;inline-size:100%}
.set-head{
  margin:2px 0 0;
  text-align:start;
  font-size:.86rem;
  font-weight:900;
  color:var(--muted);
}
.set-head + .snd-modes{margin-block-start:8px}
.snd-modes{display:grid;grid-template-columns:1fr;gap:8px;margin-block:14px 16px}
.snd-mode{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 8px;
  border:2px solid var(--line);
  border-radius:var(--r-md);
  background:var(--card);
  cursor:pointer;
  font-family:inherit;
}
.snd-mode b{font-size:1.375rem;line-height:1}
.snd-mode span{font-size:.95rem;font-weight:800;color:var(--muted)}
.snd-mode.is-on{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,#fff)}
.snd-mode.is-on span{color:var(--green-d)}
.snd-vol{margin-block-end:12px;text-align:start}
.snd-vol label{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  font-size:.82rem;
  font-weight:700;
  color:var(--muted);
  margin-block-end:4px;
}
.snd-vol label b{font-variant-numeric:tabular-nums;color:var(--ink)}
.snd-vol input[type=range]{width:100%;accent-color:var(--green)}
.snd-vol input[type=range]:disabled{opacity:.35}
.modal-sub.is-warn{color:var(--gold-d);font-weight:700}
.snd-mode:disabled{opacity:.4;cursor:default}
.tour{position:fixed;inset:0;z-index:55;pointer-events:none}
.tour-block{position:absolute;display:block;pointer-events:auto;background:transparent}
.tour-hole{
  position:absolute;
  border-radius:14px;
  box-shadow:0 0 0 9999px rgba(20,14,6,.62);
  transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;
  pointer-events:none;
}
.tour-hole::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:18px;
  border:3px solid var(--gold);
  box-shadow:0 0 0 2px rgba(255,255,255,.55);
  animation:guidePulse 1s steps(2) infinite;
}
@keyframes guidePulse{50%{border-color:#FFF0B0}}
.tour-arrow{position:absolute;width:30px;height:44px;margin-left:-15px;pointer-events:none;
  filter:drop-shadow(2px 0 0 #3B2A1E) drop-shadow(-2px 0 0 #3B2A1E) drop-shadow(0 2px 0 #3B2A1E) drop-shadow(0 -2px 0 #3B2A1E);
  animation:guideBob .7s ease-in-out infinite alternate}
.tour-arrow i{display:block;width:100%;height:100%;background:#F6C448;
  clip-path:polygon(32% 0,68% 0,68% 54%,100% 54%,50% 100%,0 54%,32% 54%)}
.tour-arrow.is-up i{clip-path:polygon(50% 0,100% 46%,68% 46%,68% 100%,32% 100%,32% 46%,0 46%)}
@keyframes guideBob{from{transform:translateY(-6px)}to{transform:translateY(4px)}}
html[data-motion="calm"] .tour-hole{transition:none}
html[data-motion="calm"] .tour-arrow,html[data-motion="calm"] .tour-hole::after{animation:none}
.city-meter{margin-top:5px;display:flex;flex-direction:column;gap:3px}
.city-meter-bar{
  display:block;
  height:5px;
  border-radius:99px;
  background:rgba(36,31,25,.10);
  overflow:hidden;
}
.city-meter-fill{
  display:block;
  height:100%;
  width:0%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--gold),var(--gold-d));
  transition:width .1s linear;
}
html[data-motion="calm"] .city-meter-fill{transition:none}
@keyframes cityRun{from{width:0%}to{width:100%}}
html[data-motion="calm"] .city-meter-fill{animation:none!important}
html[data-motion="calm"] .city-meter-fill[data-run]:not([data-run=""]){width:100%!important}
.hud-gems{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border:1px solid var(--line, #E3D5BC);
  border-radius:999px;
  background:#FFF;
  color:var(--ink, #2B2118);
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  cursor:pointer;
  line-height:1.5;
}
.hud-gems:hover{border-color:var(--green, #2F7A4F)}
.hud-gems-ico{font-size:.86rem;line-height:1}
.hud-gems-plus{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--green, #2F7A4F);
  color:#FFF;
  font-size:.74rem;
  font-weight:900;
  line-height:1;
}
.gem-list{display:grid;gap:8px;margin:4px 0 2px}
.gem-free{margin:2px 0 12px}
.gem-free-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin-bottom:6px}
.gem-free-head b{font-size:.95rem}
.gem-free-head span{color:var(--muted, #7A6A55);font-size:.8rem}
.gem-free-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}
.gem-free-card{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:12px;text-decoration:none;
  color:inherit;background:#FFFDF7;border:1.5px solid #EADBC1;text-align:center;line-height:1.2}
.gem-free-card:hover{border-color:var(--green, #2F7A4F)}
.gem-free-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.gem-free-card{gap:5px;padding:9px 2px 7px}
.gem-free-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:#6B7280;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.gem-free-ico svg{width:24px;height:24px}
.gem-free-instagram .gem-free-ico{background:linear-gradient(45deg,#F9A825 0%,#E1306C 50%,#833AB4 100%)}
.gem-free-discord .gem-free-ico{background:#5865F2}
.gem-free-youtube .gem-free-ico{background:#fff;box-shadow:inset 0 0 0 1px #E5E0D6,inset 0 -3px 0 rgba(0,0,0,.08)}
.gem-free-youtube .gem-free-ico svg{width:30px;height:30px}
.gem-free-linkedin .gem-free-ico{background:#0A66C2}
.gem-free-site .gem-free-ico{background:#000;overflow:hidden}
.gem-free-ico img{width:100%;height:100%;object-fit:cover;image-rendering:auto}
.gem-free-get{display:flex;align-items:center;justify-content:center;gap:2px;font-size:.9rem;line-height:1}
.gem-free-get b{font-weight:900}
.gem-free-get .skin-ico{width:16px;height:16px}
.gem-free-get{font-size:.74rem;color:var(--green, #2F7A4F);font-weight:700}
.gem-rows{display:grid;gap:14px;margin:12px 0 6px}
.gem-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px 12px;
  border:0;cursor:pointer;font:inherit;color:#3B2A1E;text-align:start;background:#FFF8E8;
  box-shadow:0 0 0 2px #C9A86A,0 4px 0 2px #A8864A}
.gem-row:active{transform:translateY(3px);box-shadow:0 0 0 2px #C9A86A,0 1px 0 2px #A8864A}
.gem-row-ico{display:grid;place-items:center;width:44px;height:44px}
.gem-row-ico img,.gem-row-ico .skin-ico{width:38px;height:38px;image-rendering:pixelated}
.gem-row-txt{display:grid;gap:1px;min-width:0}
.gem-row-txt b{font-size:.95rem;font-weight:900}
.gem-row-txt small{font-size:.76rem;font-weight:700;color:#7A6A55;line-height:1.3}
.gem-row-get{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;background:#2F6F9E;color:#fff;font-weight:900;font-size:.9rem;
  box-shadow:0 0 0 2px #1E4E72}
.gem-row-get .skin-ico{width:18px;height:18px}
.gem-row.is-sign .gem-row-get{background:#1F8A55;box-shadow:0 0 0 2px #136B3B}
.gem-invite{
  position:relative;
  display:grid;
  justify-items:center;
  gap:3px;
  width:100%;
  margin-top:8px;
  padding:14px 12px 12px;
  border:2px solid #FFD56A;
  border-radius:16px;
  background:linear-gradient(160deg,#4A3A78,#2A1F4A 70%);
  color:#fff;
  font:inherit;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(42,31,74,.35), inset 0 0 22px rgba(255,213,106,.18);
}
.gem-invite:active{transform:scale(.98)}
.gem-invite-title{position:relative;font-size:1.05rem;font-weight:900;color:#FFD56A}
.gem-invite-text{position:relative;font-size:.8rem;line-height:1.45;color:#EDE3FF}
.gem-invite-go{position:relative;margin-top:4px;padding:5px 14px;border-radius:999px;background:#FFD56A;color:#2A1F4A;font-weight:900;font-size:.82rem}
.gem-invite.gem-sign{--bo:#216240;--bh:#BDE5CD;--bl:#5FB889;--bb:#41A06D;--bs:#35875C;--bd:#296E4A}
.gem-free-card.is-done{opacity:.6}
.gem-free-card.is-done .gem-free-ico{filter:grayscale(.5)}
.gem-free-card.is-done .gem-free-get{color:var(--muted, #7A6A55)}
.gem-pack{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:11px 13px;
  border:1px solid var(--line, #E3D5BC);
  border-radius:14px;
  background:#FFF;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:start;
}
.gem-pack:hover:not(:disabled){border-color:var(--green, #2F7A4F);background:#FAFFFB}
.gem-pack:disabled{opacity:.55;cursor:default}
.gem-pack-top{font-size:1.05rem;font-weight:800;white-space:nowrap}
.gem-pack-mid{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.gem-pack-note{color:var(--muted, #7A6A55);font-size:.82rem}
.gem-pack-save{
  display:inline-block;padding:2px 8px;border-radius:999px;
  background:#FDEBD0;color:#8A5A12;font-size:.74rem;font-weight:800;white-space:nowrap;
}
.gem-pack-price{
  padding:4px 11px;
  border-radius:999px;
  background:var(--green, #2F7A4F);
  color:#FFF;
  font-size:.86rem;
  font-weight:800;
  white-space:nowrap;
}
.lb-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-block:10px 2px;
}
.lb-page{
  width:40px;
  height:34px;
  border:2px solid var(--line);
  border-radius:var(--r-md);
  background:var(--card);
  font-family:inherit;
  font-size:.9375rem;
  line-height:1;
  cursor:pointer;
}
.lb-page:disabled{opacity:.35;cursor:default}
.lb-range{
  font-size:.82rem;
  font-weight:800;
  color:var(--muted);
  min-width:9ch;
  text-align:center;
}
.acc-box{text-align:start;margin-block:8px 16px}
.is-promo .promo-box{margin-block:8px 4px}
.promo-box{margin:4px 0 8px;padding:12px;border-radius:var(--r-md);background:#FFF6DC;border:2px dashed #E3A33C;text-align:start}
.promo-label{display:block;font-weight:900;margin-bottom:8px;color:#7A4E0E}
.promo-row{display:flex;gap:8px}
.promo-input{flex:1 1 auto;min-width:0;padding:10px 12px;border-radius:var(--r-md);border:2px solid #E3C38A;
  font:inherit;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;background:#fff;color:var(--ink);
  -webkit-user-select:text;user-select:text}
.promo-go{flex:0 0 auto;border:0;border-radius:var(--r-md)}
.promo-input{font-family:'Rubik','Noto Sans Hebrew',system-ui,sans-serif;font-size-adjust:none}
.promo-state{margin:8px 0 0;min-height:1.2em;font-size:.9rem;font-weight:700;color:#A33B2B}
.promo-state.is-good{color:#1F7A45}
.acc-line{margin:0;font-size:.92rem;font-weight:800}
.acc-sub{margin:4px 0 0;font-size:.8rem;color:var(--muted);line-height:1.5}
.acc-acts{display:flex;gap:8px;margin-block-start:12px;flex-wrap:wrap}
.acc-box .acc-acts .acc-btn,
.gem-gate .acc-acts .acc-btn{
  flex:1 1 130px;
  margin:0;
  min-block-size:46px;
  border:0;
  border-radius:var(--r-lg);
  padding:12px 10px;
  font:inherit;
  font-weight:900;
  font-size:.92rem;
  line-height:1.15;
  color:#fff;
  cursor:pointer;
  transition:transform .1s ease,box-shadow .1s ease;
}
.acc-btn.is-open{
  background:linear-gradient(180deg,var(--gold),var(--gold-d));
  box-shadow:0 4px 0 color-mix(in srgb, var(--gold-d) 72%, #3A2405);
}
.acc-btn.is-in{
  background:linear-gradient(180deg,#25B268,#137C43);
  box-shadow:0 4px 0 #0D5A30;
}
.acc-btn.is-open:active,.acc-btn.is-in:active{transform:translateY(3px);box-shadow:none}
.acc-box .acc-acts .acc-btn.btn-ghost{
  background:transparent;color:var(--muted);
  border:1px solid var(--line);box-shadow:none;
  font-weight:800;font-size:.85rem;
}
.acc-box .acc-acts .acc-btn.btn-ghost:hover{background:#fff;color:var(--ink)}
.gem-gate{
  margin-block-start:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:color-mix(in srgb, var(--acc) 7%, #fff);
  text-align:start;
}
.gem-gate-text{font-size:.86rem;color:var(--muted);line-height:1.5}
.gem-gate-text b{color:var(--ink)}
.acc-field{display:grid;gap:5px;text-align:start;margin-block-end:12px}
.acc-field > span{font-size:.82rem;font-weight:800;color:var(--muted)}
.acc-field input{
  width:100%;
  padding:11px 12px;
  border:2px solid var(--line);
  border-radius:var(--r-md);
  background:var(--card);
  font-family:inherit;
  font-size:1rem;
}
.acc-state{margin:0 0 10px;font-size:.84rem;font-weight:700;min-height:1.2em;text-align:start}
.acc-state.is-bad{color:var(--red,#C0392B)}
.acc-state.is-ok{color:var(--green-d,#136B3B)}
.acc-fine{font-size:.74rem;line-height:1.5;margin-block-start:10px}
#accSwap{margin-block:10px 0}
#accSwap button{
  border:0;background:none;padding:0;font:inherit;color:var(--green-d,#136B3B);
  font-weight:800;text-decoration:underline;cursor:pointer;
}
.pick-rows{display:grid;gap:10px;margin-block:14px 4px}
.pick-row{
  display:grid;
  gap:4px;
  text-align:start;
  padding:13px 14px;
  border:2px solid var(--line);
  border-radius:var(--r-md);
  background:var(--card);
  font-family:inherit;
  cursor:pointer;
}
.pick-row:hover{border-color:var(--green)}
.pick-row b{font-size:.95rem}
.pick-row span{font-size:.82rem;color:var(--muted)}
.win-full{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,214,130,.34), transparent 62%),
    color-mix(in srgb, var(--ink,#2B2118) 88%, transparent);
  backdrop-filter:blur(3px);
  animation:winIn .28s ease-out;
}
.win-full[hidden]{display:none}
@keyframes winIn{from{opacity:0}to{opacity:1}}
.win-full-in{
  display:grid;
  justify-items:center;
  gap:6px;
  text-align:center;
  max-width:420px;
  width:100%;
}
.win-full-star{
  position:relative;
  display:inline-flex;
  font-size:clamp(56px,calc(18 * var(--vw)),86px);
  line-height:1;
  animation:winStar 1.1s ease-in-out infinite alternate;
}
.win-full-lvl{
  position:absolute;
  inset-block-start:42%;
  inset-inline-start:50%;
  transform:translate(-50%,-50%);
  font-size:.34em;
  font-weight:900;
  color:#5B3B14;
  text-shadow:none;
}
@keyframes winStar{from{transform:rotate(-7deg) scale(1)}to{transform:rotate(7deg) scale(1.06)}}
.win-full-top{
  margin:6px 0 0;
  font-size:clamp(1rem,calc(4.6 * var(--vw)),1.2rem);
  font-weight:800;
  color:#FFE9C4;
}
.win-full-name{
  margin:0;
  font-size:clamp(1.9rem,calc(9 * var(--vw)),2.9rem);
  font-weight:900;
  line-height:1.15;
  color:#FFC94A;
  text-shadow:0 2px 0 rgba(0,0,0,.28);
}
.win-full-sub{
  margin:8px 0 0;
  font-size:clamp(.88rem,calc(3.8 * var(--vw)),1rem);
  color:#F3E4CC;
  line-height:1.6;
}
.win-full-go{margin-block-start:22px;min-width:180px}
.win-full-star[hidden]{display:none}
.win-full-level{
  margin:0;
  font-size:clamp(2.3rem,calc(11 * var(--vw)),3.4rem);
  font-weight:900;
  line-height:1.05;
  color:#fff;
  text-shadow:
    -3px -3px 0 #000, 0 -3px 0 #000, 3px -3px 0 #000, 3px 0 0 #000,
    3px 3px 0 #000, 0 3px 0 #000, -3px 3px 0 #000, -3px 0 0 #000,
    0 6px 14px rgba(0,0,0,.4);
  animation:lvlPop .6s cubic-bezier(.18,.9,.3,1.3) both;
}
.win-full-show{position:relative;display:block;width:min(250px,calc(68 * var(--vw)));margin:4px 0 2px}
.win-full-show[hidden]{display:none}
.win-full-rays{
  position:absolute;
  width:432px;height:432px;
  left:50%;top:50%;margin:-216px 0 0 -216px;
  background:url("images/ui/reveal-rays-v2.png") 0 0 / 1600% 100% no-repeat;
  image-rendering:pixelated;
  animation:raysFrames 2s steps(16) infinite;
}
.win-full-art{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  image-rendering:pixelated;
  filter:drop-shadow(0 0 16px rgba(255,214,130,.8));
}
.win-full-show.is-go .win-full-art{animation:artReveal .85s cubic-bezier(.18,.9,.3,1.2) .15s both}
.win-full-show::before,.win-full-show::after{
  content:"✦";
  position:absolute;
  color:#FFE08A;
  font-size:1.625rem;
  text-shadow:0 0 10px rgba(255,224,138,.9);
  animation:twinkle 1.3s ease-in-out infinite;
}
.win-full-show::before{inset-block-start:-6%;inset-inline-start:2%}
.win-full-show::after{inset-block-end:4%;inset-inline-end:0;animation-delay:.65s}
.win-full-rays,.win-full-art,.win-full-show::before,.win-full-show::after{pointer-events:none}
.win-full-show{z-index:0}
.win-full-level,.win-full-star,.win-full-top,.win-full-name,.win-full-sub,.win-full-go{position:relative;z-index:1}
@keyframes lvlPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:none}}
@keyframes artReveal{0%{opacity:0;transform:scale(.3) rotate(-8deg)}60%{opacity:1;transform:scale(1.12) rotate(2deg)}100%{opacity:1;transform:none}}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
.reveal{
  position:fixed;
  inset:0;
  z-index:130;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,214,130,.28), transparent 60%),
    rgba(12,10,24,.9);
  backdrop-filter:blur(4px);
  animation:winIn .25s ease-out;
}
.reveal[hidden]{display:none}
.reveal-in{display:grid;justify-items:center;gap:6px;text-align:center;max-width:420px;width:100%}
.reveal-top{margin:0;font-size:1.15rem;font-weight:900;color:#FFD56A;letter-spacing:.02em;opacity:0}
.reveal-top,.reveal-name,.reveal-sub,.reveal-go{position:relative;z-index:1}
.reveal-stage{position:relative;width:min(240px,calc(64 * var(--vw)));aspect-ratio:1;display:grid;place-items:center;margin:6px 0}
.reveal-rays{
  position:absolute;
  width:432px;height:432px;
  left:50%;top:50%;margin:-216px 0 0 -216px;
  background:url("images/ui/reveal-rays-v2.png") 0 0 / 1600% 100% no-repeat;
  image-rendering:pixelated;
  opacity:0;
  transform:scale(.4);
}
.reveal-box{
  position:absolute;
  width:62%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(180deg,#4A3A78,#261C44);
  border:4px solid #FFD56A;
  box-shadow:0 0 30px rgba(255,213,106,.45), inset 0 -8px 0 rgba(0,0,0,.25);
  font-size:5rem;
  font-weight:900;
  color:#FFD56A;
  padding:0;
  font-family:inherit;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  scale:calc(1 + var(--p, 0) * .16);
  box-shadow:0 0 calc(30px + var(--p, 0) * 50px) rgba(255,213,106,calc(.45 + var(--p, 0) * .45)), inset 0 -8px 0 rgba(0,0,0,.25);
}
.reveal-box:focus-visible{outline:4px solid #fff;outline-offset:6px}
.reveal-q{position:relative;pointer-events:none}
.reveal-cracks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.reveal-cracks path{
  fill:none;stroke:#140C26;stroke-width:4;stroke-linejoin:miter;stroke-linecap:square;
  shape-rendering:crispEdges;opacity:0;transition:opacity .08s;
}
.reveal-box[data-crack="1"] .c1,
.reveal-box[data-crack="2"] :is(.c1,.c2),
.reveal-box[data-crack="3"] :is(.c1,.c2,.c3),
.reveal-box[data-crack="4"] path{opacity:1}
.reveal-box[data-crack="4"] path{stroke:#FFE9A8;filter:drop-shadow(0 0 3px #FFD56A)}
.reveal-box.is-hit-a{animation:boxHitA .16s ease-out}
.reveal-box.is-hit-b{animation:boxHitB .16s ease-out}
@keyframes boxHitA{0%{translate:0 0;rotate:0deg}35%{translate:-7px 3px;rotate:-7deg}100%{translate:0 0;rotate:0deg}}
@keyframes boxHitB{0%{translate:0 0;rotate:0deg}35%{translate:7px 3px;rotate:7deg}100%{translate:0 0;rotate:0deg}}
.reveal.is-closed .reveal-stage{animation:boxIdle 1.8s ease-in-out infinite}
@keyframes boxIdle{0%,100%{rotate:-2deg}50%{rotate:2deg}}
.reveal-hint{margin:6px 0 0;color:#FFE9C4;font-weight:900;font-size:1.15rem;display:none}
.reveal.is-closed .reveal-hint{display:block}
.reveal-shards{position:absolute;width:62%;aspect-ratio:1;pointer-events:none;scale:1.16}
.reveal-shards i{
  position:absolute;inset:0;border-radius:22px;opacity:0;
  background:linear-gradient(180deg,#4A3A78,#261C44);
  border:4px solid #FFD56A;
}
.reveal-shards i:nth-child(1){clip-path:polygon(50% 50%,0 0,50% 0);--x:-60px;--y:-150px;--r:-80deg}
.reveal-shards i:nth-child(2){clip-path:polygon(50% 50%,50% 0,100% 0);--x:60px;--y:-150px;--r:70deg}
.reveal-shards i:nth-child(3){clip-path:polygon(50% 50%,100% 0,100% 50%);--x:150px;--y:-60px;--r:110deg}
.reveal-shards i:nth-child(4){clip-path:polygon(50% 50%,100% 50%,100% 100%);--x:150px;--y:70px;--r:-60deg}
.reveal-shards i:nth-child(5){clip-path:polygon(50% 50%,100% 100%,50% 100%);--x:60px;--y:160px;--r:90deg}
.reveal-shards i:nth-child(6){clip-path:polygon(50% 50%,50% 100%,0 100%);--x:-60px;--y:160px;--r:-100deg}
.reveal-shards i:nth-child(7){clip-path:polygon(50% 50%,0 100%,0 50%);--x:-150px;--y:70px;--r:60deg}
.reveal-shards i:nth-child(8){clip-path:polygon(50% 50%,0 50%,0 0);--x:-150px;--y:-60px;--r:-120deg}
.reveal.is-open .reveal-shards i{animation:shardFly .8s cubic-bezier(.2,.7,.4,1) both}
@keyframes shardFly{
  0%{opacity:1;transform:none}
  70%{opacity:1}
  100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.7)}
}
.reveal-stage::after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,236,180,.6) 40%,transparent 70%);opacity:0;pointer-events:none}
.reveal.is-open .reveal-stage::after{animation:breakFlash .5s ease-out}
@keyframes breakFlash{0%{opacity:1;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}
.reveal-art,.reveal-emoji{position:relative;opacity:0;transform:scale(.2)}
.reveal-art{position:absolute;left:9%;top:9%;width:82%;height:82%;object-fit:contain;
  image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(255,214,130,.85))}
.reveal-art[hidden],.reveal-emoji[hidden]{display:none}
.reveal-emoji{font-size:7rem;line-height:1}
.reveal-name{
  margin:0;
  font-size:clamp(2rem,calc(10 * var(--vw)),3rem);
  font-weight:900;
  line-height:1.1;
  color:#fff;
  opacity:0;
  text-shadow:
    -3px -3px 0 #000, 0 -3px 0 #000, 3px -3px 0 #000, 3px 0 0 #000,
    3px 3px 0 #000, 0 3px 0 #000, -3px 3px 0 #000, -3px 0 0 #000;
}
.reveal-sub{margin:4px 0 0;color:#F3E4CC;font-weight:700;opacity:0}
.reveal-go{margin-block-start:18px;min-width:170px;opacity:0;pointer-events:none}
.reveal.is-open .reveal-box{visibility:hidden;pointer-events:none}
.reveal.is-open .reveal-rays{animation:raysIn .5s ease-out forwards, raysFrames 2s steps(16) .5s infinite}
@keyframes raysFrames{from{background-position-x:0%}to{background-position-x:106.6667%}}
.reveal.is-open .reveal-art,.reveal.is-open .reveal-emoji{animation:artPop .62s cubic-bezier(.22,.9,.32,1) both}
@keyframes artPop{
  0%{opacity:0;transform:translateY(28%) scale(.12)}
  6%{opacity:1}
  42%{opacity:1;transform:translateY(-12%) scale(1.3,1.34)}
  62%{transform:translateY(3%) scale(1.08,.9)}
  80%{transform:translateY(-3%) scale(.97,1.05)}
  100%{opacity:1;transform:none}}
.reveal.is-open .reveal-top{animation:revealFade .4s ease-out .1s both}
.reveal.is-open .reveal-name{animation:lvlPop .55s cubic-bezier(.18,.9,.3,1.3) .3s both}
.reveal.is-open .reveal-sub{animation:revealFade .4s ease-out .55s both}
.reveal.is-open .reveal-go{animation:revealFade .4s ease-out .7s both;pointer-events:auto}
@keyframes boxShake{0%{translate:-3px 0;rotate:-3deg}50%{translate:3px 0;rotate:3deg}100%{translate:-3px 0;rotate:-3deg}}
@keyframes boxGrow{from{scale:1}to{scale:1.18}}
@keyframes boxBurst{0%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.9)}}
@keyframes raysIn{to{opacity:1;transform:scale(1)}}
@keyframes revealFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-motion="calm"] .reveal,html[data-motion="calm"] .reveal.is-open .reveal-box,
html[data-motion="calm"] .reveal.is-open .reveal-rays{animation:none}
html[data-motion="calm"] .reveal-box.is-hit-a,html[data-motion="calm"] .reveal-box.is-hit-b,
html[data-motion="calm"] .reveal.is-closed .reveal-stage,
html[data-motion="calm"] .reveal.is-open .reveal-shards i,
html[data-motion="calm"] .reveal.is-open .reveal-stage::after{animation:none}
html[data-motion="calm"] .reveal.is-open .reveal-box{opacity:0}
html[data-motion="calm"] .reveal.is-open .reveal-rays{opacity:1;transform:none}
html[data-motion="calm"] .reveal.is-open .reveal-art,html[data-motion="calm"] .reveal.is-open .reveal-emoji,
html[data-motion="calm"] .reveal.is-open .reveal-top,html[data-motion="calm"] .reveal.is-open .reveal-name,
html[data-motion="calm"] .reveal.is-open .reveal-sub,
html[data-motion="calm"] .reveal.is-open .reveal-go{animation:none;opacity:1;transform:none}
html[data-motion="calm"] .win-full{animation:none}
html[data-motion="calm"] .win-full-star{animation:none}
html[data-motion="calm"] .win-full-level,html[data-motion="calm"] .win-full-rays,
html[data-motion="calm"] .win-full-show.is-go .win-full-art,
html[data-motion="calm"] .win-full-show::before,html[data-motion="calm"] .win-full-show::after{animation:none}
html[data-contrast="high"]{
  --muted:#2E2416;
  --line:rgba(20,14,8,.55);
  --gold-d:#7A4E05;
  --green-d:#0B4A28;
}
html[data-contrast="high"] .card-meta{color:#5A3A04 !important}
html[data-contrast="high"] .toast{background:#000;color:#fff;outline:2px solid #fff}
html[data-contrast="high"] .set-row input{outline:2px solid var(--ink);outline-offset:1px}
html[data-contrast="high"] :focus-visible{outline:3px solid #000 !important;outline-offset:2px}
.set-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  text-align:start;
  margin-block:8px 6px;
  cursor:pointer;
}
.set-row b{display:block;font-size:.92rem}
.set-row small{display:block;margin-block-start:3px;font-size:.78rem;color:var(--muted);line-height:1.5}
.set-row input{flex:none;width:22px;height:22px;margin-block-start:2px;accent-color:var(--green)}
.set-a11y{margin-block:0 14px;text-align:start;font-size:.78rem}
.acc-danger{margin-block:12px 0;text-align:start}
.acc-danger-btn{
  border:0;background:none;padding:0;font:inherit;
  font-size:.8rem;font-weight:700;
  color:#C0392B;text-decoration:underline;cursor:pointer;
}
.buys-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px;text-align:start}
.buys-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:2px solid var(--line);
  border-radius:var(--r-md);
  background:var(--card);
  font-size:.86rem;
}
.buys-row b{font-weight:900}
.buys-row small{display:block;color:var(--muted);font-size:.76rem;margin-block-start:2px}
.buys-paid{color:var(--green-d,#136B3B);font-weight:800}
.buys-open{color:var(--muted);font-weight:800}
.buys-empty{padding:16px;text-align:center;color:var(--muted);font-size:.88rem}
html[data-motion="calm"] *,
html[data-motion="calm"] *::before,
html[data-motion="calm"] *::after{
  animation-duration:.001ms !important;
  animation-iteration-count:1 !important;
  transition-duration:.001ms !important;
  scroll-behavior:auto !important;
}
html[data-motion="calm"] .buy-coin,
html[data-motion="calm"] .scene-fx{display:none}
.buys-doc{
  flex:none;
  font-size:.8rem;
  font-weight:800;
  color:var(--green-d,#136B3B);
  text-decoration:underline;
}
.gem-mail-note{
  display:block;
  margin-block-start:4px;
  font-size:.74rem;
  color:var(--muted);
  line-height:1.45;
}
.gem-mail-note.is-bad{color:#C0392B}
.acc-verify{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-block:10px 0;
  text-align:start;
  font-size:.8rem;
  color:var(--muted);
}
.acc-verify-btn,
#accForgot button{
  border:0;background:none;padding:0;font:inherit;
  font-weight:800;color:var(--green-d,#136B3B);
  text-decoration:underline;cursor:pointer;
}
.acc-verify.is-ok{color:var(--green-d,#136B3B);font-weight:700}
#accForgot{margin-block:6px 0;text-align:start}
.buys-acts{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.buys-send{
  border:0;background:none;padding:0;font:inherit;
  font-size:.72rem;font-weight:700;color:var(--muted);
  text-decoration:underline;cursor:pointer;
}
.buys-send:disabled{opacity:.5;cursor:default}
.lb-tiles[hidden],.lb-switch[hidden]{display:none}
.lb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}
.lb-tile{position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:4px;min-height:150px;padding:14px 8px 12px;
  border:0;cursor:pointer;color:#fff;font:inherit;text-align:center;
  box-shadow:0 0 0 3px #3B2A1E,inset 0 0 0 3px rgba(255,255,255,.35),0 6px 0 3px #3B2A1E;transition:transform .08s steps(2)}
.lb-tile.is-league{background:linear-gradient(180deg,#F7C948 0%,#E0952A 100%)}
.lb-tile.is-ach{background:linear-gradient(180deg,#9B6CF0 0%,#6A3FC8 100%)}
.lb-tile:active{transform:translateY(5px);box-shadow:0 0 0 3px #3B2A1E,inset 0 0 0 3px rgba(255,255,255,.35),0 1px 0 3px #3B2A1E}
.lb-tile-ico{display:grid;place-items:center;width:64px;height:64px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.3))}
.lb-tile-ico img,.lb-tile-ico .skin-ico{width:56px;height:56px;image-rendering:pixelated}
#lbTabs .lb-tile b{color:#fff;font-family:var(--font-pixel);font-size:1.35rem;line-height:1.1;
  text-shadow:-2px 0 0 #3B2A1E,2px 0 0 #3B2A1E,0 -2px 0 #3B2A1E,0 2px 0 #3B2A1E,2px 3px 0 #3B2A1E}
#lbTabs .lb-tile small{font-size:.74rem;font-weight:800;line-height:1.25;color:rgba(255,255,255,.95);text-shadow:0 1px 0 rgba(0,0,0,.35)}
.lb-tile::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;z-index:-1;pointer-events:none;will-change:transform;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:translateX(-120%);animation:lbShine 3.6s ease-in-out infinite}
.lb-tile.is-ach::after{animation-delay:1.8s}
@keyframes lbShine{0%,65%{transform:translateX(-120%)}100%{transform:translateX(440%)}}
html[data-motion="calm"] .lb-tile::after{animation:none;display:none}
.lb-item-dot{position:absolute;inset-inline-end:10px;top:10px;inline-size:14px;block-size:14px;margin-top:0;
  background:#E5484D;box-shadow:0 0 0 2px #fff}
.lb-item-dot[hidden]{display:none}
.lb-switch{display:flex;gap:10px;margin-block:14px 6px}
.lb-sw{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);font-size:.92rem}
.lb-sw b{font-weight:900}
.lb-sw .skin-ico{inline-size:24px;block-size:24px;vertical-align:0}
.lb-share{
  margin-block-start:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:color-mix(in srgb, var(--acc) 7%, #fff);
  text-align:center;
}
.lb-share-text{font-size:.82rem;color:var(--muted);line-height:1.5}
.modal .lb-share-btn{margin-top:10px;padding:11px 20px;font-size:.92rem;inline-size:100%}
.lb-share-code{
  margin-block-start:8px;
  font-size:.78rem;color:var(--muted);
  word-break:break-all;
  direction:ltr;
}
.modal.is-net{z-index:200;background:rgba(36,31,25,.72)}
.net-ico{font-size:2.6rem;line-height:1;margin-bottom:6px}
.intro-account{
  margin:10px 0 0;min-block-size:2.2em;
  display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;
  font-weight:700;color:var(--green-d);text-align:center;
}
.intro-account button{
  background:none;border:0;cursor:pointer;padding:6px 4px;
  font:inherit;color:inherit;
  text-decoration:underline;text-underline-offset:3px;
}
.intro-acc-wait{opacity:.7}
#startBtn{min-inline-size:min(300px, calc(82 * var(--vw)));font-size:1.18rem;padding-block:17px}
#startBtn{
  background:linear-gradient(180deg,#35D07F,#1FA35C);
  box-shadow:0 6px 0 #136B3B,0 16px 30px rgba(19,107,59,.35);
}
#startBtn:active{box-shadow:0 2px 0 #136B3B,0 8px 18px rgba(19,107,59,.3)}
.reset-gift{
  margin:12px auto 0;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#E9F6FF,#D3ECFF);
  box-shadow:inset 0 0 0 1px rgba(40,110,170,.25);
  color:#174A73;
  font-weight:800;
  width:fit-content;
}
.promo-ad{
  position:fixed;
  inset:0;
  z-index:140;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(20,12,4,.78);
}
.promo-ad[hidden]{display:none}
.promo-ad-card{
  position:relative;
  width:min(100%, 380px);
  animation:promoIn .35s cubic-bezier(.2,1.4,.4,1) both;
}
.promo-ad-link{display:block}
.promo-ad-link img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.promo-ad-tag{
  position:absolute;
  bottom:8px;
  left:8px;
  padding:0 7px;
  border-radius:6px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font:700 11px/1.7 system-ui,sans-serif;
  pointer-events:none;
}
.promo-ad-x{
  position:absolute;
  top:-12px;
  left:-12px;
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #fff;
  background:rgba(0,0,0,.7);
  color:#fff;
  font:800 16px/1 system-ui,sans-serif;
  display:grid;
  place-items:center;
  padding:0;
  cursor:default;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.promo-ad-x{cursor:pointer}
@keyframes promoIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.promo-ad-link[hidden],.promo-ad-text[hidden]{display:none}
.promo-ad-text{
  border-radius:16px;
  padding:26px 22px 30px;
  background:#FFF3E2;
  color:#2B2118;
  text-align:center;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.promo-ad-kicker{margin:0 0 6px;font-weight:700;font-size:13px;color:#8A5A1E;letter-spacing:.02em}
.promo-ad-title{margin:0 0 10px;font-size:22px;line-height:1.3}
.promo-ad-sub{margin:0 0 18px;font-size:15px;line-height:1.6}
.promo-ad-go{
  display:inline-block;
  min-height:44px;
  padding:11px 22px;
  border-radius:12px;
  background:#2F8F5B;
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
.promo-ad-go:focus-visible{outline:3px solid #2B2118;outline-offset:2px}
.code-ad.promo-ad-text{
  position:relative;
  overflow:hidden;
  padding:22px 20px 26px;
  background:radial-gradient(ellipse at 50% 18%, #17402a 0%, #0b1a12 58%, #070f0b 100%);
  color:#eafff1;
  border:3px solid #34e36b;
  box-shadow:0 0 0 3px #0b1a12, 0 0 26px rgba(52,227,107,.45), 0 18px 50px rgba(0,0,0,.55);
}
.code-ad-gem{
  position:relative;
  width:120px;
  height:96px;
  margin:0 auto 8px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle, rgba(90,200,255,.28) 0%, rgba(90,200,255,0) 62%);
}
.code-ad-gem .skin-ico{
  position:relative;
  width:84px;
  height:84px;
  image-rendering:pixelated;
}
.code-ad-spark{
  position:absolute;
  width:4px;
  height:4px;
  background:#fff;
  box-shadow:4px 0 #bff1ff, -4px 0 #bff1ff, 0 4px #bff1ff, 0 -4px #bff1ff;
  opacity:0;
  animation:codeAdSpark 1.6s steps(1) infinite;
}
.code-ad-spark:nth-of-type(1){top:14px;right:16px}
.code-ad-spark:nth-of-type(2){top:58px;left:12px;animation-delay:.55s}
.code-ad-spark:nth-of-type(3){top:6px;left:30px;animation-delay:1.1s}
@keyframes codeAdSpark{0%{opacity:1}30%{opacity:0}}
.code-ad .promo-ad-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 8px;
  padding:3px 11px;
  border-radius:999px;
  background:rgba(52,227,107,.14);
  color:#7dffa6;
  font-size:13px;
}
.code-ad-dot{width:8px;height:8px;border-radius:50%;background:#34e36b;box-shadow:0 0 8px #34e36b;animation:codeAdDot 1.2s ease-in-out infinite}
@keyframes codeAdDot{50%{opacity:.3}}
.code-ad .promo-ad-title{margin:0 0 6px;font-size:26px;line-height:1.25;color:#fff;text-shadow:0 2px 0 #000}
.code-ad-num{color:#ffd23f}
.code-ad .promo-ad-sub{margin:0 0 6px;font-size:15px;color:#cfe9d8}
.code-ad-until{margin:0 0 14px;font-size:13px;font-weight:700;color:#ffd23f}
.code-ad-until[hidden]{display:none}
.code-ad-btns{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.code-ad-btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:10px 16px;
  border-radius:12px;
  color:#fff;
  font-weight:800;
  font-size:17px;
  text-decoration:none;
  box-shadow:0 4px 0 rgba(0,0,0,.45);
}
.code-ad-btn[hidden]{display:none}
.code-ad-btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.45)}
.code-ad-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.code-ad-btn svg{width:24px;height:24px;flex:none}
.code-ad-ig{background:linear-gradient(45deg, #f9a43a 0%, #e1306c 45%, #833ab4 100%)}
.code-ad-dc{background:#5865F2}
.code-ad .promo-ad-go{background:#2F8F5B}
.code-ad-here{
  display:none;
  position:absolute;
  top:-9px;
  left:12px;
  padding:1px 8px;
  border-radius:6px;
  background:#ffd23f;
  color:#2B2118;
  font-style:normal;
  font-size:12px;
  box-shadow:0 2px 0 rgba(0,0,0,.4);
}
.code-ad-btn.is-here{order:-1;box-shadow:0 4px 0 rgba(0,0,0,.45), 0 0 0 3px #ffd23f}
.code-ad-btn.is-here .code-ad-here{display:block}
.code-ad-foot{margin:16px 0 2px;font-size:15px;font-weight:800;color:#7dffa6}
.code-ad-how{margin:0;font-size:12px;color:#9fbfac}
.promo-ad.is-code .promo-ad-x,
.promo-ad.is-code .promo-ad-tag{display:none}
.code-ad-close{
  display:block;
  min-width:120px;
  min-height:44px;
  margin:12px auto -8px;
  padding:8px 18px;
  border:0;
  background:none;
  color:#9fbfac;
  font-size:15px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
  cursor:pointer;
}
.code-ad-close:hover{color:#eafff1}
.code-ad-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
html[data-motion="calm"] .code-ad-spark,
html[data-motion="calm"] .code-ad-dot{animation:none}
.text-size{display:flex;gap:6px;margin:4px 0 12px}
.text-size button{flex:1;min-height:40px;border:2px solid var(--line);border-radius:var(--r-md);background:var(--card);
  color:var(--ink);font-weight:800;cursor:pointer}
.text-size button[aria-pressed="true"]{border-color:var(--green-d);background:color-mix(in srgb,var(--green) 18%,var(--card))}
.text-size .ts-1{font-size:.9rem}.text-size .ts-2{font-size:1.1rem}.text-size .ts-3{font-size:1.3rem}
.intro:not(.skin-ready){visibility:hidden}
.ui-texting [data-t]:hover,.ui-texting .tour-text:hover{outline:1px dashed rgba(123,44,191,.7);outline-offset:2px;cursor:text}
.ui-text-edit{outline:2px solid #7B2CBF!important;outline-offset:2px;background:rgba(255,255,255,.85);color:#1E170E;cursor:text;
  -webkit-user-select:text;user-select:text}
.hud-btns{gap:4px}
.hud .sound-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.5rem;
  display:inline-grid;place-items:center;padding:0}
.hud .sound-btn .skin-ico{width:1.1em;height:1.1em}
.share-btn{position:relative;overflow:hidden;border-color:#E3A33C;
  background:radial-gradient(circle at 50% 35%,#FFF6D8 0%,#FFE08A 60%,#F5B83A 100%);
  animation:shareGlow 1.8s ease-in-out infinite}
.share-btn::after{content:"";position:absolute;inset:-40%;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%);
  transform:translateX(-120%);animation:shareShine 2.6s ease-in-out infinite;pointer-events:none}
.share-btn::before{content:"✨";position:absolute;top:-2px;right:-1px;font-size:.62em;
  animation:shareTwinkle 1.3s ease-in-out infinite;pointer-events:none}
@keyframes shareGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(255,190,40,.0),0 2px 0 rgba(36,31,25,.08);transform:scale(1)}
  50%{box-shadow:0 0 14px 3px rgba(255,190,40,.75),0 2px 0 rgba(36,31,25,.08);transform:scale(1.07)}
}
@keyframes shareShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes shareTwinkle{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}
html[data-motion="calm"] .share-btn,html[data-motion="calm"] .share-btn::after,html[data-motion="calm"] .share-btn::before{animation:none}
.share-wrap{position:relative;display:inline-grid}
.share-free{
  position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);
  font-size:.8rem;line-height:1;color:#FFE08A;white-space:nowrap;pointer-events:none;
  text-shadow:var(--px-outline);
}
.modal.is-shout .modal-title{font-size:1.9rem;color:#C9820B;animation:shoutPop .5s cubic-bezier(.2,1.6,.4,1) both;
  text-shadow:0 2px 0 #FFE08A}
.modal.is-shout .name-ico{font-size:3rem;animation:shareTwinkle 1.2s ease-in-out infinite}
@keyframes shoutPop{from{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
html[data-motion="calm"] .modal.is-shout .modal-title,html[data-motion="calm"] .modal.is-shout .name-ico{animation:none}
.ui-noting #tour,.ui-noting .modal{display:none!important}
.ui-noting,.ui-noting *{cursor:crosshair!important}
.ui-noted{outline:3px solid #F0512F!important;outline-offset:2px}
@font-face{
  font-family:"BaalHaBait Pixel";
  src:url("fonts/baalhabait-pixel-v5.woff2") format("woff2");
  font-display:swap;
}
:root{--font-pixel:"BaalHaBait Pixel",'Rubik','Noto Sans Hebrew',system-ui,sans-serif}
:root{--font-read:'Rubik','Noto Sans Hebrew',system-ui,sans-serif}
:is(p,li,.card-desc,.card-meta,.modal-text,.gem-free-head span,.gem-invite-text,.foot-note,.intro-terms,
  .win-full-sub,.reveal-sub,.toast,.lb-me-cap):not(.start-label,.btn-primary,.modal-title,.reveal-top,
  .reveal-name,.reveal-go,.win-full-level,.win-full-top,.win-full-name,.tour-next,.film-caption){
  font-family:var(--font-read);
}
html[data-font="plain"]{--font-pixel:'Rubik','Noto Sans Hebrew',system-ui,sans-serif}
html[data-font="plain"] body{font-size-adjust:none}
html[data-font="plain"] :is(.start-label,.btn-primary,.modal-title,.reveal-top,.reveal-name,.reveal-go,
  .win-full-level,.win-full-top,.win-full-name,.tour-next){font-weight:800;-webkit-font-smoothing:auto}
.start-label,
.btn-primary,
.modal-title,
.reveal-top,.reveal-name,.reveal-go,
.win-full-level,.win-full-top,.win-full-name,
.tour-next{
  font-family:var(--font-pixel);
  font-weight:400;
  letter-spacing:0;
  font-size-adjust:none;
}
.start-label,.btn-primary,.modal-title,.reveal-top,.reveal-name,.reveal-go,
.win-full-level,.win-full-top,.win-full-name,.tour-next{
  font-synthesis:none;
  -webkit-font-smoothing:none;
}
:root{
  --px-o:.1em;
  --px-outline:
    calc(-1 * var(--px-o)) calc(-1 * var(--px-o)) 0 #34281A,
    0 calc(-1 * var(--px-o)) 0 #34281A,
    var(--px-o) calc(-1 * var(--px-o)) 0 #34281A,
    var(--px-o) 0 0 #34281A,
    var(--px-o) var(--px-o) 0 #34281A,
    0 var(--px-o) 0 #34281A,
    calc(-1 * var(--px-o)) var(--px-o) 0 #34281A,
    calc(-1 * var(--px-o)) 0 0 #34281A;
  --px-outline-g:
    calc(-1 * var(--px-o)) calc(-1 * var(--px-o)) 0 #216240,
    0 calc(-1 * var(--px-o)) 0 #216240,
    var(--px-o) calc(-1 * var(--px-o)) 0 #216240,
    var(--px-o) 0 0 #216240,
    var(--px-o) var(--px-o) 0 #216240,
    0 var(--px-o) 0 #216240,
    calc(-1 * var(--px-o)) var(--px-o) 0 #216240,
    calc(-1 * var(--px-o)) 0 0 #216240;
  --px-outline-b:
    calc(-1 * var(--px-o)) calc(-1 * var(--px-o)) 0 #345D7E,
    0 calc(-1 * var(--px-o)) 0 #345D7E,
    var(--px-o) calc(-1 * var(--px-o)) 0 #345D7E,
    var(--px-o) 0 0 #345D7E,
    var(--px-o) var(--px-o) 0 #345D7E,
    0 var(--px-o) 0 #345D7E,
    calc(-1 * var(--px-o)) var(--px-o) 0 #345D7E,
    calc(-1 * var(--px-o)) 0 0 #345D7E;
  --px-outline-r:
    calc(-1 * var(--px-o)) calc(-1 * var(--px-o)) 0 #944738,
    0 calc(-1 * var(--px-o)) 0 #944738,
    var(--px-o) calc(-1 * var(--px-o)) 0 #944738,
    var(--px-o) 0 0 #944738,
    var(--px-o) var(--px-o) 0 #944738,
    0 var(--px-o) 0 #944738,
    calc(-1 * var(--px-o)) var(--px-o) 0 #944738,
    calc(-1 * var(--px-o)) 0 0 #944738;
  --px-outline-o:
    calc(-1 * var(--px-o)) calc(-1 * var(--px-o)) 0 #93592F,
    0 calc(-1 * var(--px-o)) 0 #93592F,
    var(--px-o) calc(-1 * var(--px-o)) 0 #93592F,
    var(--px-o) 0 0 #93592F,
    var(--px-o) var(--px-o) 0 #93592F,
    0 var(--px-o) 0 #93592F,
    calc(-1 * var(--px-o)) var(--px-o) 0 #93592F,
    calc(-1 * var(--px-o)) 0 0 #93592F;
}
.btn-primary,.tour-next,.reveal-top,.win-full-top,.win-full-name{text-shadow:var(--px-outline)}
#startBtn{
  --bw:min(285px, calc(76 * var(--vw)));
  --art:url("images/ui/start-btn-up-v1.png");
  display:inline-grid;place-items:center;
  box-sizing:border-box;
  inline-size:var(--bw);min-inline-size:0;
  aspect-ratio:190 / 75;
  padding:0 calc(var(--bw) * 14 / 190) calc(var(--bw) * 10 / 190);
  background:var(--art) center / 100% 100% no-repeat;
  box-shadow:none;border:0;border-radius:0;
  image-rendering:pixelated;
  font-size:min(1.75rem, calc(var(--bw) * .1));
  line-height:1;white-space:normal;
  transform:none;transition:none;
}
#startBtn:active{transform:none;box-shadow:none}
#startBtn:active,#startBtn.is-down{--art:url("images/ui/start-btn-down-v1.png")}
#startBtn.is-pressed{--art:url("images/ui/start-btn-pressed-v1.png")}
#startBtn:active .start-label,#startBtn.is-down .start-label{transform:translateY(calc(var(--bw) * 5 / 190))}
#startBtn.is-pressed .start-label{transform:translateY(calc(var(--bw) * 6 / 190))}
#startBtn .start-fill{inset-block:6% 18%;inset-inline-start:3%;max-inline-size:94%;border-radius:12px}
#startBtn .start-label{color:#3D1D06;text-shadow:0 2px 0 rgba(255,233,160,.75)}
#startBtn:not(:disabled){animation:startBreathe 2.4s ease-in-out infinite}
#startBtn:not(:disabled)::after{
  content:"";position:absolute;inset-block:8% 22%;inset-inline:4%;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%) no-repeat;
  background-size:250% 100%;background-position:120% 0;
  animation:startShine 3.2s ease-in-out infinite;
}
#startBtn.is-down,#startBtn.is-pressed{animation:none}
@keyframes startBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes startShine{0%,55%{background-position:120% 0}85%,100%{background-position:-20% 0}}
@media (prefers-reduced-motion: reduce){#startBtn:not(:disabled),#startBtn:not(:disabled)::after{animation:none}}
html[data-motion="calm"] #startBtn,html[data-motion="calm"] #startBtn::after{animation:none !important}
:root{
  --r-lg:0;
  --r-md:0;
  --shadow:none;
  --shadow-sm:none;
}
*,*::before,*::after{border-radius:0 !important}
.btn-primary,.btn-ghost,.acc-btn,.acc-danger-btn,.card-buy,.dist-rush,.tour-next,.sound-btn,
.boost-card,.snd-mode,.set-tab,.qty-btn,.view-btn.is-active,
.text-size button,.tour-size button,.gem-invite,.promo-go,
.acc-verify-btn,.intro-staff{
  --pxf:url("images/ui/px2-cream.png");
  --pxd:url("images/ui/px2-cream-down.png");
  --pxc:#EEE3CA;
  border:0 solid transparent !important;
  border-image-source:var(--pxf) !important;
  border-image-slice:5 3 6 3 fill !important;
  border-image-width:10px 6px 12px 6px !important;
  border-image-outset:2px 2px 4px 2px !important;
  border-image-repeat:stretch !important;
  background:var(--pxc) padding-box !important;
  box-shadow:none !important;
  image-rendering:pixelated;
  transition:none !important;
}
:is(.btn-primary,.btn-ghost,.acc-btn,.acc-danger-btn,.card-buy,.dist-rush,.tour-next,.sound-btn,
.boost-card,.snd-mode,.set-tab,.qty-btn,
.text-size button,.tour-size button,.gem-invite,.promo-go,
.acc-verify-btn,.intro-staff):active:not(:disabled){
  border-image-source:var(--pxd) !important;
  transform:none !important;
}
.set-tab.is-on,.qty-btn.is-on,.snd-mode.is-on,.view-btn.is-active{border-image-source:var(--pxd) !important}
.share-btn,.gem-invite{
  --pxf:url("images/ui/px2-gold.png");--pxd:url("images/ui/px2-gold-down.png");--pxc:#E7C776;
  color:#5D421E !important;
}
.snd-mode.is-on *{color:#fff !important}
.btn-primary,.tour-next,.promo-go,.qty-btn.is-on,.set-tab.is-on,
.card-buy.can,.acc-btn.is-in,.snd-mode.is-on{
  --pxf:url("images/ui/px2-green.png");--pxd:url("images/ui/px2-green-down.png");--pxc:#41A06D;
  color:#fff !important;text-shadow:var(--px-outline-g) !important;
}
.acc-btn.is-open{
  --pxf:url("images/ui/px2-orange.png");--pxd:url("images/ui/px2-orange-down.png");--pxc:#DB9B64;
  color:#fff !important;text-shadow:var(--px-outline-o);
}
.acc-danger-btn{
  --pxf:url("images/ui/px2-red.png");--pxd:url("images/ui/px2-red-down.png");--pxc:#D67A68;
  color:#fff !important;text-shadow:var(--px-outline-r);
}
.dist-rush{color:#785624 !important}
.card-buy:disabled,.card-buy:not(.can),.btn-primary:disabled{
  --pxf:url("images/ui/px2-gray.png");--pxd:url("images/ui/px2-gray-down.png");--pxc:#E9E4DB;
  color:#978E81 !important;text-shadow:none !important;
}
.hud-gems{color:var(--ink)}
#startBtn{border-image:none !important;box-shadow:none !important;transform:none !important}
#startBtn:not(.x){background:var(--art) center / 100% 100% no-repeat !important}
.card,.modal-card,.boost-live,.promo-box,.gem-free-card,.hud-rate{
  --pxf:url("images/ui/px2-panel-panel.png");
  --pxc:#FBF4E6;
  border:0 solid transparent !important;
  border-image-source:var(--pxf) !important;
  border-image-slice:5 fill !important;
  border-image-width:10px !important;
  border-image-outset:2px !important;
  border-image-repeat:stretch !important;
  background:var(--pxc) padding-box !important;
  box-shadow:none !important;
  image-rendering:pixelated;
}
.modal-card{--pxf:url("images/ui/px2-paper-panel.png");--pxc:#FDFAF2;filter:drop-shadow(0 6px 0 rgba(20,14,6,.45))}
.hud-rate{--pxf:url("images/ui/px2-dark-panel.png");--pxc:#322F4A}
:is(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],input:not([type]),textarea){
  --pxf:url("images/ui/px2-gauge.png");
  --pxc:#2D263B;
  border:0 solid transparent !important;
  border-image-source:var(--pxf) !important;
  border-image-slice:3 fill !important;
  border-image-width:6px !important;
  border-image-outset:2px !important;
  border-image-repeat:stretch !important;
  background:var(--pxc) padding-box !important;
  box-shadow:none !important;
  image-rendering:pixelated;
}
:is(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],input:not([type]),textarea){
  --pxf:url("images/ui/px2-sunk.png");--pxc:#FEFCF7;
}
#xpMeter.xp{background:none !important;border:0 !important;border-image:none !important;box-shadow:none !important;padding:0 4px;gap:3px}
.xp-row{position:relative;gap:0}
.xp-row::before{
  content:"";flex:none;position:relative;z-index:2;
  width:30px;height:30px;margin-inline-end:-12px;
  background:url("images/ui/px2-star.png") center / 24px 24px no-repeat;
  image-rendering:pixelated;
}
.xp-bar{
  border:6px solid transparent !important;
  border-image-source:url("images/ui/px2-bar.png") !important;
  border-image-slice:4 !important;
  border-image-width:8px !important;
  border-image-outset:2px !important;
  border-image-repeat:stretch !important;
  background:
    linear-gradient(90deg,
      transparent calc(25% - 1px),rgba(170,130,70,.22) calc(25% - 1px) calc(25% + 1px),
      transparent calc(25% + 1px) calc(50% - 1px),rgba(170,130,70,.22) calc(50% - 1px) calc(50% + 1px),
      transparent calc(50% + 1px) calc(75% - 1px),rgba(170,130,70,.22) calc(75% - 1px) calc(75% + 1px),
      transparent calc(75% + 1px)) padding-box,
    url("images/ui/px2-track.png") 0 0 / 8px 12px padding-box !important;
  box-shadow:none !important;
  image-rendering:pixelated;
  overflow:hidden;
}
.xp-bar{height:24px}
.xp-fill,.card-buy .buy-fill{
  background-image:url("images/ui/px2-fill-gold.png") !important;
  background-size:16px 12px !important;
  background-repeat:repeat-x !important;
  image-rendering:pixelated;
  overflow:hidden;
}
.xp-fill{inset-block:0;inset-inline-end:0;animation:none}
.xp-fill::after,.card-buy .buy-fill::after{
  content:"";position:absolute;inset-block:0;width:4px;
  background:linear-gradient(90deg,#FCF9ED 0 2px,rgba(255,251,234,.45) 2px 4px);
}
.xp-fill::after{inset-inline-start:0;background:linear-gradient(270deg,#FCF9ED 0 2px,rgba(255,251,234,.45) 2px 4px)}
.card-buy .buy-fill::after{inset-inline-end:0}
.xp-fill::before,.card-buy .buy-fill::before{
  content:"";position:absolute;inset-block:0;left:-10px;width:6px;
  background:rgba(255,255,255,.55);
  box-shadow:4px 0 0 rgba(255,255,255,.25);
  animation:barSweep 3.2s linear infinite;
}
@keyframes barSweep{0%{left:-10px}55%,100%{left:calc(100% + 10px)}}
.xp-now{line-height:12px;color:#534229;font-size:.8rem;text-shadow:0 1px 0 rgba(255,250,235,.85)}
.xp.is-ready{outline:none;animation:none}
.xp.is-ready .xp-bar{outline:none;animation:none}
.xp.is-ready .xp-fill{
  background-image:url("images/ui/px2-fill-gold-hot.png") !important;
  animation:xpMarchPx .6s steps(8) infinite;
}
.xp.is-ready .xp-fill::before{animation-duration:1.4s}
@keyframes xpMarchPx{from{background-position:0 0}to{background-position:16px 0}}
.xp.is-ready .xp-now{color:#534229;animation:none;transform:none}
html[data-motion="calm"] :is(.xp-fill,.card-buy .buy-fill)::before{display:none}
.card-buy{position:relative}
.card-buy:not(.no-fill):not(.can)::after{
  content:"";position:absolute;z-index:0;
  inset-inline:8px;bottom:9px;height:6px;
  background:url("images/ui/px2-track.png") 0 0 / 8px 12px;
  image-rendering:pixelated;
  box-shadow:0 0 0 2px #AD9774,0 4px 0 0 rgba(255,255,255,.5);
}
.card-buy .buy-fill{
  z-index:1;inset-block:auto 9px !important;inset-inline-start:8px !important;height:6px;
  clip-path:inset(0 12.7% 0 0);transform:translateX(12.7%);
  background-image:url("images/ui/px2-fill-green-3.png") !important;
  background-size:16px 6px !important;
  transition:width .25s steps(4) !important;
}
html[data-motion="calm"] .card-buy .buy-fill{transition:none !important}
.card-buy.can .buy-fill{display:none}
.card-buy > :not(.buy-fill){position:relative;z-index:2}
.card-buy{padding-block:7px 17px !important}
.card-buy.can{padding-block:9px 15px !important}
.card-buy.no-fill{padding-block:12px !important}
.badge,.tab-badge{box-shadow:0 0 0 2px rgba(80,50,20,.45) !important}
.pill,.boost-tag,.terms-link{
  --pxf:url("images/ui/px2-tag-cream.png");
  border:0 solid transparent !important;
  border-image-source:var(--pxf) !important;
  border-image-slice:5 fill !important;
  border-image-width:10px !important;
  border-image-outset:2px !important;
  border-image-repeat:stretch !important;
  background:none !important;
  box-shadow:none !important;
  image-rendering:pixelated;
}
.pill{--pxf:url("images/ui/px2-tag-gray.png");padding:3px 10px}
.pill-mine{--pxf:url("images/ui/px2-tag-gold.png");color:#5D421E}
.pill-now{--pxf:url("images/ui/px2-tag-mint.png");color:#1C4F30}
.pill-lock{--pxf:url("images/ui/px2-tag-gray.png")}
.boost-tag{--pxf:url("images/ui/px2-tag-gold.png");color:#5D421E;padding:6px 12px;display:inline-flex;align-items:center;gap:4px}
.boost-tag .skin-ico,.pay-price .skin-ico{width:1.25em;height:1.25em;vertical-align:-.25em}
.gem-num{font-variant-numeric:tabular-nums}
.build-note{
  margin:18px 2px 0;padding:8px;
  background:url("images/ui/px2-hazard.png") 0 0 / 16px 16px;
  image-rendering:pixelated;
  box-shadow:0 0 0 2px #141414;
}
.build-note > span{
  display:block;padding:9px 12px;
  background:#141414;color:#fff;
  font-size:.82rem;font-weight:700;line-height:1.45;text-align:center;
  image-rendering:auto;
}
.terms-link{
  --pxf:url("images/ui/px2-tag-white.png");
  color:#35291A !important;text-decoration:none !important;
  padding:4px 12px !important;min-height:0 !important;
  font-size:.8rem;
}
.report-row{margin-block-start:14px}
.hud-tags-row{gap:9px !important}
.hud-gems-plus{background:none !important;box-shadow:none !important;color:#338F5D;font-size:1rem;text-shadow:none;width:auto;height:auto}
#xpMeter{margin-block-start:-10px}
.reveal .reveal-box{
  width:160px;height:160px;aspect-ratio:auto;
  background:url("images/ui/reveal-box-v1.png") 0 0 / 500% 100% no-repeat !important;
  border:0 !important;box-shadow:none !important;
  image-rendering:pixelated;font-size:0;
  filter:drop-shadow(0 0 calc(6px + var(--p, 0) * 18px) rgba(255,213,106,calc(.4 + var(--p, 0) * .5)));
}
.reveal .reveal-box .reveal-q,.reveal .reveal-box .reveal-cracks{display:none}
.reveal .reveal-box[data-crack="1"]{background-position-x:25% !important}
.reveal .reveal-box[data-crack="2"]{background-position-x:50% !important}
.reveal .reveal-box[data-crack="3"]{background-position-x:75% !important}
.reveal .reveal-box[data-crack="4"]{background-position-x:100% !important}
.reveal .reveal-shards{width:160px;height:160px;aspect-ratio:auto}
.reveal .reveal-shards i{
  inset:0;border:0 !important;clip-path:none !important;
  background:url("images/ui/reveal-shards-v1.png") 0 0 / 800% 100% no-repeat !important;
  image-rendering:pixelated;
}
.reveal .reveal-shards i:nth-child(2){background-position-x:14.2857% !important}
.reveal .reveal-shards i:nth-child(3){background-position-x:28.5714% !important}
.reveal .reveal-shards i:nth-child(4){background-position-x:42.8571% !important}
.reveal .reveal-shards i:nth-child(5){background-position-x:57.1429% !important}
.reveal .reveal-shards i:nth-child(6){background-position-x:71.4286% !important}
.reveal .reveal-shards i:nth-child(7){background-position-x:85.7143% !important}
.reveal .reveal-shards i:nth-child(8){background-position-x:100% !important}
.reveal.is-open .reveal-shards i{animation:shardHop .8s steps(8) both}
@keyframes shardHop{
  0%{opacity:1;transform:none}
  75%{opacity:1}
  100%{opacity:0;transform:translate(var(--x),var(--y))}
}
.reveal .reveal-shards i:nth-child(1){--x:141px;--y:51px}
.reveal .reveal-shards i:nth-child(2){--x:63px;--y:136px}
.reveal .reveal-shards i:nth-child(3){--x:-51px;--y:141px}
.reveal .reveal-shards i:nth-child(4){--x:-136px;--y:63px}
.reveal .reveal-shards i:nth-child(5){--x:-141px;--y:-51px}
.reveal .reveal-shards i:nth-child(6){--x:-63px;--y:-136px}
.reveal .reveal-shards i:nth-child(7){--x:51px;--y:-141px}
.reveal .reveal-shards i:nth-child(8){--x:136px;--y:-63px}
html[data-motion="calm"] .reveal.is-open .reveal-shards i{animation:none;opacity:0}
.reveal-art,.reveal-emoji,.reveal-rays{pointer-events:none}
.reveal.is-closed{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.reveal-hitfx{
  position:absolute;z-index:3;
  width:72px;height:72px;margin:-36px 0 0 -36px;
  background:url("images/ui/reveal-hit-v1.png") 0 0 / 500% 100% no-repeat;
  image-rendering:pixelated;pointer-events:none;
  animation:hitFx .3s steps(5) forwards;
}
@keyframes hitFx{from{background-position:0 0}to{background-position:125% 0}}
#xpMeter.xp{margin:6px 12px 4px !important;padding:0 !important;gap:0}
#xpMeter .xp-row{gap:8px}
#xpMeter .xp-row::before{content:none}
#xpMeter .xp-bar{
  height:10px;
  border:2px solid #42749C !important;
  border-image:none !important;
  background:#ECF2F6 padding-box !important;
  box-shadow:inset 0 2px 0 rgba(46,118,176,.16) !important;
  clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);
}
#xpMeter .xp-fill{
  inset-block:0 !important;inset-inline-start:0 !important;inset-inline-end:auto !important;
  background-image:url("images/ui/px2-fill-blue-3.png") !important;
  background-size:16px 6px !important;
  background-repeat:repeat-x !important;
}
#xpMeter .xp-fill::after{inset-inline-start:auto;inset-inline-end:0;background:linear-gradient(90deg,#FFFFFF 0 2px,rgba(255,255,255,.45) 2px 4px)}
#xpMeter .xp-fill::before{animation-name:barSweepRtl}
@keyframes barSweepRtl{0%{left:calc(100% + 10px)}55%,100%{left:-10px}}
#xpMeter .xp-now{flex:none;line-height:1;font-size:.72rem;color:#345D7E;text-shadow:0 1px 0 rgba(255,255,255,.8)}
#xpMeter.is-ready .xp-fill{
  background-image:url("images/ui/px2-fill-blue-3-hot.png") !important;
  animation:xpMarchRtl .6s steps(8) infinite;
}
@keyframes xpMarchRtl{from{background-position:0 0}to{background-position:-16px 0}}
#xpMeter.is-ready .xp-now{color:#296E4A}
#xpMeter .xp-bar::before,#xpMeter .xp-bar::after{content:none !important}
.reveal .reveal-box:focus-visible{outline:none}
.acc-btn.is-open{
  --pxf:url("images/ui/px2-gold.png");--pxd:url("images/ui/px2-gold-down.png");--pxc:#E7C776;
  color:#5D421E !important;text-shadow:none !important;
}
.acc-btn.is-open.promo-go{
  --pxf:url("images/ui/px2-green.png");--pxd:url("images/ui/px2-green-down.png");--pxc:#41A06D;
  color:#fff !important;text-shadow:var(--px-outline-g) !important;
}
.gem-invite{--pxf:url("images/ui/px2-blue.png");--pxd:url("images/ui/px2-blue-down.png");--pxc:#5F97C1;color:#fff !important}
.gem-invite-title{color:#fff;text-shadow:var(--px-outline-b)}
.gem-invite-text{color:#F4F9FD;text-shadow:0 1px 0 rgba(0,0,0,.2)}
.gem-invite-go{background:#E7C776;color:#5D421E;box-shadow:0 0 0 2px #AA8440}
#xpMeter .xp-fill::before{display:none !important}
#sndClose,#buysClose,#lbClose{
  --pxf:url("images/ui/px2-cream.png");--pxd:url("images/ui/px2-cream-down.png");--pxc:#FCF8EF;
  color:var(--ink) !important;text-shadow:none !important;
}
:is(.text-size,.tour-size) button[aria-pressed="true"]{
  --pxf:url("images/ui/px2-green.png");--pxd:url("images/ui/px2-green-down.png");--pxc:#41A06D;
  border-image-source:var(--pxd) !important;
  color:#fff !important;text-shadow:var(--px-outline-g) !important;
}
#xpMeter{position:relative}
#xpMeter .xp-now{
  --pxf:url("images/ui/px2-tag-cream.png");
  border:0 solid transparent;
  border-image:var(--pxf) 5 fill / 10px / 2px stretch;
  image-rendering:pixelated;
  padding:3px 8px;
  color:#345D7E;text-shadow:none;
}
#xpMeter.is-ready .xp-now{--pxf:url("images/ui/px2-tag-sky.png");color:#22496B}
#xpMeter.is-ready .xp-fill{animation:none !important}
#xpMeter.is-burst .xp-bar{animation:xpFlash .6s steps(2) 2}
#xpMeter.is-burst .xp-now{animation:xpPop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes xpFlash{0%,100%{filter:none}50%{filter:brightness(1.8) saturate(.6)}}
@keyframes xpPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.xp-burst{
  position:absolute;top:50%;z-index:3;
  width:48px;height:48px;margin:-24px 0 0 -24px;
  background:url("images/ui/reveal-hit-v1.png") 0 0 / 500% 100% no-repeat;
  image-rendering:pixelated;pointer-events:none;
  animation:hitFx .45s steps(5) both;
}
html[data-motion="calm"] #xpMeter.is-burst :is(.xp-bar,.xp-now){animation:none}
.pill,.boost-tag,.terms-link,#xpMeter .xp-now{
  --tgc:#FAF3E4;
  background:linear-gradient(var(--tgc),var(--tgc)) 4px 4px / calc(100% - 8px) calc(100% - 8px) no-repeat !important;
}
.pill{--tgc:#989186}
.pill-mine,.boost-tag{--tgc:#EBD08C}
#xpMeter.is-ready .xp-now{--tgc:#DAEDF9}
.pill-now{--tgc:#DAEEE2}
.terms-link{--tgc:#FFFFFF}
.qty-btn{height:30px;padding-block:0 4px !important}
.qty-btn.is-on{padding-block:4px 0 !important}
.card-buy .buy-fill::before{animation-name:barSweepRtl}
.hud-money{color:#fff}
#startBtn{clip-path:none}
.card-buy.can{padding-block:12px !important}
.qty-btn,.qty-btn.is-on{padding-block:2px !important}
.card-buy{inline-size:126px !important;min-inline-size:126px !important;max-inline-size:126px !important;flex:none !important;white-space:nowrap}
.card-buy .buy-label{white-space:nowrap}
.card-buy{padding-inline:6px !important}
.card-buy .buy-label.is-long{font-size:.8em}
.card.is-mystery .card-icon{background:url("images/ui/reveal-box-v1.png") 0 0 / 500% 100% no-repeat !important;image-rendering:pixelated;box-shadow:none !important;border:0 !important}
.card.is-mystery .card-icon::after{content:none !important}
.hud-gems{
  border:0 solid transparent !important;
  border-image:url("images/ui/px2-tag-cream.png") 5 fill / 10px / 2px stretch !important;
  background:linear-gradient(#FAF3E4,#FAF3E4) 4px 4px / calc(100% - 8px) calc(100% - 8px) no-repeat !important;
  box-shadow:none !important;image-rendering:pixelated;
  padding-inline-start:4px !important;
}
.hud-gems:active{transform:none !important}
.hud-gems .hud-gems-plus{
  display:inline-grid !important;place-items:center;
  inline-size:18px !important;block-size:18px !important;margin-inline-start:4px;
  background:linear-gradient(#5FB889 0 50%,#41A06D 50%) !important;
  box-shadow:0 0 0 2px #216240,0 2px 0 2px #296E4A !important;
  color:#fff !important;font-size:.9rem !important;line-height:1;
  text-shadow:0 1px 0 #216240 !important;
}
.hud-gems:active .hud-gems-plus{transform:translateY(2px)}
.skin-ico,.hud .sound-btn .skin-ico,.card-icon .skin-ico{image-rendering:auto !important}
.hud-gems{font-size:1.02rem !important;line-height:1.2 !important;
  padding:6px 8px 6px 10px !important;gap:6px !important}
.hud-gems .hud-gems-ico,.hud-gems .hud-gems-ico .skin-ico{inline-size:26px;block-size:26px;font-size:1.3rem}
.hud-gems .hud-gems-ico{display:inline-grid;place-items:center}
.hud-gems .hud-gems-plus{inline-size:16px !important;block-size:16px !important;font-size:.85rem !important}
.hud-gems{border-image:none !important;border-radius:999px !important;
  background:linear-gradient(#FAF3E4,#FAF3E4) !important;
  box-shadow:inset 0 2px 0 #FFFFFF,inset 0 -2px 0 #E2D8C0,0 0 0 2px #C3B192 !important;
  padding:4px 10px 4px 12px !important}
.hud-gems #gemsLabel{font-size:1.3rem;line-height:1;min-inline-size:1ch}
.share-free{display:inline-flex;align-items:center;gap:2px}
.share-gem{display:inline-grid;place-items:center;inline-size:15px;block-size:15px;font-size:.7rem}
.share-gem .skin-ico{inline-size:15px;block-size:15px;filter:drop-shadow(0 0 1px #3B2A1E)}
.hud-stars{margin-inline-start:6px}
.hud{
  background:
    radial-gradient(circle at 18% 30%,rgba(0,0,0,.22) 0 2px,transparent 3px) 0 0 / 61px 28px,
    radial-gradient(circle at 70% 70%,rgba(0,0,0,.18) 0 1.5px,transparent 2.5px) 0 0 / 47px 28px,
    repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 2px,rgba(255,214,150,.06) 2px 3px,transparent 3px 14px),
    repeating-linear-gradient(90deg,rgba(255,226,170,.045) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,#5C3B22,#3F2715) !important;
  border-block-end:0 !important;
  box-shadow:inset 0 2px 0 rgba(255,220,160,.22),inset 0 -4px 0 #B8863A,inset 0 -6px 0 #6E4A1C,0 3px 0 #24150A !important;
}
.card-city{grid-template-columns:minmax(0,1fr) auto}
.card-banner{grid-column:1 / -1;aspect-ratio:145 / 33;margin:-12px -12px 0;border-start-start-radius:inherit;border-start-end-radius:inherit;
  background:#2A1B10 center / 100% 100% no-repeat;image-rendering:pixelated;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.hud-stars .hud-gems-ico{color:#E9A92B}
.box-btn{top:var(--box-top,14px);right:var(--box-right,14px);width:46px;height:46px;z-index:9;filter:drop-shadow(0 3px 0 rgba(54,14,18,.3))}
.box-btn .box-art,.box-big .box-art,.box-wait-ico{
  background:url("images/ui/box-red-v1.png") 0 0 / 500% 100% no-repeat !important;
  box-shadow:none !important;image-rendering:pixelated}
.box-btn.is-opening{animation:boxShake .09s linear infinite}
.box-btn.is-opening .box-art{animation:boxCrack .6s linear forwards}
@keyframes boxShake{0%,100%{transform:translate(0,0)}25%{transform:translate(-2px,1px)}75%{transform:translate(2px,-1px)}}
@keyframes boxCrack{0%,19%{background-position:0 0}20%,39%{background-position:25% 0}40%,59%{background-position:50% 0}60%,79%{background-position:75% 0}80%,100%{background-position:100% 0}}
html[data-motion="calm"] .box-btn,html[data-motion="calm"] .box-btn.is-opening{animation:none}
.box-wait{
  top:calc(var(--box-top,14px) + 8px);right:var(--box-right,14px);z-index:9;min-width:0;display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px 4px 7px;cursor:pointer;pointer-events:auto;
  border:0 solid transparent !important;
  border-image:url("images/ui/px2-tag-cream.png") 5 fill / 10px / 2px stretch !important;
  background:linear-gradient(#FAF3E4,#FAF3E4) 4px 4px / calc(100% - 8px) calc(100% - 8px) no-repeat !important;
  box-shadow:none !important;color:var(--ink);font-size:.8rem;line-height:1;image-rendering:pixelated}
.box-wait-ico{display:inline-block;width:16px;height:16px}
.coupon-btn{position:absolute;top:var(--box-top,14px);left:var(--box-right,14px);z-index:9;
  width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer;
  filter:drop-shadow(0 3px 0 rgba(54,14,18,.3))}
.coupon-btn-art{display:block;width:100%;height:100%;
  background:url("images/ui/scratch-icons-v1.png") 100% 0 / 700% 100% no-repeat;image-rendering:pixelated}
.coupon-btn:active{transform:translateY(2px)}
.box-big{width:84px;height:84px;margin:0 auto 6px}
.box-big .box-art{background-position:100% 0 !important}
.box-big.is-win{animation:boxWin .9s cubic-bezier(.2,1.6,.4,1) both}
@keyframes boxWin{from{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
html[data-motion="calm"] .box-big.is-win{animation:none}
.box-code{font-size:1.4rem;letter-spacing:3px;direction:ltr;unicode-bidi:isolate}
.box-gems{margin:8px 0 0;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px}
.box-gems .skin-ico{width:20px;height:20px}
.coupon-list{display:grid;gap:14px;margin:8px 0 6px}
.coupons-sub{margin:0 0 4px}
#couponsWait:empty{display:none}
#couponsModal .modal-actions{margin-top:4px}
.coupon-row{display:grid;gap:8px;justify-items:stretch}
.coupon-go{justify-self:center;padding:8px 18px !important;font-size:.95rem !important}
.coupon-live .modal-card{text-align:center}
.name-ico.coupon-ico{width:48px;height:48px;margin-inline:auto;font-size:0;
  background:url("images/ui/scratch-icons-v1.png") 100% 0 / 700% 100% no-repeat;image-rendering:pixelated}
.coupon-intro .modal-title{color:#b4202a}
.coupon-live-clock{position:relative;display:grid;gap:2px;padding:14px 10px 12px;margin:0 0 8px;overflow:hidden;
  background:#2B2118;color:#FFF3D8;border:3px solid #C08A2A}
.coupon-live-clock b{font-size:2.3rem;letter-spacing:2px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.coupon-live-clock span:last-child{font-size:1rem;color:#FFE08A}
.coupon-live-march{position:absolute;inset-inline:0;inset-block-start:0;height:6px;
  background-image:url("images/ui/px2-fill-gold-3d.png");background-size:16px 6px;image-rendering:pixelated;
  animation:prepMarch 1s steps(8) infinite}
@keyframes prepMarch{from{background-position:0 0}to{background-position:-16px 0}}
.box-btn .box-art{background:url("images/ui/scratch-card-v1.png") 0 0 / 100% 100% no-repeat !important;animation:none !important}
.box-wait-ico{background:url("images/ui/scratch-card-v1.png") 0 0 / 100% 100% no-repeat !important}
.box-btn.is-opening{animation:none}
.scratch{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;
  background:rgba(20,14,8,.78)}
.scratch[hidden]{display:none}
.scratch-in{display:grid;justify-items:center;gap:10px;width:min(100%,300px)}
.scratch-title{margin:0;color:#FFE08A;font-size:1.6rem;text-shadow:var(--px-outline)}
.scratch-card{width:252px;padding:0 0 14px;background:#FFF3D8;
  box-shadow:0 0 0 3px #3B2A1E,0 6px 0 3px #3B2A1E}
.scratch-head{margin:0 0 12px;padding:8px 0;background:#D6524C;color:#FFF3D8;text-align:center;
  font-weight:900;font-size:1.05rem;box-shadow:inset 0 -3px 0 #A03432}
.scratch-area{position:relative;width:216px;height:216px;margin:0 auto;box-shadow:0 0 0 3px #3B2A1E}
.scratch-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);background:#FFF9EC}
.scratch-cell{display:block;margin:4px;background:url("images/ui/scratch-icons-v1.png") calc(var(--f) * 100% / 6) 0 / 700% 100% no-repeat;
  image-rendering:pixelated}
.scratch-marks{position:absolute;inset:0;pointer-events:none}
.scratch-cover{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair}
.scratch:not(.is-ready) .scratch-cover{cursor:wait}
.scratch.is-done .scratch-cover{opacity:0;transition:opacity .35s steps(3)}
.scratch-hint{margin:0;min-height:0;color:#FFE9C4;font-weight:900}
.scratch-hint:empty{display:none}
.scratch{--c1:#D6524C;--c2:#FFB22E;--c3:#FFE08A;--frame:#2E8B57;--ink2:#3B2A1E}
.scratch[data-card="zodiac"]{--c1:#4A3690;--c2:#8E6CE0;--c3:#F6C448;--frame:#2B1E52}
.scratch[data-card="race"]{--c1:#2C4155;--c2:#20D6C7;--c3:#F6DBB7;--frame:#20D6C7}
.scratch-card{box-shadow:0 0 0 5px var(--frame),0 0 0 8px #3B2A1E,0 8px 0 8px #3B2A1E}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#fff;
  border-bottom:3px solid var(--ink2)}
.card-brand{font-size:.95rem;line-height:1.1;color:var(--c1);text-shadow:1px 1px 0 var(--c3),2px 2px 0 rgba(0,0,0,.18);white-space:nowrap}
.card-max{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;padding-inline-start:10px;border-inline-start:2px solid var(--ink2)}
.card-max small{font-size:.66rem;font-weight:800;color:var(--ink2)}
.card-max b{font-size:1.15rem;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.card-hero{position:relative;display:grid;place-items:center;height:76px;margin:0 0 10px;overflow:hidden;
  background:var(--c1)}
.card-hero::before{content:"";position:absolute;inset:-120% -20%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg at 50% 50%,var(--c2) 0 8deg,transparent 8deg 18deg);opacity:.55;
  animation:heroSpin 18s linear infinite}
.card-name{position:relative;font-size:2.1rem;line-height:1;color:var(--c3);white-space:nowrap;transform:rotate(-3deg);
  text-shadow:-2px 0 0 #3B2A1E,2px 0 0 #3B2A1E,0 -2px 0 #3B2A1E,0 2px 0 #3B2A1E,3px 4px 0 #3B2A1E;
  animation:heroPulse 1.6s steps(4) infinite alternate}
@keyframes heroSpin{to{transform:rotate(360deg)}}
@keyframes heroPulse{from{transform:rotate(-3deg) scale(1)}to{transform:rotate(-3deg) scale(1.06)}}
html[data-motion="calm"] .card-hero::before,html[data-motion="calm"] .card-name{animation:none}
.card-hero{height:84px;background-color:var(--c1);background-position:center;background-size:100% 100%;background-repeat:no-repeat;
  image-rendering:pixelated}
.card-hero::before{display:none}
.scratch[data-card="gold"] .card-hero{background-image:url("images/ui/card-hero-gold-v1.png")}
.scratch[data-card="zodiac"] .card-hero{background-image:url("images/ui/card-hero-zodiac-v1.png")}
.scratch[data-card="race"] .card-hero{background-image:url("images/ui/card-hero-race-v1.png")}
.scratch[data-card="gold"] .card-name{color:#FFE27A;font-size:2.25rem;transform:rotate(-4deg);
  text-shadow:-2px 0 0 #3B2A1E,2px 0 0 #3B2A1E,0 -2px 0 #3B2A1E,0 2px 0 #3B2A1E,2px 3px 0 #B8661A,3px 4px 0 #7A3D0E,4px 5px 0 #3B2A1E,5px 6px 0 #3B2A1E}
.scratch[data-card="zodiac"] .card-name{color:#FFFFFF;transform:rotate(-2deg) translateX(14px);
  text-shadow:-2px 0 0 #2B1E52,2px 0 0 #2B1E52,0 -2px 0 #2B1E52,0 2px 0 #2B1E52,0 0 8px #D36FC6,0 0 14px #8E3FA8}
.scratch[data-card="race"] .card-name{color:#F6DBB7;transform:rotate(-3deg) skewX(-8deg);
  text-shadow:-2px 0 0 #1B2A38,2px 0 0 #1B2A38,0 -2px 0 #1B2A38,0 2px 0 #1B2A38,3px 3px 0 #17A99D,5px 5px 0 #1B2A38}
@keyframes heroPulseZ{from{transform:rotate(-2deg) translateX(14px) scale(1)}to{transform:rotate(-2deg) translateX(14px) scale(1.05)}}
@keyframes heroPulseG{from{transform:rotate(-4deg) scale(1)}to{transform:rotate(-4deg) scale(1.06)}}
@keyframes heroPulseR{from{transform:rotate(-3deg) skewX(-8deg) scale(1)}to{transform:rotate(-3deg) skewX(-8deg) scale(1.05)}}
.scratch[data-card="gold"] .card-name{animation-name:heroPulseG}
.scratch[data-card="zodiac"] .card-name{animation-name:heroPulseZ}
.scratch[data-card="race"] .card-name{animation-name:heroPulseR}
html[data-motion="calm"] .card-hero{animation:none}
html[data-city="dimona"] .box-btn .box-art{background:url("images/ui/card-btn-gold-v1.png") 0 0 / 500% 100% no-repeat !important}
html[data-city="beersheva"] .box-btn .box-art{background:url("images/ui/card-btn-zodiac-v1.png") 0 0 / 500% 100% no-repeat !important}
html[data-city="yavne"] .box-btn .box-art{background:url("images/ui/card-btn-race-v1.png") 0 0 / 500% 100% no-repeat !important}
html[data-city] .box-btn.is-opening .box-art{animation:boxCrack .6s linear forwards !important}
html[data-motion="calm"][data-city] .box-btn.is-opening .box-art{animation:none !important}
.rec-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rec-actions .rec-choice{width:100%;min-height:44px;font-weight:800}
.rec-more{display:block;margin-top:10px;text-align:center;font-size:.85rem;color:var(--muted, #7A6A55)}
.rec-row[hidden]{display:none}
.box-wait{width:46px;height:46px;min-width:0;padding:0 0 3px !important;display:grid;place-items:end center;
  top:var(--box-top,14px);border:0 !important;border-image:none !important;background:transparent !important;
  filter:drop-shadow(0 3px 0 rgba(54,14,18,.3))}
.box-wait::before{content:"";position:absolute;inset:0;
  background:url("images/ui/card-btn-gold-v1.png") 0 0 / 500% 100% no-repeat;image-rendering:pixelated;
  filter:brightness(.42) saturate(.35)}
html[data-city="beersheva"] .box-wait::before{background-image:url("images/ui/card-btn-zodiac-v1.png")}
html[data-city="yavne"] .box-wait::before{background-image:url("images/ui/card-btn-race-v1.png")}
.box-wait .box-wait-ico{display:none}
.box-wait #boxWaitTime{position:relative;padding:1px 4px;background:rgba(14,10,6,.82);color:#FFF3E2;
  font-size:.72rem;line-height:1.1;box-shadow:0 0 0 1px rgba(255,243,226,.35)}
.scratch.is-bs .scratch-card{background:radial-gradient(circle at 20% 15%,#FFE08A 0 1px,transparent 2px) 0 0 / 23px 19px,
  radial-gradient(circle at 70% 60%,#FFF3C4 0 1px,transparent 2px) 0 0 / 31px 27px,#2B1E52}
.scratch.is-bs .scratch-head{background:#F6C448;color:#2B1E52;box-shadow:inset 0 -3px 0 #C99A3B;margin-bottom:8px}
.scratch-lucky{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px;
  font-weight:900;color:#FFE9C4;font-size:1rem}
.scratch-lucky[hidden]{display:none}
.scratch-lucky b{display:inline-block;padding:3px 10px;background:#F6C448;color:#2B1E52;font-size:1rem;
  box-shadow:0 0 0 3px #3B2A1E}
.zod{display:inline-block;inline-size:36px;block-size:36px;
  background:url("images/ui/zodiac-v1.png") calc(var(--z,0) * 100% / 11) 0 / 1200% 100% no-repeat;
  image-rendering:pixelated}
.zod-lucky{position:relative;display:inline-grid;place-items:center;inline-size:56px;block-size:56px}
.zod-lucky .zod{position:relative;inline-size:52px;block-size:52px;animation:zodFloat 1.6s steps(4) infinite alternate;
  filter:drop-shadow(0 0 6px rgba(255,226,122,.75))}
.zod-lucky .zod.is-q{background:#4A3690;border-radius:50% !important;box-shadow:inset 0 0 0 3px #2B1E52,inset 0 0 0 5px #F6C448;
  filter:none;animation:none}
.zod-lucky .zod.is-q::after{content:"?";display:grid;place-items:center;block-size:100%;color:#FFE27A;font-weight:900;font-size:1.5rem;font-style:normal}
.zod-rays{position:absolute;inline-size:100px;block-size:100px;inset-inline-start:-22px;top:-22px;opacity:.75;
  background:url("images/ui/reveal-rays-v2.png") 0 0 / 1600% 100% no-repeat;image-rendering:pixelated;
  animation:raysFrames 2s steps(16) infinite}
.zod-spark{position:absolute;inline-size:12px;block-size:12px;inset-inline-end:-4px;top:-2px;
  background:url("images/ui/px2-star.png") 0 0 / 100% 100% no-repeat;image-rendering:pixelated;
  animation:zodSpark 1.2s steps(3) infinite}
.zod-spark.is-b{inset-inline-end:auto;inset-inline-start:-6px;top:auto;bottom:4px;inline-size:9px;block-size:9px;animation-delay:.6s}
.zod-lucky .zod.is-q ~ .zod-spark{display:none}
@keyframes zodFloat{from{transform:translateY(-2px)}to{transform:translateY(2px)}}
@keyframes zodSpark{0%,100%{transform:scale(.3);opacity:0}50%{transform:scale(1);opacity:1}}
.scratch.is-bs .scratch-area{height:144px}
.scratch.is-bs .scratch-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);background:#F4ECFF}
.scratch-bs{display:grid;place-items:center;align-content:center;gap:3px;margin:4px;
  box-shadow:inset 0 0 0 2px #B9A4E4}
.scratch-bs .zod{inline-size:36px;block-size:36px}
.scratch-bs{position:relative;overflow:hidden}
.scratch-bs.is-win{background:#FFF3C9}
.scratch-bs.is-win::before{content:"";position:absolute;inline-size:96px;block-size:96px;left:50%;top:50%;margin:-58px 0 0 -48px;
  background:url("images/ui/reveal-rays-v2.png") 0 0 / 1600% 100% no-repeat;image-rendering:pixelated;opacity:.6;
  animation:raysFrames 2s steps(16) infinite}
.scratch-bs.is-win .zod,.scratch-bs.is-win .scratch-bs-prize{position:relative}
.scratch-bs.is-win .zod{animation:zodWin .5s steps(3) infinite alternate;filter:drop-shadow(0 0 5px #FFD54A)}
@keyframes zodWin{from{transform:scale(1)}to{transform:scale(1.18)}}
.scratch-crumb{position:absolute;inline-size:4px;block-size:4px;margin:-2px 0 0 -2px;background:#C9CED6;
  box-shadow:1px 1px 0 #7D8590;pointer-events:none;animation:crumbFly .55s steps(6) forwards}
.scratch-crumb:nth-child(odd){background:#EEF1F5}
@keyframes crumbFly{to{transform:translate(var(--dx),var(--dy));opacity:0}}
.scratch-cell.is-pop,.scratch-bs.is-pop{animation:cellPop .36s steps(4) var(--pop,0s) both}
@keyframes cellPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
.scratch-cell.is-win{animation:cellPop .36s steps(4) var(--pop,0s) both,cellWin .5s steps(3) .45s infinite alternate;
  filter:drop-shadow(0 0 3px #FFD54A) drop-shadow(0 0 6px #FFB22E)}
@keyframes cellWin{from{transform:scale(1) rotate(0)}to{transform:scale(1.14) rotate(-4deg)}}
.scratch-spark{position:absolute;inline-size:12px;block-size:12px;margin:-6px 0 0 -6px;pointer-events:none;
  background:url("images/ui/px2-star.png") 0 0 / 100% 100% no-repeat;image-rendering:pixelated;
  animation:sparkUp 1s steps(8) both}
@keyframes sparkUp{0%{transform:translateY(0) scale(.2);opacity:0}25%{transform:translateY(-8px) scale(1.2);opacity:1}
  100%{transform:translateY(-34px) scale(.4);opacity:0}}
.scratch-card.is-shake{animation:cardShake .4s steps(6)}
@keyframes cardShake{20%{transform:translate(-3px,1px) rotate(-1deg)}40%{transform:translate(3px,-1px) rotate(1deg)}
  60%{transform:translate(-2px,0)}80%{transform:translate(2px,0)}}
.card-coin.is-gem{background:url("images/ui/hud-gems-v1.png") 0 0 / 100% 100% no-repeat;filter:drop-shadow(0 0 4px rgba(120,200,255,.95))}
body.card-pay .hud{z-index:81 !important;box-shadow:inset 0 0 0 999px rgba(20,14,8,.78) !important}
body.card-pay .hud > :not(.pay-path),body.card-pay .pay-path:not(.pay-target) > :not(.pay-path){filter:brightness(.3)}
body.card-pay .pay-path.hud-money,body.card-pay #gemsBtn.pay-path{filter:drop-shadow(0 0 6px #FFD54A) drop-shadow(0 0 14px rgba(255,190,60,.8))}
#gemsBtn.pay-bump{animation:payBump .22s steps(2)}
@keyframes payBump{50%{transform:scale(1.18)}}
.card-coin{position:fixed;z-index:90;pointer-events:none;inline-size:26px;block-size:26px;margin:-13px 0 0 -13px;
  background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat;image-rendering:pixelated;
  filter:drop-shadow(0 0 4px rgba(255,200,60,.9));will-change:transform}
html[data-motion="calm"] .scratch-cell.is-pop,html[data-motion="calm"] .scratch-bs.is-pop,html[data-motion="calm"] .scratch-cell.is-win,
html[data-motion="calm"] .scratch-card.is-shake{animation:none}
html[data-motion="calm"] .zod-lucky .zod,html[data-motion="calm"] .zod-rays,html[data-motion="calm"] .zod-spark,
html[data-motion="calm"] .scratch-bs.is-win::before,html[data-motion="calm"] .scratch-bs.is-win .zod{animation:none}
.scratch-bs-prize{display:flex;align-items:center;gap:2px;font-size:.72rem;font-weight:900;color:#3B2A1E;text-align:center}
.scratch-bs-prize .skin-ico{width:1em;height:1em}
.scratch-result{margin:0;color:#fff;font-weight:900;font-size:1.15rem;text-align:center;text-shadow:var(--px-outline)}
.scratch-result.is-big{font-size:2rem;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:6px}
.scratch-result.is-big .skin-ico{width:1em;height:1em}
.card-hero .scratch-result.is-big{position:absolute;inset:0;z-index:4;margin:0;font-size:2.5rem;
  background:rgba(59,12,12,.82);box-shadow:inset 0 0 0 3px #FFD541;animation:prizePop .5s steps(5) both}
.card-hero .scratch-result.is-big.is-lose{font-size:1.6rem;background:rgba(38,38,52,.85);box-shadow:inset 0 0 0 3px #8B93AF}
@keyframes prizePop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
html[data-motion="calm"] .card-hero .scratch-result.is-big{animation:none}
.coupon-fly{position:fixed;z-index:95;pointer-events:none;inline-size:42px;block-size:42px;margin:-21px 0 0 -21px;
  background:url("images/ui/scratch-icons-v1.png") 100% 0 / 700% 100% no-repeat;image-rendering:pixelated;
  filter:drop-shadow(0 0 6px rgba(255,220,120,.95)) drop-shadow(0 3px 0 rgba(54,14,18,.35));will-change:transform}
.coupon-btn.is-land{animation:payBump .3s steps(3)}
.box-btn.is-think{animation:boxThink .5s steps(4) infinite}
.scratch-coin{position:absolute;z-index:6;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;
  background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat;image-rendering:pixelated;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));transform:rotate(-18deg)}
.scratch-coin[hidden]{display:none}
.box-btn.is-glow{animation:boxGlow 1.3s ease-in-out 2}
@keyframes boxGlow{0%,100%{filter:drop-shadow(0 3px 0 rgba(54,14,18,.3))}50%{filter:drop-shadow(0 3px 0 rgba(54,14,18,.3)) drop-shadow(0 0 6px rgba(255,200,60,.9)) drop-shadow(0 0 14px rgba(255,170,40,.55))}}
@keyframes boxThink{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
html[data-motion="calm"] .box-btn.is-think{animation:none;opacity:.7}
.coupon-btn.is-call{animation:couponCall 1.1s steps(4) infinite}
@keyframes couponCall{0%,60%,100%{transform:translateY(0) rotate(0)}15%{transform:translateY(-4px) rotate(-8deg)}30%{transform:translateY(0) rotate(6deg)}45%{transform:translateY(-2px) rotate(-4deg)}}
html[data-motion="calm"] .coupon-btn.is-call{animation:none}
.coupon-slot{margin:6px 0 10px}
.coupon-ticket{position:relative;display:flex;align-items:stretch;background:#FFF6D8;color:#3B2A1E;text-align:start;
  box-shadow:0 0 0 3px var(--coupon,#B4202A),0 4px 0 3px rgba(59,42,30,.25)}
.ct-main{flex:1 1 auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;
  padding:8px 10px;min-width:0}
.ct-art{grid-row:1 / 3;width:80px;height:52px;image-rendering:pixelated}
.ct-title{font-size:.92rem;font-weight:900;line-height:1.2}
.ct-place{font-size:.78rem;font-weight:700;color:#8E5252}
.ct-stub{position:relative;flex:none;display:grid;place-content:center;justify-items:center;gap:2px;min-width:74px;padding:8px 6px;
  background:var(--coupon,#B4202A);color:#fff;border-inline-start:3px dashed #FFF6D8}
.ct-stub::before,.ct-stub::after{content:"";position:absolute;inset-inline-start:-9px;width:12px;height:8px;background:var(--card,#FFFDF7)}
.ct-stub::before{top:-3px}
.ct-stub::after{bottom:-3px}
.ct-price{font-size:2rem;line-height:1;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.ct-price small{font-size:1rem;margin-inline-start:2px}
.ct-date{font-size:.72rem;font-weight:800;opacity:.9}
.coupon-ticket.is-used{filter:grayscale(.7);opacity:.75}
.ct-stamp{position:absolute;inset-inline-start:30%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:2px 10px;
  font-style:normal;font-weight:900;font-size:1.3rem;color:#B4202A;box-shadow:0 0 0 3px #B4202A;background:rgba(255,246,216,.85)}
.scratch-actions{display:flex;gap:10px}
.scratch-cell.is-gem{position:relative;background:none !important}
.scratch-gem{position:absolute;display:grid;place-items:center;font-size:1.6rem;line-height:1}
.scratch-gem .skin-ico{width:100%;height:100%;image-rendering:pixelated !important}
.is-g1 .scratch-gem{inset:0}
.is-g2 .scratch-gem{width:50%;height:50%}
.is-g2 .scratch-gem:nth-child(1){top:6%;left:6%}
.is-g2 .scratch-gem:nth-child(2){bottom:6%;right:6%}
.is-g3 .scratch-gem{width:50%;height:50%}
.is-g3 .scratch-gem:nth-child(1){top:2%;left:25%}
.is-g3 .scratch-gem:nth-child(2){bottom:2%;left:0}
.is-g3 .scratch-gem:nth-child(3){bottom:2%;right:0}
.scratch.is-race .scratch-area{height:156px}
.scratch.is-race .scratch-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);
  background:#2C4155 url("images/ui/card-track-race-v1.png") left top / calc(100% - 112px) 100% no-repeat;image-rendering:pixelated}
.scratch.is-race .scratch-cover{left:0;right:112px;width:calc(100% - 112px);height:100%}
.race-lane{position:relative;display:flex;align-items:stretch;min-width:0}
.race-head{flex:none;inline-size:112px;display:flex;align-items:center;gap:5px;padding-inline:5px;background:#2C4155;
  border-inline-end:3px solid #22222E}
.race-medal{flex:none;display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;font-style:normal;font-weight:900;
  color:#22222E;box-shadow:0 0 0 2px #22222E}
.race-medal.is-p1{background:#FFD541}
.race-medal.is-p2{background:#DAE0EA}
.race-medal.is-p3{background:#D8A06A}
.race-prize{display:flex;align-items:center;gap:2px;min-width:0;font-size:.74rem;font-weight:900;line-height:1.1;color:#F8E9C8;
  text-shadow:1px 1px 0 #22222E}
.race-prize .skin-ico{flex:none;width:1.15em;height:1.15em}
.race-end{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding-inline:14px 12px}
.race-lane:nth-child(1) .race-end{justify-content:flex-end}
.race-lane:nth-child(3) .race-end{justify-content:flex-start}
.race-runner{flex:none;inline-size:32px;block-size:40px;
  background:url("images/ui/race-runners-v1.png") calc(var(--r,0) * 100% / 2) 0 / 300% 100% no-repeat;image-rendering:pixelated}
.race-end b{font-size:.8rem;line-height:1;color:#FFF8EC;white-space:nowrap;text-shadow:1px 1px 0 #22222E,-1px 0 0 #22222E,0 -1px 0 #22222E}
.race-lane.is-me .race-end b{color:#9EF0E8}
.race-lane.is-pop .race-end{animation:cellPop .36s steps(4) var(--pop,0s) both}
.race-lane.is-win .race-end{background:rgba(255,213,65,.45);box-shadow:inset 0 0 0 3px #FFD541}
.race-lane.is-win .race-medal{animation:zodWin .5s steps(3) infinite alternate;filter:drop-shadow(0 0 4px #FFD54A)}
html[data-motion="calm"] .race-lane.is-pop .race-end,html[data-motion="calm"] .race-lane.is-win .race-medal{animation:none}
.scene-stars{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;
  object-fit:cover;object-position:center center;image-rendering:pixelated;animation:starTwinkle 3.2s steps(4) infinite;
  opacity:var(--stars,1)}
@keyframes starTwinkle{0%,100%{opacity:var(--stars,1)}50%{opacity:calc(var(--stars,1) * .25)}}
html[data-motion="calm"] .scene-stars{animation:none}
.scene-art{--time-filter:sepia(calc(var(--dusk,0) * .12))}
.scene-art :is(.scene-img,.scene-stall,.scene-deco,.scene-track,.scene-prop){filter:var(--time-filter)}
.day-try{position:absolute;top:6px;left:6px;z-index:120;pointer-events:auto;cursor:pointer;
  font:inherit;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;
  border:2px solid rgba(255,255,255,.75);background:rgba(20,24,60,.72);color:#fff}
.day-try:active{transform:translateY(1px)}
.hud::before{content:none;position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;
  background:
    linear-gradient(180deg,rgba(255,150,80,calc(var(--dusk,0) * .45)),rgba(255,200,120,calc(var(--dusk,0) * .2)))}
.share-btn{animation:none !important}
.share-btn::before,.share-btn::after{content:none !important;animation:none !important}
.share-free{display:none !important}
.ach-count{margin:0 0 6px;font-weight:900;text-align:center}
.ach-money{font-weight:900;white-space:nowrap;font-size:.82rem}
.ach-list{list-style:none;margin:0;padding:4px;display:grid;gap:10px;max-height:calc(52 * var(--vh));overflow:auto}
.ach-topic{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:2px 2px 6px;
  border-bottom:3px solid #C08A2A;font-size:1.02rem}
.ach-topic:first-child{margin-top:0}
.ach-topic b{display:inline-flex;align-items:center;gap:6px}
.ach-topic-ico,.ach-topic-ico .skin-ico{display:inline-grid;width:24px;height:24px}
.ach-topic-count{font-weight:900;font-size:.85rem;color:#7A6A55;padding:2px 8px;background:#F1ECE2;box-shadow:0 0 0 2px #CAC3B4;border-radius:999px !important}
.ach-topic-count.is-full{color:#fff;background:#41A06D;box-shadow:0 0 0 2px #216240}
.ach-row{--o:#B4AC9D;--h:#FFFFFF;--s:#DCD6CA;--bg:#F4F0EA;--slot:#E2DBCD;
  display:flex;align-items:center;gap:10px;padding:9px 12px 10px;margin:2px;
  background:var(--bg);color:#5F5446;border-radius:8px !important;
  box-shadow:inset 0 2px 0 var(--h),inset 0 -3px 0 var(--s),0 0 0 2px var(--o),0 3px 0 2px var(--o)}
.ach-row.is-ready{--o:#216240;--h:#E4F5EA;--s:#B7DEC6;--bg:#D9F0E2;--slot:#BFE3CD;color:var(--ink);
  animation:achReady 1.6s ease-in-out infinite}
.ach-row.is-got{--o:#996F2F;--h:#FFFBEA;--s:#EBD08C;--bg:#FFF3D2;--slot:#F3DFA6;color:var(--ink)}
@keyframes achReady{50%{box-shadow:inset 0 2px 0 var(--h),inset 0 -3px 0 var(--s),0 0 0 2px var(--o),0 3px 0 2px var(--o),0 0 10px 3px rgba(65,160,109,.45)}}
html[data-motion="calm"] .ach-row.is-ready{animation:none}
.ach-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--slot);
  border-radius:6px !important;box-shadow:inset 0 2px 0 rgba(0,0,0,.12),0 0 0 2px var(--o)}
.ach-ico .skin-ico,.ach-ico .ach-sprite{width:32px;height:32px}
.ach-row:not(.is-ready):not(.is-got) .ach-ico > *{filter:grayscale(1) opacity(.6)}
.ach-sprite{display:inline-block;image-rendering:pixelated}
.ach-sprite.is-coin{background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat}
.ach-sprite.is-card{background:url("images/ui/scratch-card-v1.png") 0 0 / 100% 100% no-repeat}
.ach-body{display:grid;gap:5px;flex:1;min-width:0}
.ach-name{font-size:.95rem}
.ach-bar{position:relative;display:block;height:12px;background:#E2D8C0;box-shadow:0 0 0 2px var(--o);border-radius:999px !important;overflow:hidden}
.ach-bar i{display:block;height:100%;background:url("images/ui/px2-fill-green-3.png") 0 0 / 16px 6px;image-rendering:pixelated}
.ach-row.is-got .ach-bar i{background-image:url("images/ui/px2-fill-gold-3.png")}
.ach-bar em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:.62rem;
  line-height:1;color:var(--ink);direction:ltr;unicode-bidi:isolate;
  text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff}
.ach-claim{flex:none;min-width:58px;padding:7px 10px !important;font-size:.95rem !important;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.ach-claim .skin-ico,.ach-gems .skin-ico{width:18px;height:18px}
.ach-gems{flex:none;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-weight:900;font-size:.9rem}
.ach-row:not(.is-ready):not(.is-got) .ach-gems{opacity:.6}
.ach-check{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:#C08A2A;font-size:1rem;
  border-radius:999px !important;box-shadow:0 0 0 2px #996F2F}
.ach-topic{cursor:pointer;user-select:none;-webkit-user-select:none;padding:8px 6px;margin-top:6px;
  background:#FFF8E6;border-radius:6px !important;box-shadow:0 0 0 2px #C08A2A;border-bottom:0}
.ach-topic:first-child{margin-top:2px}
.ach-topic.is-open{background:#FFF0C8}
.ach-topic-side{display:inline-flex;align-items:center;gap:8px}
.ach-topic-arrow{font-size:.9rem;color:#996F2F;width:12px;text-align:center}
.ach-topic.has-ready .ach-topic-count{position:relative}
.ach-topic.has-ready .ach-topic-count::after{content:"";position:absolute;top:-4px;inset-inline-end:-4px;width:10px;height:10px;
  background:#41A06D;box-shadow:0 0 0 2px #216240;border-radius:999px !important}
.ach-list{gap:8px}
.ach-row{height:70px;box-sizing:border-box;padding-block:0;align-items:center}
.ach-body{align-self:center}
.ach-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ach-bar{height:14px}
.ach-bar em{color:#fff !important;font-size:.64rem;
  text-shadow:-1px -1px 0 #2B2118,1px -1px 0 #2B2118,-1px 1px 0 #2B2118,1px 1px 0 #2B2118,0 0 2px #2B2118 !important}
.ach-claim,.ach-gems{align-self:center;margin:-4px 0 0 !important}
.ach-gems{margin:0 !important}
html[data-art]{--font-pixel:'Rubik','Noto Sans Hebrew',system-ui,sans-serif}
html[data-art] :is(.start-label,.btn-primary,.modal-title,.reveal-top,.reveal-name,.reveal-go,
  .win-full-level,.win-full-top,.win-full-name,.tour-next){font-weight:800;-webkit-font-smoothing:auto}
html[data-art] body{font-size-adjust:none}
html[data-art] .scene-wrap::before{border-image-source:none !important;border:0 !important;content:none !important}
html[data-art] .scene-box{overflow:hidden}
html[data-art="3d"] body{background:radial-gradient(120% 70% at 50% 0%,#FFE9C2 0%,#FFD3A8 55%,#F7B98F 100%) fixed !important}
html[data-art="3d"][data-art] .hud{background:linear-gradient(180deg,#4F8DFF 0%,#2E62E0 60%,#2149B8 100%) !important;
  box-shadow:inset 0 -4px 0 #F6C443,inset 0 -7px 0 #B8862E,0 6px 14px rgba(20,30,90,.35) !important}
html[data-art="3d"] .hud-money{color:#FFFFFF !important;text-shadow:0 2px 0 #163A8E,0 0 6px rgba(0,0,0,.25)}
html[data-art="3d"] .hud-rate{background:linear-gradient(#5B2DB8,#3E1A8C) padding-box !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 0 0 2px #2A0F66,0 3px 0 2px #1F0A4D !important;border-radius:999px !important;color:#FFE27A !important}
html[data-art="3d"] .hud-gems{background:linear-gradient(#FFFFFF,#E8F1FF) !important;
  box-shadow:inset 0 2px 0 #FFFFFF,inset 0 -3px 0 #B9CBEB,0 0 0 2px #1E4FB0,0 3px 0 2px #163A8E !important}
html[data-art="3d"] .scene-box{border-radius:22px;box-shadow:0 0 0 4px #FFFFFF,0 0 0 8px #F6C443,0 0 0 10px #B8862E,0 10px 22px rgba(80,30,10,.35)}
html[data-art="3d"] :is(.btn-primary,.tour-next,.promo-go,.qty-btn.is-on,.set-tab.is-on,.card-buy.can,.acc-btn.is-in,.snd-mode.is-on){
  background:linear-gradient(180deg,#9BF07A 0%,#47CC4E 45%,#23A63C 100%) padding-box !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -4px 0 rgba(0,60,20,.25),0 0 0 2px #137A2A,0 5px 0 2px #0F5E21,0 8px 12px rgba(0,0,0,.25) !important;
  border-radius:18px !important;color:#FFFFFF !important;text-shadow:0 2px 0 #0F5E21}
html[data-art="3d"] :is(.btn-ghost,.acc-btn,.qty-btn,.set-tab,.snd-mode,.sound-btn,.text-size button,.tour-size button,.intro-staff):not(.is-on):not(.is-in){
  background:linear-gradient(180deg,#FFFFFF 0%,#F1F5FF 55%,#DCE6FA 100%) padding-box !important;
  box-shadow:inset 0 3px 0 #FFFFFF,inset 0 -3px 0 #C3D1EE,0 0 0 2px #7D93C9,0 5px 0 2px #5D72A8,0 8px 12px rgba(30,40,90,.2) !important;
  border-radius:18px !important;color:#2B3A6E !important}
html[data-art="3d"] :is(.card-buy:disabled,.card-buy:not(.can),.btn-primary:disabled){
  background:linear-gradient(180deg,#F2F2F6,#D9DAE3) padding-box !important;
  box-shadow:inset 0 3px 0 #FFFFFF,0 0 0 2px #A8AABB,0 5px 0 2px #8A8C9E !important;color:#7A7C8E !important;text-shadow:none}
html[data-art="3d"] :is(.card,.modal-card,.boost-live,.promo-box,.gem-free-card){
  background:linear-gradient(180deg,#FFFFFF,#FFF8EE) padding-box !important;border-radius:24px !important;
  box-shadow:inset 0 0 0 3px #FFFFFF,0 0 0 2px #F0C890,0 6px 0 2px #E2A866,0 12px 22px rgba(120,60,20,.22) !important}
html[data-art="3d"] .bottomnav{background:linear-gradient(180deg,#4F8DFF,#2149B8) !important;box-shadow:inset 0 4px 0 #F6C443,0 -4px 12px rgba(20,30,90,.3) !important}
html[data-art="3d"] .view-btn{color:#FFFFFF !important}
html[data-art="3d"] .view-btn.is-active{background:linear-gradient(180deg,#FFE27A,#F6B42B) !important;color:#5A2D00 !important;border-radius:18px !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 0 0 2px #B8862E,0 4px 0 2px #8A5E14 !important}
html[data-art="vector"] body{background:#F3ECDF !important}
html[data-art="vector"][data-art] .hud{background:linear-gradient(180deg,#264653,#1F3A45) !important;box-shadow:0 4px 0 rgba(29,42,80,.12) !important}
html[data-art="vector"] .hud-money{color:#FAF3E0 !important;text-shadow:none}
html[data-art="vector"] .hud-rate{background:#2A9D8F padding-box !important;box-shadow:none !important;border-radius:999px !important;color:#FFFFFF !important}
html[data-art="vector"] .hud-gems{background:#FAF3E0 !important;box-shadow:0 3px 0 rgba(0,0,0,.15) !important}
html[data-art="vector"] .scene-box{border-radius:16px;box-shadow:0 6px 0 rgba(29,42,80,.12)}
html[data-art="vector"] :is(.btn-primary,.tour-next,.promo-go,.qty-btn.is-on,.set-tab.is-on,.card-buy.can,.acc-btn.is-in,.snd-mode.is-on){
  background:#2A9D8F padding-box !important;box-shadow:0 4px 0 #1E6F66 !important;border-radius:14px !important;color:#FFFFFF !important;text-shadow:none}
html[data-art="vector"] :is(.btn-ghost,.acc-btn,.qty-btn,.set-tab,.snd-mode,.sound-btn,.text-size button,.tour-size button,.intro-staff):not(.is-on):not(.is-in){
  background:#FFFFFF padding-box !important;box-shadow:0 4px 0 #D9CDB8 !important;border-radius:14px !important;color:#264653 !important}
html[data-art="vector"] :is(.card-buy:disabled,.card-buy:not(.can),.btn-primary:disabled){
  background:#E6DFD2 padding-box !important;box-shadow:0 4px 0 #CFC5B3 !important;color:#8D99AE !important}
html[data-art="vector"] :is(.card,.modal-card,.boost-live,.promo-box,.gem-free-card){
  background:#FFFFFF padding-box !important;border-radius:18px !important;box-shadow:0 5px 0 rgba(29,42,80,.08) !important}
html[data-art="vector"] .bottomnav{background:#FFFFFF !important;box-shadow:0 -3px 0 rgba(29,42,80,.06) !important}
html[data-art="vector"] .view-btn.is-active{background:#E9F5F3 !important;color:#2A9D8F !important;border-radius:14px !important}
html[data-art="cartoon"] body{background:radial-gradient(130% 90% at 50% 40%,#F1E2BE 0%,#E3CB98 70%,#BFA06A 100%) fixed !important}
html[data-art="cartoon"] :is(.modal-title,.start-label,.reveal-name,.win-full-name){font-family:'David','Frank Ruehl CLM','Times New Roman',serif !important;font-weight:900}
html[data-art="cartoon"][data-art] .hud{background:linear-gradient(180deg,#E9B949,#D9A030) !important;box-shadow:inset 0 -3px 0 #141010,0 4px 0 rgba(20,16,16,.35) !important}
html[data-art="cartoon"] .hud-money{color:#FFF6DC !important;text-shadow:2px 2px 0 #141010,-1px -1px 0 #141010,1px -1px 0 #141010,-1px 1px 0 #141010}
html[data-art="cartoon"] .hud-rate{background:#2B2220 padding-box !important;box-shadow:0 0 0 2px #141010,3px 3px 0 #141010 !important;border-radius:12px !important;color:#F5D46A !important}
html[data-art="cartoon"] .hud-gems{background:#FFF3D6 !important;box-shadow:0 0 0 3px #141010,3px 3px 0 #141010 !important}
html[data-art="cartoon"] .scene-box{border-radius:14px;box-shadow:0 0 0 4px #141010,6px 6px 0 #141010}
html[data-art="cartoon"] :is(.btn-primary,.tour-next,.promo-go,.qty-btn.is-on,.set-tab.is-on,.card-buy.can,.acc-btn.is-in,.snd-mode.is-on){
  background:linear-gradient(180deg,#E8584A,#C93A2E) padding-box !important;box-shadow:0 0 0 3px #141010,4px 4px 0 #141010 !important;
  border-radius:14px !important;color:#FFF6DC !important;text-shadow:2px 2px 0 #141010}
html[data-art="cartoon"] :is(.btn-ghost,.acc-btn,.qty-btn,.set-tab,.snd-mode,.sound-btn,.text-size button,.tour-size button,.intro-staff):not(.is-on):not(.is-in){
  background:#FFF3D6 padding-box !important;box-shadow:0 0 0 3px #141010,4px 4px 0 #141010 !important;border-radius:14px !important;color:#141010 !important}
html[data-art="cartoon"] :is(.card-buy:disabled,.card-buy:not(.can),.btn-primary:disabled){
  background:#D8C7A4 padding-box !important;box-shadow:0 0 0 3px #5A4A3A,3px 3px 0 #5A4A3A !important;color:#5A4A3A !important;text-shadow:none}
html[data-art="cartoon"] :is(.card,.modal-card,.boost-live,.promo-box,.gem-free-card){
  background:#FBF0D6 padding-box !important;border-radius:16px !important;box-shadow:0 0 0 3px #141010,6px 6px 0 #141010 !important}
html[data-art="cartoon"] .bottomnav{background:#FBF0D6 !important;box-shadow:inset 0 3px 0 #141010 !important}
html[data-art="cartoon"] .view-btn.is-active{background:#F5D46A !important;color:#141010 !important;border-radius:14px !important;box-shadow:0 0 0 3px #141010,3px 3px 0 #141010 !important}
html[data-art] .xp-bar{border:0 !important;border-image:none !important;height:16px;border-radius:999px;overflow:hidden}
html[data-art] .xp-row::before{background-image:none;width:0;margin:0}
html[data-art] :is(.xp-fill,.card-buy .buy-fill){background-size:100% 100% !important;background-repeat:no-repeat !important}
html[data-art] :is(.xp-fill,.card-buy .buy-fill)::after{content:none}
html[data-art="3d"] .xp-bar{background:linear-gradient(180deg,#24124F,#3A2280) !important;box-shadow:inset 0 2px 4px rgba(0,0,0,.5),0 0 0 2px #FFFFFF,0 3px 0 2px #C9A0FF !important}
html[data-art="3d"] :is(.xp-fill,.card-buy .buy-fill){background-image:linear-gradient(180deg,#FFF59A 0%,#FFC524 50%,#F28A00 100%) !important;border-radius:999px}
html[data-art="vector"] .xp-bar{background:#E3D9C7 !important;box-shadow:none !important}
html[data-art="vector"] :is(.xp-fill,.card-buy .buy-fill){background-image:linear-gradient(#F4A261,#F4A261) !important;border-radius:999px}
html[data-art="cartoon"] .xp-bar{background:#FFF3D6 !important;box-shadow:0 0 0 2px #141010,3px 3px 0 #141010 !important}
html[data-art="cartoon"] :is(.xp-fill,.card-buy .buy-fill){background-image:linear-gradient(180deg,#F07A5E,#C93A2E) !important}
html[data-art] .xp-now{color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.6)}
html[data-art="vector"] .xp-now{color:#264653;text-shadow:none}
html[data-art="cartoon"] .xp-now{color:#141010;text-shadow:none}
html[data-art] :is(#xpMeter .xp-now,.card-count,.pill,.boost-tag){border-image:none !important;border:0 !important;border-radius:999px !important}
html[data-art] #xpMeter .xp-now{padding:4px 10px !important}
html[data-art="3d"] :is(#xpMeter .xp-now,.card-count){background:linear-gradient(180deg,#FFFFFF,#E6EEFF) !important;color:#2B3A6E !important;
  box-shadow:0 0 0 2px #7D93C9,0 3px 0 2px #5D72A8 !important;text-shadow:none}
html[data-art="vector"] :is(#xpMeter .xp-now,.card-count){background:#FDF3E3 !important;color:#E76F51 !important;box-shadow:none !important;text-shadow:none}
html[data-art="cartoon"] :is(#xpMeter .xp-now,.card-count){background:#FFF3D6 !important;color:#141010 !important;box-shadow:0 0 0 2px #141010,2px 2px 0 #141010 !important;text-shadow:none}
.film{
  position:absolute;inset:0;z-index:60;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  padding:18px 14px 28px;
  background:radial-gradient(120% 80% at 50% 40%,#2B3566 0%,#141A38 60%,#0B0F24 100%);
  color:#FFF8EC;text-align:center;overflow:hidden;
  opacity:0;transition:opacity .45s ease;
}
.film.is-in{opacity:1}
.film.is-out{opacity:0;pointer-events:none}
.film-top{position:absolute;inset-block-start:12px;inset-inline:12px;display:flex;justify-content:space-between;gap:10px;z-index:5}
.film-sound,.film-skip{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;
  border-radius:10px;border:2px solid rgba(255,248,236,.55);background:rgba(11,15,36,.55);
  color:#FFF8EC;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;
}
.film-sound .film-sound-ico{display:inline-grid;place-items:center;width:22px;height:22px}
.film-sound .film-sound-ico img,.film-sound .film-sound-ico .skin-ico{width:22px;height:22px}
.film-sound.is-on{border-color:#35D07F}
.film-sound.is-ask{background:#1FA35C;border-color:#35D07F;animation:filmAsk 1.2s ease-in-out infinite}
@keyframes filmAsk{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.film-skip{border-color:rgba(255,248,236,.35)}
.film-stage{
  position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;
  border-radius:6px;box-shadow:0 0 0 3px #0B0F24,0 0 0 6px #C9A227,0 14px 40px rgba(0,0,0,.55);
  transform:scale(.86);transition:transform 2.6s cubic-bezier(.2,.7,.2,1);
}
.film.is-in .film-stage{transform:scale(1)}
.film-track{position:absolute;inset-block:0;inset-inline-start:0;width:300%;display:flex;transition:transform 1.1s cubic-bezier(.65,0,.35,1)}
.film-track[data-at="1"]{transform:translateX(33.3333%)}
.film-track[data-at="2"]{transform:translateX(66.6667%)}
.film-track > .mini-scene{flex:0 0 33.3333%}
.film .mini-item.is-pop{animation:filmPop .5s cubic-bezier(.18,.9,.3,1.3) both}
@keyframes filmPop{0%{transform:translate(50%,-50%) scale(.2);filter:brightness(1.25) drop-shadow(0 0 5px rgba(255,214,120,.8))}60%{transform:translate(50%,-50%) scale(1.25);filter:brightness(1.15)}100%{transform:translate(50%,-50%) scale(1);filter:none}}
.film-coin{
  position:absolute;inset-block-start:62%;z-index:20;width:26px;height:26px;margin:-13px;
  background:url("images/ui/scratch-icons-v1.png") 0 0 / 700% 100% no-repeat;image-rendering:pixelated;
  filter:drop-shadow(0 0 5px rgba(255,200,60,.9));
  animation:buyCoin var(--dur,800ms) cubic-bezier(.16,.7,.35,1) var(--delay,0ms) forwards;opacity:0;
}
.film-money{
  position:absolute;inset-block-start:8px;inset-inline:0;z-index:30;display:flex;justify-content:center;
  opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;
}
.film-money.is-in{opacity:1;transform:none}
.film-money b{
  padding:4px 12px;border-radius:8px;background:rgba(11,15,36,.75);color:#7CF0A8;
  font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;direction:ltr;
  box-shadow:0 0 0 2px #1FA35C;
}
.film-money.is-full b{animation:filmCash .5s ease 2}
@keyframes filmCash{50%{transform:scale(1.15);color:#FFE58A}}
.film-caption{
  min-height:3.2em;margin:0;max-width:30ch;font-size:1.25rem;font-weight:900;line-height:1.4;
  text-shadow:0 2px 0 #0B0F24,0 0 12px rgba(11,15,36,.9);opacity:0;
}
.film-caption.is-in{animation:filmCaption .5s ease forwards}
@keyframes filmCaption{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.film-end{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  background:rgba(11,15,36,.86);animation:filmCaption .6s ease both}
.film-end[hidden]{display:none}
.film-title{font-size:3rem;line-height:1.1;color:#FFD58A;text-shadow:0 4px 0 #7A4E0E,0 0 24px rgba(255,200,60,.5)}
.film-sub{font-size:1.1rem;font-weight:800;color:#FFF8EC}
.film.is-welcome{gap:14px;cursor:pointer}
.welcome-title{font-family:var(--font-pixel);font-size:2.4rem;line-height:1.1;color:#FFD58A;text-shadow:0 4px 0 #7A4E0E}
.welcome-money{font-size:2rem;font-weight:900;color:#7CF0A8;font-variant-numeric:tabular-nums;direction:ltr;
  text-shadow:0 3px 0 #0B4A28}
.welcome-money.is-full{animation:filmCash .5s ease 2}
.welcome-sub{margin:0;max-width:30ch;font-size:1rem;color:#FFF8EC}
.welcome-go{min-width:200px}
html[data-motion="calm"] .welcome-money.is-full{animation:none}
html[data-motion="calm"] .film,html[data-motion="calm"] .film-stage,html[data-motion="calm"] .film-track{transition:none}
html[data-motion="calm"] .film .mini-item.is-pop,html[data-motion="calm"] .film-coin,html[data-motion="calm"] .film-caption.is-in,
html[data-motion="calm"] .film-sound.is-ask,html[data-motion="calm"] .film-money.is-full b,html[data-motion="calm"] .film-end{animation:none}
html[data-motion="calm"] .film-caption.is-in{opacity:1}
html[data-motion="calm"] .film-coin{display:none}
#panel-country.is-world{
  position:absolute;inset:0;z-index:48;
  display:flex;flex-direction:column;
  padding:14px 0 calc(16px + env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(120% 70% at 50% 30%,rgba(255,214,130,.16) 0%,rgba(255,214,130,0) 60%),
    linear-gradient(180deg,#1C2550 0%,#141A38 55%,#0B0F24 100%);
  color:#FFF8EC;
  overflow:hidden;
}
#panel-country.is-world[hidden]{display:none}
.world-head{display:flex;align-items:center;gap:10px;padding:0 14px 10px}
.world-title{margin:0;flex:1;font-size:1.5rem;font-weight:900;color:#FFD58A;text-shadow:0 3px 0 #7A4E0E}
.world-stars{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;
  background:rgba(11,15,36,.6);box-shadow:0 0 0 2px #C9A227;font-weight:900;color:#FFE58A}
.world-stars[hidden]{display:none}
.world-stars .skin-ico,.world-stars img{width:20px;height:20px}
.world-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;
  border:2px solid rgba(255,248,236,.5);background:rgba(11,15,36,.55);color:#FFF8EC;cursor:pointer}
.world-close svg{width:24px;height:24px}
.world-close:active{transform:translateY(1px)}
#panel-country.is-world #cityList{
  flex:1;min-height:0;
  display:flex;flex-direction:row;gap:14px;
  align-items:center;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:6px 13% 10px;scrollbar-width:none;
}
#panel-country.is-world #cityList::-webkit-scrollbar{display:none}
#panel-country.is-world .card-city{
  flex:0 0 74%;scroll-snap-align:center;
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  padding:0;overflow:hidden;
  background:linear-gradient(180deg,#FFF8EC 0%,#F6E8CC 100%);
  box-shadow:0 0 0 3px #0B0F24,0 0 0 6px #8A6A3A,0 18px 34px rgba(0,0,0,.5);
  color:#3B2A1E;
  max-height:100%;
}
#panel-country.is-world .card-city.is-now{box-shadow:0 0 0 3px #0B0F24,0 0 0 6px #F2C94C,0 0 24px rgba(242,201,76,.55),0 18px 34px rgba(0,0,0,.5)}
#panel-country.is-world .city-art{position:relative;flex:none;width:100%;aspect-ratio:2 / 1;overflow:hidden}
#panel-country.is-world .city-art .mini-scene{position:absolute;inset:0;width:100%;height:100%}
#panel-country.is-world .city-art.is-locked{background:#1C2550}
#panel-country.is-world .city-art.is-locked .mini-scene{filter:brightness(0) opacity(.55)}
.city-here{position:absolute;z-index:5;inset-block-start:8px;inset-inline-start:8px;padding:3px 10px;
  background:#1FA35C;color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 2px 0 #136B3B}
.city-soon{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;font-weight:900;color:rgba(255,248,236,.55)}
#panel-country.is-world .card-banner{position:relative;margin:0;display:grid;place-items:center;
  box-shadow:inset 0 0 0 3px #3B2A1E,inset 0 0 0 5px #C9A227,inset 0 -8px 0 0 rgba(0,0,0,.18)}
.banner-name{position:relative;padding:3px 22px 5px;font-family:var(--font-pixel);font-size:1.45rem;line-height:1;color:#FFF6D8;
  background:#B4202A;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%,10px 50%);
  text-shadow:-2px 0 0 #3B0A12,2px 0 0 #3B0A12,0 -2px 0 #3B0A12,0 2px 0 #3B0A12,2px 3px 0 #3B0A12;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}
.banner-name::before{content:"";position:absolute;inset:3px 13px;border-top:2px solid rgba(255,214,65,.65);border-bottom:2px solid rgba(255,214,65,.65);pointer-events:none}
.city-card-btn{position:absolute;z-index:5;inset-block-start:8px;inset-inline-end:8px;width:44px;height:44px;padding:0;border:0;background:none;
  cursor:pointer;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}
.city-card-art{display:block;width:100%;height:100%;image-rendering:pixelated;background:url("images/ui/card-btn-gold-v1.png") 0 0 / 500% 100% no-repeat}
.city-card-btn[data-kind="zodiac"] .city-card-art{background-image:url("images/ui/card-btn-zodiac-v1.png")}
.city-card-btn[data-kind="race"] .city-card-art{background-image:url("images/ui/card-btn-race-v1.png")}
.city-card-btn:not(.is-ready){cursor:default}
.city-card-btn:not(.is-ready) .city-card-art{filter:brightness(.45) saturate(.6)}
.city-card-time{position:absolute;inset:auto 0 4px;font-family:var(--font-pixel);font-size:.8rem;color:#fff;text-align:center;
  text-shadow:-1px 0 0 #000,1px 0 0 #000,0 -1px 0 #000,0 1px 0 #000}
.city-card-btn.is-ready{animation:cityCardCall 1.4s steps(4) infinite}
@keyframes cityCardCall{0%,70%,100%{transform:rotate(0)}20%{transform:rotate(-8deg)}45%{transform:rotate(6deg)}}
.city-card-btn.is-think{animation:boxThink .5s steps(4) infinite}
html[data-motion="calm"] .city-card-btn{animation:none}
#panel-country.is-world .card-city > .card-icon{display:none}
#panel-country.is-world .card-body{padding:12px 14px 4px;display:flex;flex-direction:column;gap:6px;min-height:0}
#panel-country.is-world .card-title{font-size:1.3rem;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#panel-country.is-world .card-desc{display:block;font-size:.95rem;font-weight:700;color:#5C4320}
#panel-country.is-world .card-desc b{color:#1FA35C;font-weight:900}
.city-stats{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:rgba(59,42,30,.07)}
.city-rate{font-size:.95rem;font-weight:700;color:#5C4320}
.city-wallet{font-size:.95rem;font-weight:700;color:#5C4320}
.city-wallet b{color:#1FA35C;font-weight:900}
#panel-country.is-world .card-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.city-rate b{font-size:1.25rem;font-weight:900;color:#1FA35C}
.city-pips{display:flex;gap:4px}
.city-pip{display:inline-grid;place-items:center;width:22px;height:22px;filter:grayscale(1) opacity(.35)}
.city-pip.is-mine{filter:none}
.city-pip .skin-ico,.city-pip img{width:20px;height:20px}
#panel-country.is-world .card-meta{font-size:.8rem}
#panel-country.is-world .card-side{display:flex;flex-direction:column;gap:8px;padding:6px 14px 14px;margin-top:auto}
#panel-country.is-world .card-side .card-buy{width:100%;min-height:48px;font-size:1.05rem}
#panel-country.is-world .foot-note{flex:none;height:auto;min-height:0;margin:0;padding:0 16px;font-size:.72rem;color:rgba(255,248,236,.65);text-align:center}
#panel-country.is-world .card-coming .card-body{padding-bottom:16px}
html[data-motion="calm"] #panel-country.is-world #cityList{scroll-behavior:auto}
.btn-primary,.btn-ghost,.acc-btn,.acc-danger-btn,.card-buy,.dist-rush,.tour-next,.sound-btn, .boost-card,.snd-mode,.set-tab,.qty-btn,.view-btn.is-active, .text-size button,.tour-size button,.gem-invite,.promo-go, .acc-verify-btn,.intro-staff{--bo:#C3B192;--bh:#FFFFFF;--bl:#FEFDFA;--bb:#FCF8EF;--bs:#F1E9D7;--bd:#DDCAA7;border-image:none !important;background:linear-gradient(var(--bl) 0 50%,var(--bb) 50%) padding-box !important;box-shadow:inset 0 2px 0 var(--bh),inset 0 -2px 0 var(--bs),0 0 0 2px var(--bo),0 4px 0 2px var(--bd),0 6px 0 2px var(--bo) !important;border-radius:8px !important;clip-path:none;image-rendering:auto}
.btn-primary,.btn-ghost,.acc-btn,.acc-danger-btn,.card-buy,.dist-rush,.tour-next,.sound-btn, .boost-card,.snd-mode,.set-tab,.qty-btn,.view-btn.is-active, .text-size button,.tour-size button,.gem-invite,.promo-go, .acc-verify-btn,.intro-staff{--bo:#C3B192;--bh:#FFFFFF;--bl:#FEFDFA;--bb:#FCF8EF;--bs:#F1E9D7;--bd:#DDCAA7}
.share-btn,.gem-invite{--bo:#996F2F;--bh:#F7F0D4;--bl:#F0DCA9;--bb:#E7C776;--bs:#D7AC5C;--bd:#BF8F45}
.btn-primary,.tour-next,.promo-go,.qty-btn.is-on,.set-tab.is-on, .card-buy.can,.acc-btn.is-in,.snd-mode.is-on{--bo:#216240;--bh:#BDE5CD;--bl:#5FB889;--bb:#41A06D;--bs:#35875C;--bd:#296E4A}
.acc-btn.is-open{--bo:#93592F;--bh:#F6E2CB;--bl:#E9B481;--bb:#DB9B64;--bs:#C78653;--bd:#AC6D3E}
.acc-danger-btn{--bo:#944738;--bh:#F7D8D0;--bl:#E2917F;--bb:#D67A68;--bs:#C46758;--bd:#A35142}
.card-buy:disabled,.card-buy:not(.can),.btn-primary:disabled{--bo:#B4AC9D;--bh:#FFFFFF;--bl:#F4F0EA;--bb:#E9E4DB;--bs:#DCD6CA;--bd:#CAC3B4}
.acc-btn.is-open{--bo:#996F2F;--bh:#F7F0D4;--bl:#F0DCA9;--bb:#E7C776;--bs:#D7AC5C;--bd:#BF8F45}
.acc-btn.is-open.promo-go{--bo:#216240;--bh:#BDE5CD;--bl:#5FB889;--bb:#41A06D;--bs:#35875C;--bd:#296E4A}
.gem-invite{--bo:#345D7E;--bh:#D5E6F2;--bl:#7CADD0;--bb:#5F97C1;--bs:#5385AE;--bd:#426F94}
#sndClose,#buysClose,#lbClose{--bo:#C3B192;--bh:#FFFFFF;--bl:#FEFDFA;--bb:#FCF8EF;--bs:#F1E9D7;--bd:#DDCAA7}
:is(.text-size,.tour-size) button[aria-pressed="true"]{--bo:#216240;--bh:#BDE5CD;--bl:#5FB889;--bb:#41A06D;--bs:#35875C;--bd:#296E4A}
:is(.btn-primary,.btn-ghost,.acc-btn,.acc-danger-btn,.card-buy,.dist-rush,.tour-next,.sound-btn, .boost-card,.snd-mode,.set-tab,.qty-btn, .text-size button,.tour-size button,.gem-invite,.promo-go, .acc-verify-btn,.intro-staff):active:not(:disabled){box-shadow:inset 0 2px 0 var(--bs),0 0 0 2px var(--bo),0 2px 0 2px var(--bd),0 4px 0 2px var(--bo) !important;transform:translateY(2px) !important}
.set-tab.is-on,.qty-btn.is-on,.snd-mode.is-on,.view-btn.is-active{box-shadow:inset 0 2px 0 var(--bs),0 0 0 2px var(--bo),0 2px 0 2px var(--bd),0 4px 0 2px var(--bo) !important;transform:translateY(2px) !important}
:is(.text-size,.tour-size) button[aria-pressed="true"]{box-shadow:inset 0 2px 0 var(--bs),0 0 0 2px var(--bo),0 2px 0 2px var(--bd),0 4px 0 2px var(--bo) !important;transform:translateY(2px) !important}
.card,.modal-card,.boost-live,.promo-box,.gem-free-card,.hud-rate{border-image:none !important;background:var(--pp) padding-box !important;box-shadow:inset 0 2px 0 var(--ph),inset 0 -2px 0 var(--ps),inset 0 0 0 4px var(--pr),inset 0 0 0 6px var(--pi),0 0 0 2px var(--po) !important;border-radius:8px !important}
.card,.modal-card,.boost-live,.promo-box,.gem-free-card,.hud-rate{--po:#C3B192;--ph:#FCF7EB;--pr:#EBDFC6;--ps:#D9C9A8;--pi:#E7DDC9;--pp:#FDFBF4}
.modal-card{--po:#C3B192;--ph:#FFFFFF;--pr:#EFE5CF;--ps:#DCCEB0;--pi:#EBE3D1;--pp:#FEFCF8}
.hud-rate{--po:#27201B;--ph:#695D4F;--pr:#4A4034;--ps:#3A3229;--pi:#2B251F;--pp:#362E26}
.modal-actions{gap:14px;margin-top:18px}
.modal-actions > :is(.btn-primary,.btn-ghost,.acc-btn){margin:0}
.modal-actions > .btn-primary{order:-1;inline-size:min(100%,260px);min-height:48px;padding-block:10px;padding-inline:18px;font-size:1rem}
.modal-actions > :is(.btn-ghost,#lbClose,#buysClose){order:0;inline-size:auto;min-inline-size:136px;min-height:42px;
  padding-block:6px;padding-inline:22px;font-size:.92rem}
.modal-actions > [hidden]{display:none}
.modal-card.is-lb .modal-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:24px}
.coupon-row{gap:12px}
.coupon-go{inline-size:min(100%,260px);min-height:48px;padding:10px 18px !important;font-size:1rem !important}
#couponsModal .modal-actions{margin-top:18px}
.gem-gate .acc-acts{justify-content:center}
.gem-gate .acc-acts .acc-btn{inline-size:min(100%,260px);min-height:48px}
.qty-btn{height:40px !important;min-height:40px;font-size:.95rem}
#genList .card-buy .buy-label{font-size:.97rem}
#genList .card-buy .buy-label.is-long{font-size:.84rem}
#genList .card{position:relative}
#genList .card-side{align-self:center;margin-inline-end:6px}
#genList .card-count{position:absolute;z-index:3;inset-block-end:6px;inset-inline-start:6px;min-width:0;padding:0 5px;
  font-size:.74rem;line-height:1.35;color:#fff;background:#3B2A1E;box-shadow:0 0 0 2px #FFF3D8}
#gemModal .boost-card{margin-block:12px 18px}
#gemModal .gem-free-head{margin-block:4px 10px}
#gemModal .gem-gate{margin-block-start:18px}
.hud-btns{gap:14px}
.hud .sound-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1.35rem}
#panel-country.is-picking .world-close{visibility:hidden}
.view-btn.is-locked{cursor:default}
.view-btn.is-locked .view-ico,.view-btn.is-locked .view-label{filter:grayscale(1);opacity:.45}
.view-btn.is-locked::after{content:"";position:absolute;inset-block-start:4px;inset-inline-end:8px;width:14px;height:16px;
  background:url("images/ui/padlock-v1.png") 0 0 / 100% 100% no-repeat;image-rendering:pixelated}
.card-city{position:relative}
.city-chains{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.city-chains .chain{position:absolute;inset-inline-start:-30%;inset-block-start:calc(29% - 10px);display:flex;width:160%;height:21px}
.city-chains .chain.is-x1{transform:rotate(34deg)}
.city-chains .chain.is-x2{transform:rotate(-34deg)}
.chain-half{flex:1;background:url("images/ui/chain-v1.png") 0 0 / 144px 21px repeat-x;image-rendering:pixelated;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}
.city-padlock{position:absolute;inset-block-start:29%;inset-inline-start:50%;width:56px;height:64px;margin-block-start:-32px;
  margin-inline-start:-28px;background:url("images/ui/padlock-v1.png") 0 0 / 100% 100% no-repeat;image-rendering:pixelated;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}
.city-chains.is-breaking .city-padlock{background-image:url("images/ui/padlock-open-v1.png");animation:lockPop .9s ease-in forwards}
.city-chains.is-breaking .chain-half.is-a{animation:chainSnapA .75s cubic-bezier(.3,.6,.4,1) .15s forwards}
.city-chains.is-breaking .chain-half.is-b{animation:chainSnapB .75s cubic-bezier(.3,.6,.4,1) .15s forwards}
@keyframes lockPop{0%{transform:scale(1)}18%{transform:scale(1.3) rotate(-8deg)}35%{transform:scale(1.15) rotate(6deg);opacity:1}
  100%{transform:translateY(160px) rotate(28deg);opacity:0}}
@keyframes chainSnapA{to{transform:translate(-55%,46px) rotate(-16deg);opacity:0}}
@keyframes chainSnapB{to{transform:translate(55%,46px) rotate(16deg);opacity:0}}
.card-buy.is-gems{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.card-buy.is-gems .skin-ico{width:18px;height:18px}
#panel-country.is-world .card-city.is-pick{box-shadow:0 0 0 3px #F2C14E,0 0 22px rgba(242,193,78,.45)}
.city-curtain{position:fixed;inset:0;z-index:2000;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;
  background:radial-gradient(circle at 50% 40%,#2B3A67,#141A33 70%);color:#FFF6D8;opacity:1;transition:opacity .26s ease}
.city-curtain[hidden]{display:none}
.city-curtain.is-out{opacity:0}
.city-curtain .card-banner{display:grid;place-items:center;width:min(86vw,360px);margin:0;
  box-shadow:inset 0 0 0 3px #3B2A1E,inset 0 0 0 5px #C9A227,0 8px 0 rgba(0,0,0,.35)}
.city-curtain-say{font-family:var(--font-pixel);font-size:1.3rem;text-shadow:0 2px 0 #0B0F22}
.city-curtain-dots{display:flex;gap:8px}
.city-curtain-dots i{width:10px;height:10px;background:#F2C14E;box-shadow:0 3px 0 #9C6B12;animation:curtainDot .9s ease-in-out infinite}
.city-curtain-dots i:nth-child(2){animation-delay:.15s}
.city-curtain-dots i:nth-child(3){animation-delay:.3s}
@keyframes curtainDot{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}
@media (prefers-reduced-motion: reduce){.city-curtain-dots i{animation:none}.city-curtain{transition:none}}