/* ═══ STICK RUNNER — Shonen Edition ═══ */
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Share+Tech+Mono&display=swap');

/* ── PORTRAIT-SPERRE ── */
#rotate-hint{
  display:none;
  position:fixed;inset:0;z-index:9999;
  background:var(--night);
  background-image:radial-gradient(ellipse 130% 100% at 50% 18%, #26345a 0%, #1b2440 68%);
  flex-direction:column;align-items:center;justify-content:center;gap:20px;
}
#rotate-hint.show{display:flex;}
.rotate-icon{font-size:64px;animation:spin 1.5s ease-in-out infinite alternate;}
@keyframes spin{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}
.rotate-text{font-family:'Bangers',sans-serif;font-size:24px;letter-spacing:3px;color:#fff;text-align:center;line-height:1.4;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink);}

@media (orientation:portrait){
  #rotate-hint{display:flex!important;}
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Shonen-Tokens */
  --ink:#10121a;        /* Manga-Tinte */
  --night:#1b2440;      /* Indigo-Nacht (Menü-Grund) */
  --paper:#ffffff;      /* Panel-Weiß */
  --hero:#ff3b30;       /* Shonen-Rot */
  --burst:#ffcc00;      /* Impact-Gelb */
  --pow:#00d4ff;        /* Speed-Cyan */
  --good:#00e08a;       /* Erfolg/Gems */
  --gold:#ffb300;       /* Münzen */
  /* Legacy-Aliase (Inline-Styles im Markup) */
  --accent:var(--hero);
  --mid:#2a2a2a;--soft:#e8ecf5;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bot: env(safe-area-inset-bottom, 0px);
  --sat: max(env(safe-area-inset-top,0px),16px); /* overridden by JS */
}
html, body{
  width:100%;
  height:100%;
  height:100dvh;
  background:var(--night);
  overflow:hidden;
  font-family:'Share Tech Mono',monospace;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  margin:0;padding:0;
  /* Android WebView Landscape Fix */
  width:100vw;
  max-width:100vw;
}
*{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
}
canvas{
  display:block;
  position:fixed;
  top:0;left:0;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  z-index:0;
  touch-action:none;
  background:var(--night);
}

/* ── COMIC-PANEL ── */
.panel{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:12px;
  box-shadow:5px 5px 0 rgba(0,0,0,.55);
}

/* ── SCREENS ── */
.scr{
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  z-index:20;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  overflow-y:auto;
  padding:max(env(safe-area-inset-top,0px),12px) 16px max(env(safe-area-inset-bottom,0px),12px);
  gap:0;
}
.scr.off{display:none!important}
#s-onboarding.off{display:none!important}
.off{display:none!important}

/* ── MENU ── */
#s-menu{
  background-color:var(--night);
  background-image:radial-gradient(ellipse 130% 100% at 50% 18%, #26345a 0%, #1b2440 68%);
  justify-content:center;
  padding:max(env(safe-area-inset-top,0px),20px) max(env(safe-area-inset-left,0px),24px) max(env(safe-area-inset-bottom,0px),20px) max(env(safe-area-inset-right,0px),24px);
  overflow-y:auto;gap:0;
}
.title-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-top:clamp(10px,2.5dvh,20px);margin-bottom:clamp(14px,3dvh,24px);}
.title-burst{
  position:absolute;
  width:clamp(150px,26vw,300px);
  height:auto;
  z-index:0;
  filter:drop-shadow(4px 5px 0 rgba(0,0,0,.5));
  animation:burst-pulse 2.4s ease-in-out infinite;
}
@keyframes burst-pulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.04) rotate(1.5deg)}}
@media (prefers-reduced-motion:reduce){
  .title-burst{animation:none}
  .rotate-icon{animation:none}
}
.title{
  position:relative;z-index:1;
  font-family:'Bangers',sans-serif;
  font-size:clamp(22px,9dvh,52px);
  color:#fff;
  letter-spacing:2px;line-height:.85;text-align:center;
  transform:rotate(-3deg);
  -webkit-text-stroke:2px var(--ink);
  text-shadow:4px 4px 0 var(--ink);
}
.title span{color:var(--hero);}
.best-row{
  display:flex;align-items:center;gap:14px;
  margin-bottom:clamp(3px,1vh,10px);padding:4px 18px;
  background:var(--paper);
  border:3px solid var(--ink);border-radius:10px;
  box-shadow:4px 4px 0 rgba(0,0,0,.55);
  transform:rotate(-1deg);
}
.best-lbl{font-size:9px;letter-spacing:4px;color:#666;text-transform:uppercase}
.best-val{font-size:clamp(16px,3.5dvh,26px);color:var(--hero);font-family:'Bangers',sans-serif;letter-spacing:1px;}
.coin-row{
  display:flex;align-items:center;gap:8px;
  margin-bottom:clamp(5px,1.5vh,12px);flex-wrap:wrap;justify-content:center;
  background:rgba(255,255,255,.08);
  border:2px solid rgba(255,255,255,.14);border-radius:20px;
  padding:4px 14px;
}
.coin-icon{font-size:16px}
.coin-amt{font-size:16px;color:#fff;font-family:'Bangers',sans-serif;letter-spacing:1px;}

/* ── BUTTONS (Manga-Sticker) ── */
.btn{
  font-family:'Bangers',sans-serif;
  font-size:clamp(13px,2dvh,17px);letter-spacing:2px;
  padding:clamp(6px,1.2dvh,11px) 40px;
  border:3px solid var(--ink);
  cursor:pointer;transition:transform .08s, box-shadow .08s;
  display:block;text-align:center;text-decoration:none;
  margin-bottom:clamp(4px,0.9dvh,8px);border-radius:10px;position:relative;
  transform:rotate(var(--tilt,0deg));
  box-shadow:0 5px 0 var(--ink), 0 8px 12px rgba(0,0,0,.45);
}
.btn:active{
  transform:rotate(var(--tilt,0deg)) translateY(4px);
  box-shadow:0 1px 0 var(--ink), 0 2px 4px rgba(0,0,0,.35);
}
.btn-main{--tilt:-1.2deg;background:linear-gradient(180deg,#ff5a47 0%,var(--hero) 60%,#d92318 100%);color:#fff;-webkit-text-stroke:.5px rgba(0,0,0,.35);}
.btn-shop{--tilt:1deg;background:linear-gradient(180deg,#fff 0%,#e8ecf5 100%);color:var(--ink);}
.btn-gem{--tilt:-0.8deg;background:linear-gradient(180deg,#12f39e 0%,var(--good) 60%,#00a566 100%);color:#fff;-webkit-text-stroke:.5px rgba(0,0,0,.3);}
.btn-rank{--tilt:0.8deg;background:linear-gradient(180deg,#33dfff 0%,var(--pow) 60%,#009ec4 100%);color:#fff;-webkit-text-stroke:.5px rgba(0,0,0,.3);}

/* ── ECK-CHIPS (Menü) ── */
.corner-chip{
  position:absolute;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:8px 10px;
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:10px;
  box-shadow:3px 3px 0 rgba(0,0,0,.55);
  transition:transform .08s, box-shadow .08s;
  min-width:54px;
  z-index:10;
}
.corner-chip:active{transform:translate(2px,2px) rotate(var(--tilt,0deg));box-shadow:0 0 0 rgba(0,0,0,.4);}
.corner-chip .chip-ico{font-size:20px;line-height:1;}
.corner-chip .chip-lbl{
  font-family:'Bangers',sans-serif;
  font-size:9px;letter-spacing:1.5px;
  color:var(--ink);
}
#btn-settings-menu{--tilt:-2deg;top:max(env(safe-area-inset-top,0px),16px);left:max(env(safe-area-inset-left,0px),14px);transform:rotate(-2deg);}
#btn-friends-menu{--tilt:1.5deg;top:max(calc(env(safe-area-inset-top,0px) + 84px), 100px);left:max(env(safe-area-inset-left,0px),14px);transform:rotate(1.5deg);}
#btn-noads-menu{--tilt:2deg;top:max(env(safe-area-inset-top,0px),16px);right:max(env(safe-area-inset-right,0px),14px);transform:rotate(2deg);}
#btn-redeem-menu{--tilt:-1.5deg;top:max(calc(env(safe-area-inset-top,0px) + 84px), 100px);right:max(env(safe-area-inset-right,0px),14px);transform:rotate(-1.5deg);}
#btn-missions-menu{--tilt:2deg;top:max(calc(env(safe-area-inset-top,0px) + 168px), 184px);left:max(env(safe-area-inset-left,0px),14px);transform:rotate(2deg);}
#btn-noads-menu .chip-lbl{color:var(--hero);}

/* ── HUD ── */
#hud{
  position:fixed;top:0;left:0;right:0;z-index:10;
  pointer-events:none;
  padding:calc(env(safe-area-inset-top,0px) + 10px) max(env(safe-area-inset-right,0px),20px) 14px max(env(safe-area-inset-left,0px),20px);
  background:linear-gradient(180deg,rgba(16,18,26,.55) 0%,rgba(16,18,26,0) 100%);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:start;
}
.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.hud-score{
  font-family:'Bangers',sans-serif;
  font-size:38px;line-height:1;
  color:#fff;
  letter-spacing:1px;
  -webkit-text-stroke:1.5px var(--ink);
  text-shadow:3px 3px 0 var(--ink);
}
.hud-jumps{display:flex;gap:6px;align-items:center;}
.jump-dot{
  width:11px;height:11px;border-radius:50%;
  background:var(--burst);
  border:2px solid var(--ink);
  opacity:.25;
  transition:all .15s;
}
.jump-dot.on{opacity:1;box-shadow:0 0 8px rgba(255,204,0,.8);}
.jump-label{
  font-size:9px;letter-spacing:2px;
  color:rgba(255,255,255,.8);
  font-family:'Share Tech Mono',monospace;
  margin-right:4px;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
.hud-center{display:flex;justify-content:center;align-items:center;pointer-events:all;}
#pause-btn{
  background:var(--paper);
  border:3px solid var(--ink);
  border-radius:50%;
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  color:var(--ink);
  font-size:12px;letter-spacing:1px;
  font-family:'Bangers',sans-serif;
  -webkit-tap-highlight-color:transparent;
  pointer-events:all;
  box-shadow:2px 3px 0 rgba(0,0,0,.5);
}
#pause-btn:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,.4);}
.hud-right{display:flex;justify-content:flex-end;align-items:center;}
.hud-coins{
  display:flex;align-items:center;gap:6px;
  font-family:'Bangers',sans-serif;font-size:24px;
  color:var(--burst);
  letter-spacing:1px;
  -webkit-text-stroke:1px var(--ink);
  text-shadow:2px 2px 0 var(--ink);
}
.hud-coin-icon{font-size:16px;-webkit-text-stroke:0;}

/* ── SHOP ── */
#s-shop{
  background:var(--night) !important;
  background-image:radial-gradient(ellipse 130% 100% at 50% 18%, #26345a 0%, #1b2440 68%) !important;
  flex-direction:column !important;
  padding:0 !important;
  overflow:hidden;
  touch-action:auto;
  -webkit-overflow-scrolling:touch;
  justify-content:flex-start !important;
  position:fixed !important;
  top:0 !important; left:0 !important;
  right:0 !important; bottom:0 !important;
  z-index:30 !important;
  padding-top:env(safe-area-inset-top,0px) !important;
  padding-left:env(safe-area-inset-left,0px) !important;
  padding-right:env(safe-area-inset-right,0px) !important;
  padding-bottom:env(safe-area-inset-bottom,0px) !important;
  width:100vw !important;
  height:100vh !important;
  max-width:100% !important;
  transform:none !important;
}
.shop-header{
  display:flex;justify-content:space-between;align-items:center;
  width:100%;
  padding:clamp(6px,1.5vh,12px) 16px;
  border-bottom:3px solid var(--ink);
  flex-shrink:0;background:var(--paper);
}
.shop-title{font-family:'Bangers',sans-serif;font-size:clamp(20px,4.5vw,30px);color:var(--ink);letter-spacing:2px;transform:rotate(-1deg);}
.shop-coins-badge{display:flex;align-items:center;gap:6px;font-family:'Bangers',sans-serif;font-size:clamp(14px,3vw,18px);color:#b58300;letter-spacing:1px;}
.shop-tabs{display:flex;width:100%;flex-shrink:0;border-bottom:3px solid var(--ink);background:var(--night);}
.shop-tab{
  flex:1;padding:10px;border:none;cursor:pointer;
  background:transparent;color:#8f9bc0;
  font-family:'Bangers',sans-serif;font-size:14px;letter-spacing:2px;
  border-bottom:4px solid transparent;
  -webkit-tap-highlight-color:transparent;
}
.shop-tab.active{color:#fff;border-bottom-color:var(--hero);}
.shop-body{display:flex;flex:1;width:100%;overflow:hidden;min-height:0;}
.shop-list{
  width:clamp(104px,24vw,150px);flex-shrink:0;
  overflow-y:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y;
  border-right:3px solid var(--ink);background:var(--paper);
}
.shop-cat{
  position:sticky;top:0;z-index:1;
  padding:9px 10px 7px;
  font-family:'Bangers',sans-serif;font-size:12px;letter-spacing:2px;
  color:#5d6377;background:linear-gradient(180deg,#eef1f8,#dde2ee);
  border-bottom:2px solid var(--ink);
}
.shop-cat.gems{color:#00a566;}
.sli{
  display:flex;align-items:center;gap:7px;
  padding:clamp(8px,1.5vh,14px) 8px clamp(8px,1.5vh,14px) 10px;
  border:none;border-bottom:1px solid #d5d9e6;
  width:100%;text-align:left;background:var(--paper);cursor:pointer;
  position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0.08);
}
.sli.active{background:var(--ink)}
.sli.active .sli-name{color:var(--paper)}
.sli-dot{
  width:17px;height:17px;border-radius:50%;flex-shrink:0;
  border:2px solid var(--ink);box-sizing:border-box;
}
.sli.active .sli-dot{border-color:var(--paper);}
.sli-ico{
  width:24px;height:24px;border-radius:7px;flex-shrink:0;
  background:rgba(16,18,26,.07);border:1.5px solid rgba(16,18,26,.25);
  display:flex;align-items:center;justify-content:center;font-size:13px;
  box-sizing:border-box;
}
.sli.active .sli-ico{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);}
.sli-name{flex:1;min-width:0;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);font-family:'Share Tech Mono',monospace;line-height:1.2}
.sli-price{flex-shrink:0;font-size:8.5px;color:#b58300;font-family:'Share Tech Mono',monospace;}
.sli-price.gems{color:#00a566;}
.sli.active .sli-price{color:#ffd83d;}
.sli.active .sli-price.gems{color:#12f39e;}
.sli-eqmark{flex-shrink:0;font-size:12px;color:var(--hero);font-weight:bold;}
.sli-eq{position:absolute;right:6px;font-size:11px;color:var(--hero);font-weight:bold}
.shop-preview{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:clamp(8px,2vh,16px);gap:clamp(6px,1.5vh,12px);touch-action:auto;overflow:hidden;
  background-image:radial-gradient(rgba(16,18,26,.06) 1.2px, transparent 1.3px);
  background-size:13px 13px;
}
.preview-stick{
  width:clamp(64px,11vh,96px);height:clamp(84px,14vh,126px);
  border:3px solid var(--ink);border-radius:10px;
  background:var(--paper);display:flex;align-items:center;justify-content:center;
  flex-shrink:0;overflow:hidden;
  box-shadow:4px 4px 0 rgba(0,0,0,.55);
}
.stick-svg{width:52px;height:88px;display:block;}
.preview-name{font-family:'Bangers',sans-serif;font-size:clamp(16px,3.5vw,24px);color:#fff;letter-spacing:2px;-webkit-text-stroke:.5px var(--ink);text-shadow:2px 2px 0 var(--ink);}
.preview-status{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#8f9bc0;margin-top:-4px}
.preview-desc{font-size:10px;letter-spacing:1px;color:#aab4d4;text-align:center;max-width:300px;line-height:1.5;}

/* Buy + Back: gleiche Größe */
.btn-buy, .btn-back{
  font-family:'Bangers',sans-serif;font-size:clamp(13px,2.8vw,16px);letter-spacing:2px;
  padding:clamp(8px,1.5vh,12px) 0;border-radius:10px;
  width:min(320px,80%);text-align:center;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  display:block;box-sizing:border-box;
  transition:transform .08s, box-shadow .08s;position:relative;
  border:3px solid var(--ink);
}
.btn-buy{box-shadow:0 5px 0 var(--ink), 0 7px 10px rgba(0,0,0,.4);}
.btn-buy:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);}
.btn-buy.st-equipped{background:linear-gradient(180deg,#12f39e,#00a566);color:#fff;}
.btn-buy.st-equip{background:linear-gradient(180deg,#fff,#e8ecf5);color:var(--ink);}
.btn-buy.st-buy{background:linear-gradient(180deg,#ffd83d,#eda800);color:var(--ink);}
.btn-buy.st-locked{background:linear-gradient(180deg,#c8cddb,#a9afc2);color:#5d6377;}
.btn-back{
  background:linear-gradient(180deg,#fff,#e8ecf5);color:var(--ink);
  box-shadow:0 5px 0 var(--ink), 0 7px 10px rgba(0,0,0,.35);
}
.btn-back:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);}
.shop-footer{
  width:100%;
  padding:clamp(6px,1.5vh,10px) 16px max(env(safe-area-inset-bottom,0px),clamp(6px,1.5vh,10px));
  border-top:3px solid var(--ink);flex-shrink:0;
  display:flex;justify-content:center;align-items:center;
  background:var(--night);
}

/* ── GAMEOVER ── */
#s-over{
  background-color:var(--night);
  background-image:radial-gradient(ellipse 130% 100% at 50% 18%, #26345a 0%, #1b2440 68%);
  overflow:hidden;touch-action:none;justify-content:center;gap:0;padding:0 max(env(safe-area-inset-right,0px),16px) 0 max(env(safe-area-inset-left,0px),16px);
}
.over-title-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-top:clamp(22px,4.5dvh,32px);margin-bottom:clamp(12px,2.5dvh,20px);}
.over-burst{
  position:absolute;
  width:clamp(130px,22dvh,190px);height:auto;z-index:0;
  filter:drop-shadow(3px 4px 0 rgba(0,0,0,.5));
}
.over-title{
  position:relative;z-index:1;
  font-family:'Bangers',sans-serif;
  font-size:clamp(28px,7.5dvh,52px);color:#fff;letter-spacing:2px;
  transform:rotate(-4deg);
  -webkit-text-stroke:2px var(--ink);
  text-shadow:4px 4px 0 var(--ink);
}
.over-stats{display:flex;gap:10px;margin-bottom:clamp(5px,1.2dvh,12px)}
.stat-box{
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(6px,1.2dvh,10px) clamp(10px,2.4vw,16px);
  background:var(--paper);
  border:3px solid var(--ink);border-radius:10px;
  box-shadow:3px 3px 0 rgba(0,0,0,.55);
}
.stat-box:nth-child(1){transform:rotate(-1.5deg);}
.stat-box:nth-child(3){transform:rotate(1.5deg);}
.stat-lbl{font-size:clamp(7px,1dvh,9px);letter-spacing:2px;color:#666;text-transform:uppercase;margin-bottom:2px}
.stat-val{font-family:'Bangers',sans-serif;font-size:clamp(18px,4.5dvh,30px);color:var(--ink);letter-spacing:1px;}
.stat-val.gold{color:#c9920a}

/* ── PAUSE OVERLAY ── */
#s-pause{
  position:fixed;inset:0;z-index:25;
  background:rgba(16,18,26,0.88);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;
}
#s-pause.off{display:none}
.pause-title{
  font-family:'Bangers',sans-serif;font-size:48px;color:#fff;letter-spacing:3px;margin-bottom:8px;
  transform:rotate(-2deg);
  -webkit-text-stroke:1.5px var(--ink);
  text-shadow:4px 4px 0 var(--ink);
}
.btn-pause-action{
  font-family:'Bangers',sans-serif;font-size:17px;letter-spacing:2px;
  padding:12px 40px;cursor:pointer;border-radius:10px;
  border:3px solid var(--ink);
  transition:transform .08s, box-shadow .08s;min-width:210px;
  box-shadow:0 5px 0 var(--ink), 0 8px 12px rgba(0,0,0,.4);
}
.btn-pause-action:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);}
.btn-resume{background:linear-gradient(180deg,#12f39e,#00a566);color:#fff;}
.btn-pmenu{background:linear-gradient(180deg,#fff,#e8ecf5);color:var(--ink);}

/* ── MOBILE CONTROLS ── */
#ctrl{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;pointer-events:all;height:calc(80px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
.ctrl-btn{
  flex:1;background:transparent;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;letter-spacing:3px;font-family:'Bangers',sans-serif;
  color:#fff;opacity:.3;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:none;
  outline:none;
  -webkit-appearance:none;
  transition:opacity .08s, transform .08s, background .08s, box-shadow .08s;
  text-shadow:2px 2px 0 rgba(0,0,0,.6);
}
.ctrl-btn:active,.ctrl-btn.pressed{opacity:.95;transform:scale(.9);background:rgba(255,255,255,.14)!important;box-shadow:0 0 18px rgba(0,212,255,.35);}
#ctrl-jump{border-right:1px solid #ffffff15}

/* ── DUNKLE OVERLAYS (Settings/Login/Friends/Highscore/Redeem/Onboarding/Missionen) ── */
#s-settings,#s-login,#s-friends,#s-highscore,#s-redeem,#s-onboarding,#s-missions{
  background-color:rgba(18,23,44,.97)!important;
  background-image:radial-gradient(ellipse 130% 100% at 50% 15%, rgba(48,64,110,.55) 0%, rgba(18,23,44,0) 70%)!important;
  padding-left:env(safe-area-inset-left,0px)!important;
  padding-right:env(safe-area-inset-right,0px)!important;
}
#s-gemshop{
  background-color:#12241e!important;
  background-image:radial-gradient(ellipse 130% 100% at 50% 15%, #1a3a2c 0%, #12241e 68%)!important;
  padding-left:max(env(safe-area-inset-left,0px),20px)!important;
  padding-right:max(env(safe-area-inset-right,0px),20px)!important;
}