/* active level: thin gold frame */
.gic-lv-active{
  border:1.5px solid #d6b46a !important;
  box-shadow:0 0 0 1px rgba(214,180,106,.25), 0 10px 32px rgba(214,180,106,.14) !important;
}
/* upcoming levels: tappable */
.gic-lv-soon{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease;}
.gic-lv-soon:active{transform:scale(.99);}
/* toast */
.gic-lv-toast{
  position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));
  transform:translate(-50%,16px);opacity:0;pointer-events:none;
  z-index:2147483000;max-width:calc(100vw - 32px);
  padding:13px 20px;border-radius:16px;
  background:#183a2e;color:#f3e7c6;font-size:15px;line-height:1.4;text-align:center;
  border:1px solid rgba(214,180,106,.55);
  box-shadow:0 14px 36px rgba(0,0,0,.35);
  transition:opacity .25s ease, transform .25s ease;
}
.gic-lv-toast.show{opacity:1;transform:translate(-50%,0);}

/* stronger selectors so night-theme rules can't override the gold frame */
html .gic-lv-active,
html[data-gic-theme="dark"] .gic-lv-active,
html[data-gic-theme="dark"] .gic-cn-box.gic-lv-active,
html[data-gic-theme="dark"] .gic-cn-box2.gic-lv-active{
  border:1.5px solid #d6b46a !important;
  box-shadow:0 0 0 1px rgba(214,180,106,.3), 0 10px 32px rgba(214,180,106,.18) !important;
}

/* interest sheet */
.gic-lv-sheet{
  position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));
  transform:translate(-50%,24px);opacity:0;pointer-events:none;
  z-index:2147483000;width:min(420px,calc(100vw - 28px));box-sizing:border-box;
  padding:20px 20px 18px;border-radius:22px;
  background:linear-gradient(155deg,#1b5a45 0%,#134133 60%,#0f2f26 100%);
  border:1px solid rgba(214,180,106,.6);
  box-shadow:0 18px 48px rgba(0,0,0,.45);
  color:#f3e7c6;text-align:center;
  transition:opacity .25s ease, transform .25s ease;
}
.gic-lv-sheet.show{opacity:1;transform:translate(-50%,0);pointer-events:auto;}
.gic-lv-title{font-size:19px;font-weight:800;color:#f7e0a0;margin:2px 28px 8px;}
.gic-lv-text{font-size:15px;line-height:1.5;color:#e9eddf;margin-bottom:16px;}
.gic-lv-x{position:absolute;top:8px;right:12px;width:34px;height:34px;border:0;background:transparent;
  color:#f3e7c6;font-size:26px;line-height:1;cursor:pointer;}
.gic-lv-btn{
  width:100%;min-height:48px;border:0;border-radius:14px;cursor:pointer;
  font-size:16px;font-weight:800;color:#3a2a05;
  background:linear-gradient(180deg,#f6dc8e,#d9a93c);
  box-shadow:0 6px 18px rgba(214,180,106,.3);
}
.gic-lv-btn.done,.gic-lv-btn:disabled{background:rgba(255,255,255,.12);color:#cfe8d8;box-shadow:none;cursor:default;}
