#root{display:contents}
/* --- extracted style 1 id="voidgod-clean-styles" --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
    :root{
      --bg:#06090b;
      --metal0:#0a0f11;
      --metal1:#111a1c;
      --metal2:#0d1516;
      --glassA:rgba(10,18,18,.70);
      --glassB:rgba(0,0,0,.88);
      --line:rgba(120,255,220,.10);
      --line2:rgba(120,255,220,.18);
      --txt:#d7f0e8;
      --muted:#8fb7ad;
      --mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
      --ui:'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
      --g:#19ffb6;
      --y:#ffd15a;
      --p:#c77dff;
      --b:#4aa9ff;
      --r:#ff3b5c;
      --warn:#ffde66;
      --ok:#2cff98;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:var(--ui);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      text-rendering:optimizeLegibility;
      font-size:14px;
      line-height:1.45;
      color:var(--txt);
      background:
        radial-gradient(1100px 600px at 50% 0%, rgba(25,255,182,.08), transparent 55%),
        radial-gradient(820px 520px at 85% 15%, rgba(74,169,255,.06), transparent 55%),
        radial-gradient(900px 620px at 10% 30%, rgba(199,125,255,.05), transparent 55%),
        linear-gradient(180deg, #050708, #070c0d 22%, #050708 100%);
      font-family:var(--ui);
      overflow:auto;
    }

    .wrap{
      width:min(1280px, 95vw);
      margin:22px auto 28px;
      padding:16px;
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
        radial-gradient(1200px 520px at 50% 0%, rgba(25,255,182,.08), transparent 62%),
        linear-gradient(180deg, var(--metal1), var(--metal0) 48%, var(--metal2));
      box-shadow:
        0 26px 60px rgba(0,0,0,.65),
        0 2px 0 rgba(255,255,255,.06) inset,
        0 -2px 0 rgba(0,0,0,.65) inset;
      position:relative;
      overflow:hidden;
    }
    .wrap::before{
      content:"";
      position:absolute; inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.02) 1px, rgba(0,0,0,0) 4px, rgba(0,0,0,0) 7px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.01), rgba(255,255,255,.01) 1px, rgba(0,0,0,0) 6px, rgba(0,0,0,0) 11px);
      opacity:.22;
      mix-blend-mode:overlay;
      pointer-events:none;
    }
    .wrap::after{
      content:"";
      position:absolute; inset:10px;
      border-radius:14px;
      border:1px solid rgba(120,255,220,.18);
      box-shadow:
        0 0 0 1px rgba(0,0,0,.72) inset,
        0 0 18px rgba(25,255,182,.12);
      pointer-events:none;
    }
    .inner{
      position:relative;
      border-radius:14px;
      padding:14px;
      background:
        radial-gradient(1200px 700px at 50% 0%, rgba(0,0,0,.65), rgba(0,0,0,.78) 48%, rgba(0,0,0,.88)),
        linear-gradient(180deg, rgba(25,255,182,.06), rgba(0,0,0,0) 30%);
      box-shadow:
        0 0 0 1px rgba(120,255,220,.14) inset,
        0 14px 40px rgba(0,0,0,.55) inset;
    }

    .mono{font-family:var(--mono)}
    .caps{letter-spacing:.18em; text-transform:uppercase}
    .num{font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1}
    .tiny{font-size:11px}
    .sm{font-size:12px}
    .md{font-size:14px}

    .statusRail{
      display:grid;
      grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr 1fr;
      gap:10px;
      margin-bottom:12px;
    }
    .tile{
      border-radius:12px;
      padding:10px 12px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.78), rgba(6,10,10,.86));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 10px 26px rgba(0,0,0,.35);
      position:relative;
      overflow:hidden;
    }
    .tile::before{
      content:"";
      position:absolute; inset:-1px;
      background: radial-gradient(260px 90px at 20% 0%, rgba(25,255,182,.14), transparent 60%);
      opacity:.8;
      pointer-events:none;
    }
    .tileHead{display:flex; align-items:center; justify-content:space-between; gap:8px}
    .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding:6px 8px;
      border-radius:10px;
      background: rgba(0,0,0,.35);
      box-shadow: 0 0 0 1px rgba(120,255,220,.18) inset;
      white-space:nowrap;
      font-family:var(--mono);
      letter-spacing:.12em;
      text-transform:uppercase;
      font-size:11px;
    }
    .led{
      width:10px; height:10px; border-radius:999px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.9), rgba(25,255,182,.85) 35%, rgba(0,0,0,0) 70%);
      box-shadow: 0 0 18px rgba(25,255,182,.35);
    }
    .k{color:rgba(190,255,240,.65); font-family:var(--mono); letter-spacing:.12em; text-transform:uppercase; font-size:11px}
    .v{color:var(--g); font-weight:800; font-family:var(--mono); letter-spacing:.06em}
    .v2{color:rgba(240,255,251,.95); font-weight:800; font-family:var(--mono); letter-spacing:.06em}
    .chip{
      display:inline-flex; align-items:center; gap:8px;
      padding:6px 10px;
      border-radius:999px;
      background: rgba(0,0,0,.4);
      box-shadow: 0 0 0 1px rgba(120,255,220,.16) inset;
      font-family:var(--mono);
      letter-spacing:.12em;
      text-transform:uppercase;
      font-size:11px;
      color:rgba(240,255,251,.9);
    }
    .dot{width:7px; height:7px; border-radius:999px; background:var(--ok); box-shadow:0 0 16px rgba(44,255,152,.35)}
    .dot.warn{background:var(--warn); box-shadow:0 0 16px rgba(255,222,102,.28)}
    .dot.idle{background:#6ee7ff; box-shadow:0 0 16px rgba(110,231,255,.22)}

    .signalRail{
      display:grid;
      grid-template-columns: 1fr 52px;
      gap:10px;
      margin-bottom:12px;
    }
    .signalBox{
      border-radius:12px;
      padding:10px 12px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.75), rgba(0,0,0,.84));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 12px 28px rgba(0,0,0,.35);
      position:relative;
      overflow:hidden;
    }
    .signalBox::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(640px 120px at 50% 0%, rgba(25,255,182,.16), transparent 60%);
      opacity:.7;
      pointer-events:none;
    }
    .signalHead{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px}
    .signalLabel{
      color:rgba(160,255,232,.7);
      font-size:11px;
      letter-spacing:.18em;
      text-transform:uppercase;
      font-family:var(--mono);
    }
    .signalWindow{
      height:34px;
      border-radius:10px;
      padding:7px 10px;
      background: rgba(0,0,0,.36);
      box-shadow: 0 0 0 1px rgba(120,255,220,.14) inset;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
      font-family:var(--mono);
      letter-spacing:.12em;
      display:flex;
      align-items:center;
      gap:10px;
    }
    .caret{
      width:9px; height:16px; background: rgba(25,255,182,.8);
      box-shadow:0 0 14px rgba(25,255,182,.35);
      animation: blink 1s steps(2,end) infinite;
    }
    @keyframes blink{50%{opacity:0}}
    .iconBtn{
      border:0;
      border-radius:12px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.72), rgba(0,0,0,.88));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 12px 28px rgba(0,0,0,.35);
      cursor:pointer;
      color:var(--txt);
      display:grid;
      place-items:center;
      transition: transform .12s ease, box-shadow .12s ease;
    }
    .iconBtn:active{transform: translateY(1px)}
    .iconBtn:hover{box-shadow:0 0 0 1px rgba(120,255,220,.24) inset, 0 14px 30px rgba(0,0,0,.38)}
    .iconBtn svg{opacity:.9}

    .viewport{
      border-radius:14px;
      padding:10px 10px 12px;
      background:
        radial-gradient(920px 420px at 50% 0%, rgba(25,255,182,.10), transparent 62%),
        linear-gradient(180deg, rgba(12,22,22,.75), rgba(0,0,0,.90));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 18px 46px rgba(0,0,0,.45);
      position:relative;
      overflow:hidden;
      margin-bottom:12px;
    }
    .viewTitle{
      text-align:center;
      color:rgba(170,255,235,.7);
      font-family:var(--mono);
      letter-spacing:.22em;
      text-transform:uppercase;
      font-size:12px;
      margin:8px 0 10px;
    }
    .chartBgWhaleEvent{
      position:absolute; inset:0;
      pointer-events:none;
      overflow:hidden;
      z-index:1;
      opacity:0;
      transition:opacity 1800ms ease;
    }
    .chartBgWhaleEvent.live{ opacity:1; }
    .chartBgWhaleEvent.fadeout{ opacity:0; }
    .chartBgWhaleEvent::before{
      content:"";
      position:absolute; inset:auto 6% 8% 6%; height:42%;
      background: radial-gradient(closest-side, rgba(0,0,0,.26), rgba(0,0,0,0) 72%);
      filter: blur(18px);
      opacity:.9;
      transform: translateY(10px);
    }
    .chartBgWhaleSilhouette{
      position:absolute;
      left:50%;
      bottom:-4%;
      width:min(82%, 840px);
      height:auto;
      transform:translate(-50%, 120px) scale(1.10);
      transform-origin:50% 60%;
      opacity:0;
      filter: blur(1.4px) drop-shadow(0 18px 50px rgba(0,0,0,.72));
      mix-blend-mode:multiply;
      will-change:transform, opacity;
    }
    .chartBgWhaleEvent.live .chartBgWhaleSilhouette{
      animation: chartWhaleRise 165s cubic-bezier(.16,.84,.22,1) forwards, chartWhaleBreathe 7.5s ease-in-out infinite;
    }
    .chartBgWhaleEvent.live .chartBgWhaleEcho{
      animation: chartWhaleEcho 10s ease-out 2;
    }
    .chartBgWhaleEcho{
      position:absolute; inset:0;
      opacity:0;
      background: radial-gradient(42% 22% at 50% 70%, rgba(185,255,244,.08), rgba(0,0,0,0) 72%);
      filter: blur(16px);
    }
    @keyframes chartWhaleRise{
      0%{ opacity:0; transform:translate(-50%, 140px) scale(1.14); }
      6%{ opacity:.05; }
      14%{ opacity:.16; transform:translate(-50%, 78px) scale(1.10); }
      40%{ opacity:.24; transform:translate(-50%, 30px) scale(1.04); }
      72%{ opacity:.23; transform:translate(-50%, 2px) scale(1.01); }
      100%{ opacity:.18; transform:translate(-50%, -8px) scale(1.00); }
    }
    @keyframes chartWhaleBreathe{
      0%,100%{ margin-top:0; }
      50%{ margin-top:-7px; }
    }
    @keyframes chartWhaleEcho{
      0%{ opacity:0; transform:scale(.88); }
      16%{ opacity:.55; }
      100%{ opacity:0; transform:scale(1.12); }
    }

    .chartWrap{
      height:375px;
      border-radius:12px;
      background:
        radial-gradient(1000px 420px at 50% 0%, rgba(0,0,0,.32), rgba(0,0,0,.72) 58%, rgba(0,0,0,.88));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.14) inset,
        0 0 0 1px rgba(0,0,0,.55);
      overflow:hidden;
      position:relative;
    }
    canvas{display:block; width:100%; height:100%}

    .progressRail{
      margin-top:10px;
      display:flex;
      align-items:center;
      gap:12px;
    }
    .railLabel{
      font-family:var(--mono);
      letter-spacing:.18em;
      text-transform:uppercase;
      font-size:11px;
      color:rgba(190,255,240,.78);
      white-space:nowrap;
    }
.bar{
      flex:1;
      height:18px;
      border-radius:999px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.60), rgba(0,0,0,.62));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.18) inset,
        0 10px 22px rgba(0,0,0,.28);
      overflow:hidden;
      position:relative;
      transform-origin:center;
      --lpCol: rgba(25,255,182,.92);
      --flowDur: 3.1s;
      --pulseGlow: rgba(25,255,182,.22);
    }
    .bar::before{
      content:"";
      position:absolute; inset:0;
      background:
        radial-gradient(220px 18px at 18% 15%, rgba(255,255,255,.14), transparent 58%),
        radial-gradient(260px 22px at 72% 0%, rgba(255,255,255,.08), transparent 62%),
        linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,0) 18%, rgba(255,255,255,.08) 52%, rgba(255,255,255,0) 78%, rgba(255,255,255,.06));
      opacity:.55;
      mix-blend-mode:screen;
      pointer-events:none;
    }
    .bar::after{
      content:"";
      position:absolute; inset:0;
      box-shadow:
        0 0 0 1px rgba(0,0,0,.62) inset,
        0 -10px 18px rgba(0,0,0,.30) inset;
      pointer-events:none;
    }
.barFill{
      height:100%;
      width:0%;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
        linear-gradient(90deg, color-mix(in srgb, var(--lpCol) 92%, rgba(0,0,0,0) 8%), rgba(0,0,0,0)),
        repeating-linear-gradient(45deg,
          rgba(255,255,255,.10) 0px,
          rgba(255,255,255,.10) 10px,
          rgba(255,255,255,0) 18px,
          rgba(255,255,255,0) 34px);
      background-size: 100% 100%, 100% 100%, 140px 100%;
      background-position: 0 0, 0 0, 0 0;
      box-shadow:
        0 0 22px rgba(25,255,182,.18),
        0 0 0 1px rgba(0,0,0,.25) inset;
      border-radius:999px;
      transition: width .35s ease, filter .25s ease;
      animation: lpFlow var(--flowDur) linear infinite;
      filter: saturate(1.05);
    }
    @keyframes lpFlow{
      from{ background-position: 0 0, 0 0, 0 0; }
      to{ background-position: 0 0, 0 0, 140px 0; }
    }

    .tubeBubbles{
      position:absolute; inset:0;
      pointer-events:none;
      overflow:hidden;
      border-radius:999px;
      mix-blend-mode:screen;
    }
    .tubeBubbles .b{
      position:absolute;
      bottom:-10px;
      width:6px; height:6px;
      border-radius:999px;
      background: rgba(255,255,255,.18);
      box-shadow: 0 0 10px rgba(110,231,255,.12);
      animation: bubbleUp var(--bDur, 1.2s) ease-out forwards;
      opacity: var(--bA, .7);
      filter: blur(.1px);
    }
    @keyframes bubbleUp{
      from{ transform: translateY(0) scale(.85); opacity: var(--bA, .7); }
      to{ transform: translateY(-24px) scale(1.15); opacity: 0; }
    }

    .tubeWhale{
      position:absolute;
      top:50%;
      left:-20%;
      transform: translateY(-50%);
      opacity:0;
      filter: drop-shadow(0 0 10px rgba(0,0,0,.55));
      pointer-events:none;
      mix-blend-mode:overlay;
    }
    .tubeWhale.run{
      opacity:.95;
      animation: whalePass var(--wDur, 1.2s) ease-in-out forwards;
    }
    @keyframes whalePass{
      0%{ left:-22%; transform: translateY(-50%) scale(.98); opacity:0; }
      12%{ opacity:.85; }
      50%{ opacity:.95; }
      100%{ left:118%; transform: translateY(-50%) scale(1.03); opacity:0; }
    }

    .bar.pulse{
      animation: tubePulse .38s ease-out both;
      box-shadow:
        0 0 0 1px rgba(120,255,220,.20) inset,
        0 0 30px var(--pulseGlow),
        0 10px 22px rgba(0,0,0,.28);
    }
    @keyframes tubePulse{
      0%{ transform: scaleX(1) scaleY(1); }
      45%{ transform: scaleX(1.018) scaleY(1.12); }
      100%{ transform: scaleX(1) scaleY(1); }
    }

    .bar.warnFlash{
      animation: tubeWarn 1.1s ease-in-out infinite;
    }
    @keyframes tubeWarn{
      0%,100%{ filter:none; }
      50%{ filter: drop-shadow(0 0 16px rgba(255,222,102,.22)); }
    }

    .bar.final{
      animation: tubeFinal .78s ease-in-out infinite;
    }
    @keyframes tubeFinal{
      0%,100%{ box-shadow: 0 0 0 1px rgba(255,59,92,.22) inset, 0 0 22px rgba(255,59,92,.12), 0 10px 22px rgba(0,0,0,.28); }
      50%{ box-shadow: 0 0 0 1px rgba(255,59,92,.34) inset, 0 0 42px rgba(255,59,92,.18), 0 10px 22px rgba(0,0,0,.28); }
    }
    .barTicks{
      position:absolute; inset:0;
      background: repeating-linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.06) 1px, rgba(0,0,0,0) 16px, rgba(0,0,0,0) 26px);
      opacity:.18;
      pointer-events:none;
    }
    .stagePill{
      padding:6px 10px;
      border-radius:999px;
      background: rgba(0,0,0,.46);
      box-shadow: 0 0 0 1px rgba(120,255,220,.14) inset;
      font-family:var(--mono);
      letter-spacing:.12em;
      font-size:11px;
      color:rgba(240,255,251,.9);
      white-space:nowrap;
    }
    .stageChip{
      transition: box-shadow .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
    }
    .stageChip .dot{transition: background .18s ease, box-shadow .18s ease}
    .stageChip.stage-1{ box-shadow:0 0 0 1px rgba(120,255,220,.16) inset; }
    .stageChip.stage-2{ box-shadow:0 0 0 1px rgba(74,169,255,.24) inset, 0 0 22px rgba(74,169,255,.08); }
    .stageChip.stage-2 .dot{ background:#4aa9ff; box-shadow:0 0 16px rgba(74,169,255,.32); }
    .stageChip.stage-3{ box-shadow:0 0 0 1px rgba(199,125,255,.26) inset, 0 0 24px rgba(199,125,255,.10); }
    .stageChip.stage-3 .dot{ background:#c77dff; box-shadow:0 0 18px rgba(199,125,255,.34); }
    .stageChip.stage-4{ box-shadow:0 0 0 1px rgba(255,209,90,.30) inset, 0 0 26px rgba(255,209,90,.11); }
    .stageChip.stage-4 .dot{ background:#ffd15a; box-shadow:0 0 18px rgba(255,209,90,.34); }
    .stageChip.stage-5{ box-shadow:0 0 0 1px rgba(255,59,92,.32) inset, 0 0 28px rgba(255,59,92,.12); background:rgba(16,2,6,.68); }
    .stageChip.stage-5 .dot{ background:#ff3b5c; box-shadow:0 0 18px rgba(255,59,92,.36); }
    .stageMeta{
      display:flex; align-items:center; justify-content:space-between; gap:10px;
      margin-top:10px; padding-top:9px;
      border-top:1px solid rgba(120,255,220,.10);
      font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
      color:rgba(192,234,224,.62);
    }
    .stageMeta strong{ color:rgba(238,252,247,.92); font-weight:700; }
    .stageMeta .stageReward{ color:rgba(25,255,182,.88); }

    .grid3{
      display:grid;
      grid-template-columns: 1fr 1.05fr 1fr;
      gap:12px;
      margin-bottom:12px;
    }
    .grid4{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      margin-bottom:12px;
    }
    @media (max-width: 920px){
      .grid4{grid-template-columns: 1fr;}
    }

    .panel{
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.72), rgba(0,0,0,.90));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 18px 46px rgba(0,0,0,.45);
      overflow:hidden;
      position:relative;
    }
    .panel::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(520px 150px at 40% 0%, rgba(25,255,182,.11), transparent 60%);
      opacity:.9;
      pointer-events:none;
    }
    .panelHead{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 12px 8px}
    .panelTitle{font-family:var(--mono); letter-spacing:.18em; text-transform:uppercase; font-size:11px; color:rgba(190,255,240,.78)}
    .panelSub{font-family:var(--mono); font-size:11px; color:rgba(190,255,240,.55); letter-spacing:.14em; text-transform:uppercase}
    .panelBody{padding:10px 12px 12px}
    .divider{height:1px; background:rgba(120,255,220,.12); margin:8px 0}

    .btnRow{display:grid; grid-template-columns: repeat(5, 1fr); gap:8px; margin-bottom:16px}
    .btnRow2{display:grid; grid-template-columns:1fr; gap:8px; margin-top:8px; margin-bottom:10px}
    .btnRow2{position:relative; z-index:50;}
    #connectBtn{position:relative; z-index:51; pointer-events:auto;}

    .btn{
      border:0;
      border-radius:12px;
      padding:10px 10px;
      cursor:pointer;
      color:rgba(235,255,250,.92);
      font-family:var(--mono);
      letter-spacing:.14em;
      text-transform:uppercase;
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(10,18,18,.74), rgba(0,0,0,.92));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.16) inset,
        0 10px 22px rgba(0,0,0,.35);
      transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
      user-select:none;
    }
    .btn:hover{box-shadow:0 0 0 1px rgba(120,255,220,.26) inset, 0 12px 24px rgba(0,0,0,.40)}
    .btn:active{transform: translateY(1px)}

.btn.on{
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255,215,0,.28) inset,
    0 0 22px rgba(20,241,149,.22),
    0 14px 28px rgba(0,0,0,.48);
  filter: saturate(1.25) contrast(1.05);
}
#connectBtn.on{}
@keyframes btnPulseGreen{}
  50%{ box-shadow: 0 0 0 1px rgba(120,255,220,.30) inset, 0 0 26px rgba(20,241,149,.22), 0 16px 32px rgba(0,0,0,.52); }
  100%{ box-shadow: 0 0 0 1px rgba(120,255,220,.22) inset, 0 0 14px rgba(20,241,149,.10), 0 14px 28px rgba(0,0,0,.48); }
}
@keyframes btnPulseGold{}
  50%{ box-shadow: 0 0 0 1px rgba(255,215,0,.30) inset, 0 0 26px rgba(255,215,0,.22), 0 16px 32px rgba(0,0,0,.52); }
  100%{ box-shadow: 0 0 0 1px rgba(255,215,0,.22) inset, 0 0 14px rgba(255,215,0,.10), 0 14px 28px rgba(0,0,0,.48); }
}
    .btn.max{filter:saturate(1.2)}
    .btn.primary{
      margin-top:10px;
      width:100%;
      padding:12px 12px;
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(25,255,182,.26), rgba(0,0,0,.92));
      box-shadow:
        0 0 0 1px rgba(120,255,220,.20) inset,
        0 14px 30px rgba(0,0,0,.48),
        0 0 22px rgba(25,255,182,.14);
      color:rgba(245,255,252,.95);
      font-weight:900;
      letter-spacing:.22em;
    }
    .btn.warn{
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(255,59,92,.18), rgba(0,0,0,.92));
      box-shadow:
        0 0 0 1px rgba(255,59,92,.18) inset,
        0 14px 30px rgba(0,0,0,.48),
        0 0 24px rgba(255,59,92,.10);
    }

    .kv{
      display:grid;
      grid-template-columns: 1fr auto;
      gap:10px;
      align-items:center;
      padding:9px 10px;
      border-radius:12px;
      background: rgba(0,0,0,.36);
      box-shadow: 0 0 0 1px rgba(120,255,220,.12) inset;
      margin-top:8px;
    }
    .kv .kk{color:rgba(170,220,210,.8); font-family:var(--mono); letter-spacing:.12em; text-transform:uppercase; font-size:11px}
    .kv .vv{color:rgba(240,255,251,.95); font-family:var(--mono); letter-spacing:.06em; font-size:12px; font-weight:900}
    .kv .vv.g{color:var(--g)}
    .kv .vv.r{color:var(--r)}
    .hint{
      margin-top:8px;
      padding:9px 10px;
      border-radius:12px;
      background: rgba(0,0,0,.30);
      box-shadow: 0 0 0 1px rgba(120,255,220,.10) inset;
      color:rgba(220,255,246,.78);
      font-family:var(--mono);
      letter-spacing:.10em;
    }

    .list{display:flex; flex-direction:column; gap:8px}
    .li{
      display:flex; align-items:center; justify-content:space-between; gap:10px;
      padding:9px 10px;
      border-radius:12px;
      background: rgba(0,0,0,.34);
      box-shadow: 0 0 0 1px rgba(120,255,220,.12) inset;
      font-family:var(--mono);
      letter-spacing:.10em;
      font-size:12px;
    }
    .li .left{display:flex; align-items:center; gap:10px; color:rgba(210,255,246,.88)}
    .li .right{color:rgba(240,255,251,.95); font-weight:900}
    .pill{
      padding:4px 8px;
      border-radius:999px;
      background: rgba(0,0,0,.45);
      box-shadow: 0 0 0 1px rgba(120,255,220,.14) inset;
      font-size:11px;
      color:rgba(200,255,245,.85);
    }

    .scrollBox{
      max-height:216px;
      overflow:auto;
      padding-right:6px;
      scrollbar-color: rgba(120,255,220,.28) rgba(0,0,0,.28);
    }
    .scrollBox::-webkit-scrollbar{height:8px;width:8px}
    .scrollBox::-webkit-scrollbar-thumb{background:rgba(120,255,220,.22);border-radius:999px}
    .scrollBox::-webkit-scrollbar-track{background:rgba(0,0,0,.32);border-radius:999px}

    .footer{
      text-align:center;
      padding:12px 8px 2px;
      color:rgba(180,230,220,.62);
      font-family:var(--mono);
      letter-spacing:.22em;
      text-transform:uppercase;
      font-size:11px;
    }

    .overlay{
      position:fixed; inset:0;
      display:none;
      place-items:center;
      background:
        radial-gradient(900px 520px at 50% 30%, rgba(255,59,92,.18), rgba(0,0,0,.86) 55%, rgba(0,0,0,.94)),
        linear-gradient(180deg, rgba(0,0,0,.86), rgba(0,0,0,.94));
      z-index:999;
    }
    .overlay.show{display:grid}
    .modal{
      width:min(860px, 92vw);
      border-radius:18px;
      padding:16px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(24,14,16,.74), rgba(0,0,0,.90));
      box-shadow:
        0 0 0 1px rgba(255,59,92,.22) inset,
        0 26px 80px rgba(0,0,0,.78);
      position:relative;
      overflow:hidden;
    }
    .modal::before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(620px 160px at 50% 0%, rgba(255,59,92,.22), transparent 60%);
      opacity:.95;
      pointer-events:none;
    }
    .seal{text-align:center; padding:14px 10px 10px}
    .seal h1{
      margin:0 0 6px;
      font-family:var(--mono);
      letter-spacing:.26em;
      text-transform:uppercase;
      font-size:20px;
      color:rgba(255,235,240,.95);
    }
    .seal p{
      margin:0;
      font-family:var(--mono);
      letter-spacing:.16em;
      color:rgba(255,220,228,.76);
      font-size:12px;
      line-height:1.6;
    }
    .modalRow{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
      margin-top:12px;
    }
    .modalBox{
      border-radius:14px;
      padding:12px;
      background: rgba(0,0,0,.36);
      box-shadow: 0 0 0 1px rgba(255,59,92,.18) inset;
      font-family:var(--mono);
      letter-spacing:.10em;
      color:rgba(255,235,240,.85);
      font-size:12px;
    }
    .closeRow{display:flex; justify-content:center; margin-top:12px}
    .closeBtn{
      width:min(360px, 90%);
      border:0;
      cursor:pointer;
      border-radius:14px;
      padding:12px 12px;
      font-family:var(--mono);
      letter-spacing:.22em;
      text-transform:uppercase;
      font-weight:900;
      color:rgba(255,245,248,.96);
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
        linear-gradient(180deg, rgba(255,59,92,.28), rgba(0,0,0,.92));
      box-shadow:
        0 0 0 1px rgba(255,59,92,.20) inset,
        0 16px 40px rgba(0,0,0,.55),
        0 0 24px rgba(255,59,92,.10);
    }
    .freeze{
      position:fixed; inset:0;
      pointer-events:none;
      background: rgba(255,255,255,.06);
      opacity:0;
      z-index:998;
    }
    .freeze.on{animation: frz 1.0s ease forwards}
    @keyframes frz{
      0%{opacity:0}
      8%{opacity:.14}
      100%{opacity:0}
    }

    @media (max-width: 980px){
      .statusRail{grid-template-columns: 1fr 1fr}
      .signalRail{grid-template-columns: 1fr 52px}
      .grid3{grid-template-columns: 1fr}
      .grid4{grid-template-columns: 1fr}
      .chartWrap{height:420px}
      .btnRow{grid-template-columns: repeat(3, 1fr)}
    }

body.screenRipple{
  animation: screenRipple 0.9s ease-out 1;
}
@keyframes screenRipple{
  0%{ transform: translate3d(0,0,0) scale(1); filter: saturate(1.05) contrast(1.02); }
  12%{ transform: translate3d(0,0,0) scale(calc(1 + (var(--ripInt,1)*0.012))); filter: saturate(1.25) contrast(1.10); }
  28%{ transform: translate3d(0,0,0) scale(1); }
  42%{ transform: translate3d(0,0,0) scale(calc(1 + (var(--ripInt,1)*0.006))); }
  100%{ transform: translate3d(0,0,0) scale(1); filter: saturate(1.05) contrast(1.02); }
}

.lpRow{
display:block;
gap:10px;
justify-content:space-between;
margin-top:8px;
}

.lpRow .btn{
width:100%;
}

.btn.small{
font-size:14px;
padding:10px 12px;
}

.tankViewport{position:relative}
.tankViewport canvas{position:absolute;inset:0;width:100%;height:100%}
.tankOver{position:absolute;inset:0;pointer-events:none}
.tankHudStack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 6px}
.tankHudCard{border:1px solid rgba(120,255,220,.12);background:linear-gradient(180deg, rgba(4,10,18,.52), rgba(2,7,14,.76));box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(25,255,182,.04) inset;border-radius:12px;padding:8px 10px;min-width:0}
.tankHudK{font:700 9px var(--ui);letter-spacing:.22em;color:rgba(155,208,220,.62);margin-bottom:4px}
.tankHudV{font:800 12px var(--mono);letter-spacing:.08em;color:rgba(235,255,248,.88);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tankHudV.g{color:#18f0c2}.tankHudV.p{color:#c792ff}.tankHudV.y{color:#ffd76b}.tankHudV.r{color:#ff6b87}
@media (max-width: 1100px){.tankHudStack{grid-template-columns:1fr;}}
.pressureGauge{
  position:absolute;right:10px;top:10px;
  width:110px;height:110px;border-radius:18px;
  background:linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.78));
  border:1px solid rgba(120,255,220,.18);
  box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(25,255,182,.06) inset;
  backdrop-filter: blur(8px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.pressureGauge .pgLabel{font:800 11px var(--ui);letter-spacing:.12em;color:rgba(210,255,240,.85);opacity:.9}
.pressureGauge .pgDial{
  margin-top:8px;
  width:64px;height:64px;border-radius:999px;
  border:1px solid rgba(120,255,220,.18);
  box-shadow:0 0 0 1px rgba(0,0,0,.55) inset;
  background:radial-gradient(circle at 50% 40%, rgba(25,255,182,.12), rgba(0,0,0,.78) 70%);
  position:relative;
}
.pressureGauge .pgDial:after{
  content:"";
  position:absolute;inset:7px;border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 22px rgba(25,255,182,.10);
}
.pressureGauge .pgNeedle{
  position:absolute;left:50%;top:50%;
  width:2px;height:28px;border-radius:2px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.22));
  transform-origin:50% calc(100% - 2px);
  transform:translate(-50%,-100%) rotate(-110deg);
  filter:drop-shadow(0 0 10px rgba(25,255,182,.25));
}
.pressureGauge .pgCap{
  position:absolute;left:50%;top:50%;
  width:10px;height:10px;border-radius:99px;
  background:rgba(255,255,255,.22);
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 1px rgba(0,0,0,.55) inset, 0 0 18px rgba(25,255,182,.16);
}
.pressureGauge .pgPct{margin-top:8px;font:900 12px var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.85)}
.sirenLight{display:none !important;opacity:0 !important;pointer-events:none !important;}
.sirenOn .sirenLight{display:none !important;opacity:0 !important;animation:none !important;}
@keyframes sirenPulse{
  0%{box-shadow:0 0 0 1px rgba(0,0,0,.55) inset, 0 0 12px rgba(255,59,92,.20)}
  50%{box-shadow:0 0 0 1px rgba(0,0,0,.55) inset, 0 0 36px rgba(255,59,92,.55)}
  100%{box-shadow:0 0 0 1px rgba(0,0,0,.55) inset, 0 0 12px rgba(255,59,92,.20)}
}
.tankShake{
  animation:tankShake .42s ease-in-out 1;
}
@keyframes tankShake{
  0%{transform:translate3d(0,0,0)}
  20%{transform:translate3d(-2px,1px,0)}
  40%{transform:translate3d(2px,-1px,0)}
  60%{transform:translate3d(-1px,-2px,0)}
  80%{transform:translate3d(1px,2px,0)}
  100%{transform:translate3d(0,0,0)}
}
.tankBoom:before{
  content:"";
  position:absolute;inset:-20%;
  background:radial-gradient(circle at 50% 55%, rgba(255,255,255,.22), rgba(255,59,92,.10) 35%, rgba(0,0,0,0) 70%);
  opacity:0;
  animation:tankBoom .85s ease-out 1;
}
@keyframes tankBoom{
  0%{opacity:0;transform:scale(.92)}
  20%{opacity:1;transform:scale(1.02)}
  100%{opacity:0;transform:scale(1.12)}
}
.voidLockText{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  font:900 28px var(--ui);
  letter-spacing:.18em;
  color:rgba(255,255,255,.92);
  text-shadow:0 0 22px rgba(25,255,182,.22), 0 0 50px rgba(0,0,0,.65);
  border:1px solid rgba(120,255,220,.20);
  background:rgba(0,0,0,.55);
  padding:10px 14px;border-radius:16px;
  opacity:0;
}
.locked .voidLockText{
  opacity:1;
  animation:lockPop 1.1s ease-out 1;
}
@keyframes lockPop{
  0%{transform:translate(-50%,-50%) scale(.92);opacity:0}
  30%{transform:translate(-50%,-50%) scale(1.02);opacity:1}
  100%{transform:translate(-50%,-50%) scale(1);opacity:1}
}

    .thrones{ position:absolute; inset:0; pointer-events:none; display:none; }
    .throne{
      position:absolute;
      top:18px;
      transform:translateX(-50%);
      display:flex; align-items:center; gap:8px;
      padding:7px 10px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(0,0,0,.28);
      box-shadow:0 16px 60px rgba(0,0,0,.35);
      backdrop-filter: blur(6px);
      font-family:var(--mono);
      letter-spacing:.12em;
      text-transform:uppercase;
      font-weight:900;
      font-size:11px;
      color:rgba(210,255,244,.92);
    }
    .throne .ico{
      width:26px; height:26px;
      border-radius:10px;
      display:grid; place-items:center;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,0,0,.22));
      box-shadow:0 0 0 1px rgba(0,0,0,.45) inset;
      font-size:16px;
    }
    .throne.gold .ico{ box-shadow:0 0 0 1px rgba(0,0,0,.45) inset, 0 0 22px rgba(255,215,0,.18); }
    .throne.silver .ico{ box-shadow:0 0 0 1px rgba(0,0,0,.45) inset, 0 0 22px rgba(180,220,255,.14); }
    .throne.bronze .ico{ box-shadow:0 0 0 1px rgba(0,0,0,.45) inset, 0 0 22px rgba(255,160,90,.14); }

    .lbRow{ position:relative; align-items:flex-start; min-height:58px; }
    .lbRow .left{ flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
    .lbRow .right{ flex:0 0 auto; min-width:124px; text-align:right; line-height:1.1; padding-top:2px; }
    .lbHeadLine,.lbSubLine{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; width:100%; min-width:0; }
    .lbName{ max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:900; color:rgba(236,255,250,.95); }
    .lbTitle{ padding:2px 8px; border-radius:999px; border:1px solid rgba(20,241,149,.22); background:rgba(0,0,0,.25); font-weight:900; letter-spacing:.12em; font-size:11px; }
    .lbRankTone{ padding:2px 7px; border-radius:999px; border:1px solid rgba(140,255,220,.10); background:rgba(10,18,22,.65); font-size:10px; font-weight:900; color:rgba(184,255,238,.74); }
    .lbNeed{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-family:var(--mono);
      letter-spacing:.10em;
      font-weight:800;
      font-size:10px;
      color:rgba(210,255,244,.76);
      opacity:.95;
      min-width:0;
      flex:1;
    }
    .lbHold{ padding:2px 7px; border-radius:999px; background:rgba(8,18,18,.78); border:1px solid rgba(120,255,220,.12); font-size:10px; color:rgba(232,255,248,.86); }
    .lbMicro{ font-size:10px; color:rgba(145,214,200,.72); letter-spacing:.12em; margin-top:6px; }
    .lbTop1{ background:linear-gradient(180deg, rgba(17,25,29,.92), rgba(6,11,14,.94)); box-shadow:0 0 0 1px rgba(255,215,120,.18) inset, 0 0 24px rgba(27,225,179,.08); }
    .lbTop2{ box-shadow:0 0 0 1px rgba(150,236,255,.14) inset; }
    .lbTop3{ box-shadow:0 0 0 1px rgba(88,255,212,.14) inset; }
    .lbWarn{ box-shadow:0 0 0 1px rgba(255,105,105,.18) inset, 0 0 18px rgba(255,40,40,.06); }
    .lbCrown{
      display:inline-block;
      margin-left:8px;
      animation:crownFloat 1.15s ease-in-out infinite;
      filter: drop-shadow(0 10px 18px rgba(255,215,0,.15));
    }
    @keyframes crownFloat{
      0%,100%{ transform:translateY(0) rotate(-2deg); }
      50%{ transform:translateY(-4px) rotate(2deg); }
    }
    .lbWarn{
      border:1px solid rgba(255,80,80,.22) !important;
      box-shadow:0 0 0 1px rgba(0,0,0,.55) inset, 0 0 18px rgba(255,80,80,.14);
      animation:warnPulse 0.9s ease-in-out infinite;
    }
    @keyframes warnPulse{
      0%,100%{ transform:translateY(0); filter:none; }
      50%{ transform:translateY(-1px); filter:brightness(1.15); }
    }
    .lbCrownPressure{
      box-shadow:0 0 0 1px rgba(255,80,80,.22) inset, 0 0 24px rgba(255,60,60,.14), 0 0 48px rgba(255,60,60,.08);
      animation:crownSiegePulse 1.15s ease-in-out infinite;
    }
    .lbCrownPressure .lbRankTone{
      border-color:rgba(255,90,90,.32);
      background:rgba(42,8,12,.72);
      color:rgba(255,206,206,.94);
      box-shadow:0 0 16px rgba(255,70,70,.10);
    }
    .lbCrownPressure .lbNeed,
    .lbCrownPressure .lbMicro{
      color:rgba(255,196,196,.88);
    }
    @keyframes crownSiegePulse{
      0%,100%{ transform:translateY(0); filter:none; }
      50%{ transform:translateY(-1px); filter:brightness(1.08); }
    }
    .toast{
      position:fixed;
      left:50%; top:16px;
      transform:translateX(-50%);
      z-index:10050;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(20,241,149,.28);
      background:rgba(0,0,0,.72);
      backdrop-filter: blur(8px);
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      box-shadow:0 18px 70px rgba(0,0,0,.45);
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease, transform .18s ease;
      font-family:var(--mono);
    }
    .toast.on{ opacity:1; transform:translateX(-50%) translateY(0); }

    .chartWrap{ position:relative; }
    .seabedRelics{
      position:absolute; inset:0; pointer-events:none; 
      z-index:6; 
      overflow:hidden;
      border-radius:18px;
    }
    .seabedFloor{
      position:absolute; left:0; right:0; bottom:-6%;
      height:32%;
      background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5,8,9,.0) 6%, rgba(10,10,7,.12) 16%, rgba(18,14,6,.48) 60%, rgba(10,6,2,.78) 100%);
      filter: blur(.2px);
    }
    
.relic{
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%,12%) scale(.78) rotate(var(--tilt,-12deg));
transform-origin:50% 100%;
width:210px;
height:120px;
opacity:.9;
border-radius:28px 26px 22px 26px;

background:
radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 40%),
radial-gradient(circle at 70% 65%, rgba(0,255,170,.35), transparent 45%),
linear-gradient(180deg,
rgba(20,241,149,.85) 0%,
rgba(0,160,120,.9) 50%,
rgba(0,90,70,1) 100%
);

border:2px solid #19ffb6;

box-shadow:
0 0 26px rgba(20,241,149,.55),
0 0 60px rgba(20,241,149,.35);

backdrop-filter: blur(3px);
}

.relic::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:
linear-gradient(
120deg,
transparent 20%,
rgba(255,255,255,.25) 40%,
transparent 60%
);
opacity:.25;
pointer-events:none;
}

    .relic.r1{ left:50%; bottom:4.5%; width:240px; height:132px; --tilt:-14deg; }
    .relic.r2{ left:84%; bottom:5.0%; width:200px; height:116px; opacity:.86; --tilt:9deg; }
    .relic.r3{ left:18%; bottom:5.0%; width:200px; height:116px; opacity:.86; --tilt:-6deg; }

    .relic .ore{
  position:absolute; inset:10px 14px 16px 14px;
  border-radius:22px;
  background: var(--lpColor, #19ffb6);
  box-shadow:0 0 18px var(--lpColor, #19ffb6);
  border:1px solid var(--lpColor, #19ffb6);
  opacity:1;
}
    .relic .engrave{
      position:absolute; left:16px; right:16px; top:18px; bottom:18px;
      border-radius: 18px;
      display:flex; flex-direction:column; justify-content:center; gap:6px;
      padding: 10px 12px;
      background: radial-gradient(140px 90px at 50% 10%, rgba(0,0,0,.30), rgba(0,0,0,0) 70%), linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,0));
      transform: translate(-4.5cm, 11mm);
    }
    
    .relic.r2 .engrave{ transform: translate(calc(-4.4cm - 5mm), 8mm) !important; }
    .relic.r3 .engrave{ transform: translate(-4.5cm, 8mm) !important; }

.engrave .rank{
      font-family: 'JetBrains Mono', monospace;
      font-weight:800;
      letter-spacing:.12em;
      font-size:16px;
      color: rgba(156,245,255,.92);
      text-shadow:
        0 1px 0 rgba(0,0,0,.65),
        0 0 10px rgba(120,232,255,.25);
      filter: drop-shadow(0 0 10px rgba(120,232,255,.12));
    }
    .engrave .name{
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-weight:800;
      letter-spacing:.08em;
      text-transform: uppercase;
      font-size:15px;
      color: rgba(156,245,255,.88);
      text-shadow:
        0 1px 0 rgba(0,0,0,.65),
        0 0 14px rgba(120,232,255,.18);
    }
    .relic.engrav .engrave{
      animation: carveGlow 1.2s ease both;
    }
    @keyframes carveGlow{
      0%{ filter: brightness(.9) blur(.2px); opacity:.15; transform: translateY(6px); }
      35%{ opacity:.95; }
      100%{ filter: brightness(1.02); opacity:1; transform: translateY(0); }
    }

    .relic .rank{
      font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      letter-spacing:.12em;
      font-size:14px;
      color: rgba(156,245,255,.9);
      text-shadow: 0 0 12px rgba(120,232,255,.25);
    }
    .relic .name{
      font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      letter-spacing:.08em;
      font-size:15px;
      color: rgba(228,246,255,.96);
      text-shadow: 0 1px 0 rgba(0,0,0,.75), 0 0 18px rgba(120,232,255,.22);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .relic:before{
      content:"";
      position:absolute; inset:0;
      border-radius:inherit;
      background:
        linear-gradient(120deg, rgba(255,215,0,.10), rgba(255,215,0,0) 30%, rgba(255,215,0,.08) 55%, rgba(255,215,0,0) 75%, rgba(255,215,0,.10));
      opacity:.28;
      pointer-events:none;
      mix-blend-mode: screen;
    }
    .relic .sparks{
      position:absolute; inset:-40px -40px -40px -40px;
      opacity:0;
      background:
        radial-gradient(4px 4px at 30% 45%, rgba(255,215,0,.95), rgba(255,215,0,0) 70%),
        radial-gradient(3px 3px at 55% 40%, rgba(255,215,0,.85), rgba(255,215,0,0) 70%),
        radial-gradient(5px 5px at 70% 55%, rgba(255,215,0,.95), rgba(255,215,0,0) 70%),
        radial-gradient(3px 3px at 42% 70%, rgba(255,215,0,.75), rgba(255,215,0,0) 70%),
        radial-gradient(4px 4px at 62% 78%, rgba(255,215,0,.85), rgba(255,215,0,0) 70%);
      filter: blur(.2px);
      transition: opacity .18s ease;
    }
    .relic.engrav{
  animation: relicEngrave 1.1s ease-out 1;
  border-color: rgba(255,215,0,.35);
  box-shadow:
    0 0 0 1px rgba(255,215,0,.12) inset,
    0 0 38px rgba(255,215,0,.18);
}
    .relic.engrav .sparks{ opacity: .9; animation: sparksPop .9s ease-out 1; }
    .relic.crack:after{
      content:"";
      position:absolute; inset:10px 12px 12px 12px;
      border-radius: 20px;
      background:
        linear-gradient(140deg, rgba(255,215,0,.0) 0%, rgba(255,215,0,.22) 20%, rgba(255,215,0,.0) 48%),
        linear-gradient(220deg, rgba(255,215,0,.0) 0%, rgba(255,215,0,.18) 22%, rgba(255,215,0,.0) 52%);
      opacity:.55;
      mix-blend-mode: screen;
      filter: blur(.3px);
      animation: crackFlash .85s ease-out 1;
      pointer-events:none;
    }
    .relic.crowned .rank{ color: rgba(156,245,255,1); }
    .relic.crowned .name{ text-shadow: 0 0 18px rgba(120,232,255,.22); }
    .relic.crowned:before{
      opacity:.42;
      background:
        radial-gradient(120px 80px at 50% 10%, rgba(255,215,0,.18), rgba(255,215,0,0) 70%),
        linear-gradient(120deg, rgba(255,215,0,.14), rgba(255,215,0,0) 32%, rgba(255,215,0,.10) 56%, rgba(255,215,0,0) 74%, rgba(255,215,0,.14));
    }

    @keyframes relicEngrave{
      0%{ transform: translate(-50%,0) scale(.98); filter: brightness(1); }
      35%{ transform: translate(-50%,0) scale(1.02); filter: brightness(1.18); }
      70%{ transform: translate(-50%,0) scale(1.00); filter: brightness(1.08); }
      100%{ transform: translate(-50%,0) scale(1.00); filter: brightness(1); }
    }
    @keyframes sparksPop{
      0%{ transform: scale(.95); opacity:.0; }
      35%{ transform: scale(1.00); opacity:1; }
      100%{ transform: scale(1.08); opacity:0; }
    }
    @keyframes crackFlash{
      0%{ opacity:0; }
      30%{ opacity:.75; }
      100%{ opacity:0; }
    }

.dailyRail{
  margin-top:6px;
  width:100%;
  padding:6px 10px 8px;
  border:1px solid rgba(20,241,149,.18);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(9,14,18,.78), rgba(6,10,12,.62));
  box-shadow:0 10px 30px rgba(0,0,0,.42);
}
.dailyTop{
  display:flex; justify-content:space-between; align-items:center;
  gap:10px; margin-bottom:6px;
}
.dailyRight{display:flex; align-items:center; gap:8px}
.dailyTitle{font-size:10px; letter-spacing:.12em; opacity:.82}
.dailyTimer{font-size:11px; color:var(--gold); font-weight:700}
.dailyMiniBtn{
  appearance:none; border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.25);
  color:rgba(255,255,255,.82);
  padding:4px 8px; border-radius:10px;
  font-size:10px; letter-spacing:.10em;
  cursor:pointer;
}
.dailyMiniBtn:hover{border-color:rgba(20,241,149,.28); color:rgba(20,241,149,.92)}
.dailyMiniBtn:active{transform:translateY(1px)}
.dailyTop{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:10px; margin-bottom:8px;
}
.dailyTitle{font-size:10px; letter-spacing:.08em; opacity:.85}
.dailyTimer{font-size:12px; color:var(--gold); font-weight:600}
.dailyBarWrap{
  height:10px; border-radius:10px; overflow:hidden; position:relative;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.07);
}
.dailyFill{
  height:100%; width:0%;
  background:linear-gradient(90deg, var(--neon), #00FFA3);
  position:relative;
  transition:width .6s cubic-bezier(.2,.8,.2,1);
}
.dailyFill::after{
  content:"";
  position:absolute; inset:0;
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 14px, rgba(255,255,255,0) 14px 28px);
  transform:translateX(0);
  opacity:.35;
  animation:dailyFlow 1.1s linear infinite;
  mix-blend-mode:screen;
}
@keyframes dailyFlow{ from{transform:translateX(-40px)} to{transform:translateX(40px)} }

.dailyFinalZone{
  position:absolute; right:0; top:0; bottom:0;
  width:8.333%;
  background:rgba(255,42,79,.10);
  border-left:1px solid rgba(255,42,79,.22);
}

.dailyFinalTag{
  position:absolute; right:8px; top:-18px;
  font-size:10px; color:#ff4a63; font-weight:700; letter-spacing:.06em;
}
.dailyMeta{
  display:flex; justify-content:space-between; gap:10px;
  margin-top:6px; font-size:10px; opacity:.88
}

.dailyReward{color:rgba(255,255,255,.86)}
.dailyReward strong{color:var(--gold)}
.dailyWarn{color:#ff4a63; font-weight:700; display:none}
.dailyWarn.on{display:block}

.dailyLB{
  margin-top:6px;
  border-top:1px dashed rgba(255,255,255,.08);
  padding-top:6px;
}
.dailyLBTitle{
  display:flex; justify-content:space-between; align-items:center;
  font-size:10px; letter-spacing:.12em; opacity:.8;
  margin-bottom:6px;
}
.dailyRows{max-height:58px; overflow:auto; display:grid; grid-template-columns: 1fr 1fr; gap:2px 14px}
.dailyRow{
  display:flex; justify-content:space-between; gap:10px;
  padding:2px 0;
  border-bottom:1px dashed rgba(255,255,255,.05);
  font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:10px;
  min-width:0;
}
.dailyRow .n{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.dailyRow .n{opacity:.95}
.dailyRow .v{opacity:.85}
#dailyFlash{
  position:fixed; inset:0;
  pointer-events:none;
  background:rgba(255,255,255,.0);
  z-index:99999;
  opacity:0;
}
#dailyFlash.on{
  animation:dailyFlash 420ms ease-out 1;
}
@keyframes dailyFlash{
  0%{opacity:0}
  18%{opacity:.95}
  100%{opacity:0}
}

.relic .ore{
  position:absolute; inset:10px 14px 16px 14px;
  border-radius:22px;
  background: var(--lpColor, #19ffb6);
  box-shadow:0 0 18px var(--lpColor, #19ffb6);
  border:1px solid var(--lpColor, #19ffb6);
  opacity:1;
} 

.relic{
  transition: transform .25s ease, box-shadow .25s ease;
}

.relic:hover{
  animation: relicHoverBounce .55s cubic-bezier(.25,.8,.25,1);
  box-shadow: 0 0 32px var(--lpColor, #19ffb6);
}

@keyframes relicHoverBounce{
  0%{ transform: rotate(var(--tilt)) translateY(0) scale(1); }
  30%{ transform: rotate(var(--tilt)) translateY(-12px) scale(1.03); }
  55%{ transform: rotate(var(--tilt)) translateY(3px) scale(.99); }
  75%{ transform: rotate(var(--tilt)) translateY(-4px) scale(1.01); }
  100%{ transform: rotate(var(--tilt)) translateY(0) scale(1); }
}

.relic:hover .ore::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background:
    radial-gradient(6px 6px at 30% 40%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%),
    radial-gradient(5px 5px at 70% 60%, rgba(255,255,255,.8), rgba(255,255,255,0) 70%),
    radial-gradient(4px 4px at 50% 75%, rgba(255,255,255,.7), rgba(255,255,255,0) 70%);
  animation: oreSparkle .9s ease-out 1;
}

@keyframes oreSparkle{
  0%{opacity:0; transform:scale(.9)}
  40%{opacity:1}
  100%{opacity:0; transform:scale(1.05)}
}

.relic:hover .engrave{
  text-shadow:0 0 12px var(--lpColor,#19ffb6),0 0 20px var(--lpColor,#19ffb6);
  animation:namePulse .9s ease-in-out infinite;
}

@keyframes namePulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.35)}
}

.relic{
  pointer-events:auto !important;
  cursor:pointer;
  z-index: 50;
}

.relic:hover{
  animation: relicHoverBounceFixed .55s cubic-bezier(.25,.8,.25,1) !important;
}

@keyframes relicHoverBounceFixed{
  0%{ transform: translate(-50%,0) scale(.78) rotate(var(--tilt,-12deg)) translateY(0); }
  30%{ transform: translate(-50%,0) scale(.80) rotate(var(--tilt,-12deg)) translateY(-12px); }
  55%{ transform: translate(-50%,0) scale(.77) rotate(var(--tilt,-12deg)) translateY(3px); }
  75%{ transform: translate(-50%,0) scale(.79) rotate(var(--tilt,-12deg)) translateY(-4px); }
  100%{ transform: translate(-50%,0) scale(.78) rotate(var(--tilt,-12deg)) translateY(0); }
}

#ocean{
position:relative;
background-image:url("https://voidgod.com/images/cover6-2.webp");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
border-radius:18px;
border:1px solid rgba(120,255,220,.45);
box-shadow:
0 30px 80px rgba(0,0,0,.85),
0 0 60px rgba(25,255,182,.18) inset;
overflow:hidden;
}

#ocean::before{
content:"";
position:absolute;
left:-20%;
top:-20%;
width:140%;
height:140%;
pointer-events:none;
background:
radial-gradient(circle at 20% 30%, rgba(255,255,255,.45), transparent 40%),
radial-gradient(circle at 70% 60%, rgba(255,255,255,.35), transparent 40%),
radial-gradient(circle at 40% 80%, rgba(255,255,255,.25), transparent 40%);
mix-blend-mode:overlay;
animation:causticsMove 12s linear infinite;
opacity:.9;
}

@keyframes causticsMove{
0%{transform:translate(0,0) scale(1);}
50%{transform:translate(-10%,-6%) scale(1.1);}
100%{transform:translate(0,0) scale(1);}
}

#ocean::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:65%;
background:linear-gradient(
to top,
rgba(0,0,0,.85),
rgba(0,0,0,0)
);
pointer-events:none;
}

.seaGodEye{
  position:absolute;
  left:54.2%;
  top:31.2%;
  width:4.1%;
  aspect-ratio:1/1;
  transform:translate(-50%,-50%) rotate(-8deg);
  pointer-events:none;
  z-index:11;
  isolation:isolate;
  filter:saturate(1.18) brightness(1.02);
}
.seaGodEye .eyeAura,
.seaGodEye .eyeIris,
.seaGodEye .eyeCore,
.seaGodEye .eyeGlint,
.seaGodEye .eyeShadow{
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
}
.seaGodEye .eyeShadow{
  inset:-8% -12% -12% -8%;
  background:radial-gradient(circle at 52% 52%, rgba(0,0,0,0) 0 44%, rgba(2,8,18,.34) 58%, rgba(0,0,0,0) 76%);
  mix-blend-mode:multiply;
  opacity:.85;
}
.seaGodEye .eyeAura{
  inset:-22%;
  background:
    radial-gradient(circle at 48% 48%, rgba(255,242,214,.18) 0 8%, rgba(247,214,132,.18) 18%, rgba(199,129,86,.10) 33%, rgba(0,0,0,0) 66%),
    radial-gradient(circle at 52% 54%, rgba(236,184,102,.28) 0 24%, rgba(147,84,48,.16) 42%, rgba(0,0,0,0) 68%);
  filter:blur(6px);
  opacity:.85;
  animation:seaGodEyeAura 3.2s ease-in-out infinite;
}
.seaGodEye .eyeIris{
  background:
    radial-gradient(circle at 35% 34%, rgba(255,252,240,.72) 0 5%, rgba(255,234,184,.30) 7%, rgba(0,0,0,0) 15%),
    radial-gradient(circle at 50% 50%, rgba(255,248,226,.88) 0 10%, rgba(245,211,133,.90) 18%, rgba(203,133,74,.70) 34%, rgba(92,48,31,.38) 52%, rgba(0,0,0,0) 68%),
    conic-gradient(from 0deg, rgba(255,231,182,.20), rgba(110,58,34,.16), rgba(255,210,120,.18), rgba(70,32,18,.10), rgba(255,231,182,.20));
  box-shadow:
    0 0 8px rgba(255,217,124,.35),
    0 0 18px rgba(255,184,84,.18),
    inset 0 0 10px rgba(255,242,208,.30),
    inset 0 -5px 10px rgba(56,20,8,.28);
  animation:seaGodEyeIris 4.1s ease-in-out infinite;
}
.seaGodEye .eyeCore{
  inset:27%;
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 40%, rgba(255,255,255,.96) 0 14%, rgba(255,244,206,.95) 18%, rgba(240,191,97,.82) 32%, rgba(112,48,18,.42) 56%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 12px rgba(255,246,208,.42),
    0 0 24px rgba(250,188,82,.28);
  animation:seaGodEyeCore 2.9s ease-in-out infinite;
}
.seaGodEye .eyeGlint{
  inset:auto;
  width:22%;
  height:22%;
  left:30%;
  top:22%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.98) 0 28%, rgba(255,248,225,.68) 45%, rgba(0,0,0,0) 72%);
  filter:blur(.4px);
  opacity:.88;
  animation:seaGodEyeGlint 5.2s linear infinite;
}
@keyframes seaGodEyeAura{
  0%,100%{ transform:scale(1); opacity:.70; }
  45%{ transform:scale(1.06); opacity:.94; }
  62%{ transform:scale(1.02); opacity:.82; }
}
@keyframes seaGodEyeIris{
  0%,100%{ transform:scale(1) rotate(0deg); filter:brightness(.98); }
  26%{ transform:scale(1.03) rotate(4deg); filter:brightness(1.06); }
  52%{ transform:scale(1.05) rotate(-3deg); filter:brightness(1.12); }
  74%{ transform:scale(1.01) rotate(2deg); filter:brightness(1.02); }
}
@keyframes seaGodEyeCore{
  0%,100%{ transform:translate(0,0) scale(.98); opacity:.90; }
  28%{ transform:translate(2%, -2%) scale(1.05); opacity:1; }
  56%{ transform:translate(-2%, 1%) scale(1.08); opacity:1; }
  72%{ transform:translate(1%, 2%) scale(1.00); opacity:.94; }
}
@keyframes seaGodEyeGlint{
  0%,100%{ transform:translate(0,0) scale(.96); opacity:.72; }
  22%{ transform:translate(10%, -6%) scale(1); opacity:.9; }
  46%{ transform:translate(2%, 8%) scale(1.08); opacity:1; }
  63%{ transform:translate(-8%, 2%) scale(.92); opacity:.65; }
  78%{ transform:translate(0,0) scale(1.14); opacity:1; }
}
@media (max-width:980px){
  .seaGodEye{ left:61.7%; top:35.1%; width:5.2%; }
}

:root{
  --lpBase:#19ffb6;
  --lpDeep:#0b9f7a;
  --lpBase55: rgba(25,255,182,.55);
  --lpBase35: rgba(25,255,182,.35);
  --lpBase18: rgba(25,255,182,.18);
}

.relic{
  border-color: var(--lpBase) !important;
  box-shadow:
    0 0 26px var(--lpBase55),
    0 0 60px var(--lpBase35) !important;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 40%),
    radial-gradient(circle at 70% 65%, var(--lpBase35), transparent 45%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--lpBase) 85%, #ffffff 0%) 0%,
      color-mix(in srgb, var(--lpDeep) 90%, #000000 0%) 55%,
      rgba(0,0,0,.92) 100%
    ) !important;
}
.relic .ore{
  background: var(--lpBase) !important;
  border-color: var(--lpBase) !important;
  box-shadow: 0 0 18px var(--lpBase) !important;
}
.relic:hover{
  box-shadow: 0 0 32px var(--lpBase) !important;
}
.relic:hover .engrave{
  text-shadow:0 0 12px var(--lpBase),0 0 20px var(--lpBase) !important;
}

@supports not (background: color-mix(in srgb, red 50%, black)){
  .relic{
    background:
      radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 40%),
      radial-gradient(circle at 70% 65%, var(--lpBase35), transparent 45%),
      linear-gradient(180deg,
        rgba(25,255,182,.85) 0%,
        rgba(11,159,122,.90) 55%,
        rgba(0,0,0,.92) 100%
      ) !important;
  }
}

.dailyRail{
  margin-top:10px;
  padding:10px 12px 12px;
  border-radius:14px;
  border:1px solid rgba(120,255,220,.12);
  background:
    linear-gradient(180deg, rgba(9,14,18,.90), rgba(6,10,12,.72)),
    radial-gradient(520px 160px at 50% 0%, rgba(25,255,182,.07), transparent 70%);
  box-shadow:0 14px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.02) inset;
}
.dailyTop{margin-bottom:10px; align-items:center;}
.dailyTitle{font-size:11px; letter-spacing:.16em; color:rgba(218,240,234,.88);}
.dailyRight{gap:10px;}
.dailyTimer{
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(120,255,220,.10);
  color:#d9e9e4;
  font-size:12px;
}
.dailyMiniBtn{
  padding:4px 9px;
  border-radius:999px;
  font-size:9px;
  opacity:.72;
}
.dailyBarWrap{
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.05);
  box-shadow:inset 0 1px 8px rgba(0,0,0,.35);
}
.dailyFill{background:linear-gradient(90deg, rgba(20,241,149,.88), rgba(0,194,255,.82));}
.dailyFill::after{opacity:.18; background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation:dailyFlow 2.2s linear infinite;}
.dailyFinalZone{width:8.333%; background:rgba(199,125,255,.10); border-left:1px solid rgba(199,125,255,.18);}
.dailyFinalTag{display:none;}
.dailyMeta{
  margin-top:8px;
  align-items:center;
  font-size:10px;
  color:rgba(180,206,199,.84);
}
.dailyReward strong{color:#ffd978; font-weight:700;}
.dailyWarn{display:block; color:rgba(123,255,214,.82);}
.dailyWarn.on{display:block; color:#ffd978;}
.dailyLB{margin-top:8px; padding-top:0; border-top:none;}
.dailyLBTitle{
  margin-bottom:6px;
  font-size:10px;
  letter-spacing:.14em;
  color:rgba(189,214,208,.74);
}
.dailyTicker{
  position:relative;
  overflow:hidden;
  border:none;
  border-radius:10px;
  background:rgba(255,255,255,.02);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.dailyTicker::before,.dailyTicker::after{
  content:""; position:absolute; top:0; bottom:0; width:42px; z-index:2; pointer-events:none;
}
.dailyTicker::before{left:0; background:linear-gradient(90deg, rgba(6,10,12,1), rgba(6,10,12,0));}
.dailyTicker::after{right:0; background:linear-gradient(270deg, rgba(6,10,12,1), rgba(6,10,12,0));}
.dailyTickerTrack{display:flex; gap:26px; padding:8px 10px; font-size:11px; letter-spacing:.08em; color:rgba(222,239,234,.78);}
.dailyTickerTrack span{position:relative; white-space:nowrap;}
.dailyTickerTrack span::before{content:"•"; color:rgba(20,241,149,.65); margin-right:10px;}
.dailyRows{display:none !important;}
@media (max-width: 720px){
  .dailyRail{padding:10px;}
  .dailyTop{gap:8px; align-items:flex-start; flex-direction:column;}
  .dailyRight{width:100%; justify-content:space-between;}
  .dailyMeta{flex-direction:column; align-items:flex-start; gap:4px;}
}

.statusRail > .tile:not(:first-child){
  min-height:118px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.statusRail > .tile:not(:first-child) .k{
  margin-bottom:10px !important;
}
.statusRail > .tile:not(:first-child) .v2{
  line-height:1 !important;
}
.statusRail > .tile:not(:first-child) .chip{
  margin-top:12px !important;
}

.engrave .rank,
.engrave .name,
.relic .rank,
.relic .name{
  color: transparent !important;
  background-image:
    linear-gradient(180deg,
      #fff7cf 0%,
      #f8df8c 12%,
      #d7a93b 34%,
      #8b5e12 58%,
      #f1d47a 76%,
      #6e470c 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:
    0 1px 0 rgba(255,244,196,.30),
    0 2px 0 rgba(65,37,6,.78),
    0 3px 6px rgba(0,0,0,.45),
    0 0 10px rgba(176,120,27,.18) !important;
  filter: none !important;
}
.engrave .name,
.relic .name{
  font-weight: 900 !important;
}
.engrave .rank::after,
.engrave .name::after,
.relic .rank::after,
.relic .name::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.engrave .rank,
.engrave .name,
.relic .rank,
.relic .name{
  position:relative;
}
.engrave .rank::after,
.engrave .name::after,
.relic .rank::after,
.relic .name::after{
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0) 35%, rgba(0,0,0,0) 60%, rgba(84,53,8,.22) 100%);
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(#000,#000);
  mask-image: linear-gradient(#000,#000);
}

#dailyLPModule{
max-height:120px;
overflow-y:auto;
}

.panel .panelBody .lpRow{
  display:block !important;
  gap:10px !important;
  align-items:stretch !important;
}
.panel .panelBody .lpRow > button.btn{
  width:100% !important;
  min-width:0 !important;
}
.panel .panelBody .lpRow > button.btn.small{
  height:56px !important;
  padding:12px 12px !important;
  border-radius:14px !important;
}

.dailyTicker{margin-top:8px;overflow:hidden;width:100%;border-top:1px dashed rgba(255,255,255,.08);padding-top:6px}
.dailyTickerTrack{
  display:flex;align-items:center;gap:34px;white-space:nowrap;width:max-content;
  will-change:transform;animation:dailyTickerMove 70s linear infinite;
  font-family:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:11px;opacity:.88;
}
.dailyTickerTrack span{opacity:.92}

.dailyRight #dailyResetBtn{display:none !important;}
@keyframes dailyTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.chartWrap{height:560px!important;}
#seabedRelics,#thrones,.relic,.seabedFloor{display:none!important;}
@media (max-width:980px){ .chartWrap{height:420px!important;} }

.btn[data-add]{
  position:relative;
  overflow:hidden;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease, background .12s ease, color .12s ease;
}
.btn[data-add].inject-selected{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(20,241,149,.34), rgba(0,0,0,.92)) !important;
  color:#eefef7 !important;
  box-shadow:
    0 0 0 1px rgba(20,241,149,.34) inset,
    0 0 22px rgba(20,241,149,.24),
    0 14px 28px rgba(0,0,0,.48) !important;
  filter:saturate(1.18) brightness(1.04);
  transform:translateY(-1px);
}
.btn[data-add].inject-press{
  transform:scale(.965);
}
.btn[data-add] .btn-ripple{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  transform:translate(-50%,-50%) scale(0);
  pointer-events:none;
  opacity:.9;
  background:radial-gradient(circle, rgba(255,255,255,.46) 0%, rgba(20,241,149,.55) 38%, rgba(20,241,149,0) 72%);
  animation:btnRipple .58s ease-out forwards;
}
@keyframes btnRipple{
  to{ transform:translate(-50%,-50%) scale(10); opacity:0; }
}
.chartWrap.inject-flash-50{
  animation: injectFlash50 .22s ease-out 1;
}
@keyframes injectFlash50{
  0%{ filter:brightness(1) saturate(1); }
  50%{ filter:brightness(1.12) saturate(1.08); }
  100%{ filter:brightness(1) saturate(1); }
}
.chartWrap.inject-flash-200{
  animation: injectFlash200 .34s ease-out 1;
}
@keyframes injectFlash200{
  0%{ filter:brightness(1) saturate(1); }
  40%{ filter:brightness(1.24) saturate(1.16); box-shadow:0 0 0 1px rgba(120,255,220,.14) inset, 0 0 34px rgba(20,241,149,.18); }
  100%{ filter:brightness(1) saturate(1); box-shadow:0 0 0 1px rgba(120,255,220,.14) inset, 0 0 0 1px rgba(0,0,0,.55); }
}
.chartWrap .inject-wave{
  position:absolute;
  left:50%;
  top:58%;
  width:22px;
  height:22px;
  border-radius:999px;
  border:2px solid rgba(20,241,149,.72);
  box-shadow:0 0 20px rgba(20,241,149,.24);
  transform:translate(-50%,-50%) scale(.25);
  pointer-events:none;
  animation:injectWave .9s ease-out forwards;
}
@keyframes injectWave{
  0%{ opacity:.95; transform:translate(-50%,-50%) scale(.25); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(22); }
}
body .inject-lightning{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  opacity:0;
  background:
    linear-gradient(112deg, transparent 46%, rgba(255,255,255,.92) 49.5%, rgba(255,255,255,.25) 51%, transparent 53%),
    linear-gradient(292deg, transparent 47%, rgba(199,125,255,.72) 50%, transparent 53%),
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.36), rgba(20,241,149,.12) 38%, transparent 66%);
  animation:injectLightning .28s ease-out 1;
}
@keyframes injectLightning{
  0%{opacity:0}
  18%{opacity:.95}
  100%{opacity:0}
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}
::-webkit-scrollbar-track{
  background:#0B0F14;
}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#14F195,#00FFA3);
  border-radius:8px;
  box-shadow:0 0 10px rgba(20,241,149,.6);
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#19ffb6,#00ffa3);
}

*{
  scrollbar-width:thin;
  scrollbar-color:#14F195 #0B0F14;
}

#seabedRelics{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:8 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  border-radius:12px !important;
}
#thrones,
.tubeWhale,
.throne,
.lbCrown,
.lbWarn,
.seabedFloor,
.relic{
  display:none !important;
}

.stone-laser-overlay{
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.stone-glitch-overlay{
  position:absolute;
  inset:0;
  background:#9945FF;
  mix-blend-mode:color-dodge;
  opacity:0;
  pointer-events:none;
  z-index:3;
}
.stone-fx-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:2;
}
.stone-slot{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index:4;
}
.stone-slot.s1{ top:76.6%; left:50.7%; width:24.0%; height:9.8%; transform:translate(-50%,-50%); }
.stone-slot.s2{ top:88.6%; left:18.8%; width:19.8%; height:11.2%; transform:translate(-50%,-50%); }
.stone-slot.s3{ top:88.6%; left:80.9%; width:19.8%; height:11.2%; transform:translate(-50%,-50%); }

.stone-slot-inner{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.stone-addr,
.stone-sol{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  overflow:visible;
  min-height:1em;
}
.stone-slot.s1 .stone-sol{ display:none !important; }

.stone-slot.s1 .stone-addr{
  font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size:clamp(18px,1.55vw,28px);
  font-weight:900;
  letter-spacing:.18em;
}
.stone-slot.s2 .stone-addr,
.stone-slot.s3 .stone-addr{
  font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size:clamp(12px,0.95vw,17px);
  font-weight:900;
  letter-spacing:.12em;
}
.stone-slot.s2 .stone-sol,
.stone-slot.s3 .stone-sol{
  font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size:clamp(10px,.76vw,14px);
  font-weight:800;
  letter-spacing:.16em;
}

.char-unit{
  display:inline-block;
  opacity:0;
  transform:translateY(-50px) scale(4) rotateX(90deg);
  filter:blur(20px) brightness(10);
  transition:none;
}
.char-unit.engraved{
  opacity:1;
  transform:translateY(0) scale(1) rotateX(0deg);
  filter:blur(0px) brightness(1);
  color:#ececec;
  text-shadow:
    0 0 2px #000,
    2px 2px 5px rgba(0,0,0,0.9),
    0 0 5px rgba(0,0,0,0.5);
  transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.chartWrap.stone-screen-shake{ animation:stoneShakeVortex .2s infinite; }
@keyframes stoneShakeVortex{
  0% { transform: translate(5px, 5px) rotate(0.5deg); }
  25% { transform: translate(-6px, -3px) rotate(-1deg); }
  50% { transform: translate(-3px, 6px) rotate(1.5deg); }
  75% { transform: translate(6px, -5px) rotate(-0.5deg); }
  100% { transform: translate(5px, 5px) rotate(0.5deg); }
}

@media (max-width:980px){
  .stone-slot.s1{ top:76.4%; left:50.7%; width:32%; height:8.6%; }
  .stone-slot.s2{ top:88.8%; left:19.2%; width:26.0%; height:10.8%; transform:translate(-50%,-50%); }
  .stone-slot.s3{ top:88.8%; left:80.6%; width:26.0%; height:10.8%; transform:translate(-50%,-50%); }
  .stone-slot.s1 .stone-addr{ font-size:clamp(12px,2.15vw,18px); }
  .stone-slot.s2 .stone-addr,.stone-slot.s3 .stone-addr{ font-size:clamp(9px,1.65vw,12px); }
  .stone-slot.s2 .stone-sol,.stone-slot.s3 .stone-sol{ font-size:clamp(8px,1.4vw,11px); }
}

.chartWrap{
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
}
.viewport .chartWrap{
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
}
@media (max-width:980px){
  .chartWrap{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
  .viewport .chartWrap{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
}

.chartWrap,
.viewport .chartWrap{
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
}
@media (max-width:980px){
  .chartWrap,
  .viewport .chartWrap{
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
}

.stone-alert{
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:12;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,215,90,.24);
  background:linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.56));
  box-shadow:0 18px 60px rgba(0,0,0,.35), 0 0 28px rgba(255,215,90,.12);
  font-family:'JetBrains Mono', monospace;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  color:rgba(255,237,190,.96);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  text-transform:uppercase;
}
.stone-alert.on{ animation:stoneAlertPop 2.8s ease both; }
@keyframes stoneAlertPop{
  0%{ opacity:0; transform:translateX(-50%) translateY(-12px) scale(.96); }
  12%{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
  82%{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
  100%{ opacity:0; transform:translateX(-50%) translateY(-8px) scale(.98); }
}
.stone-slot{ isolation:isolate; }
.stone-slot::before{
  content:"";
  position:absolute;
  inset:4% 4%;
  border-radius:12px;
  background:
    radial-gradient(90% 80% at 50% 35%, rgba(255,255,255,.05), rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.04) 40%, rgba(0,0,0,.18));
  mix-blend-mode:soft-light;
  opacity:.34;
  z-index:0;
}
.stone-cracks{
  position:absolute;
  inset:-4% -2%;
  opacity:0;
  pointer-events:none;
  z-index:1;
  background:
    radial-gradient(10px 2px at 50% 52%, rgba(255,230,180,.75), rgba(255,230,180,0) 72%),
    linear-gradient(118deg, transparent 0 41%, rgba(255,225,160,0) 41.2%, rgba(255,225,160,.95) 41.8%, rgba(255,225,160,0) 42.6%, transparent 43.5% 100%),
    linear-gradient(77deg, transparent 0 47%, rgba(255,225,160,0) 47.3%, rgba(255,225,160,.82) 47.9%, rgba(255,225,160,0) 48.8%, transparent 49.6% 100%),
    linear-gradient(149deg, transparent 0 58%, rgba(255,225,160,0) 58.1%, rgba(255,225,160,.72) 58.7%, rgba(255,225,160,0) 59.4%, transparent 60.4% 100%);
  filter:drop-shadow(0 0 7px rgba(255,194,95,.22));
}
.stone-slot.crack .stone-cracks{
  animation:crackFlash 1.15s ease both;
}
@keyframes crackFlash{
  0%{opacity:0; transform:scale(.97)}
  10%{opacity:1}
  55%{opacity:.92}
  100%{opacity:.22; transform:scale(1)}
}
.char-unit{
  position:relative;
}
.char-unit.engraved{
  color:#cfc8bc !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.04),
    0 -1px 0 rgba(0,0,0,.65),
    1px 1px 0 rgba(0,0,0,.52),
    0 0 2px rgba(0,0,0,.45) !important;
  filter:brightness(.98) contrast(1.06) saturate(.76) !important;
}
.char-unit.engraved::before{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  color:rgba(24,20,18,.82);
  transform:translate(1.2px,1.25px);
  text-shadow:none;
  filter:blur(.45px);
  mix-blend-mode:multiply;
  opacity:.94;
  pointer-events:none;
}
.char-unit.engraved::after{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  color:rgba(255,245,220,.08);
  transform:translate(-.6px,-.7px);
  text-shadow:0 0 1px rgba(255,255,255,.06);
  opacity:.75;
  pointer-events:none;
}
.stone-slot.takeover{
  animation:takeoverGlow 1.2s ease-out both;
}
@keyframes takeoverGlow{
  0%{filter:brightness(1) saturate(1)}
  18%{filter:brightness(1.22) saturate(1.16)}
  100%{filter:brightness(1) saturate(1)}
}

.oceanCapitalLayer{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.lpDepthTint{
  position:absolute;
  inset:0;
  background:
    radial-gradient(80% 65% at 50% 100%, rgba(20,241,149,.12), rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(0,194,255,.05), rgba(25,255,182,.12) 62%, rgba(0,0,0,0) 100%);
  opacity:.18;
  transition: opacity .35s ease, filter .35s ease;
  mix-blend-mode:screen;
}
.lpDepthTint.deep{
  opacity:.34;
  filter:saturate(1.2) contrast(1.06);
}
.lpDepthWaveHost{
  position:absolute;
  inset:0;
  overflow:hidden;
}
.lpDepthWave{
  position:absolute;
  bottom:-14%;
  width:22px;
  height:22px;
  border-radius:999px;
  border:2px solid rgba(120,255,220,.65);
  box-shadow:
    0 0 16px rgba(0,194,255,.22),
    0 0 32px rgba(20,241,149,.18);
  transform:translate(-50%,50%) scale(.2);
  opacity:0;
  mix-blend-mode:screen;
}
.lpDepthWave.big{
  border-color: rgba(255,209,90,.82);
  box-shadow:
    0 0 18px rgba(255,209,90,.28),
    0 0 40px rgba(20,241,149,.20);
}
@keyframes lpDepthRipple{
  0%{ opacity:.92; transform:translate(-50%,50%) scale(.2); }
  65%{ opacity:.38; }
  100%{ opacity:0; transform:translate(-50%,50%) scale(var(--waveScale,18)); }
}

.solVortex{
  position:absolute;
  top:3.2%;
  left:50%;
  width:180px;
  height:180px;
  transform:translateX(-50%) scale(var(--vortexScale,1));
  transform-origin:50% 50%;
  filter:drop-shadow(0 0 22px rgba(0,194,255,.14));
}
.solVortexHalo{
  position:absolute;
  inset:-18%;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06), rgba(0,0,0,0) 34%),
    radial-gradient(circle at 50% 50%, rgba(124,58,237,.20), rgba(0,0,0,0) 58%),
    radial-gradient(circle at 50% 50%, rgba(0,194,255,.16), rgba(0,0,0,0) 74%);
  opacity:.72;
  animation:vortexHaloSpin 11s linear infinite;
}
.solVortexRing{
  position:absolute;
  inset:16%;
  border-radius:999px;
  border:1px solid rgba(120,255,220,.18);
  box-shadow:0 0 18px rgba(0,194,255,.10) inset;
}
.solVortexRing.ringA{ animation:vortexSpinA 9.5s linear infinite; }
.solVortexRing.ringB{ inset:23%; border-color:rgba(153,69,255,.20); animation:vortexSpinB 6.5s linear infinite; }
.solVortexRing.ringC{ inset:31%; border-color:rgba(255,209,90,.22); animation:vortexSpinA 4.8s linear infinite reverse; }
.solVortexCore{
  position:absolute;
  inset:36%;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.14), rgba(0,0,0,0) 36%),
    radial-gradient(circle at 50% 60%, rgba(0,0,0,.92), rgba(0,0,0,.62) 45%, rgba(0,194,255,.10) 72%, rgba(0,0,0,0) 100%);
  box-shadow:
    0 0 28px rgba(0,194,255,.18),
    0 0 42px rgba(153,69,255,.12);
}
.solGlyph{
  font-family:var(--mono);
  font-size:30px;
  font-weight:900;
  color:rgba(220,245,255,.92);
  text-shadow:
    0 0 18px rgba(0,194,255,.28),
    0 0 34px rgba(153,69,255,.18);
}
.solVortex.absorb{
  animation:vortexAbsorb .9s ease-out;
}
.solVortex.king{
  filter:
    drop-shadow(0 0 34px rgba(255,209,90,.24))
    drop-shadow(0 0 58px rgba(255,166,40,.16));
}
.solBeamHost{
  position:absolute;
  inset:0;
}
.solBeam{
  position:absolute;
  left:50%;
  top:58%;
  width:10px;
  height:10px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.95), rgba(255,209,90,.72) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 16px rgba(255,209,90,.46),
    0 0 36px rgba(0,194,255,.18);
  opacity:0;
  transform:translate(-50%,-50%) scale(.5);
}
.solBeam::before{
  content:"";
  position:absolute;
  left:50%;
  top:-150px;
  width:2px;
  height:160px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(153,69,255,.76) 28%, rgba(20,241,149,.82) 70%, rgba(255,255,255,.96));
  box-shadow:0 0 14px rgba(20,241,149,.28);
  opacity:.94;
}
.solBeam.big::before{
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(153,69,255,.82) 22%, rgba(20,241,149,.86) 62%, rgba(255,209,90,.94));
  box-shadow:0 0 18px rgba(255,209,90,.34);
}
@keyframes solBeamDrop{
  0%{ opacity:0; transform:translate(-50%,-120px) scale(.4); }
  16%{ opacity:1; }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(1.15); }
}
@keyframes vortexHaloSpin{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes vortexSpinA{ from{transform:rotate(0deg) scale(1)} 50%{transform:rotate(180deg) scale(1.05)} to{transform:rotate(360deg) scale(1)} }
@keyframes vortexSpinB{ from{transform:rotate(360deg) scale(1)} 50%{transform:rotate(180deg) scale(.96)} to{transform:rotate(0deg) scale(1)} }
@keyframes vortexAbsorb{
  0%{ transform:translateX(-50%) scale(var(--vortexScale,1)); }
  30%{ transform:translateX(-50%) scale(calc(var(--vortexScale,1) * 1.12)); }
  100%{ transform:translateX(-50%) scale(var(--vortexScale,1)); }
}

.stone-slot.honor-flash{
  animation:stoneHonorFlash .95s ease-out;
}
@keyframes stoneHonorFlash{
  0%{ filter:brightness(1) saturate(1); }
  22%{ filter:brightness(1.24) saturate(1.18); }
  100%{ filter:brightness(1) saturate(1); }
}
.stone-slot.honor-flash::after{
  content:"";
  position:absolute;
  inset:-10% -8%;
  border-radius:18px;
  background:radial-gradient(circle at 50% 50%, rgba(255,209,90,.26), rgba(20,241,149,.12) 35%, rgba(0,0,0,0) 72%);
  animation:stoneHonorGlow .95s ease-out;
  pointer-events:none;
}
@keyframes stoneHonorGlow{
  0%{ opacity:0; transform:scale(.92); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:scale(1.06); }
}
.stone-slot .slotTitle{
  display:block;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.20em;
  color:rgba(255,220,160,.76);
  text-transform:uppercase;
  margin-bottom:2px;
  text-shadow:0 0 10px rgba(255,209,90,.12);
}
@media (max-width:980px){
  .solVortex{ width:132px; height:132px; top:4.4%; }
  .solGlyph{ font-size:24px; }
}

.stone-glitch-overlay,
.stone-fx-layer,
.solBeam{
  display:none !important;
}
.char-unit,
.king-char{
  filter:none !important;
}
.char-unit.engraved,
.king-char.crown-engraved{
  color:#bfb4a2 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.03),
    0 -1px 0 rgba(0,0,0,.72),
    1px 1px 0 rgba(0,0,0,.58),
    0 0 2px rgba(0,0,0,.35) !important;
}
.fireBurst{
  position:absolute;
  width:18px; height:18px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 50%, rgba(255,248,220,.95), rgba(255,190,60,.88) 34%, rgba(255,92,20,.62) 56%, rgba(0,0,0,0) 74%);
  box-shadow:0 0 14px rgba(255,180,80,.45), 0 0 28px rgba(255,92,20,.28);
  mix-blend-mode:screen;
}
.fireBurst.big{
  width:24px; height:24px;
  box-shadow:0 0 18px rgba(255,210,100,.52), 0 0 36px rgba(255,92,20,.30);
}
@keyframes fireBurstPop{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.2)}
  15%{opacity:1}
  100%{opacity:0; transform:translate(-50%,-50%) scale(2.8)}
}
.smokePuff{
  position:absolute;
  width:20px; height:20px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 45% 45%, rgba(65,65,65,.85), rgba(34,34,34,.58) 44%, rgba(0,0,0,0) 72%);
  filter:blur(2px);
  mix-blend-mode:multiply;
}
@keyframes smokeRise{
  0%{opacity:.55; transform:translate(-50%,-40%) scale(.45)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-140% + var(--dy,-26px))) scale(2.2)}
}
.bubbleSpray{
  position:absolute;
  width:9px; height:9px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.82), rgba(150,230,255,.52) 48%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 12px rgba(130,220,255,.18);
  mix-blend-mode:screen;
}
@keyframes bubbleLift{
  0%{opacity:.75; transform:translate(-50%,-50%) scale(.45)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-240% + var(--dy,-46px))) scale(1.35)}
}
.stone-slot.forge-heat{
  animation:forgeHeat 520ms ease-out;
}
@keyframes forgeHeat{
  0%{filter:brightness(1) saturate(1)}
  30%{filter:brightness(1.18) saturate(1.08)}
  100%{filter:brightness(1) saturate(1)}
}

.stone-slot .slotTitle{
  display:none !important;
}

.fireBurst,.smokePuff{ display:none !important; }

.char-unit.engraved,
.king-char.crown-engraved{
  color:#d7d8d2 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.03),
    0 -1px 0 rgba(0,0,0,.88),
    1px 1px 0 rgba(0,0,0,.72),
    0 0 6px rgba(82,222,255,.10),
    0 0 14px rgba(147,104,255,.08) !important;
  filter:brightness(.98) contrast(1.04) saturate(.82) !important;
}
.char-unit.engraved::before,
.king-char.crown-engraved::before{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  color:rgba(11,18,22,.92);
  transform:translate(1.5px,1.6px);
  filter:blur(.55px);
  opacity:.94;
  mix-blend-mode:multiply;
  pointer-events:none;
}
.char-unit.engraved::after,
.king-char.crown-engraved::after{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  color:rgba(156,245,255,.10);
  transform:translate(-.6px,-.7px);
  text-shadow:
    0 0 1px rgba(220,255,255,.08),
    0 0 10px rgba(52,208,255,.08),
    0 0 16px rgba(147,104,255,.06);
  pointer-events:none;
}

.stone-slot.pressure-etch{
  animation:pressureEtch 680ms ease-out;
}
@keyframes pressureEtch{
  0%{ filter:brightness(1) saturate(1); }
  20%{ filter:brightness(1.12) saturate(1.08); }
  100%{ filter:brightness(1) saturate(1); }
}

.deepBubble{
  position:absolute;
  width:10px; height:10px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.92), rgba(160,235,255,.58) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 12px rgba(140,225,255,.16),
    0 0 22px rgba(79,170,255,.08);
  mix-blend-mode:screen;
}
@keyframes deepBubbleRise{
  0%{ opacity:.85; transform:translate(-50%,-50%) scale(.42); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-320% + var(--dy,-70px))) scale(1.36); }
}

.deepSilt{
  position:absolute;
  width:18px; height:18px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(56,58,62,.82), rgba(24,26,28,.56) 46%, rgba(0,0,0,0) 72%);
  filter:blur(2.2px);
  mix-blend-mode:multiply;
}
@keyframes deepSiltDrift{
  0%{ opacity:.55; transform:translate(-50%,-40%) scale(.5); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-120% + var(--dy,-26px))) scale(2.8); }
}

.deepEtchPulse{
  position:absolute;
  width:18px; height:18px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(235,255,255,.86), rgba(82,222,255,.56) 34%, rgba(147,104,255,.30) 56%, rgba(0,0,0,0) 76%);
  box-shadow:
    0 0 18px rgba(82,222,255,.22),
    0 0 34px rgba(147,104,255,.14);
  mix-blend-mode:screen;
}
.deepEtchPulse.big{
  width:26px; height:26px;
}
@keyframes deepEtchPulse{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(.25); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(2.35); }
}

.chartWrap{
  overflow:hidden !important;
}
.transparentWaterTank{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.transparentWaterBody{
  position:absolute;
  left:0; right:0; bottom:0;
  height:100%;
  background:
    linear-gradient(180deg,
      rgba(150,235,255,0.00) 0%,
      rgba(120,220,255,0.04) 18%,
      rgba(90,200,255,0.08) 34%,
      rgba(40,150,210,0.12) 56%,
      rgba(10,70,120,0.18) 100%);
  backdrop-filter: blur(1.5px) saturate(1.05);
  -webkit-backdrop-filter: blur(1.5px) saturate(1.05);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.7) 18%, #000 36%, #000 100%);
}
.transparentWaterSurface{
  position:absolute;
  left:0; right:0;
  height:18px;
  top:var(--water-level, 8%);
  transform:translateY(-50%);
  background:
    linear-gradient(180deg,
      rgba(220,250,255,.28),
      rgba(120,220,255,.18) 38%,
      rgba(80,170,255,.10) 72%,
      rgba(0,0,0,0) 100%);
  box-shadow:
    0 0 18px rgba(120,220,255,.16),
    0 1px 0 rgba(255,255,255,.12) inset;
  opacity:.95;
}
.transparentWaterSurface::before{
  content:"";
  position:absolute;
  inset:-2px 0 0 0;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,255,255,.42) 0 2px, transparent 3px),
    radial-gradient(circle at 28% 50%, rgba(255,255,255,.24) 0 2px, transparent 3px),
    radial-gradient(circle at 52% 50%, rgba(255,255,255,.28) 0 2px, transparent 3px),
    radial-gradient(circle at 76% 50%, rgba(255,255,255,.24) 0 2px, transparent 3px),
    radial-gradient(circle at 90% 50%, rgba(255,255,255,.36) 0 2px, transparent 3px);
  opacity:.75;
  filter:blur(.2px);
}
.transparentWaterGlow{
  position:absolute;
  left:0; right:0;
  top:calc(var(--water-level, 8%) - 12px);
  height:36px;
  background:linear-gradient(180deg, rgba(170,240,255,.00), rgba(170,240,255,.10), rgba(80,180,255,.00));
  opacity:.7;
  mix-blend-mode:screen;
}
.transparentWaterDepth{
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 50% 100%, rgba(30,120,180,.16), rgba(0,0,0,0) 52%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,20,40,.06) 100%);
  opacity:.8;
}
.waterFoamBurst{
  position:absolute;
  width:12px; height:12px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.9), rgba(180,240,255,.52) 44%, rgba(0,0,0,0) 72%);
  opacity:0;
  pointer-events:none;
  mix-blend-mode:screen;
}
@keyframes waterFoamUp{
  0%{opacity:.8; transform:translate(-50%,-50%) scale(.4)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx, 0px)), calc(-220% + var(--dy, -42px))) scale(1.35)}
}

.transparentWaterSurface{
  display:none !important;
}
.transparentWaterSurfaceCanvas{
  position:absolute;
  left:0; right:0;
  top:0;
  width:100%;
  height:52px;
  pointer-events:none;
  opacity:.98;
  mix-blend-mode:screen;
}
.chartWrap.water-level-shift{
  animation:none !important;
}

.transparentWaterBody{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mask-image: none !important;
  opacity: 1 !important;
}
.transparentWaterDepth{
  display:none !important;
}
.transparentWaterGlow{
  background: linear-gradient(180deg, rgba(170,240,255,0), rgba(170,240,255,.07), rgba(170,240,255,0)) !important;
  opacity:.55 !important;
}
.transparentWaterSurfaceCanvas{
  height:72px !important;
  opacity:1 !important;
}
.waterFoamBurst{
  width:14px !important;
  height:14px !important;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(205,245,255,.68) 42%, rgba(0,0,0,0) 72%) !important;
  box-shadow:0 0 16px rgba(180,240,255,.22) !important;
}
.waterSplash{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.96), rgba(180,240,255,.72) 42%, rgba(0,0,0,0) 74%);
  box-shadow:
    0 0 14px rgba(180,240,255,.22),
    0 0 28px rgba(120,220,255,.14);
  mix-blend-mode:screen;
}
@keyframes waterSplashArc{
  0%{opacity:.95; transform:translate(-50%,-50%) scale(.4)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-60px))) scale(1.2)}
}

.stageFxLayer{
  position:absolute;
  inset:0;
  z-index:11;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.depthPressureRing{
  position:absolute;
  width:28px;
  height:28px;
  border-radius:999px;
  border:2px solid rgba(120,235,255,.55);
  box-shadow:0 0 22px rgba(120,235,255,.18), 0 0 46px rgba(147,104,255,.10);
  opacity:0;
  mix-blend-mode:screen;
}
.depthPressureRing.heavy{
  border-color:rgba(160,245,255,.85);
  box-shadow:0 0 28px rgba(160,245,255,.24), 0 0 60px rgba(147,104,255,.16);
}
@keyframes depthRingExpand{
  0%{opacity:.9; transform:translate(-50%,-50%) scale(.25)}
  100%{opacity:0; transform:translate(-50%,-50%) scale(var(--ringScale,14))}
}

.depthBubble{
  position:absolute;
  width:10px; height:10px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.92), rgba(170,235,255,.60) 42%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 12px rgba(150,230,255,.18);
  mix-blend-mode:screen;
}
@keyframes depthBubbleLift{
  0%{opacity:.82; transform:translate(-50%,-50%) scale(.35)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-360% + var(--dy,-80px))) scale(1.45)}
}

.surfaceSplash{
  position:absolute;
  width:16px; height:16px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(195,245,255,.70) 42%, rgba(0,0,0,0) 74%);
  box-shadow:0 0 14px rgba(190,245,255,.24), 0 0 28px rgba(120,220,255,.14);
  mix-blend-mode:screen;
}
@keyframes surfaceSplashArc{
  0%{opacity:.95; transform:translate(-50%,-50%) scale(.4)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-60px))) scale(1.22)}
}

.siltCloud{
  position:absolute;
  width:28px; height:28px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 50%, rgba(45,50,56,.86), rgba(18,22,28,.60) 44%, rgba(0,0,0,0) 72%);
  filter:blur(2.6px);
  mix-blend-mode:multiply;
}
@keyframes siltBloom{
  0%{opacity:.58; transform:translate(-50%,-40%) scale(.45)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-110% + var(--dy,-24px))) scale(3.4)}
}

.biolumePulse{
  position:absolute;
  inset:-12% -8%;
  border-radius:18px;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(82,222,255,.20), rgba(147,104,255,.10) 34%, rgba(0,0,0,0) 72%);
  mix-blend-mode:screen;
}
.stone-slot.plaque-glow .biolumePulse{
  animation:plaqueGlowPulse .82s ease-out both;
}
@keyframes plaqueGlowPulse{
  0%{opacity:0; transform:scale(.92)}
  24%{opacity:1}
  100%{opacity:0; transform:scale(1.08)}
}

.abyssShock{
  position:absolute;
  inset:-8% -4%;
  border-radius:18px;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 56%, rgba(170,245,255,.18), rgba(82,222,255,.12) 24%, rgba(147,104,255,.08) 40%, rgba(0,0,0,0) 72%);
  mix-blend-mode:screen;
}
.abyssShock.on{
  animation:abyssShockPulse .92s ease-out both;
}
@keyframes abyssShockPulse{
  0%{opacity:0; transform:scale(.88)}
  18%{opacity:1}
  100%{opacity:0; transform:scale(1.14)}
}

.vortexPressure{
  position:absolute;
  inset:-18%;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(150,235,255,.22);
  box-shadow:0 0 24px rgba(82,222,255,.14), 0 0 60px rgba(147,104,255,.10);
}
.solVortex.pressure .vortexPressure{
  animation:vortexPressureBreath .88s ease-out both;
}
@keyframes vortexPressureBreath{
  0%{opacity:0; transform:scale(.82)}
  24%{opacity:1}
  100%{opacity:0; transform:scale(1.18)}
}

.btn.preview-on{
  box-shadow:
    0 0 0 1px rgba(120,255,220,.28) inset,
    0 0 24px rgba(20,241,149,.18),
    0 14px 28px rgba(0,0,0,.46) !important;
  filter:saturate(1.18) brightness(1.03) !important;
}
.btn.preview-01{
  box-shadow:
    0 0 0 1px rgba(180,245,255,.26) inset,
    0 0 14px rgba(180,245,255,.12),
    0 12px 26px rgba(0,0,0,.44) !important;
}
.btn.preview-5{
  box-shadow:
    0 0 0 1px rgba(120,235,255,.26) inset,
    0 0 18px rgba(120,235,255,.15),
    0 12px 26px rgba(0,0,0,.44) !important;
}
.btn.preview-10{
  box-shadow:
    0 0 0 1px rgba(120,235,255,.30) inset,
    0 0 22px rgba(120,235,255,.16),
    0 12px 26px rgba(0,0,0,.44) !important;
}
.btn.preview-50{
  box-shadow:
    0 0 0 1px rgba(20,241,149,.30) inset,
    0 0 24px rgba(20,241,149,.18),
    0 12px 26px rgba(0,0,0,.44) !important;
}
.btn.preview-200{
  box-shadow:
    0 0 0 1px rgba(255,209,90,.30) inset,
    0 0 28px rgba(255,209,90,.18),
    0 12px 26px rgba(0,0,0,.44) !important;
}
.btn.preview-1000{
  box-shadow:
    0 0 0 1px rgba(170,245,255,.32) inset,
    0 0 32px rgba(170,245,255,.20),
    0 12px 26px rgba(0,0,0,.44) !important;
}

.previewSweep{
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:12px;
  overflow:hidden;
}
.previewSweep::after{
  content:"";
  position:absolute;
  inset:-20% -40%;
  background:linear-gradient(110deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.14) 48%, rgba(255,255,255,0) 62%);
  transform:translateX(-80%);
  animation:previewSweepMove 780ms ease-out forwards;
}
@keyframes previewSweepMove{
  to{ transform:translateX(80%); }
}

.btn::before,
.btn::after,
.previewSweep,
.previewSweep::after{
  display:none !important;
  content:none !important;
}
.btn,
.btn.preview-on,
.btn.preview-01,
.btn.preview-5,
.btn.preview-10,
.btn.preview-50,
.btn.preview-200,
.btn.preview-1000{
  transition:background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease !important;
}
.btn.preview-on{
  filter:none !important;
  box-shadow:
    0 0 0 1px rgba(130,225,255,.12) inset,
    0 0 18px rgba(70,140,190,.10),
    0 14px 26px rgba(0,0,0,.50) !important;
}
.btn.preview-01,
.btn.preview-5,
.btn.preview-10,
.btn.preview-50,
.btn.preview-200,
.btn.preview-1000{
  box-shadow:
    0 0 0 1px rgba(130,225,255,.12) inset,
    0 0 18px rgba(70,140,190,.10),
    0 14px 26px rgba(0,0,0,.50) !important;
}
.btn.abyss-selected{
  border-color: rgba(155,235,255,.32) !important;
  color: rgba(228,246,255,.96) !important;
  background:
    linear-gradient(180deg, rgba(8,18,28,.92), rgba(5,10,18,.92)) !important;
  box-shadow:
    0 0 0 1px rgba(130,225,255,.18) inset,
    0 0 22px rgba(70,140,190,.12),
    0 14px 30px rgba(0,0,0,.56) !important;
}

.abyssSelectPulse{
  position:absolute;
  inset:0;
  border-radius:12px;
  pointer-events:none;
  overflow:hidden;
}
.abyssSelectPulse::before{
  content:"";
  position:absolute;
  inset:-18% -14%;
  background:
    radial-gradient(circle at 50% 50%, rgba(160,235,255,.12), rgba(90,165,220,.06) 30%, rgba(0,0,0,0) 68%);
  animation:abyssBtnBreath .95s ease-out forwards;
}
@keyframes abyssBtnBreath{
  0%{opacity:0; transform:scale(.84)}
  18%{opacity:1}
  100%{opacity:0; transform:scale(1.16)}
}

.btn.preview-on,
.btn.preview-01,
.btn.preview-5,
.btn.preview-10,
.btn.preview-50,
.btn.preview-200,
.btn.preview-1000,
.btn.abyss-selected{
  box-shadow:none !important;
  filter:none !important;
  background:inherit !important;
  border-color:inherit !important;
  color:inherit !important;
}
.abyssSelectPulse,
.abyssSelectPulse::before,
.previewSweep,
.previewSweep::before,
.previewSweep::after{
  display:none !important;
  content:none !important;
}

.inject-selected,
.inject-press,
.inject-wave,
.inject-flash-50,
.inject-flash-200,
[class*="inject-flash"]{
  animation:none !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
  background-image:none !important;
}
.inject-wave{
  display:none !important;
  opacity:0 !important;
}
.chartWrap.inject-flash-50,
.chartWrap.inject-flash-200,
.chartWrap[class*="inject-flash"]{
  animation:none !important;
  box-shadow:none !important;
  filter:none !important;
}

.inject-lightning{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.microBubbleLine{
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.microBubble{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(190,245,255,.72) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 14px rgba(180,240,255,.30),
    0 0 26px rgba(120,220,255,.18);
  mix-blend-mode:screen;
}
@keyframes microBubbleRise01{
  0%{opacity:.9; transform:translate(-50%,-50%) scale(.45)}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-380% + var(--dy,-90px))) scale(1.35)}
}

.stage01TestLayer{
  position:absolute;
  inset:0;
  z-index:14;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.chartWrap.stage01-shake{
  animation:stage01PressureShake 520ms ease-out;
}
@keyframes stage01PressureShake{
  0%{ transform:translate(0,0); }
  18%{ transform:translate(-1px, 1px); }
  36%{ transform:translate(1px, -1px); }
  54%{ transform:translate(-1px, 0px); }
  72%{ transform:translate(1px, 1px); }
  100%{ transform:translate(0,0); }
}
.stage01SurfaceBand{
  position:absolute;
  left:0; right:0;
  height:64px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.0), rgba(210,245,255,.12), rgba(120,220,255,.0));
  mix-blend-mode:screen;
}
.stage01SurfaceBand.on{
  animation:stage01SurfaceBandPulse 700ms ease-out;
}
@keyframes stage01SurfaceBandPulse{
  0%{ opacity:0; transform:scaleY(.7); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.2); }
}

.stage01Bubble{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(190,245,255,.74) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 14px rgba(180,240,255,.30),
    0 0 28px rgba(120,220,255,.20);
  mix-blend-mode:screen;
}
@keyframes stage01BubbleRise{
  0%{ opacity:.95; transform:translate(-50%,-50%) scale(.45); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-420% + var(--dy,-90px))) scale(1.45); }
}

.chartWrap.stage5-shake{
  animation:stage5PressureShake 620ms ease-out;
}
@keyframes stage5PressureShake{
  0%{ transform:translate(0,0); }
  16%{ transform:translate(-1px, 1px); }
  32%{ transform:translate(1px, -1px); }
  48%{ transform:translate(-1px, 1px); }
  64%{ transform:translate(1px, 0px); }
  100%{ transform:translate(0,0); }
}
.stage5SurfaceBand{
  position:absolute;
  left:0; right:0;
  height:74px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(210,245,255,.14), rgba(120,220,255,0));
  mix-blend-mode:screen;
}
.stage5SurfaceBand.on{
  animation:stage5SurfaceBandPulse 820ms ease-out;
}
@keyframes stage5SurfaceBandPulse{
  0%{ opacity:0; transform:scaleY(.72); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.28); }
}
.stage5Bubble{
  position:absolute;
  width:13px;
  height:13px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(190,245,255,.78) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 16px rgba(180,240,255,.34),
    0 0 30px rgba(120,220,255,.22);
  mix-blend-mode:screen;
}
@keyframes stage5BubbleRise{
  0%{ opacity:.98; transform:translate(-50%,-50%) scale(.48); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-460% + var(--dy,-110px))) scale(1.58); }
}

.chartWrap.stage50-shake{
  animation:stage50PressureShake 760ms ease-out;
}
@keyframes stage50PressureShake{
  0%{ transform:translate(0,0); }
  14%{ transform:translate(-1px, 1px); }
  28%{ transform:translate(1px, -1px); }
  42%{ transform:translate(-1px, 1px); }
  56%{ transform:translate(1px, 0px); }
  70%{ transform:translate(-1px, 0px); }
  100%{ transform:translate(0,0); }
}
.stage50SurfaceBand{
  position:absolute;
  left:0; right:0;
  height:86px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(210,245,255,.16), rgba(120,220,255,0));
  mix-blend-mode:screen;
}
.stage50SurfaceBand.on{
  animation:stage50SurfaceBandPulse 920ms ease-out;
}
@keyframes stage50SurfaceBandPulse{
  0%{ opacity:0; transform:scaleY(.74); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.34); }
}
.stage50Bubble{
  position:absolute;
  width:15px;
  height:15px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.99), rgba(190,245,255,.82) 44%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 18px rgba(180,240,255,.38),
    0 0 34px rgba(120,220,255,.24);
  mix-blend-mode:screen;
}
@keyframes stage50BubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.52); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-520% + var(--dy,-126px))) scale(1.72); }
}

.chartWrap.stage200-shake{
  animation:stage200PressureShake 980ms ease-out;
}
@keyframes stage200PressureShake{
  0%{ transform:translate(0,0); }
  12%{ transform:translate(-2px, 1px); }
  24%{ transform:translate(2px, -1px); }
  36%{ transform:translate(-2px, 2px); }
  48%{ transform:translate(2px, 0px); }
  60%{ transform:translate(-1px, -1px); }
  72%{ transform:translate(1px, 1px); }
  100%{ transform:translate(0,0); }
}
.stage200SurfaceBand{
  position:absolute;
  left:0; right:0;
  height:110px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(220,248,255,.22), rgba(140,225,255,.10), rgba(120,220,255,0));
  mix-blend-mode:screen;
}
.stage200SurfaceBand.on{
  animation:stage200SurfaceBandPulse 980ms ease-out;
}
@keyframes stage200SurfaceBandPulse{
  0%{ opacity:0; transform:scaleY(.72); }
  18%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.42); }
}
.stage200Bubble{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(210,248,255,.84) 42%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 18px rgba(210,248,255,.40),
    0 0 38px rgba(120,220,255,.28);
  mix-blend-mode:screen;
}
@keyframes stage200BubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.55); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-560% + var(--dy,-150px))) scale(1.9); }
}
.stage200Splash{
  position:absolute;
  width:20px;
  height:20px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(210,248,255,.82) 42%, rgba(0,0,0,0) 74%);
  box-shadow:
    0 0 18px rgba(210,248,255,.34),
    0 0 34px rgba(120,220,255,.22);
  mix-blend-mode:screen;
}
@keyframes stage200SplashArc{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.45); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-120px))) scale(1.5); }
}
.stage200WaveRing{
  position:absolute;
  width:40px;
  height:40px;
  border-radius:999px;
  border:3px solid rgba(210,248,255,.72);
  box-shadow:
    0 0 28px rgba(210,248,255,.26),
    0 0 54px rgba(120,220,255,.20);
  opacity:0;
  mix-blend-mode:screen;
}
@keyframes stage200WaveExpand{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.18); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(var(--s,16)); }
}

.chartWrap.stage1000-shake{
  animation:stage1000PressureShake 1250ms cubic-bezier(.19,1,.22,1);
}
@keyframes stage1000PressureShake{
  0%{ transform:translate(0,0) scale(1); }
  8%{ transform:translate(-2px, 1px) scale(1.003); }
  16%{ transform:translate(2px, -1px) scale(1.006); }
  24%{ transform:translate(-3px, 2px) scale(1.010); }
  34%{ transform:translate(3px, -2px) scale(1.014); }
  48%{ transform:translate(-2px, 1px) scale(1.009); }
  62%{ transform:translate(2px, -1px) scale(1.006); }
  100%{ transform:translate(0,0) scale(1); }
}
.stage1000SurfaceCollapse{
  position:absolute;
  left:0; right:0;
  height:136px;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(60% 100% at 50% 50%, rgba(8,18,28,.0) 0 18%, rgba(10,22,35,.26) 34%, rgba(120,220,255,.16) 58%, rgba(255,255,255,0) 100%);
  mix-blend-mode:screen;
}
.stage1000SurfaceCollapse.on{
  animation:stage1000SurfaceCollapsePulse 1320ms cubic-bezier(.19,1,.22,1);
}
@keyframes stage1000SurfaceCollapsePulse{
  0%{ opacity:0; transform:scaleY(.8) scaleX(1); }
  18%{ opacity:1; transform:scaleY(1.0) scaleX(1.02); }
  44%{ opacity:.95; transform:scaleY(1.18) scaleX(.92); }
  100%{ opacity:0; transform:scaleY(1.34) scaleX(1.08); }
}
.stage1000CollapseCore{
  position:absolute;
  width:80px;
  height:80px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,.0) 0 24%, rgba(8,18,28,.78) 34%, rgba(120,220,255,.18) 58%, rgba(0,0,0,0) 78%);
  mix-blend-mode:screen;
}
@keyframes stage1000CollapseCoreAnim{
  0%{ opacity:0; transform:translate(-50%,-50%) scale(1.7); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(.28); }
}
.stage1000WaveRing{
  position:absolute;
  width:44px;
  height:44px;
  border-radius:999px;
  border:3px solid rgba(200,248,255,.78);
  box-shadow:
    0 0 32px rgba(200,248,255,.30),
    0 0 70px rgba(120,220,255,.22);
  opacity:0;
  mix-blend-mode:screen;
}
@keyframes stage1000WaveExpand{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.18); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(var(--s,22)); }
}
.stage1000Splash{
  position:absolute;
  width:24px;
  height:24px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(214,249,255,.88) 42%, rgba(0,0,0,0) 74%);
  box-shadow:
    0 0 22px rgba(214,249,255,.38),
    0 0 42px rgba(120,220,255,.26);
  mix-blend-mode:screen;
}
@keyframes stage1000SplashArc{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.5); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-150px))) scale(1.65); }
}
.stage1000Bubble{
  position:absolute;
  width:20px;
  height:20px;
  border-radius:999px;
  opacity:0;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(220,250,255,.90) 42%, rgba(0,0,0,0) 72%);
  box-shadow:
    0 0 22px rgba(220,250,255,.38),
    0 0 46px rgba(120,220,255,.28);
  mix-blend-mode:screen;
}
@keyframes stage1000BubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.58); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-640% + var(--dy,-180px))) scale(2.0); }
}
.stage1000Silt{
  position:absolute;
  width:38px;
  height:38px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(58,64,70,.92), rgba(20,24,30,.74) 44%, rgba(0,0,0,0) 72%);
  filter:blur(3.2px);
  mix-blend-mode:multiply;
}
@keyframes stage1000SiltBlast{
  0%{ opacity:.72; transform:translate(-50%,-50%) scale(.45); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(4.1); }
}
.solVortex.stage1000-overdrive{
  animation:stage1000VortexOverdrive 1320ms cubic-bezier(.19,1,.22,1);
  filter:
    drop-shadow(0 0 42px rgba(180,245,255,.24))
    drop-shadow(0 0 80px rgba(147,104,255,.18));
}
@keyframes stage1000VortexOverdrive{
  0%{ transform:translateX(-50%) scale(var(--vortexScale,1)); }
  18%{ transform:translateX(-50%) scale(calc(var(--vortexScale,1) * 1.10)); }
  42%{ transform:translateX(-50%) scale(calc(var(--vortexScale,1) * 1.24)); }
  100%{ transform:translateX(-50%) scale(var(--vortexScale,1)); }
}
.stage1000SealPulse{
  position:absolute;
  inset:-18%;
  border-radius:999px;
  opacity:0;
  border:1px solid rgba(210,250,255,.24);
  box-shadow:
    0 0 38px rgba(170,245,255,.18),
    0 0 80px rgba(147,104,255,.12);
}
.solVortex.stage1000-overdrive .stage1000SealPulse{
  animation:stage1000SealPulseAnim 1180ms ease-out both;
}
@keyframes stage1000SealPulseAnim{
  0%{ opacity:0; transform:scale(.78); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:scale(1.34); }
}

.chartWrap.stage1000-shake{
  animation:stage1000PressureShakeIntense 1600ms cubic-bezier(.19,1,.22,1) !important;
}
@keyframes stage1000PressureShakeIntense{
  0%{ transform:translate(0,0) scale(1); }
  8%{ transform:translate(-3px, 2px) scale(1.004); }
  16%{ transform:translate(3px, -2px) scale(1.010); }
  24%{ transform:translate(-4px, 3px) scale(1.016); }
  34%{ transform:translate(4px, -3px) scale(1.022); }
  46%{ transform:translate(-3px, 2px) scale(1.018); }
  58%{ transform:translate(3px, -2px) scale(1.012); }
  72%{ transform:translate(-2px, 1px) scale(1.006); }
  100%{ transform:translate(0,0) scale(1); }
}
.stage1000Bubble{
  width:24px !important;
  height:24px !important;
  box-shadow:
    0 0 26px rgba(220,250,255,.46),
    0 0 56px rgba(120,220,255,.32) !important;
}
@keyframes stage1000BubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.62); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-760% + var(--dy,-220px))) scale(2.25); }
}
.stage1000Splash{
  width:28px !important;
  height:28px !important;
  box-shadow:
    0 0 26px rgba(214,249,255,.44),
    0 0 52px rgba(120,220,255,.30) !important;
}
@keyframes stage1000SplashArc{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.54); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-190px))) scale(1.9); }
}

.stage01RealLayer{
  position:absolute;
  inset:0;
  z-index:30;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
}
.chartWrap.stage01-real-shake{
  animation:stage01RealShake 760ms ease-out;
}
@keyframes stage01RealShake{
  0%{ transform:translate(0,0); }
  18%{ transform:translate(-1px,1px); }
  36%{ transform:translate(1px,-1px); }
  54%{ transform:translate(-1px,0); }
  72%{ transform:translate(1px,1px); }
  100%{ transform:translate(0,0); }
}
.stage01RealBand{
  position:absolute;
  left:0; right:0;
  height:84px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(210,248,255,.16), rgba(140,225,255,.08), rgba(0,0,0,0));
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage01RealBandPulse{
  0%{ opacity:0; transform:scaleY(.78); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.24); }
}
.stage01RealStreak{
  position:absolute;
  width:140px;
  height:2px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(220,248,255,.72), rgba(0,0,0,0));
  filter:blur(.4px);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage01RealSweep{
  0%{ opacity:0; transform:translate(-36px,0) scaleX(.72); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:translate(36px,0) scaleX(1.12); }
}
.stage01RealBubble{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.98), rgba(190,245,255,.74) 44%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 18px rgba(190,245,255,.34), 0 0 34px rgba(120,220,255,.22);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage01RealBubbleRise{
  0%{ opacity:.98; transform:translate(-50%,-50%) scale(.5); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-540% + var(--dy,-120px))) scale(1.65); }
}

.stage05RealBand{
  position:absolute;
  left:0; right:0;
  height:92px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(210,248,255,.18), rgba(140,225,255,.10), rgba(0,0,0,0));
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage05RealBandPulse{
  0%{ opacity:0; transform:scaleY(.80); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.28); }
}
.stage05RealBubble{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.99), rgba(190,245,255,.78) 44%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 20px rgba(190,245,255,.36), 0 0 38px rgba(120,220,255,.24);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage05RealBubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.55); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-620% + var(--dy,-140px))) scale(1.8); }
}

.stage50RealBand{
  position:absolute;
  left:0; right:0;
  height:108px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(210,248,255,.20), rgba(140,225,255,.12), rgba(0,0,0,0));
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage50RealBandPulse{
  0%{ opacity:0; transform:scaleY(.82); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.34); }
}
.stage50RealBubble{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.99), rgba(200,246,255,.82) 44%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 22px rgba(200,246,255,.38), 0 0 42px rgba(120,220,255,.26);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage50RealBubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.58); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-700% + var(--dy,-170px))) scale(1.95); }
}
.stage200RealBand{
  position:absolute;
  left:0; right:0;
  height:128px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(220,248,255,.24), rgba(140,225,255,.14), rgba(0,0,0,0));
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage200RealBandPulse{
  0%{ opacity:0; transform:scaleY(.82); }
  20%{ opacity:1; }
  100%{ opacity:0; transform:scaleY(1.40); }
}
.stage200RealBubble{
  position:absolute;
  width:20px;
  height:20px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(210,248,255,.86) 44%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 24px rgba(210,248,255,.42), 0 0 48px rgba(120,220,255,.30);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage200RealBubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.62); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-820% + var(--dy,-210px))) scale(2.15); }
}
.stage200RealSplash{
  position:absolute;
  width:24px;
  height:24px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(210,248,255,.88) 44%, rgba(0,0,0,0) 74%);
  box-shadow:0 0 24px rgba(210,248,255,.38), 0 0 46px rgba(120,220,255,.28);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage200RealSplashArc{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.52); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-150px))) scale(1.7); }
}

.stage1000RealBand{
  position:absolute;
  left:0; right:0;
  height:140px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(225,250,255,.26), rgba(150,230,255,.16), rgba(0,0,0,0));
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage1000RealBandPulse{
  0%{ opacity:0; transform:scaleY(.80) scaleX(1.0); }
  18%{ opacity:1; }
  42%{ opacity:.95; transform:scaleY(1.16) scaleX(.94); }
  100%{ opacity:0; transform:scaleY(1.46) scaleX(1.08); }
}
.stage1000RealBubble{
  position:absolute;
  width:24px;
  height:24px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(220,250,255,.90) 42%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 26px rgba(220,250,255,.42), 0 0 56px rgba(120,220,255,.30);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage1000RealBubbleRise{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.60); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-760% + var(--dy,-220px))) scale(2.25); }
}
.stage1000RealSplash{
  position:absolute;
  width:28px;
  height:28px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,1), rgba(220,250,255,.90) 42%, rgba(0,0,0,0) 74%);
  box-shadow:0 0 26px rgba(220,250,255,.40), 0 0 52px rgba(120,220,255,.28);
  mix-blend-mode:screen;
  opacity:0;
}
@keyframes stage1000RealSplashArc{
  0%{ opacity:1; transform:translate(-50%,-50%) scale(.56); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-190px))) scale(1.9); }
}
.stage1000RealSilt{
  position:absolute;
  width:40px;
  height:40px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%, rgba(58,64,70,.92), rgba(20,24,30,.74) 44%, rgba(0,0,0,0) 72%);
  filter:blur(3.2px);
  mix-blend-mode:multiply;
  opacity:0;
}
@keyframes stage1000RealSiltBlast{
  0%{ opacity:.72; transform:translate(-50%,-50%) scale(.45); }
  100%{ opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(4.0); }
}
.chartWrap.stage1000-real-shake{
  animation:stage1000RealShake 1600ms cubic-bezier(.19,1,.22,1);
}
@keyframes stage1000RealShake{
  0%{ transform:translate(0,0) scale(1); }
  8%{ transform:translate(-3px,2px) scale(1.004); }
  16%{ transform:translate(3px,-2px) scale(1.010); }
  24%{ transform:translate(-4px,3px) scale(1.016); }
  34%{ transform:translate(4px,-3px) scale(1.022); }
  46%{ transform:translate(-3px,2px) scale(1.018); }
  58%{ transform:translate(3px,-2px) scale(1.012); }
  72%{ transform:translate(-2px,1px) scale(1.006); }
  100%{ transform:translate(0,0) scale(1); }
}

.kingTakeoverVideoOverlay{
  position:absolute;
  inset:0;
  z-index:40;
  display:none;
  pointer-events:none;
  overflow:hidden;
  border-radius:12px;
  background:rgba(0,0,0,0.02);
}
.kingTakeoverVideoOverlay.show{ display:block; }
.kingTakeoverVideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .28s ease;
  pointer-events:auto;
}
.kingTakeoverVideoOverlay.show .kingTakeoverVideo{ opacity:1; }

.solVortexMarker,
.sol-vortex-marker,
.vortexMarker,
.vortex-marker,
.solTarget,
.sol-target,
.vortexTarget,
.vortex-target{
  display:none !important;
}

.transparentWaterSurfaceCanvas{
  height:28px !important;
}

.chartWrap [class*="marker"][class*="vortex"],
.chartWrap [class*="target"][class*="vortex"],
.chartWrap [class*="marker"][class*="sol"],
.chartWrap [class*="target"][class*="sol"]{
  display:none !important;
}

#solVortex .solVortexHalo,
#solVortex .vortexPressure,
#solVortex .vortexExpandPulse,
#solVortex [class*="circle"],
#solVortex [class*="ring"],
#solVortex [class*="target"],
#solVortex [class*="marker"],
#solVortex [class*="halo"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

.transparentWaterSurfaceCanvas{
  height:8px !important;
  opacity:.55 !important;
}

#solVortex::before,
#solVortex::after,
#solVortex .solVortexHalo,
#solVortex .vortexPressure,
#solVortex .vortexExpandPulse,
#solVortex [class*="circle"],
#solVortex [class*="ring"],
#solVortex [class*="target"],
#solVortex [class*="marker"],
#solVortex [class*="halo"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  box-shadow:none !important;
  border:none !important;
  background:none !important;
  animation:none !important;
  content:none !important;
}

#solVortex::before,
#solVortex::after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
  animation:none !important;
}
#solVortex > *:not(img):not(svg):not(canvas):not(video){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
  animation:none !important;
}
#solVortex [class*="ring"],
#solVortex [class*="circle"],
#solVortex [class*="target"],
#solVortex [class*="marker"],
#solVortex [class*="halo"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
  animation:none !important;
}

.dev-note-btn{
  margin-left:8px;
  padding:4px 10px;
  min-height:26px;
  border-radius:999px;
  border:1px solid rgba(20,241,149,.22);
  background:linear-gradient(180deg, rgba(8,16,20,.96), rgba(5,10,14,.96));
  color:#cffff0;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(0,0,0,.35) inset, 0 6px 16px rgba(0,0,0,.25);
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, opacity .14s ease;
  opacity:.92;
}
.dev-note-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(20,241,149,.42);
  box-shadow:0 0 0 1px rgba(20,241,149,.12) inset, 0 10px 20px rgba(0,0,0,.32);
  opacity:1;
}
.dev-note-btn:active{ transform:translateY(0); }
.dev-note-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,6,8,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  z-index:9999;
}
.dev-note-overlay.open{ display:flex; }
.dev-note-modal{
  width:min(760px, 94vw);
  max-height:min(78vh, 860px);
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(20,241,149,.16);
  background:
    radial-gradient(circle at top, rgba(20,241,149,.06), transparent 30%),
    linear-gradient(180deg, rgba(8,16,20,.98), rgba(4,10,14,.98));
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 28px 80px rgba(0,0,0,.55);
  color:#d7fff2;
}
.dev-note-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px 14px;
  border-bottom:1px solid rgba(20,241,149,.10);
}
.dev-note-title{
  font-size:20px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#ecfff9;
}
.dev-note-sub{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(208,255,242,.62);
}
.dev-note-close{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(20,241,149,.18);
  background:rgba(8,16,20,.95);
  color:#d7fff2;
  font-size:16px;
  cursor:pointer;
}
.dev-note-body{
  padding:22px;
  overflow:auto;
  max-height:min(62vh, 720px);
  line-height:1.7;
  font-size:15px;
  color:#d7fff2;
  scrollbar-width:thin;
  scrollbar-color:rgba(20,241,149,.48) rgba(7,14,18,.85);
}
.dev-note-body::-webkit-scrollbar{ width:10px; }
.dev-note-body::-webkit-scrollbar-track{
  background:rgba(7,14,18,.85);
  border-left:1px solid rgba(20,241,149,.08);
}
.dev-note-body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(20,241,149,.40), rgba(0,194,255,.34));
  border-radius:999px;
  border:2px solid rgba(7,14,18,.85);
}
.dev-note-section{
  margin-bottom:22px;
  padding:16px 18px;
  border:1px solid rgba(20,241,149,.10);
  border-radius:16px;
  background:rgba(8,16,20,.52);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
}
.dev-note-h{
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9ff7d4;
}
.dev-note-p{ margin:0 0 10px; }
.dev-note-p:last-child{ margin-bottom:0; }
.dev-note-list{ margin:0; padding-left:18px; }
.dev-note-list li{ margin:0 0 8px; }
.dev-note-foot{ padding:0 22px 22px; }
.dev-note-cta{
  border-top:1px solid rgba(20,241,149,.10);
  padding-top:16px;
  color:#f0fff9;
  font-size:14px;
}
#devNoteBtn{
  position:fixed;
  right:16px;
  bottom:12px;
  z-index:999;
}

:root{
  --wp-bg:#05060a;
  --wp-ink:#eef2ff;
  --wp-muted:#99a3c0;
  --wp-line:rgba(122,230,255,.16);
  --wp-line2:rgba(171,103,255,.18);
  --wp-lineStrong:rgba(122,230,255,.26);
  --wp-cyan:#72e6ff;
  --wp-blue:#79bfff;
  --wp-purple:#a764ff;
  --wp-pink:#e05fd9;
  --wp-green:#72f3b4;
  --wp-panelTop:rgba(14,17,28,.98);
  --wp-panelBot:rgba(7,9,16,.995);
}

html,body{
  background:
    radial-gradient(1200px 640px at 50% -8%, rgba(167,100,255,.18), transparent 58%),
    radial-gradient(900px 520px at 86% 16%, rgba(121,191,255,.08), transparent 62%),
    linear-gradient(180deg,#05060a,#05060a 100%) !important;
  color:var(--wp-ink) !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 72px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 180px);
  opacity:.15;
  z-index:0;
}
.wrap,.inner,.statusRail,.signalRail,.viewport,.chartWrap,.panel,.tile,.signalBox,.dev-note-modal{
  position:relative;
  z-index:1;
}

.wrap{
  width:min(1292px,95vw) !important;
  margin:18px auto 28px !important;
  padding:16px !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 56px),
    radial-gradient(1300px 520px at 50% 0%, rgba(167,100,255,.07), transparent 62%),
    linear-gradient(180deg, rgba(12,15,24,.985), rgba(7,9,16,.995)) !important;
  border:1px solid rgba(122,230,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 0 1px rgba(0,0,0,.75),
    0 0 0 3px rgba(122,230,255,.05),
    0 34px 100px rgba(0,0,0,.46),
    0 0 120px rgba(121,191,255,.04) !important;
  overflow:hidden;
}
.wrap::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:18px;
  pointer-events:none;
  border:1px solid rgba(122,230,255,.07);
  box-shadow:
    0 0 0 1px rgba(171,103,255,.04) inset,
    0 0 26px rgba(121,191,255,.04);
}
.wrap::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 220px at 50% 0%, rgba(171,103,255,.05), transparent 62%);
}

.inner{gap:14px !important;}
.statusRail{gap:10px !important;}
.tile{
  min-height:86px;
  border-radius:16px !important;
  border:1px solid rgba(122,230,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 36%),
    radial-gradient(220px 88px at 16% 0%, rgba(167,100,255,.10), transparent 62%),
    radial-gradient(220px 88px at 84% 8%, rgba(121,191,255,.06), transparent 64%),
    linear-gradient(180deg, rgba(14,17,28,.985), rgba(8,10,17,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 14px 30px rgba(0,0,0,.24) !important;
  overflow:hidden;
}
.tile::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(122,230,255,.05), transparent 18%, transparent 82%, rgba(171,103,255,.05)),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 40%);
}
.tile::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:10px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.025);
}
.tileHead{border-bottom:1px solid rgba(122,230,255,.06) !important;padding-bottom:8px !important;}
.k,.kk,.signalLabel,.panelSub,.viewTitle{color:var(--wp-muted) !important;letter-spacing:.18em !important;}
.v,.v2,.num,.mono,.panelTitle{color:var(--wp-ink) !important;}
.badge,.chip,.pill{
  border-radius:999px !important;
  border:1px solid rgba(122,230,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(17,19,32,.98), rgba(10,12,20,.995)) !important;
  color:#eef2ff !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 8px 18px rgba(0,0,0,.18) !important;
}
.badge .led,.chip .dot{
  background:var(--wp-green) !important;
  box-shadow:0 0 12px rgba(114,243,180,.30) !important;
}

.signalRail{gap:10px !important;}
.signalBox{
  border-radius:16px !important;
  border:1px solid rgba(122,230,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 34%),
    radial-gradient(520px 110px at 50% 0%, rgba(167,100,255,.09), transparent 62%),
    linear-gradient(180deg, rgba(13,16,25,.985), rgba(8,10,16,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 14px 28px rgba(0,0,0,.22) !important;
}
.signalWindow{
  border-radius:12px !important;
  border:1px solid rgba(122,230,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(16,12,30,.97), rgba(9,11,18,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 22px rgba(167,100,255,.05) !important;
  color:#dce3ff !important;
}
.iconBtn,.closeBtn{
  border-radius:14px !important;
  border:1px solid rgba(122,230,255,.12) !important;
  background:linear-gradient(180deg, rgba(17,19,31,.99), rgba(10,12,20,.995)) !important;
  color:#e8edff !important;
}

.viewport{
  border-radius:22px !important;
  padding:12px 12px 14px !important;
  border:1px solid rgba(122,230,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 40%),
    radial-gradient(1000px 220px at 50% 0%, rgba(167,100,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(11,13,22,.985), rgba(7,9,16,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 22px 50px rgba(0,0,0,.30) !important;
}
.viewTitle{
  margin:2px 0 12px !important;
  font-size:11px !important;
  letter-spacing:.36em !important;
  color:#9ba5c7 !important;
}

.chartWrap{
  border-radius:16px !important;
  border:1px solid rgba(122,230,255,.14) !important;
  background:
    radial-gradient(1000px 360px at 50% 0%, rgba(121,191,255,.08), transparent 54%),
    linear-gradient(180deg, rgba(8,10,17,.22), rgba(3,5,10,.72) 58%, rgba(2,4,8,.90)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 0 1px rgba(0,0,0,.7),
    0 24px 58px rgba(0,0,0,.34),
    0 0 84px rgba(121,191,255,.035) !important;
  overflow:hidden !important;
}
.chartWrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 17%),
    radial-gradient(820px 220px at 50% 0%, rgba(167,100,255,.06), transparent 62%);
}
.chartWrap::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:10px;
  pointer-events:none;
  border:1px solid rgba(122,230,255,.08);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 22px rgba(121,191,255,.03);
}
.progressRail,.dailyRail{
  border-radius:14px !important;
  border:1px solid rgba(122,230,255,.08) !important;
  background:
    linear-gradient(180deg, rgba(11,13,22,.98), rgba(7,9,16,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 12px 24px rgba(0,0,0,.20) !important;
}
.bar{
  background:linear-gradient(180deg, rgba(9,11,18,.98), rgba(5,7,13,.995)) !important;
  box-shadow:0 0 0 1px rgba(122,230,255,.07) inset !important;
}
.barFill{
  background:linear-gradient(90deg, rgba(114,232,255,.95), rgba(167,100,255,.92)) !important;
  box-shadow:0 0 16px rgba(114,232,255,.18) !important;
}

.grid3,.grid4{gap:14px !important;}
.panel{
  border-radius:16px !important;
  border:1px solid rgba(122,230,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 36%),
    radial-gradient(320px 100px at 16% 0%, rgba(167,100,255,.09), transparent 62%),
    radial-gradient(340px 110px at 84% 8%, rgba(121,191,255,.05), transparent 64%),
    linear-gradient(180deg, rgba(12,15,24,.985), rgba(7,9,16,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 18px 40px rgba(0,0,0,.26) !important;
  overflow:hidden;
}
.panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 36%);
}
.panel::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:10px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.02);
}
.panelHead{
  border-bottom:1px solid rgba(122,230,255,.07) !important;
  padding-bottom:10px !important;
}
.panelTitle{
  letter-spacing:.22em !important;
  color:#eaf0ff !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  border-radius:12px !important;
  border:1px solid rgba(122,230,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(18,20,34,.99), rgba(10,12,21,.995)) !important;
  color:#eef2ff !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 10px 24px rgba(0,0,0,.22) !important;
}
.btn.primary,.btn.pri{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 40%),
    linear-gradient(90deg, rgba(223,93,213,.96), rgba(114,188,255,.96)) !important;
  color:#fff !important;
}
.btn:hover,.btnSm:hover,.btn.max:hover,.btn.warn:hover,.btn.primary:hover,.btn.pri:hover{
  border-color:rgba(223,93,213,.28) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 14px 28px rgba(0,0,0,.28),
    0 0 24px rgba(167,100,255,.08) !important;
}

input,select,textarea{
  border:1px solid rgba(122,230,255,.12) !important;
  background:linear-gradient(180deg, rgba(13,15,24,.99), rgba(8,10,17,.995)) !important;
  color:#eef2ff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset !important;
}
input::placeholder,textarea::placeholder{color:#96a0c0 !important;}

canvas,#ocean{filter:saturate(1.05) contrast(1.03);}
.solVortex{
  filter:
    drop-shadow(0 0 20px rgba(167,100,255,.15))
    drop-shadow(0 0 38px rgba(121,191,255,.12)) !important;
}
.solGlyph{
  color:#eef2ff !important;
  text-shadow:
    0 0 18px rgba(121,191,255,.16),
    0 0 26px rgba(167,100,255,.10) !important;
}
.transparentWaterBody{background:linear-gradient(180deg, rgba(121,96,255,.08), rgba(95,184,255,.06)) !important;}
.transparentWaterGlow{background:radial-gradient(circle at 50% 0%, rgba(223,93,213,.14), transparent 60%) !important;}

.dev-note-overlay{
  background:
    radial-gradient(900px 480px at 18% 10%, rgba(167,100,255,.10), transparent 58%),
    radial-gradient(760px 420px at 84% 14%, rgba(121,191,255,.07), transparent 62%),
    rgba(2,6,8,.78) !important;
}
.dev-note-modal{
  border:1px solid rgba(122,230,255,.12) !important;
  background:
    radial-gradient(circle at top, rgba(167,100,255,.07), transparent 30%),
    linear-gradient(180deg, rgba(10,12,21,.985), rgba(5,7,14,.99)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 32px 80px rgba(0,0,0,.56) !important;
}
.seedBox,.dev-note-section{
  border:1px solid rgba(122,230,255,.09) !important;
  background:linear-gradient(180deg, rgba(10,12,22,.70), rgba(6,8,16,.82)) !important;
}

*{
  scrollbar-width:thin;
  scrollbar-color:rgba(167,100,255,.56) rgba(8,10,18,.92);
}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:rgba(8,10,18,.92);}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(167,100,255,.64), rgba(121,191,255,.55));
  border-radius:999px;
  border:2px solid rgba(8,10,18,.92);
}

:root{
  --v4-cyan:rgba(120,232,255,.92);
  --v4-cyan-soft:rgba(120,232,255,.18);
  --v4-purple:rgba(172,101,255,.92);
  --v4-purple-soft:rgba(172,101,255,.18);
  --v4-pink:rgba(227,97,219,.92);
  --v4-pink-soft:rgba(227,97,219,.16);
}

.wrap{
  border-color:rgba(120,232,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 0 1px rgba(0,0,0,.78),
    0 0 0 4px rgba(120,232,255,.05),
    0 0 0 7px rgba(172,101,255,.025),
    0 38px 120px rgba(0,0,0,.50),
    0 0 120px rgba(120,232,255,.05) !important;
}
.wrap::before{
  border-color:rgba(120,232,255,.10) !important;
  box-shadow:
    0 0 0 1px rgba(172,101,255,.05) inset,
    0 0 34px rgba(120,232,255,.05) !important;
}
.wrap::after{
  background:
    radial-gradient(980px 240px at 50% 0%, rgba(172,101,255,.07), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 80px) !important;
}

.tile{
  border-color:rgba(120,232,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 0 1px rgba(120,232,255,.06),
    0 18px 36px rgba(0,0,0,.26),
    0 0 28px rgba(172,101,255,.05) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(120,232,255,.06), transparent 18%, transparent 82%, rgba(172,101,255,.06)),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
    radial-gradient(200px 40px at 50% 0%, rgba(172,101,255,.10), transparent 72%) !important;
}
.tile::after{
  inset:7px !important;
  border-color:rgba(255,255,255,.03) !important;
}

.signalBox{
  border-color:rgba(120,232,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 16px 34px rgba(0,0,0,.24),
    0 0 24px rgba(172,101,255,.04) !important;
}
.signalWindow{
  border-color:rgba(120,232,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 24px rgba(172,101,255,.06) !important;
}

.viewport{
  border-color:rgba(120,232,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 26px 56px rgba(0,0,0,.34),
    0 0 44px rgba(172,101,255,.04) !important;
}

.chartWrap{
  border-color:rgba(120,232,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(0,0,0,.78),
    0 0 0 3px rgba(120,232,255,.035),
    0 28px 70px rgba(0,0,0,.38),
    0 0 90px rgba(120,232,255,.05) !important;
}
.chartWrap::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 17%),
    radial-gradient(860px 240px at 50% 0%, rgba(172,101,255,.08), transparent 62%),
    linear-gradient(90deg, rgba(120,232,255,.04), transparent 22%, transparent 78%, rgba(227,97,219,.04)) !important;
}
.chartWrap::after{
  inset:12px !important;
  border-color:rgba(120,232,255,.09) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 30px rgba(120,232,255,.04) !important;
}

.progressRail,.dailyRail{
  border-color:rgba(120,232,255,.10) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 14px 28px rgba(0,0,0,.22) !important;
}
.bar{
  box-shadow:
    0 0 0 1px rgba(120,232,255,.08) inset,
    0 0 18px rgba(0,0,0,.24) !important;
}
.barFill{
  background:linear-gradient(90deg, rgba(120,232,255,.96), rgba(172,101,255,.94), rgba(227,97,219,.90)) !important;
  box-shadow:
    0 0 18px rgba(120,232,255,.22),
    0 0 26px rgba(172,101,255,.12) !important;
}

.panel{
  border-color:rgba(120,232,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 0 1px rgba(120,232,255,.04),
    0 20px 44px rgba(0,0,0,.28),
    0 0 26px rgba(172,101,255,.04) !important;
}
.panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 38%),
    radial-gradient(260px 48px at 50% 0%, rgba(172,101,255,.08), transparent 72%) !important;
}
.panel::after{
  inset:8px !important;
  border-color:rgba(255,255,255,.025) !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  border-color:rgba(120,232,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 12px 26px rgba(0,0,0,.26),
    0 0 20px rgba(172,101,255,.04) !important;
}
.btn.primary,.btn.pri{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 36%),
    linear-gradient(90deg, rgba(227,97,219,.98), rgba(172,101,255,.96), rgba(120,232,255,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 14px 28px rgba(0,0,0,.28),
    0 0 26px rgba(172,101,255,.10) !important;
}
.btn:hover,.btnSm:hover,.btn.max:hover,.btn.warn:hover,.btn.primary:hover,.btn.pri:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 18px 34px rgba(0,0,0,.32),
    0 0 34px rgba(172,101,255,.12) !important;
}

.k,.kk,.signalLabel,.panelSub,.viewTitle{
  color:#a3acc9 !important;
}
.v,.v2,.num,.mono,.panelTitle{
  color:#f3f6ff !important;
}
.panelTitle,.viewTitle{
  text-shadow:0 0 12px rgba(120,232,255,.05);
}

.tileHead,.panelHead,.signalBox .signalLabel{
  position:relative;
}
.tileHead::after,.panelHead::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:84px;
  height:1px;
  background:linear-gradient(90deg, rgba(120,232,255,.55), rgba(172,101,255,0));
  opacity:.6;
  pointer-events:none;
}

input,select,textarea{
  border-color:rgba(120,232,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 8px 18px rgba(0,0,0,.16) !important;
}

.dev-note-modal{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 38px 90px rgba(0,0,0,.60),
    0 0 34px rgba(172,101,255,.06) !important;
}

:root{
  --v5-cyan:rgba(126,236,255,.96);
  --v5-cyan-soft:rgba(126,236,255,.20);
  --v5-purple:rgba(175,104,255,.96);
  --v5-purple-soft:rgba(175,104,255,.22);
  --v5-pink:rgba(232,102,222,.96);
  --v5-pink-soft:rgba(232,102,222,.18);
  --v5-gold:rgba(255,216,110,.92);
}

.wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 54px),
    radial-gradient(1400px 560px at 50% 0%, rgba(175,104,255,.08), transparent 62%),
    radial-gradient(1200px 420px at 50% 100%, rgba(126,236,255,.03), transparent 60%),
    linear-gradient(180deg, rgba(10,13,22,.992), rgba(5,7,12,.998)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 0 1px rgba(0,0,0,.82),
    0 0 0 4px rgba(126,236,255,.05),
    0 0 0 8px rgba(175,104,255,.02),
    0 42px 130px rgba(0,0,0,.56),
    0 0 140px rgba(126,236,255,.05) !important;
}
.wrap::before{
  inset:9px !important;
  border-color:rgba(126,236,255,.10) !important;
  box-shadow:
    0 0 0 1px rgba(175,104,255,.05) inset,
    0 0 40px rgba(126,236,255,.05) !important;
}

.tile{
  border-color:rgba(126,236,255,.15) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 20px 40px rgba(0,0,0,.28),
    0 0 36px rgba(175,104,255,.05) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(126,236,255,.07), transparent 16%, transparent 84%, rgba(175,104,255,.07)),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 42%),
    radial-gradient(260px 54px at 50% 0%, rgba(175,104,255,.11), transparent 72%) !important;
}
.tileHead{
  padding-bottom:9px !important;
}
.badge,.chip,.pill{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 10px 22px rgba(0,0,0,.20),
    0 0 18px rgba(126,236,255,.04) !important;
}

.signalBox{
  border-color:rgba(126,236,255,.13) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 18px 36px rgba(0,0,0,.26),
    0 0 28px rgba(175,104,255,.04) !important;
}
.signalWindow{
  border-color:rgba(126,236,255,.15) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 26px rgba(175,104,255,.06),
    0 10px 20px rgba(0,0,0,.16) !important;
}

.viewport{
  border-color:rgba(126,236,255,.13) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 28px 62px rgba(0,0,0,.36),
    0 0 46px rgba(175,104,255,.04) !important;
}

.chartWrap{
  border-color:rgba(126,236,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(0,0,0,.82),
    0 0 0 3px rgba(126,236,255,.04),
    0 32px 84px rgba(0,0,0,.42),
    0 0 110px rgba(126,236,255,.06) !important;
}
.chartWrap::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,0) 18%),
    radial-gradient(920px 260px at 50% 0%, rgba(175,104,255,.10), transparent 62%),
    linear-gradient(90deg, rgba(126,236,255,.05), transparent 22%, transparent 78%, rgba(232,102,222,.05)) !important;
}
.chartWrap::after{
  inset:14px !important;
  border-color:rgba(126,236,255,.10) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 38px rgba(126,236,255,.045) !important;
}

.viewTitle,.panelTitle{
  position:relative;
}
.viewTitle::after,.panelTitle::after{
  content:"";
  display:block;
  width:84px;
  height:1px;
  margin-top:8px;
  background:linear-gradient(90deg, rgba(126,236,255,.58), rgba(175,104,255,0));
  opacity:.62;
}

.progressRail,.dailyRail{
  border-color:rgba(126,236,255,.11) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 14px 30px rgba(0,0,0,.24),
    0 0 24px rgba(126,236,255,.025) !important;
}
.bar{
  box-shadow:
    0 0 0 1px rgba(126,236,255,.09) inset,
    inset 0 10px 24px rgba(0,0,0,.30),
    0 0 20px rgba(0,0,0,.18) !important;
}
.barFill{
  background:linear-gradient(90deg, rgba(126,236,255,.98), rgba(175,104,255,.95), rgba(232,102,222,.92)) !important;
  box-shadow:
    0 0 20px rgba(126,236,255,.24),
    0 0 32px rgba(175,104,255,.14) !important;
}

.panel{
  border-color:rgba(126,236,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.04),
    0 22px 48px rgba(0,0,0,.30),
    0 0 30px rgba(175,104,255,.04) !important;
}
.panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 38%),
    radial-gradient(300px 56px at 50% 0%, rgba(175,104,255,.09), transparent 72%) !important;
}
.panel::after{
  inset:9px !important;
  border-color:rgba(255,255,255,.03) !important;
}

.grid3 .panel{
  min-height:240px;
}
.grid3 .panel:nth-child(1){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 24px 50px rgba(0,0,0,.32),
    0 0 36px rgba(175,104,255,.05) !important;
}
.grid3 .panel:nth-child(2){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 24px 50px rgba(0,0,0,.32),
    0 0 36px rgba(126,236,255,.05) !important;
}
.grid3 .panel:nth-child(3){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 24px 50px rgba(0,0,0,.32),
    0 0 36px rgba(126,236,255,.04) !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  border-color:rgba(126,236,255,.15) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 14px 30px rgba(0,0,0,.28),
    0 0 22px rgba(175,104,255,.04) !important;
}
.btn.primary,.btn.pri{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,0) 36%),
    linear-gradient(90deg, rgba(232,102,222,.98), rgba(175,104,255,.97), rgba(126,236,255,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 16px 34px rgba(0,0,0,.30),
    0 0 30px rgba(175,104,255,.14) !important;
}
.btn:hover,.btnSm:hover,.btn.max:hover,.btn.warn:hover,.btn.primary:hover,.btn.pri:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 20px 38px rgba(0,0,0,.34),
    0 0 38px rgba(175,104,255,.16) !important;
}

.grid4 .panel{
  min-height:170px;
}
.grid4 .panel .li,
.grid4 .panel .row{
  border-bottom-color:rgba(126,236,255,.06) !important;
}
.list .li,.seedLi{
  border-color:rgba(126,236,255,.09) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(11,13,22,.72), rgba(8,10,17,.86)) !important;
}

#stoneSlot1 .stone-addr,
#stoneSlot2 .stone-addr,
#stoneSlot3 .stone-addr{
  text-shadow:
    0 0 10px rgba(255,216,110,.10),
    0 0 18px rgba(255,216,110,.06) !important;
}

.k,.kk,.signalLabel,.panelSub,.viewTitle{
  color:#a7b0cc !important;
}
.v,.v2,.num,.mono,.panelTitle{
  color:#f5f7ff !important;
}

.wrap{
  padding:18px !important;
  border-radius:26px !important;
  border-color:rgba(126,236,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(0,0,0,.86),
    0 0 0 4px rgba(126,236,255,.055),
    0 0 0 9px rgba(172,101,255,.018),
    0 46px 140px rgba(0,0,0,.58),
    0 0 150px rgba(126,236,255,.05) !important;
}
.wrap::before{
  inset:10px !important;
  border-radius:20px !important;
}
.wrap::after{
  background:
    radial-gradient(1180px 280px at 50% 0%, rgba(172,101,255,.08), transparent 62%),
    radial-gradient(860px 180px at 50% 100%, rgba(126,236,255,.04), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 84px) !important;
}

.inner{gap:16px !important;}
.statusRail,.signalRail,.grid3,.grid4{gap:16px !important;}

.tile{
  min-height:92px !important;
  padding:14px 14px 13px !important;
  border-radius:18px !important;
  border-color:rgba(126,236,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.06),
    0 22px 42px rgba(0,0,0,.30),
    0 0 42px rgba(172,101,255,.05) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(126,236,255,.08), transparent 14%, transparent 86%, rgba(172,101,255,.08)),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
    radial-gradient(300px 56px at 50% 0%, rgba(172,101,255,.13), transparent 72%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 36px) !important;
}
.tile::after{
  inset:8px !important;
  border-radius:12px !important;
}
.tileHead{
  padding-bottom:10px !important;
}
.tile .k{
  font-size:10px !important;
}
.tile .v,.tile .v2{
  font-size:18px !important;
}

.badge,.chip,.pill{
  border-color:rgba(126,236,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 10px 22px rgba(0,0,0,.20),
    0 0 20px rgba(126,236,255,.04) !important;
}

.signalBox{
  border-radius:18px !important;
  padding:12px !important;
  border-color:rgba(126,236,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 18px 40px rgba(0,0,0,.28),
    0 0 28px rgba(172,101,255,.05) !important;
}
.signalWindow{
  min-height:42px;
  border-radius:14px !important;
}
.iconBtn,.closeBtn{
  min-width:40px !important;
  min-height:40px !important;
}

.viewport{
  border-radius:24px !important;
  padding:14px 14px 16px !important;
  border-color:rgba(126,236,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 30px 68px rgba(0,0,0,.38),
    0 0 50px rgba(172,101,255,.04) !important;
}
.viewTitle{
  font-size:11px !important;
  letter-spacing:.38em !important;
  margin:2px 0 14px !important;
  text-shadow:0 0 16px rgba(126,236,255,.04) !important;
}

.chartWrap{
  border-radius:18px !important;
  border-color:rgba(126,236,255,.20) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 0 1px rgba(0,0,0,.86),
    0 0 0 3px rgba(126,236,255,.045),
    0 0 0 7px rgba(172,101,255,.016),
    0 34px 92px rgba(0,0,0,.44),
    0 0 126px rgba(126,236,255,.06) !important;
}
.chartWrap::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 18%),
    radial-gradient(960px 280px at 50% 0%, rgba(172,101,255,.12), transparent 62%),
    linear-gradient(90deg, rgba(126,236,255,.05), transparent 22%, transparent 78%, rgba(232,102,222,.05)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0 1px, transparent 1px 42px) !important;
}
.chartWrap::after{
  inset:14px !important;
  border-radius:12px !important;
  border-color:rgba(126,236,255,.10) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 40px rgba(126,236,255,.05) !important;
}

.progressRail,.dailyRail{
  padding:8px 10px !important;
  border-radius:16px !important;
  border-color:rgba(126,236,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 16px 32px rgba(0,0,0,.24) !important;
}
.bar{
  min-height:12px !important;
  border-radius:999px !important;
}
.barFill{
  border-radius:999px !important;
}

.panel{
  border-radius:18px !important;
  border-color:rgba(126,236,255,.14) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 24px 54px rgba(0,0,0,.32),
    0 0 34px rgba(172,101,255,.05) !important;
}
.panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 38%),
    radial-gradient(360px 62px at 50% 0%, rgba(172,101,255,.10), transparent 72%),
    linear-gradient(90deg, rgba(126,236,255,.03), transparent 18%, transparent 82%, rgba(172,101,255,.03)) !important;
}
.panel::after{
  inset:9px !important;
  border-radius:11px !important;
  border-color:rgba(255,255,255,.03) !important;
}
.panelHead{
  padding:12px 12px 10px !important;
}
.panelTitle{
  font-size:11px !important;
  letter-spacing:.24em !important;
}
.panelBody{
  padding:12px !important;
}

.grid3 .panel{
  min-height:250px !important;
}
.grid3 .panel .panelHead{
  border-bottom:1px solid rgba(126,236,255,.08) !important;
}
.grid3 .panel:nth-child(1){
  background:
    radial-gradient(320px 120px at 14% 0%, rgba(172,101,255,.10), transparent 62%),
    linear-gradient(180deg, rgba(12,15,24,.988), rgba(7,9,16,.998)) !important;
}
.grid3 .panel:nth-child(2){
  background:
    radial-gradient(320px 120px at 50% 0%, rgba(126,236,255,.08), transparent 62%),
    linear-gradient(180deg, rgba(12,15,24,.988), rgba(7,9,16,.998)) !important;
}
.grid3 .panel:nth-child(3){
  background:
    radial-gradient(320px 120px at 86% 0%, rgba(126,236,255,.07), transparent 62%),
    linear-gradient(180deg, rgba(12,15,24,.988), rgba(7,9,16,.998)) !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:13px !important;
  border-color:rgba(126,236,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 16px 32px rgba(0,0,0,.30),
    0 0 26px rgba(172,101,255,.05) !important;
}
.btn.primary,.btn.pri{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 18px 36px rgba(0,0,0,.32),
    0 0 36px rgba(172,101,255,.16) !important;
}
.btn.max{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 38%),
    linear-gradient(180deg, rgba(18,20,34,.99), rgba(10,12,21,.998)) !important;
}

.grid4 .panel{
  min-height:180px !important;
}
.grid4 .panel .panelBody{
  padding:10px 12px 12px !important;
}
.list .li,.seedLi{
  border-color:rgba(126,236,255,.10) !important;
  border-radius:12px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}
.row,.li{
  border-bottom-color:rgba(126,236,255,.05) !important;
}

canvas,#ocean{
  filter:saturate(1.06) contrast(1.04) brightness(1.02);
}
.solVortex{
  filter:
    drop-shadow(0 0 22px rgba(172,101,255,.16))
    drop-shadow(0 0 42px rgba(126,236,255,.13)) !important;
}
.solGlyph{
  text-shadow:
    0 0 18px rgba(126,236,255,.18),
    0 0 28px rgba(172,101,255,.12) !important;
}

.k,.kk,.signalLabel,.panelSub,.viewTitle{
  color:#adb5cf !important;
}
.v,.v2,.num,.mono,.panelTitle{
  color:#f7f9ff !important;
}

.wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 52px),
    radial-gradient(1500px 620px at 50% 0%, rgba(176,104,255,.10), transparent 62%),
    radial-gradient(1200px 260px at 50% 100%, rgba(126,236,255,.04), transparent 70%),
    linear-gradient(180deg, rgba(9,11,19,.994), rgba(4,6,11,.999)) !important;
  border-color:rgba(126,236,255,.20) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 0 1px rgba(0,0,0,.90),
    0 0 0 4px rgba(126,236,255,.06),
    0 0 0 10px rgba(176,104,255,.02),
    0 52px 160px rgba(0,0,0,.62),
    0 0 170px rgba(126,236,255,.06),
    0 0 120px rgba(176,104,255,.04) !important;
}
.wrap::before{
  inset:10px !important;
  border-color:rgba(126,236,255,.11) !important;
  box-shadow:
    0 0 0 1px rgba(176,104,255,.05) inset,
    0 0 44px rgba(126,236,255,.05),
    0 0 28px rgba(176,104,255,.04) !important;
}
.wrap::after{
  background:
    radial-gradient(1220px 300px at 50% 0%, rgba(176,104,255,.10), transparent 62%),
    radial-gradient(920px 180px at 50% 100%, rgba(126,236,255,.05), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 86px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.006) 0 1px, transparent 1px 80px) !important;
}

.inner{gap:18px !important;}
.statusRail,.signalRail,.grid3,.grid4{gap:18px !important;}

.tile{
  min-height:96px !important;
  border-radius:18px !important;
  border-color:rgba(126,236,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 38%),
    radial-gradient(320px 64px at 50% 0%, rgba(176,104,255,.14), transparent 72%),
    radial-gradient(220px 96px at 10% 10%, rgba(126,236,255,.06), transparent 68%),
    linear-gradient(180deg, rgba(15,18,29,.995), rgba(8,10,17,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 0 1px rgba(126,236,255,.06),
    0 24px 46px rgba(0,0,0,.32),
    0 0 44px rgba(176,104,255,.06),
    inset 0 -16px 26px rgba(0,0,0,.18) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(126,236,255,.10), transparent 14%, transparent 86%, rgba(176,104,255,.10)),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 44%),
    radial-gradient(340px 60px at 50% 0%, rgba(176,104,255,.16), transparent 74%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 32px) !important;
}
.tile::after{
  inset:8px !important;
  border-radius:12px !important;
  border-color:rgba(255,255,255,.04) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.35) inset !important;
}
.tileHead::after{
  width:92px !important;
  background:linear-gradient(90deg, rgba(126,236,255,.65), rgba(176,104,255,0)) !important;
}
.tile .v,.tile .v2{
  text-shadow:0 0 10px rgba(126,236,255,.06);
}

.signalBox{
  border-radius:18px !important;
  border-color:rgba(126,236,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 34%),
    radial-gradient(620px 120px at 50% 0%, rgba(176,104,255,.11), transparent 62%),
    linear-gradient(180deg, rgba(13,16,25,.994), rgba(8,10,16,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 20px 42px rgba(0,0,0,.28),
    0 0 32px rgba(176,104,255,.05) !important;
}
.signalWindow{
  min-height:44px !important;
  border-radius:14px !important;
  border-color:rgba(126,236,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 12px 26px rgba(0,0,0,.18),
    0 0 30px rgba(176,104,255,.06) !important;
}
.iconBtn,.closeBtn{
  min-width:42px !important;
  min-height:42px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 12px 24px rgba(0,0,0,.22) !important;
}

.viewport{
  border-radius:24px !important;
  border-color:rgba(126,236,255,.15) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 40%),
    radial-gradient(1100px 240px at 50% 0%, rgba(176,104,255,.09), transparent 62%),
    linear-gradient(180deg, rgba(12,15,24,.994), rgba(7,9,16,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 34px 74px rgba(0,0,0,.40),
    0 0 54px rgba(176,104,255,.05) !important;
}

.chartWrap{
  border-radius:18px !important;
  border-color:rgba(126,236,255,.22) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(0,0,0,.88),
    0 0 0 3px rgba(126,236,255,.05),
    0 0 0 8px rgba(176,104,255,.015),
    0 38px 100px rgba(0,0,0,.46),
    0 0 130px rgba(126,236,255,.06),
    0 0 80px rgba(176,104,255,.04) !important;
}
.chartWrap::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 18%),
    radial-gradient(980px 300px at 50% 0%, rgba(176,104,255,.13), transparent 62%),
    linear-gradient(90deg, rgba(126,236,255,.06), transparent 20%, transparent 80%, rgba(232,102,222,.06)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 38px) !important;
}
.chartWrap::after{
  inset:14px !important;
  border-radius:12px !important;
  border-color:rgba(126,236,255,.11) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 46px rgba(126,236,255,.05) !important;
}

.progressRail,.dailyRail{
  border-radius:16px !important;
  border-color:rgba(126,236,255,.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 40%),
    linear-gradient(180deg, rgba(12,14,22,.994), rgba(7,9,15,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 18px 34px rgba(0,0,0,.26),
    0 0 24px rgba(126,236,255,.02) !important;
}
.bar{
  min-height:12px !important;
  box-shadow:
    0 0 0 1px rgba(126,236,255,.10) inset,
    inset 0 12px 24px rgba(0,0,0,.32),
    0 0 24px rgba(0,0,0,.20) !important;
}
.barFill{
  background:linear-gradient(90deg, rgba(126,236,255,.99), rgba(176,104,255,.96), rgba(232,102,222,.94)) !important;
  box-shadow:
    0 0 22px rgba(126,236,255,.24),
    0 0 36px rgba(176,104,255,.16),
    0 0 20px rgba(232,102,222,.10) !important;
}

.panel{
  border-radius:18px !important;
  border-color:rgba(126,236,255,.15) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 36%),
    radial-gradient(380px 66px at 50% 0%, rgba(176,104,255,.11), transparent 72%),
    linear-gradient(180deg, rgba(13,16,25,.994), rgba(7,9,16,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 26px 58px rgba(0,0,0,.34),
    0 0 36px rgba(176,104,255,.05) !important;
}
.panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 38%),
    radial-gradient(400px 68px at 50% 0%, rgba(176,104,255,.11), transparent 72%),
    linear-gradient(90deg, rgba(126,236,255,.04), transparent 18%, transparent 82%, rgba(176,104,255,.04)) !important;
}
.panel::after{
  inset:9px !important;
  border-radius:11px !important;
  border-color:rgba(255,255,255,.035) !important;
}
.panelHead{
  padding:12px 12px 10px !important;
}
.panelBody{
  padding:12px !important;
}

.grid3 .panel{
  min-height:256px !important;
}
.grid3 .panel:nth-child(1),
.grid3 .panel:nth-child(2),
.grid3 .panel:nth-child(3){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 0 1px rgba(126,236,255,.05),
    0 28px 62px rgba(0,0,0,.36),
    0 0 40px rgba(176,104,255,.06) !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  min-height:42px !important;
  border-radius:13px !important;
  border-color:rgba(126,236,255,.17) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(18,21,34,.995), rgba(10,12,21,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 18px 34px rgba(0,0,0,.30),
    0 0 28px rgba(176,104,255,.05) !important;
}
.btn.primary,.btn.pri{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 34%),
    linear-gradient(90deg, rgba(232,102,222,.99), rgba(176,104,255,.98), rgba(126,236,255,.98)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 20px 40px rgba(0,0,0,.34),
    0 0 40px rgba(176,104,255,.18) !important;
}
.btn:hover,.btnSm:hover,.btn.max:hover,.btn.warn:hover,.btn.primary:hover,.btn.pri:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 24px 44px rgba(0,0,0,.38),
    0 0 44px rgba(176,104,255,.18) !important;
}

.grid4 .panel{
  min-height:188px !important;
}
.grid4 .panel .panelBody{
  padding:10px 12px 12px !important;
}
.list .li,.seedLi{
  border-color:rgba(126,236,255,.10) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.14),
    0 0 18px rgba(126,236,255,.02) !important;
}
.row,.li{
  border-bottom-color:rgba(126,236,255,.05) !important;
}

.k,.kk,.signalLabel,.panelSub,.viewTitle{
  color:#b0b8d2 !important;
}
.v,.v2,.num,.mono,.panelTitle{
  color:#f8faff !important;
  text-shadow:0 0 12px rgba(126,236,255,.03);
}

.wrap{
  padding:20px !important;
  border-radius:28px !important;
  border-color:rgba(128,238,255,.22) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(0,0,0,.92),
    0 0 0 4px rgba(128,238,255,.06),
    0 0 0 10px rgba(175,104,255,.022),
    0 56px 170px rgba(0,0,0,.64),
    0 0 180px rgba(128,238,255,.06),
    0 0 120px rgba(175,104,255,.05) !important;
}
.wrap::before{
  inset:11px !important;
  border-radius:22px !important;
  border-color:rgba(128,238,255,.12) !important;
}
.wrap::after{
  background:
    radial-gradient(1280px 320px at 50% 0%, rgba(175,104,255,.11), transparent 62%),
    radial-gradient(980px 200px at 50% 100%, rgba(128,238,255,.05), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 88px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.008) 0 1px, transparent 1px 74px) !important;
}

.inner{gap:20px !important;}
.statusRail,.signalRail,.grid3,.grid4{gap:20px !important;}

.tile{
  min-height:102px !important;
  padding:15px 15px 14px !important;
  border-radius:20px !important;
  border-color:rgba(128,238,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(128,238,255,.07),
    0 26px 50px rgba(0,0,0,.34),
    0 0 52px rgba(175,104,255,.06),
    inset 0 -18px 28px rgba(0,0,0,.20) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(128,238,255,.11), transparent 14%, transparent 86%, rgba(175,104,255,.11)),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,0) 44%),
    radial-gradient(360px 64px at 50% 0%, rgba(175,104,255,.18), transparent 74%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 30px) !important;
}
.tile::after{
  inset:8px !important;
  border-radius:13px !important;
  border-color:rgba(255,255,255,.045) !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.38) inset,
    0 0 20px rgba(128,238,255,.03) !important;
}
.tileHead{
  padding-bottom:11px !important;
}
.tile .k{font-size:10px !important;}
.tile .v,.tile .v2{
  font-size:19px !important;
  text-shadow:0 0 12px rgba(128,238,255,.06);
}

.badge,.chip,.pill{
  border-color:rgba(128,238,255,.15) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 12px 24px rgba(0,0,0,.22),
    0 0 22px rgba(128,238,255,.05) !important;
}

.signalBox{
  border-radius:20px !important;
  padding:13px !important;
  border-color:rgba(128,238,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 22px 44px rgba(0,0,0,.30),
    0 0 34px rgba(175,104,255,.05) !important;
}
.signalWindow{
  min-height:46px !important;
  border-radius:15px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 14px 28px rgba(0,0,0,.20),
    0 0 34px rgba(175,104,255,.06) !important;
}
.iconBtn,.closeBtn{
  min-width:44px !important;
  min-height:44px !important;
  border-radius:15px !important;
}

.viewport{
  border-radius:26px !important;
  padding:15px 15px 18px !important;
  border-color:rgba(128,238,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 38px 80px rgba(0,0,0,.42),
    0 0 60px rgba(175,104,255,.06) !important;
}
.viewTitle{
  margin:2px 0 16px !important;
  letter-spacing:.40em !important;
  text-shadow:0 0 18px rgba(128,238,255,.04) !important;
}

.chartWrap{
  border-radius:20px !important;
  border-color:rgba(128,238,255,.24) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 0 1px rgba(0,0,0,.92),
    0 0 0 4px rgba(128,238,255,.05),
    0 0 0 9px rgba(175,104,255,.016),
    0 42px 108px rgba(0,0,0,.48),
    0 0 140px rgba(128,238,255,.07),
    0 0 90px rgba(175,104,255,.05) !important;
}
.chartWrap::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,0) 18%),
    radial-gradient(1040px 320px at 50% 0%, rgba(175,104,255,.15), transparent 62%),
    linear-gradient(90deg, rgba(128,238,255,.06), transparent 20%, transparent 80%, rgba(232,102,222,.06)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 36px) !important;
}
.chartWrap::after{
  inset:15px !important;
  border-radius:13px !important;
  border-color:rgba(128,238,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 50px rgba(128,238,255,.055) !important;
}

.progressRail,.dailyRail{
  padding:9px 11px !important;
  border-radius:17px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 20px 36px rgba(0,0,0,.28),
    0 0 26px rgba(128,238,255,.025) !important;
}
.bar{
  min-height:13px !important;
}
.barFill{
  box-shadow:
    0 0 24px rgba(128,238,255,.26),
    0 0 40px rgba(175,104,255,.18),
    0 0 22px rgba(232,102,222,.11) !important;
}

.panel{
  border-radius:20px !important;
  border-color:rgba(128,238,255,.16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 0 1px rgba(128,238,255,.06),
    0 30px 64px rgba(0,0,0,.36),
    0 0 40px rgba(175,104,255,.06) !important;
}
.panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 38%),
    radial-gradient(420px 72px at 50% 0%, rgba(175,104,255,.12), transparent 72%),
    linear-gradient(90deg, rgba(128,238,255,.04), transparent 18%, transparent 82%, rgba(175,104,255,.04)) !important;
}
.panel::after{
  inset:10px !important;
  border-radius:12px !important;
  border-color:rgba(255,255,255,.04) !important;
}
.panelHead{
  padding:13px 13px 11px !important;
}
.panelTitle{
  font-size:11px !important;
  letter-spacing:.25em !important;
}
.panelBody{
  padding:13px !important;
}

.grid3 .panel{
  min-height:264px !important;
}
.grid3 .panel:nth-child(1),
.grid3 .panel:nth-child(2),
.grid3 .panel:nth-child(3){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 0 1px rgba(128,238,255,.06),
    0 32px 70px rgba(0,0,0,.38),
    0 0 46px rgba(175,104,255,.07) !important;
}

.btn,.btnSm,.btn.max,.btn.warn,.btn.primary,.btn.pri{
  min-height:44px !important;
  border-radius:14px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 20px 38px rgba(0,0,0,.32),
    0 0 30px rgba(175,104,255,.06) !important;
}
.btn.primary,.btn.pri{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 22px 44px rgba(0,0,0,.36),
    0 0 44px rgba(175,104,255,.20) !important;
}
.btn:hover,.btnSm:hover,.btn.max:hover,.btn.warn:hover,.btn.primary:hover,.btn.pri:hover{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 26px 48px rgba(0,0,0,.40),
    0 0 48px rgba(175,104,255,.20) !important;
}

.grid4 .panel{
  min-height:194px !important;
}
.list .li,.seedLi{
  box-shadow:
    0 10px 22px rgba(0,0,0,.16),
    0 0 22px rgba(128,238,255,.025) !important;
}
.k,.kk,.signalLabel,.panelSub,.viewTitle{
  color:#b5bdd6 !important;
}
.v,.v2,.num,.mono,.panelTitle{
  color:#fbfcff !important;
  text-shadow:0 0 14px rgba(128,238,255,.035);
}

#radar{
  width:100% !important;
  height:100% !important;
  display:block !important;
  filter:saturate(1.12) contrast(1.08);
}
.radarShellUpgrade{
  position:relative;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:
    0 0 0 1px rgba(126,236,255,.12) inset,
    0 0 0 1px rgba(0,0,0,.76),
    0 16px 38px rgba(0,0,0,.28),
    0 0 28px rgba(126,236,255,.04) !important;
  background:
    radial-gradient(420px 220px at 50% 38%, rgba(25,255,182,.08), transparent 60%),
    radial-gradient(360px 200px at 86% 14%, rgba(126,236,255,.06), transparent 62%),
    radial-gradient(320px 180px at 16% 8%, rgba(172,101,255,.05), transparent 62%),
    linear-gradient(180deg, rgba(8,14,21,.98), rgba(3,7,11,.995)) !important;
}
.radarShellUpgrade::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 18%),
    radial-gradient(280px 80px at 50% 0%, rgba(172,101,255,.10), transparent 72%),
    linear-gradient(90deg, rgba(126,236,255,.04), transparent 18%, transparent 82%, rgba(172,101,255,.04));
}
.radarShellUpgrade::after{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:10px;
  pointer-events:none;
  border:1px solid rgba(126,236,255,.08);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 18px rgba(126,236,255,.03);
}

.tile{
  border-color: rgba(126,236,255,.24) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 34%),
    radial-gradient(360px 80px at 50% 0%, rgba(220,105,255,.22), transparent 72%),
    radial-gradient(220px 120px at 14% 18%, rgba(126,236,255,.12), transparent 68%),
    linear-gradient(180deg, rgba(18,20,34,.995), rgba(8,10,18,.999)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 0 1px rgba(126,236,255,.10),
    0 0 24px rgba(126,236,255,.10),
    0 0 42px rgba(220,105,255,.10),
    0 24px 48px rgba(0,0,0,.34) !important;
}
.tile::before{
  background:
    linear-gradient(90deg, rgba(126,236,255,.14), transparent 15%, transparent 85%, rgba(220,105,255,.14)),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 28px) !important;
}
.tile::after{
  inset:7px !important;
  border-color: rgba(255,255,255,.06) !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.42) inset,
    0 0 18px rgba(126,236,255,.06) !important;
}
.tileHead::after{
  width:110px !important;
  height:2px !important;
  background:linear-gradient(90deg, rgba(126,236,255,.85), rgba(220,105,255,0)) !important;
  opacity:.82 !important;
}
.tile .v,.tile .v2{
  letter-spacing:.05em !important;
  text-shadow:
    0 0 10px rgba(126,236,255,.08),
    0 0 16px rgba(220,105,255,.06) !important;
}
.badge,.chip,.pill{
  border-color: rgba(126,236,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 18px rgba(126,236,255,.06),
    0 10px 24px rgba(0,0,0,.22) !important;
}

.radarShellUpgrade{
  border:1px solid rgba(126,236,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(126,236,255,.08),
    0 0 30px rgba(126,236,255,.08),
    0 20px 44px rgba(0,0,0,.30) !important;
  background:
    radial-gradient(460px 240px at 50% 38%, rgba(18,255,184,.10), transparent 60%),
    radial-gradient(340px 180px at 86% 14%, rgba(126,236,255,.08), transparent 62%),
    radial-gradient(320px 180px at 16% 8%, rgba(172,101,255,.07), transparent 62%),
    linear-gradient(180deg, rgba(10,16,24,.99), rgba(3,8,12,.998)) !important;
}
.radarShellUpgrade::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 18%),
    radial-gradient(320px 86px at 50% 0%, rgba(172,101,255,.12), transparent 72%),
    linear-gradient(90deg, rgba(126,236,255,.05), transparent 18%, transparent 82%, rgba(172,101,255,.05)) !important;
}
.radarShellUpgrade::after{
  border-color: rgba(126,236,255,.10) !important;
}

.radarIntelStack{display:grid;gap:9px;margin-top:2px}
.radarIntelRow{display:grid;gap:6px}
.radarIntelMeta{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.24em;color:#9eb9c9}
.radarIntelMeta .v2{color:#d8f8ff;text-shadow:0 0 12px rgba(70,255,223,.18)}
.radarIntelBar{height:6px;border-radius:999px;overflow:hidden;position:relative;background:linear-gradient(180deg, rgba(8,18,28,.9), rgba(4,11,19,.98));box-shadow:inset 0 0 0 1px rgba(97,217,255,.10), inset 0 8px 20px rgba(0,0,0,.42)}
.radarIntelBar i{display:block;height:100%;width:0%;border-radius:inherit;transition:width .28s ease, opacity .28s ease, filter .28s ease;background:linear-gradient(90deg, rgba(26,246,180,.42), rgba(35,255,210,.95) 62%, rgba(173,255,244,.96));box-shadow:0 0 14px rgba(28,255,201,.32), 0 0 30px rgba(28,255,201,.16)}

.stone-slot{ overflow:visible !important; }
.stone-slot .stone-slot-inner{ position:relative; }
.stone-slot.shatter-before .stone-addr,
.stone-slot.shatter-before .stone-sol{
  animation: rankOldShatter .42s cubic-bezier(.22,.61,.36,1) forwards;
  transform-origin:center center;
}
@keyframes rankOldShatter{
  0%{ opacity:1; filter:brightness(1); transform:translateY(0) scale(1) skewX(0deg); }
  35%{ opacity:1; filter:brightness(1.9) drop-shadow(0 0 10px rgba(164,111,255,.45)); }
  100%{ opacity:0; filter:blur(4px) brightness(2.4); transform:translateY(10px) scale(1.08) skewX(-10deg); }
}
.stone-slot.shatter-before::before{
  content:"";
  position:absolute;
  inset:-6% -6%;
  border-radius:18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(167,114,255,.34), transparent 42%),
    linear-gradient(120deg, transparent 22%, rgba(180,255,255,.18) 46%, rgba(180,255,255,.72) 49%, rgba(190,120,255,.28) 52%, transparent 72%);
  mix-blend-mode:screen;
  opacity:0;
  animation: slotLightningSlash .42s ease-out forwards;
}
@keyframes slotLightningSlash{
  0%{ opacity:0; transform:scale(.94); }
  18%{ opacity:.95; }
  100%{ opacity:0; transform:scale(1.03); }
}
.stone-slot.king-aura-fixed::after{
  content:"";
  position:absolute;
  inset:-8% -10%;
  border-radius:20px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(20,241,149,.08), transparent 46%),
    radial-gradient(circle at 50% 50%, rgba(153,69,255,.20), transparent 66%);
  box-shadow: 0 0 24px rgba(153,69,255,.22), 0 0 46px rgba(20,241,149,.10);
  opacity:.82;
  animation: crownAuraHold 2.4s ease-in-out infinite;
}
@keyframes crownAuraHold{
  0%,100%{ opacity:.46; transform:scale(.985); }
  50%{ opacity:.88; transform:scale(1.02); }
}
.stone-slot .slotTitle{ transition:opacity .28s ease, transform .28s ease; }
.stone-slot.king-aura-fixed .slotTitle{ opacity:1; transform:translateY(-1px); }
.king-char{
  display:inline-block;
  opacity:0;
  transform:translateY(-26px) scale(2.6) rotateX(72deg);
  filter:blur(12px) brightness(2.3);
}
.king-char.crown-engraved{
  opacity:1;
  transform:translateY(0) scale(1) rotateX(0deg);
  filter:blur(0px) brightness(1.12);
  color:#f2fbff;
  text-shadow:0 0 2px rgba(255,255,255,.95),0 0 12px rgba(153,69,255,.38),0 0 24px rgba(20,241,149,.14);
  transition:all .34s cubic-bezier(.19,1,.22,1);
}

.stone-slot.s2.plaque-glow .biolumePulse,
.stone-slot.s3.plaque-glow .biolumePulse{
  display:none !important;
}
.stone-slot.s2::before,
.stone-slot.s3::before{
  background:
    radial-gradient(86% 70% at 50% 34%, rgba(255,226,168,.035), rgba(255,226,168,0) 40%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.03) 40%, rgba(0,0,0,.16)) !important;
  mix-blend-mode:soft-light !important;
  opacity:.18 !important;
}
.stone-slot.s2 .stone-slot-inner,
.stone-slot.s3 .stone-slot-inner{
  filter:saturate(.82) brightness(.98) !important;
}
.stone-slot.s2 .char-unit.engraved,
.stone-slot.s3 .char-unit.engraved,
.stone-slot.s2 .char-unit.engraved::after,
.stone-slot.s3 .char-unit.engraved::after{
  color:#d7c7a7 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.03),
    0 -1px 0 rgba(0,0,0,.84),
    1px 1px 0 rgba(0,0,0,.72),
    0 0 6px rgba(255,178,96,.10),
    0 0 14px rgba(255,120,44,.08) !important;
}

.fireBurst,.smokePuff{ display:block !important; }
.forgeFlare{
  position:absolute;
  width:18px; height:18px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,252,238,.98), rgba(255,222,132,.94) 22%, rgba(255,150,44,.82) 46%, rgba(255,74,18,.56) 62%, rgba(0,0,0,0) 76%);
  box-shadow:0 0 18px rgba(255,222,132,.55), 0 0 34px rgba(255,116,42,.30);
  mix-blend-mode:screen;
}
.forgeFlare.big{ width:24px; height:24px; box-shadow:0 0 22px rgba(255,226,152,.65), 0 0 42px rgba(255,96,28,.34); }
@keyframes forgeFlarePop{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.2)}
  12%{opacity:1}
  50%{opacity:.96}
  100%{opacity:0; transform:translate(-50%,-50%) scale(2.55)}
}
.forgeSpark{
  position:absolute;
  width:3px; height:16px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(180deg, rgba(255,250,225,.98), rgba(255,178,74,.90) 45%, rgba(255,84,22,.22));
  box-shadow:0 0 10px rgba(255,190,90,.55);
  transform-origin:50% 100%;
  mix-blend-mode:screen;
}
@keyframes forgeSparkFly{
  0%{opacity:0; transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(.35)}
  10%{opacity:1}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,-24px))) rotate(var(--rot,0deg)) scale(1)}
}
.char-unit,
.king-char{ position:relative; }
.char-unit.engraved,
.king-char.crown-engraved{
  animation:legendaryFireCarve .86s cubic-bezier(.16,.9,.2,1) both;
}
.char-unit.engraved::before,
.king-char.crown-engraved::before{
  animation:legendaryCoreShadow .88s ease-out both;
}
.char-unit.engraved::after,
.king-char.crown-engraved::after{
  animation:legendaryEdgeGlow .92s ease-out both;
}
@keyframes legendaryFireCarve{
  0%{ color:#fff6d6; filter:brightness(2.45) saturate(1.65) blur(2.2px); text-shadow:0 0 6px rgba(255,255,255,.9), 0 0 14px rgba(255,210,126,.88), 0 0 26px rgba(255,120,32,.82), 0 0 42px rgba(255,74,18,.48); }
  18%{ color:#ffeab4; filter:brightness(2.15) saturate(1.55) blur(1.2px); text-shadow:0 0 8px rgba(255,247,210,.92), 0 0 18px rgba(255,204,118,.82), 0 0 34px rgba(255,110,26,.70); }
  54%{ color:#f4d9a8; filter:brightness(1.22) saturate(1.12) blur(.3px); text-shadow:0 0 8px rgba(255,190,90,.22), 0 0 18px rgba(255,106,36,.18); }
  100%{ filter:brightness(1) saturate(1) blur(0); }
}
@keyframes legendaryCoreShadow{
  0%{ opacity:0; transform:translate(0,0); }
  100%{ opacity:.94; transform:translate(1.5px,1.6px); }
}
@keyframes legendaryEdgeGlow{
  0%{ opacity:1; color:rgba(255,244,200,.98); transform:translate(0,0); text-shadow:0 0 8px rgba(255,224,122,.92), 0 0 22px rgba(255,92,20,.82); }
  100%{ opacity:1; }
}

.stone-addr,
.stone-sol{
  position:relative !important;
  overflow:visible !important;
}
.char-unit,
.king-char{
  position:relative;
  display:inline-block;
  opacity:0;
  color:transparent !important;
  transform:translateY(7px) scale(.92);
  filter:blur(1.8px) brightness(.95);
  text-shadow:none !important;
  will-change:transform, opacity, filter;
}
.char-unit.engraved,
.king-char.crown-engraved{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:none;
  color:transparent !important;
  background:linear-gradient(180deg,#fff7ce 0%,#f6d57a 20%,#d19a37 40%,#8d5c14 55%,#f2d889 70%,#705010 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,238,178,.16), 0 .8px 0 rgba(0,0,0,.74), 0 2px 4px rgba(0,0,0,.62), 0 0 10px rgba(255,214,114,.08);
  animation:oldGoldEtch .9s cubic-bezier(.2,.82,.21,1) both;
}
.char-unit.engraved::before,
.king-char.crown-engraved::before{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,248,204,.95) 0%,rgba(255,233,158,.55) 23%,rgba(255,220,124,0) 48%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:.9;
  mix-blend-mode:screen;
  transform:translateY(-.4px);
  animation:goldTopShine 1.2s ease-out both;
  pointer-events:none;
}
.char-unit.engraved::after,
.king-char.crown-engraved::after{
  content:attr(data-ch);
  position:absolute;
  inset:0;
  color:rgba(39,23,6,.72);
  -webkit-text-fill-color:rgba(39,23,6,.72);
  text-shadow:none;
  transform:translate(1.1px,1.25px);
  filter:blur(.18px);
  opacity:.92;
  z-index:-1;
  pointer-events:none;
}
.stone-addr.etch-active,
.stone-sol.etch-active{
  filter:drop-shadow(0 0 8px rgba(255,201,94,.16));
}
.stone-addr.etch-finish::after,
.stone-sol.etch-finish::after{
  content:'';
  position:absolute;
  top:-10%;
  bottom:-10%;
  width:36%;
  left:-40%;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,244,191,.06) 25%,rgba(255,231,141,.72) 50%,rgba(255,244,191,.06) 75%,rgba(255,255,255,0) 100%);
  transform:skewX(-22deg);
  filter:blur(1.4px);
  pointer-events:none;
  animation:goldSweep 950ms ease-out forwards;
}
.stone-addr.etch-king.etch-finish::after{
  animation-duration:1200ms;
}
.stone-slot.pressure-etch .stone-slot-inner{
  animation:forgeStamp 420ms cubic-bezier(.2,.8,.2,1);
}
@keyframes oldGoldEtch{
  0%{ opacity:0; transform:translateY(8px) scale(.9); filter:blur(3px) brightness(.8); letter-spacing:.24em; }
  16%{ opacity:.55; transform:translateY(5px) scale(.96); filter:blur(1.5px) brightness(1.06); }
  45%{ opacity:1; transform:translateY(0) scale(1.03); filter:brightness(1.18); }
  62%{ transform:translateY(0) scale(.985); filter:brightness(.95); }
  100%{ opacity:1; transform:translateY(0) scale(1); filter:none; letter-spacing:inherit; }
}
@keyframes goldTopShine{
  0%{ opacity:0; }
  25%{ opacity:1; }
  100%{ opacity:.72; }
}
@keyframes goldSweep{
  0%{ left:-40%; opacity:0; }
  18%{ opacity:1; }
  100%{ left:110%; opacity:0; }
}
@keyframes forgeStamp{
  0%{ transform:translate(-50%,-50%) scale(.985); filter:brightness(1.04); }
  38%{ transform:translate(-50%,-50%) scale(1.01); filter:brightness(1.12); }
  100%{ transform:translate(-50%,-50%) scale(1); filter:none; }
}

.stone-slot .stone-addr,
.stone-slot .stone-sol,
.stone-slot .stone-addr *,
.stone-slot .stone-sol *,
.char-unit.engraved,
.king-char.crown-engraved{
  color:#d7ab4a !important;
  -webkit-text-fill-color:#d7ab4a !important;
}
.char-unit.engraved,
.king-char.crown-engraved{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  text-shadow:
    0 -0.6px 0 rgba(255,239,185,.85),
    0 0.7px 0 rgba(111,72,15,.95),
    0 1.5px 2px rgba(0,0,0,.45),
    0 0 8px rgba(255,208,102,.18) !important;
}
.char-unit.engraved::before,
.king-char.crown-engraved::before{
  content:attr(data-ch) !important;
  position:absolute;
  inset:0;
  color:#f6dd97 !important;
  -webkit-text-fill-color:#f6dd97 !important;
  background:none !important;
  opacity:.72 !important;
  mix-blend-mode:normal !important;
  transform:translateY(-0.45px) !important;
  text-shadow:none !important;
  pointer-events:none;
}
.char-unit.engraved::after,
.king-char.crown-engraved::after{
  content:attr(data-ch) !important;
  position:absolute;
  inset:0;
  color:rgba(66,38,8,.78) !important;
  -webkit-text-fill-color:rgba(66,38,8,.78) !important;
  background:none !important;
  transform:translate(0.9px,1.1px) !important;
  filter:blur(0.15px) !important;
  opacity:.95 !important;
  z-index:-1;
  pointer-events:none;
}
.stone-slot .stone-addr{ font-weight:900 !important; }
.stone-slot .stone-sol{ font-weight:800 !important; }

html, body {
  cursor: auto !important;
  caret-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}
body, body *:not(input):not(textarea):not(select):not([contenteditable="true"]) {
  -webkit-user-select: none !important;
  user-select: none !important;
  caret-color: transparent !important;
}
*:focus, *:focus-visible {
  outline: none !important;
}
button, .btn, .iconBtn, a, canvas, svg, .chartWrap, .viewport, .footer, .stone-slot, .relic, .hero, .shell, .panel {
  -webkit-tap-highlight-color: transparent !important;
}
input, textarea, select, [contenteditable="true"] {
  caret-color: auto !important;
  -webkit-user-select: auto !important;
  user-select: auto !important;
}

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');

:root{
  --df-bg:#03070a;
  --df-surface:rgba(6,10,14,.78);
  --df-surface-2:rgba(10,15,21,.88);
  --df-line:rgba(90,255,196,.14);
  --df-line-strong:rgba(90,255,196,.28);
  --df-glow:rgba(39,255,185,.18);
  --df-green:#27f3b5;
  --df-green-2:#79ffd5;
  --df-cyan:#42e8ff;
  --df-violet:#6236ff;
  --df-text:#eef7f4;
  --df-muted:#8ea9a3;
}
html,body{min-height:100%; background:#020508;}
body{
  position:relative;
  color:var(--df-text)!important;
  font-family:'Space Grotesk', var(--ui)!important;
  background:
    radial-gradient(42vw 42vw at 16% 20%, rgba(98,54,255,.16), transparent 60%),
    radial-gradient(52vw 52vw at 68% 18%, rgba(39,243,181,.18), transparent 58%),
    radial-gradient(32vw 26vw at 84% 34%, rgba(39,243,181,.08), transparent 65%),
    linear-gradient(180deg, #04070a 0%, #020508 46%, #03070a 100%)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(18,255,191,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18,255,191,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
  background-size: 48px 48px, 48px 48px, 100% 100%;
  opacity:.58;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.82) 72%, rgba(0,0,0,.45));
  z-index:0;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(55vw 36vw at 50% 8%, rgba(255,255,255,.055), transparent 62%),
    radial-gradient(80vw 60vw at 50% 0%, rgba(39,243,181,.06), transparent 58%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.28));
  z-index:0;
}
.wrap{
  position:relative;
  z-index:1;
  width:min(1360px, 95vw)!important;
  margin:18px auto 30px!important;
  padding:14px!important;
  border-radius:30px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008)),
    linear-gradient(180deg, rgba(12,18,24,.92), rgba(6,10,14,.92))!important;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:
    0 0 0 1px rgba(39,243,181,.08) inset,
    0 30px 80px rgba(0,0,0,.45),
    0 8px 28px rgba(39,243,181,.08);
  overflow:hidden;
}
.wrap::before{
  opacity:1!important;
  inset:0!important;
  background:
    linear-gradient(rgba(39,243,181,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39,243,181,.02) 1px, transparent 1px),
    radial-gradient(52vw 32vw at 72% 12%, rgba(39,243,181,.10), transparent 55%),
    radial-gradient(44vw 30vw at 18% 22%, rgba(98,54,255,.10), transparent 55%)!important;
  background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100%!important;
  mix-blend-mode:screen!important;
}
.wrap::after{
  inset:12px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:
    0 0 0 1px rgba(39,243,181,.08) inset,
    0 0 40px rgba(39,243,181,.08)!important;
}
.inner{
  border-radius:24px!important;
  padding:16px!important;
  background:
    linear-gradient(180deg, rgba(8,12,18,.72), rgba(5,8,12,.82)),
    radial-gradient(58vw 26vw at 74% 8%, rgba(39,243,181,.08), transparent 58%),
    radial-gradient(42vw 24vw at 20% 16%, rgba(98,54,255,.08), transparent 58%)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(39,243,181,.06),
    0 22px 70px rgba(0,0,0,.28) inset!important;
}
.mono,.caps,.badge,.chip,.panelSub,.k,.kk,.signalLabel,.viewTitle,.panelTitle,.railLabel,.dailyTitle,.dailyWarn,.dailyLBTitle,.footer,.btn{
  font-family:var(--mono)!important;
}
.statusRail,
.signalRail,
.grid3,
.grid2,
.grid4{position:relative; z-index:1;}
.tile,
.signalBox,
.panel,
.panelBody,
.signalWindow,
.dev-note-shell,
.dailyRail,
.viewport,
.tankHudCard,
.radarIntelRow,
.stagePill,
.chip,
.badge,
.iconBtn,
.btn,
.btnRow button,
.btnRow2 button,
.lpRow button{
  border-radius:18px!important;
}
.tile,
.signalBox,
.panel,
.dailyRail,
.viewport{
  background:
    linear-gradient(180deg, rgba(15,20,27,.84), rgba(6,9,13,.92))!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:
    0 0 0 1px rgba(39,243,181,.06) inset,
    0 12px 28px rgba(0,0,0,.22),
    0 0 40px rgba(39,243,181,.03)!important;
}
.tile::before,
.panel::before,
.signalBox::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 38%);
  pointer-events:none;
}
.tileHead,.panelHead,.signalHead{
  position:relative;
  z-index:1;
}
.badge,
.chip,
.stagePill,
.iconBtn,
.btn{
  background:
    linear-gradient(180deg, rgba(14,19,25,.92), rgba(8,12,16,.96))!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:
    0 0 0 1px rgba(39,243,181,.08) inset,
    0 8px 20px rgba(0,0,0,.18)!important;
}
.badge,
.signalLabel,
.k,.kk,
.panelSub,
.viewTitle,
.railLabel,
.dailyTitle,
.dailyWarn,
.dailyLBTitle,
.footer{letter-spacing:.14em!important;}
.led,.dot{box-shadow:0 0 12px currentColor, 0 0 24px currentColor!important;}
.v,.v2,.vv,.tankHudV,.pgPct,#lpPct,#remainSol,#walletState,.panelTitle{color:#f4fffb!important;}
.v2,.panelTitle{
  text-shadow:0 0 14px rgba(255,255,255,.06), 0 0 22px rgba(39,243,181,.08);
}
.g,
#mintPreview,
#tankImpactLine,
#pressureTxt,
#stageReward,
#stageMsg,
#dailyWarn,
#walletState,
#cong,
#stageLabel,
.footer-proto-btn,
.signalWindow span:first-child{color:var(--df-green-2)!important;}
.signalRail{gap:12px!important; margin:12px 0 14px!important;}
.signalWindow{
  background:
    linear-gradient(180deg, rgba(7,11,16,.85), rgba(3,6,10,.96)),
    radial-gradient(45vw 20vw at 85% 50%, rgba(39,243,181,.08), transparent 60%)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  color:#dff8f2!important;
}
.viewport{
  padding:12px!important;
  background:
    linear-gradient(180deg, rgba(9,13,17,.82), rgba(4,7,10,.95)),
    radial-gradient(50vw 22vw at 68% 8%, rgba(39,243,181,.07), transparent 58%),
    radial-gradient(38vw 20vw at 18% 8%, rgba(98,54,255,.08), transparent 58%)!important;
}
.viewTitle{
  color:#bdeedc!important;
  opacity:.96;
}
.chartWrap,
#tankViewport,
.panelBody > div[style*="height:260px"]{
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:
    0 0 0 1px rgba(39,243,181,.08) inset,
    0 20px 40px rgba(0,0,0,.24)!important;
}
.chartWrap{
  background:
    linear-gradient(180deg, rgba(5,8,12,.36), rgba(3,6,9,.78)),
    linear-gradient(rgba(39,243,181,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(39,243,181,.035) 1px, transparent 1px),
    radial-gradient(40vw 24vw at 78% 8%, rgba(39,243,181,.12), transparent 62%),
    radial-gradient(28vw 20vw at 20% 10%, rgba(98,54,255,.08), transparent 62%)!important;
  background-size:auto, 38px 38px, 38px 38px, auto, auto!important;
  overflow:hidden;
}
.chartWrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 32%);
  pointer-events:none;
}
.panelHead,
.signalHead{
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.035);
  margin-bottom:14px;
}
.panelTitle{
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.16em!important;
}
.btn,
.btn.primary,
.btn.warn,
.btn.max{
  min-height:42px;
  padding:0 16px!important;
  color:#dff8f2!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.btn:hover,
.iconBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(39,243,181,.18)!important;
  box-shadow:
    0 0 0 1px rgba(39,243,181,.13) inset,
    0 14px 28px rgba(0,0,0,.28),
    0 0 26px rgba(39,243,181,.06)!important;
}
.btn.primary,
#connectBtn,
#injectBtn,
button[data-add="1000"]{
  background:
    linear-gradient(180deg, rgba(39,243,181,.96), rgba(25,214,158,.88))!important;
  color:#03110d!important;
  border-color:rgba(131,255,221,.28)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18) inset,
    0 18px 30px rgba(39,243,181,.18)!important;
  font-weight:700!important;
}
.btnRow .btn:not(.max), .btnRow2 .btn:not(#connectBtn){
  background:linear-gradient(180deg, rgba(16,22,29,.92), rgba(8,11,15,.94))!important;
  color:#dff8f2!important;
}
.k,.kk,.signalLabel,.panelSub,.railLabel{color:#7ea49b!important;}
.footer{
  color:#9dbdb5!important;
  background:linear-gradient(180deg, rgba(10,14,19,.72), rgba(5,8,12,.94))!important;
  border-top:1px solid rgba(255,255,255,.03);
}
.footer-proto-btn{
  border-radius:999px!important;
  padding:10px 16px!important;
  background:linear-gradient(180deg, rgba(12,18,25,.96), rgba(6,10,14,.96))!important;
  border:1px solid rgba(39,243,181,.14)!important;
}
.bar,
.dailyBarWrap,
.radarIntelBar,
.dailyTicker,
.tubeBubbles,
.barTicks{
  border-radius:999px!important;
}
.bar,
.dailyBarWrap,
.radarIntelBar{
  background:linear-gradient(180deg, rgba(9,13,17,.98), rgba(4,7,10,.98))!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:0 0 0 1px rgba(39,243,181,.06) inset!important;
}
.barFill,
.dailyFill,
.radarIntelBar i{
  background:
    linear-gradient(90deg, rgba(98,54,255,.88), rgba(39,243,181,.96) 55%, rgba(126,255,222,.98))!important;
  box-shadow:0 0 20px rgba(39,243,181,.2)!important;
}
#countdown{color:#bdeedc!important;}
input,select,textarea{
  background:linear-gradient(180deg, rgba(12,17,24,.94), rgba(7,10,14,.98))!important;
  color:#eef7f4!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 0 0 1px rgba(39,243,181,.06) inset!important;
  border-radius:16px!important;
}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#071015}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(39,243,181,.55), rgba(98,54,255,.55)); border-radius:999px; border:2px solid #071015}
*{scrollbar-color: rgba(39,243,181,.65) #071015; scrollbar-width: thin;}
@media (max-width: 900px){
  .wrap{width:min(100vw - 10px, 98vw)!important; margin:8px auto 18px!important; border-radius:22px!important;}
  .inner{border-radius:18px!important; padding:10px!important;}
}

#connectBtn,
#injectBtn{
  background: linear-gradient(180deg, rgba(54,230,179,.96) 0%, rgba(42,206,164,.92) 100%) !important;
  border: 1px solid rgba(102,255,214,.42) !important;
  color: #031611 !important;
  box-shadow: 0 0 0 1px rgba(125,255,221,.18) inset, 0 10px 26px rgba(28,214,165,.20) !important;
  text-shadow: none !important;
}
#connectBtn:hover,
#injectBtn:hover{
  filter: brightness(1.03) saturate(1.03) !important;
  box-shadow: 0 0 0 1px rgba(125,255,221,.26) inset, 0 14px 30px rgba(28,214,165,.28) !important;
}

.chartWrap{
  background-image:
    linear-gradient(180deg, rgba(5,8,12,.24), rgba(3,6,9,.70)),
    url("https://voidgod.com/images/cover6-2.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
#ocean{
  background-image:url("https://voidgod.com/images/cover6-2.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.kingTakeoverVideoOverlay.show{display:block !important;}
.kingTakeoverVideo{object-fit:cover !important;}

:root{
  --bg:#04080b !important;
  --metal0:#081015 !important;
  --metal1:#0d161d !important;
  --metal2:#071018 !important;
  --glassA:rgba(10,18,28,.76) !important;
  --glassB:rgba(3,7,12,.90) !important;
  --line:rgba(126,241,212,.10) !important;
  --line2:rgba(126,241,212,.18) !important;
  --txt:#e9f7f7 !important;
  --muted:#8faab3 !important;
  --g:#14f195 !important;
  --y:#ffd76a !important;
  --p:#a774ff !important;
  --b:#6eb8ff !important;
  --r:#ff5573 !important;
}
html{scrollbar-color:rgba(110,184,255,.35) rgba(6,10,16,.55);}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:rgba(5,10,16,.78)}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(167,116,255,.58), rgba(20,241,149,.48));
  border-radius:999px;
  border:2px solid rgba(5,10,16,.92);
}
body{
  background:
    radial-gradient(1200px 720px at 50% -10%, rgba(20,241,149,.08), transparent 56%),
    radial-gradient(900px 620px at 88% 12%, rgba(167,116,255,.08), transparent 56%),
    radial-gradient(860px 560px at 12% 22%, rgba(110,184,255,.06), transparent 54%),
    linear-gradient(180deg, #04080b 0%, #071018 38%, #050a0e 100%) !important;
}
#wrap.wrap{
  width:min(1320px, 95vw) !important;
  margin:20px auto 28px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    radial-gradient(1100px 420px at 50% 0%, rgba(20,241,149,.07), transparent 60%),
    radial-gradient(900px 360px at 82% 8%, rgba(167,116,255,.055), transparent 62%),
    linear-gradient(180deg, #101820, #0a1118 54%, #070d12 100%) !important;
  box-shadow:
    0 34px 80px rgba(0,0,0,.62),
    0 1px 0 rgba(255,255,255,.05) inset,
    0 0 0 1px rgba(126,241,212,.08) !important;
}
#wrap.wrap::before{
  opacity:.16 !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.018), rgba(255,255,255,.018) 1px, transparent 5px, transparent 11px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012), rgba(255,255,255,.012) 1px, transparent 6px, transparent 12px) !important;
}
#wrap.wrap::after{
  inset:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(126,241,212,.16) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.7) inset, 0 0 24px rgba(20,241,149,.08) !important;
}
.inner{
  border-radius:18px !important;
  padding:16px !important;
  background:
    radial-gradient(1100px 600px at 50% 0%, rgba(12,20,28,.92), rgba(5,9,14,.97) 52%, rgba(2,5,8,.99)),
    linear-gradient(180deg, rgba(20,241,149,.045), rgba(0,0,0,0) 28%) !important;
}
.statusRail,.grid3,.grid4{gap:14px !important;}
.tile,.signalBox,.viewport,.panel,.dev-note-modal,.modal{
  border:1px solid rgba(255,255,255,.04) !important;
}
.tile,.signalBox,.panel,.viewport{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
    radial-gradient(420px 120px at 22% 0%, rgba(20,241,149,.05), transparent 64%),
    linear-gradient(180deg, rgba(12,20,28,.92), rgba(4,9,14,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(126,241,212,.10) inset,
    0 18px 44px rgba(0,0,0,.44),
    0 1px 0 rgba(255,255,255,.025) inset !important;
}
.tile::before,.panel::before,.signalBox::before{
  opacity:.55 !important;
  background:radial-gradient(460px 120px at 32% 0%, rgba(167,116,255,.07), transparent 62%) !important;
}
.tileHead,.panelHead{align-items:flex-start !important;}
.tileHead > *, .panelHead > *, .li > *, .kv > *, .badge, .chip, .panelTitle, .panelSub, .tile .k, .tile .v, .tile .v2{min-width:0;}
.panelTitle,.tile .k,.viewTitle{
  color:rgba(224,246,250,.86) !important;
  text-shadow:0 0 12px rgba(110,184,255,.06);
}
.panelSub,.badge,.chip,.hint,.kv .kk,.footer,.tile .mono,.tile .tiny{
  color:rgba(150,178,189,.78) !important;
}
.v2,.tile .v,.li .right,.kv .vv,.big,.bigNum,#voidPrice,#solLocked,#solPrice{
  color:#f1fbfb !important;
  text-shadow:0 0 18px rgba(20,241,149,.06);
}
.badge,.chip,.pill{
  background:rgba(255,255,255,.03) !important;
  box-shadow:0 0 0 1px rgba(126,241,212,.11) inset !important;
}
.viewport{padding:12px 12px 14px !important;}
.viewTitle{
  margin:6px 0 12px !important;
  letter-spacing:.24em !important;
}
.chartWrap{
  height:420px !important;
  border-radius:16px !important;
  background:
    radial-gradient(900px 380px at 50% 0%, rgba(11,19,28,.24), rgba(3,7,11,.72) 56%, rgba(2,6,10,.94)),
    linear-gradient(180deg, rgba(10,18,28,.16), rgba(0,0,0,0)) !important;
  box-shadow:
    0 0 0 1px rgba(126,241,212,.10) inset,
    0 0 0 1px rgba(0,0,0,.58),
    0 18px 42px rgba(0,0,0,.35) !important;
}
#ocean, canvas{image-rendering:auto;}
#tankViewport,#tank,.scrollBox,.list .li,.kv,.btn,.iconBtn,input,select,textarea{
  border-radius:14px !important;
}
.list{gap:10px !important;}
.li,.kv,.hint,.scrollBox{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), rgba(5,11,16,.55) !important;
  box-shadow:0 0 0 1px rgba(126,241,212,.08) inset !important;
}
.li{
  padding:10px 12px !important;
  align-items:center !important;
}
.li .left,.li .right{min-width:0;}
.li .left{flex:1 1 auto !important; color:rgba(228,247,248,.88) !important; letter-spacing:.08em !important;}
.li .right{flex:0 0 auto !important; white-space:nowrap !important;}
.scrollBox{
  max-height:240px !important;
  padding-right:8px !important;
  scrollbar-color: rgba(110,184,255,.35) rgba(5,10,16,.44) !important;
}
.scrollBox::-webkit-scrollbar{width:10px;height:10px}
.scrollBox::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(167,116,255,.52), rgba(20,241,149,.42)) !important;
  border:2px solid rgba(5,10,16,.88);
}
.scrollBox::-webkit-scrollbar-track{background:rgba(5,10,16,.44) !important}
.btn,.iconBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(13,21,29,.96), rgba(5,10,15,.98)) !important;
  box-shadow:
    0 0 0 1px rgba(126,241,212,.12) inset,
    0 12px 24px rgba(0,0,0,.34) !important;
}
.btn:hover,.iconBtn:hover{
  box-shadow:
    0 0 0 1px rgba(126,241,212,.18) inset,
    0 16px 30px rgba(0,0,0,.38),
    0 0 22px rgba(110,184,255,.08) !important;
  filter:saturate(1.05);
}
.btn.on{
  box-shadow:
    0 0 0 1px rgba(255,215,106,.22) inset,
    0 0 22px rgba(20,241,149,.12),
    0 14px 28px rgba(0,0,0,.44) !important;
}
input,select,textarea{
  background:linear-gradient(180deg, rgba(7,13,19,.98), rgba(4,9,14,.99)) !important;
  box-shadow:0 0 0 1px rgba(126,241,212,.10) inset !important;
  color:#edf8f8 !important;
}
.footer{
  padding:16px 10px 4px !important;
  color:rgba(154,179,191,.72) !important;
  letter-spacing:.18em !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
.footer a{
  color:rgba(154,179,191,.88) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  font-size:14px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  transition:opacity .18s ease, transform .18s ease !important;
}
.footer a:hover{
  opacity:1 !important;
  transform:translateY(-1px) !important;
}
.dev-note-btn{
  background:linear-gradient(180deg, rgba(16,24,34,.95), rgba(5,10,15,.98)) !important;
  box-shadow:0 0 0 1px rgba(126,241,212,.12) inset, 0 14px 28px rgba(0,0,0,.36) !important;
}
.dev-note-overlay{
  background:
    radial-gradient(900px 500px at 18% 10%, rgba(167,116,255,.10), transparent 58%),
    radial-gradient(900px 500px at 82% 12%, rgba(20,241,149,.08), transparent 60%),
    rgba(2,6,10,.76) !important;
  backdrop-filter:blur(12px) saturate(120%);
}
.dev-note-modal,.modal{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
    linear-gradient(180deg, rgba(10,16,24,.98), rgba(4,8,12,.995)) !important;
  box-shadow:
    0 0 0 1px rgba(126,241,212,.10) inset,
    0 30px 90px rgba(0,0,0,.58) !important;
}
#lpDepthTint{opacity:.18 !important;}
#radarDepth,#radarRank,#radarThreat,#pressureTxt,#radarLabel,#tankLabel{color:#ecf8fa !important;}
@media (max-width: 1100px){
  .statusRail{grid-template-columns:repeat(3,1fr) !important;}
  .chartWrap{height:390px !important;}
}
@media (max-width: 920px){
  #wrap.wrap{width:min(100%, 100vw) !important; margin:0 !important; border-radius:0 !important;}
  .inner{padding:12px !important;}
  .statusRail{grid-template-columns:1fr 1fr !important;}
  .grid3{grid-template-columns:1fr !important;}
  .chartWrap{height:340px !important;}
  .panelHead{gap:8px !important;}
  .panelTitle,.panelSub,.badge,.chip{letter-spacing:.12em !important;}
}
@media (max-width: 640px){
  .statusRail{grid-template-columns:1fr !important;}
  .btnRow{grid-template-columns:repeat(2,1fr) !important;}
  .btnRow .btn:last-child{grid-column:1 / -1;}
  .chartWrap{height:300px !important;}
  .scrollBox{max-height:220px !important;}
}

.footer.footer-enhanced{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:12px 180px 8px !important;
  text-align:center !important;
  gap:14px !important;
}
.footer.footer-enhanced .footer-center-lock{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:rgba(180,230,220,.62) !important;
  font-family:var(--mono) !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.footer.footer-enhanced .footer-x-link{
  color:rgba(188,206,220,.82) !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
}
.footer.footer-enhanced .footer-links-group{
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.footer.footer-enhanced .footer-proto-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:106px !important;
  height:22px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(77,220,255,.22) !important;
  background:linear-gradient(180deg, rgba(13,27,39,.96), rgba(3,10,17,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(188,242,255,.09), inset 0 -1px 0 rgba(7,26,40,.85), 0 0 0 1px rgba(8,33,47,.26), 0 8px 22px rgba(0,0,0,.18) !important;
  color:rgba(182,238,255,.9) !important;
  font:600 9px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.footer.footer-enhanced .footer-proto-btn:hover{
  border-color:rgba(98,232,255,.34) !important;
  color:rgba(214,248,255,.96) !important;
  box-shadow:inset 0 1px 0 rgba(205,247,255,.12), inset 0 -1px 0 rgba(8,31,46,.92), 0 0 0 1px rgba(11,41,59,.3), 0 10px 28px rgba(0,0,0,.22), 0 0 18px rgba(52,197,255,.08) !important;
}
@media (max-width: 1280px){
  .footer.footer-enhanced{
    padding-right:160px !important;
  }
  .footer.footer-enhanced .footer-links-group{
    right:14px !important;
    gap:6px !important;
  }
  .footer.footer-enhanced .footer-proto-btn{
    min-width:98px !important;
    padding:0 10px !important;
    letter-spacing:.1em !important;
  }
}
@media (max-width: 980px){
  .footer.footer-enhanced{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:auto !important;
    padding:12px 12px 10px !important;
  }
  .footer.footer-enhanced .footer-center-lock{
    white-space:normal !important;
    text-align:center !important;
    line-height:1.35 !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
  }
  .footer.footer-enhanced .footer-links-group{
    position:static !important;
    transform:none !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    width:100% !important;
    gap:8px !important;
  }
}
@media (max-width: 560px){
  .footer.footer-enhanced .footer-proto-btn{
    min-width:0 !important;
    flex:1 1 calc(33.333% - 6px) !important;
    max-width:170px !important;
    height:24px !important;
    font-size:8px !important;
    letter-spacing:.08em !important;
    padding:0 8px !important;
  }
}

.statusRail > .tile:not(:first-child){
  min-height:108px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.statusRail > .tile:not(:first-child) .k,
.statusRail > .tile:not(:first-child) .v2,
.statusRail > .tile:not(:first-child) .chip{
  text-align:center !important;
  align-self:center !important;
}
.statusRail > .tile:not(:first-child) .chip{
  margin-top:10px !important;
}

#stoneSlot1.royal-king-aura,
#stoneSlot1.royal-king-aura .stone-slot-inner{
  overflow: visible !important;
}
#stoneSlot1.royal-king-aura .stone-slot-inner::before{
  content:"";
  position:absolute;
  inset:-8% -3%;
  border-radius:18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,220,120,.12), rgba(255,220,120,0) 55%),
    linear-gradient(180deg, rgba(255,236,177,.12), rgba(0,0,0,0) 42%, rgba(92,48,10,.18) 100%);
  mix-blend-mode:screen;
  animation:royalPlateWake 1280ms ease-out;
}
#stoneSlot1.royal-king-aura .stone-slot-inner::after{
  content:"";
  position:absolute;
  top:16%;
  bottom:12%;
  width:34%;
  left:-38%;
  pointer-events:none;
  border-radius:20px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,245,214,.26), rgba(255,207,92,.36), rgba(255,255,255,0));
  filter:blur(5px);
  opacity:.0;
  mix-blend-mode:screen;
  animation:royalSweep 1180ms ease-out 520ms forwards;
}
@keyframes royalPlateWake{
  0%{opacity:0; transform:scale(.985);}
  16%{opacity:1; transform:scale(1.006);}
  100%{opacity:.0; transform:scale(1.015);}
}
@keyframes royalSweep{
  0%{opacity:0; transform:translateX(0);} 
  12%{opacity:.95;} 
  100%{opacity:0; transform:translateX(420%);} 
}
#stoneSlot1 .stone-addr.royal-king-line{
  position:relative;
  isolation:isolate;
}
#stoneSlot1 .stone-addr.royal-king-line::before{
  content:"";
  position:absolute;
  inset:-6% -1%;
  pointer-events:none;
  background:radial-gradient(circle at 50% 60%, rgba(22,10,3,.26), rgba(0,0,0,0) 70%);
  mix-blend-mode:multiply;
  opacity:.9;
}
#stoneSlot1 .king-char.crown-engraved{
  position:relative;
  display:inline-block;
  color:#c89b49 !important;
  -webkit-text-fill-color:#c89b49 !important;
  background:linear-gradient(180deg,
    #fff4cb 0%,
    #f7dfa0 11%,
    #d2a555 28%,
    #b67d2d 56%,
    #7f5018 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  letter-spacing:.01em;
  filter:saturate(.9) contrast(1.05) brightness(.98) !important;
  text-shadow:
    0 .5px 0 rgba(255,248,216,.55),
    0 1px 0 rgba(233,195,115,.25),
    0 2.1px 0 rgba(74,38,10,.64),
    0 3.2px 4px rgba(10,4,1,.34),
    .7px .7px 0 rgba(48,25,7,.42),
    -.45px -.45px 0 rgba(255,238,178,.2) !important;
  animation:royalGlyphStrike 560ms cubic-bezier(.18,.78,.2,1) both;
}
#stoneSlot1 .king-char.crown-engraved::before{
  content:attr(data-ch) !important;
  position:absolute;
  inset:0;
  color:rgba(255,246,220,.38) !important;
  transform:translate(-.28px,-.42px);
  opacity:.75;
  filter:blur(.2px);
  mix-blend-mode:screen;
  pointer-events:none;
}
#stoneSlot1 .king-char.crown-engraved::after{
  content:attr(data-ch) !important;
  position:absolute;
  inset:0;
  color:rgba(51,24,5,.84) !important;
  transform:translate(.85px,1.05px);
  opacity:.92;
  filter:blur(.45px);
  mix-blend-mode:multiply;
  pointer-events:none;
}
#stoneSlot1 .king-char.crown-engraved.royal-hot{
  color:#f3cb73 !important;
  -webkit-text-fill-color:#f3cb73 !important;
  background:linear-gradient(180deg,#fff8df 0%,#fce8b4 18%,#dca74d 44%,#986026 68%,#5b3311 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  filter:saturate(1.12) brightness(1.08) !important;
}
@keyframes royalGlyphStrike{
  0%{opacity:0; transform:translateY(3px) scale(.84); filter:brightness(1.5) saturate(1.25);} 
  24%{opacity:1; transform:translateY(-.8px) scale(1.1); filter:brightness(1.38) saturate(1.18);} 
  56%{opacity:1; transform:translateY(.2px) scale(1.02); filter:brightness(1.06);} 
  100%{opacity:1; transform:translateY(0) scale(1); filter:brightness(.98) saturate(.9);} 
}
.royalStrikeBurst{
  position:absolute;
  width:22px; height:22px;
  border-radius:999px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(255,250,233,.95), rgba(255,211,103,.72) 34%, rgba(255,136,38,.28) 58%, rgba(0,0,0,0) 78%);
  box-shadow:0 0 18px rgba(255,215,126,.42), 0 0 36px rgba(255,157,62,.18);
  mix-blend-mode:screen;
  animation:royalStrikeBurst 540ms ease-out forwards;
}
@keyframes royalStrikeBurst{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.2);} 
  18%{opacity:1;} 
  100%{opacity:0; transform:translate(-50%,-50%) scale(2.8);} 
}
.royalMetalDust{
  position:absolute;
  width:12px; height:3px;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,229,150,0), rgba(215,164,77,.96), rgba(96,57,19,0));
  box-shadow:0 0 8px rgba(255,206,95,.25);
  transform-origin:center;
  animation:royalMetalDust 760ms ease-out forwards;
}
@keyframes royalMetalDust{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.4) rotate(var(--r,0deg));}
  14%{opacity:1;}
  100%{opacity:0; transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1.25) rotate(var(--r,0deg));}
}

.chartWrap.whale-click-stage1::after,
.chartWrap.whale-click-stage2::after,
.chartWrap.whale-click-stage3::after,
.chartWrap.whale-click-stage4::after,
.chartWrap.whale-click-stage5::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:8;
  opacity:0;
}
.chartWrap.whale-click-stage1::after{
  background:radial-gradient(340px 80px at var(--fx-x,50%) 58%, rgba(61,255,214,.16), rgba(61,255,214,.06) 28%, rgba(61,255,214,0) 68%);
  animation:whaleClickStage1Flash .46s ease-out forwards;
}
.chartWrap.whale-click-stage2::after{
  background:
    radial-gradient(420px 140px at var(--fx-x,50%) 58%, rgba(61,255,214,.18), rgba(61,255,214,.08) 24%, rgba(61,255,214,0) 68%),
    linear-gradient(180deg, rgba(36,255,193,.06), rgba(0,0,0,0) 38%);
  animation:whaleClickStage2Flash .6s ease-out forwards;
}
.chartWrap.whale-click-stage3::after{
  background:
    radial-gradient(520px 200px at var(--fx-x,50%) 54%, rgba(84,255,224,.16), rgba(125,72,255,.10) 30%, rgba(0,0,0,0) 68%),
    linear-gradient(90deg, rgba(125,72,255,0), rgba(88,255,225,.14), rgba(125,72,255,0));
  animation:whaleClickStage3Flash .82s ease-out forwards;
}
.chartWrap.whale-click-stage4::after{
  background:
    radial-gradient(620px 240px at 50% 48%, rgba(102,255,222,.22), rgba(125,72,255,.14) 24%, rgba(0,0,0,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,0) 24%);
  animation:whaleClickStage4Flash 1s ease-out forwards;
}
.chartWrap.whale-click-stage5::after{
  background:
    radial-gradient(620px 240px at 50% 46%, rgba(255,255,255,.18), rgba(102,255,222,.24) 18%, rgba(125,72,255,.18) 34%, rgba(0,0,0,0) 74%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,0) 26%);
  animation:whaleClickStage5Flash 1.15s ease-out forwards;
}
.whale-click-wave,
.whale-click-sweep,
.whale-click-node,
.whale-click-shock,
.whale-click-particle,
.whale-click-beam,
.whale-click-orb{
  position:absolute;
  pointer-events:none;
  z-index:9;
}
.whale-click-wave{
  left:var(--x); top:var(--y);
  width:18px; height:18px;
  border-radius:999px;
  border:1px solid rgba(85,255,222,.44);
  box-shadow:0 0 0 1px rgba(125,72,255,.18), 0 0 22px rgba(61,255,214,.24);
  transform:translate(-50%,-50%) scale(.25);
  opacity:.9;
  animation:whaleClickWave var(--dur,.8s) cubic-bezier(.08,.7,.15,1) forwards;
}
.whale-click-sweep{
  left:0; top:var(--y);
  width:100%; height:2px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(87,255,221,.05), rgba(255,255,255,.72), rgba(87,255,221,.05), rgba(0,0,0,0));
  filter:drop-shadow(0 0 10px rgba(87,255,221,.36));
  transform:translateY(-50%) scaleX(0);
  transform-origin:center;
  animation:whaleClickSweep var(--dur,.75s) ease-out forwards;
}
.whale-click-node{
  left:var(--x); top:var(--y);
  width:10px; height:10px; border-radius:999px;
  transform:translate(-50%,-50%) scale(.2);
  background:radial-gradient(circle at 34% 32%, rgba(255,255,255,.95), rgba(91,255,223,.88) 35%, rgba(125,72,255,.28) 72%, rgba(0,0,0,0) 100%);
  box-shadow:0 0 16px rgba(87,255,221,.45);
  opacity:0;
  animation:whaleClickNode .72s ease-out forwards;
}
.whale-click-shock{
  left:50%; top:50%;
  width:16px; height:16px; border-radius:999px;
  transform:translate(-50%,-50%) scale(.2);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 0 0 1px rgba(85,255,222,.26), 0 0 26px rgba(85,255,222,.18);
  opacity:.95;
  animation:whaleClickShock var(--dur,1s) cubic-bezier(.06,.74,.18,1) forwards;
}
.whale-click-beam{
  left:50%; top:50%;
  width:2px; height:62%;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.68), rgba(85,255,222,.76), rgba(125,72,255,.42), rgba(0,0,0,0));
  transform:translate(-50%,-50%) scaleY(.15);
  filter:drop-shadow(0 0 18px rgba(255,255,255,.20)) drop-shadow(0 0 32px rgba(85,255,222,.28));
  opacity:0;
  animation:whaleClickBeam 1s ease-out forwards;
}
.whale-click-particle{
  left:50%; top:52%;
  width:5px; height:5px; border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 34%, rgba(255,255,255,.95), rgba(255,219,109,.9) 36%, rgba(89,255,223,.66) 70%, rgba(0,0,0,0) 100%);
  box-shadow:0 0 12px rgba(255,219,109,.38);
  opacity:0;
  animation:whaleClickParticle var(--dur,1.2s) ease-out forwards;
}
.whale-click-orb{
  left:50%; top:50%;
  width:18px; height:18px; border-radius:999px;
  transform:translate(-50%,-50%) scale(.25);
  background:radial-gradient(circle at 34% 34%, rgba(255,255,255,.95), rgba(125,255,232,.92) 30%, rgba(125,72,255,.45) 68%, rgba(0,0,0,0) 100%);
  box-shadow:0 0 26px rgba(85,255,222,.42), 0 0 60px rgba(125,72,255,.16);
  opacity:0;
  animation:whaleClickOrb 1.1s ease-out forwards;
}
@keyframes whaleClickStage1Flash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
@keyframes whaleClickStage2Flash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
@keyframes whaleClickStage3Flash{0%{opacity:0}16%{opacity:1}100%{opacity:0}}
@keyframes whaleClickStage4Flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
@keyframes whaleClickStage5Flash{0%{opacity:0}9%{opacity:1}100%{opacity:0}}
@keyframes whaleClickWave{0%{opacity:.9;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(var(--scale,14))}}
@keyframes whaleClickSweep{0%{opacity:0;transform:translateY(-50%) scaleX(.1)}22%{opacity:1}100%{opacity:0;transform:translateY(-50%) scaleX(1)}}
@keyframes whaleClickNode{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
@keyframes whaleClickShock{0%{opacity:.96;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(var(--scale,20))}}
@keyframes whaleClickBeam{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.15)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scaleY(1)}}
@keyframes whaleClickParticle{
  0%{opacity:0; transform:translate(-50%,-50%) translate(0,0) scale(.3)}
  12%{opacity:1}
  100%{opacity:0; transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1.05)}
}
@keyframes whaleClickOrb{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  18%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(8.4)}
}

  .tubeWhale,
  #lpWhale{
    display:block !important;
    opacity:0;
    visibility:visible !important;
    pointer-events:none !important;
  }
  .tubeWhale.run,
  #lpWhale.run{
    display:block !important;
    visibility:visible !important;
  }

.chartWrap,
#tankViewport{ position:relative; overflow:hidden; }

.vgfx-layer,
.tankfx-layer{
  position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:30;
}
.vgfx-layer{ mix-blend-mode:screen; }
.tankfx-layer{ z-index:20; }

.chartWrap.vg-stage-s1{ box-shadow:0 0 0 1px rgba(36,255,214,.24) inset, 0 0 26px rgba(36,255,214,.08) inset; }
.chartWrap.vg-stage-s2{ box-shadow:0 0 0 1px rgba(78,255,212,.28) inset, 0 0 42px rgba(72,255,198,.12) inset; }
.chartWrap.vg-stage-s3{ box-shadow:0 0 0 1px rgba(120,255,220,.18) inset, 0 0 56px rgba(156,111,255,.11) inset; }
.chartWrap.vg-stage-s4{ box-shadow:0 0 0 1px rgba(80,255,230,.22) inset, 0 0 86px rgba(42,255,200,.10) inset; }
.chartWrap.vg-stage-s5{ box-shadow:0 0 0 1px rgba(255,226,120,.20) inset, 0 0 120px rgba(122,255,235,.12) inset; }

.vgfx-pulse,
.vgfx-ring,
.vgfx-node,
.vgfx-sweep,
.vgfx-beam,
.vgfx-flash,
.vgfx-particle{
  position:absolute; pointer-events:none;
}

.vgfx-pulse{
  left:6%; right:6%; height:2px; border-radius:999px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(45,255,221,.95), rgba(0,0,0,0));
  box-shadow:0 0 12px rgba(45,255,221,.85), 0 0 32px rgba(45,255,221,.35);
  animation:vgfxPulse 900ms cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes vgfxPulse{
  0%{ transform:scaleX(.16); opacity:0; }
  12%{ opacity:1; }
  100%{ transform:scaleX(1.04); opacity:0; }
}

.vgfx-ring{
  width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%;
  border:1px solid rgba(50,255,222,.8);
  box-shadow:0 0 0 1px rgba(50,255,222,.2) inset, 0 0 18px rgba(50,255,222,.28);
  animation:vgfxRing 900ms ease-out forwards;
}
@keyframes vgfxRing{
  0%{ transform:scale(.22); opacity:.95; }
  100%{ transform:scale(2.9); opacity:0; }
}

.vgfx-node{
  width:9px; height:9px; margin:-4.5px 0 0 -4.5px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(240,255,255,.95), rgba(50,255,222,.95) 45%, rgba(20,80,120,.15) 100%);
  box-shadow:0 0 14px rgba(50,255,222,.72), 0 0 34px rgba(50,255,222,.18);
  animation:vgfxNode 860ms ease-out forwards;
}
@keyframes vgfxNode{
  0%{ transform:scale(.3); opacity:0; }
  18%{ transform:scale(1.1); opacity:1; }
  100%{ transform:scale(.7); opacity:0; }
}

.vgfx-sweep{
  top:16%; bottom:12%; width:140px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(112,90,255,.06), rgba(46,255,224,.72), rgba(255,255,255,.12), rgba(0,0,0,0));
  filter:blur(1px);
  animation:vgfxSweep 820ms cubic-bezier(.19,1,.22,1) forwards;
}
@keyframes vgfxSweep{
  from{ left:-18%; opacity:0; }
  12%{ opacity:1; }
  to{ left:102%; opacity:0; }
}

.vgfx-beam{
  top:0; bottom:0; width:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.0), rgba(40,255,223,.9) 12%, rgba(179,255,241,.95) 48%, rgba(40,255,223,.85) 86%, rgba(255,255,255,.0));
  box-shadow:0 0 18px rgba(40,255,223,.65), 0 0 42px rgba(40,255,223,.30);
  animation:vgfxBeam 560ms ease-out forwards;
}
@keyframes vgfxBeam{
  0%{ transform:scaleY(.2); opacity:0; }
  18%{ transform:scaleY(1.0); opacity:1; }
  100%{ transform:scaleY(1.15); opacity:0; }
}

.vgfx-flash{
  inset:0;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,249,215,.42), rgba(75,255,226,.18) 22%, rgba(0,0,0,0) 46%),
    radial-gradient(circle at 50% 48%, rgba(112,80,255,.20), rgba(0,0,0,0) 58%);
  animation:vgfxFlash 380ms ease-out forwards;
}
@keyframes vgfxFlash{
  0%{ opacity:0; }
  18%{ opacity:1; }
  100%{ opacity:0; }
}

.vgfx-particle{
  width:6px; height:6px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,240,170,.95), rgba(66,255,230,.85) 48%, rgba(0,0,0,0) 70%);
  box-shadow:0 0 12px rgba(80,255,226,.42);
  animation:vgfxParticle var(--dur,1200ms) ease-out forwards;
}
@keyframes vgfxParticle{
  from{ transform:translate(0,0) scale(.8); opacity:.95; }
  to{ transform:translate(var(--dx), var(--dy)) scale(.12); opacity:0; }
}

#tankViewport.vg-tank-s1{ box-shadow:0 0 0 1px rgba(58,255,224,.22) inset, 0 0 26px rgba(58,255,224,.06) inset; }
#tankViewport.vg-tank-s2{ box-shadow:0 0 0 1px rgba(58,255,224,.24) inset, 0 0 36px rgba(58,255,224,.09) inset; }
#tankViewport.vg-tank-s3{ box-shadow:0 0 0 1px rgba(180,124,255,.20) inset, 0 0 52px rgba(180,124,255,.08) inset; }
#tankViewport.vg-tank-s4{ box-shadow:0 0 0 1px rgba(85,255,231,.28) inset, 0 0 74px rgba(85,255,231,.11) inset; }
#tankViewport.vg-tank-s5{ box-shadow:0 0 0 1px rgba(255,213,103,.22) inset, 0 0 96px rgba(109,255,239,.14) inset; }

.tankfx-ring{
  position:absolute; left:50%; border-radius:999px;
  border:1px solid rgba(54,255,224,.68);
  box-shadow:0 0 16px rgba(54,255,224,.28), inset 0 0 12px rgba(54,255,224,.08);
  animation:tankfxRing 820ms ease-out forwards;
}
@keyframes tankfxRing{
  0%{ transform:translate(-50%,0) scaleX(.35); opacity:.95; }
  100%{ transform:translate(-50%,0) scaleX(1.08); opacity:0; }
}

.tankfx-glow{
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 72%, rgba(56,255,222,.22), rgba(0,0,0,0) 48%);
  animation:tankfxGlow 760ms ease-out forwards;
}
@keyframes tankfxGlow{
  0%{ opacity:0; }
  22%{ opacity:1; }
  100%{ opacity:0; }
}

.tankfx-core{
  position:absolute; left:50%; top:52%; width:140px; height:140px; margin:-70px 0 0 -70px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,245,176,.56), rgba(56,255,222,.28) 35%, rgba(0,0,0,0) 72%);
  animation:tankfxCore 620ms ease-out forwards;
}
@keyframes tankfxCore{
  0%{ transform:scale(.22); opacity:0; }
  18%{ transform:scale(1.0); opacity:1; }
  100%{ transform:scale(1.4); opacity:0; }
}

.tankfx-spark{
  position:absolute; width:3px; height:26px; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(78,255,228,.95), rgba(255,255,255,0));
  box-shadow:0 0 12px rgba(78,255,228,.52);
  animation:tankfxSpark var(--dur,820ms) ease-out forwards;
}
@keyframes tankfxSpark{
  from{ transform:translate(0,0) rotate(var(--rot,0deg)); opacity:.95; }
  to{ transform:translate(var(--dx), var(--dy)) rotate(var(--rot,0deg)); opacity:0; }
}

.tankfx-jump{
  animation:tankfxJump 560ms cubic-bezier(.19,1,.22,1) 1;
}
@keyframes tankfxJump{
  0%{ transform:translateY(0); }
  24%{ transform:translateY(-7px); }
  100%{ transform:translateY(0); }
}

.tankfx-pressure{
  animation:tankfxPressure 520ms ease-out 1;
}
@keyframes tankfxPressure{
  0%{ transform:scale(1); filter:brightness(1); }
  18%{ transform:scale(1.01); filter:brightness(1.16); }
  100%{ transform:scale(1); filter:brightness(1); }
}

#stoneSlot1, .stone-slot.s1{
  left:51.69% !important;
  top:calc(84.22% - 1cm) !important;
  width:24.0% !important;
  height:4.4% !important;
  transform:translate(-50%,-50%) !important;
}
#stoneSlot2, .stone-slot.s2{
  left:12.80% !important;
  top:76.57% !important;
  width:19.0% !important;
  height:4.3% !important;
  transform:translate(-50%,-50%) !important;
}
#stoneSlot3, .stone-slot.s3{
  left:87.06% !important;
  top:76.17% !important;
  width:19.0% !important;
  height:4.3% !important;
  transform:translate(-50%,-50%) !important;
}
#stoneSlot1 .stone-slot-inner, .stone-slot.s1 .stone-slot-inner,
#stoneSlot2 .stone-slot-inner, .stone-slot.s2 .stone-slot-inner,
#stoneSlot3 .stone-slot-inner, .stone-slot.s3 .stone-slot-inner{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  text-align:center !important;
}
#stoneSlot1 .stone-addr, #stoneSlot2 .stone-addr, #stoneSlot3 .stone-addr,
#stoneSlot1 .stone-sol, #stoneSlot2 .stone-sol, #stoneSlot3 .stone-sol,
#stoneSlot1 .char-unit.engraved, #stoneSlot2 .char-unit.engraved, #stoneSlot3 .char-unit.engraved,
#stoneSlot1 .king-char.crown-engraved, #stoneSlot2 .king-char.crown-engraved, #stoneSlot3 .king-char.crown-engraved{
  color:rgba(156,245,255,.96) !important;
  -webkit-text-fill-color:rgba(156,245,255,.96) !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  text-shadow:0 1px 0 rgba(0,0,0,.72), 0 0 10px rgba(120,232,255,.18) !important;
  filter:none !important;
}
#stoneSlot1 .stone-addr{
  font-size:clamp(19px,1.55vw,28px) !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
}
#stoneSlot2 .stone-addr, #stoneSlot3 .stone-addr{
  font-size:clamp(12px,.95vw,18px) !important;
  line-height:1 !important;
  letter-spacing:.07em !important;
}
#stoneSlot1 .stone-sol, #stoneSlot2 .stone-sol, #stoneSlot3 .stone-sol{
  display:none !important;
}
#stoneSlot1 .char-unit.engraved::before, #stoneSlot2 .char-unit.engraved::before, #stoneSlot3 .char-unit.engraved::before,
#stoneSlot1 .king-char.crown-engraved::before, #stoneSlot2 .king-char.crown-engraved::before, #stoneSlot3 .king-char.crown-engraved::before,
#stoneSlot1 .char-unit.engraved::after, #stoneSlot2 .char-unit.engraved::after, #stoneSlot3 .char-unit.engraved::after,
#stoneSlot1 .king-char.crown-engraved::after, #stoneSlot2 .king-char.crown-engraved::after, #stoneSlot3 .king-char.crown-engraved::after{
  content:none !important;
  display:none !important;
}
.seaGodEye{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.kv .vv{letter-spacing:.04em !important;}
#lastInject{font-size:11px !important;}
.footer.footer-enhanced .footer-links-group{justify-content:center !important;}


/* --- extracted style 2 id="throne-hud-pressure-style" --- */
.throneHudTile.throne-watch{
  box-shadow:0 0 0 1px rgba(120,255,220,.16) inset, 0 10px 26px rgba(0,0,0,.35), 0 0 18px rgba(74,169,255,.06);
}
.throneHudTile.throne-hot{
  box-shadow:0 0 0 1px rgba(255,209,90,.22) inset, 0 10px 26px rgba(0,0,0,.35), 0 0 24px rgba(255,209,90,.10);
}
.throneHudTile.throne-critical{
  box-shadow:0 0 0 1px rgba(255,80,80,.24) inset, 0 10px 26px rgba(0,0,0,.35), 0 0 28px rgba(255,80,80,.14);
  animation: throneHudPulse 1.05s ease-in-out infinite;
}
.throneHudTile.throne-hot .v2{ color:rgba(255,228,160,.98); }
.throneHudTile.throne-critical .v2{ color:rgba(255,212,212,.98); }
.throneHudTile.throne-critical .chip{
  box-shadow:0 0 0 1px rgba(255,80,80,.18) inset, 0 0 18px rgba(255,80,80,.08);
}
@keyframes throneHudPulse{
  0%,100%{ transform:translateY(0); filter:none; }
  50%{ transform:translateY(-1px); filter:brightness(1.08); }
}


/* VOIDGOD source-copy deterrent and protected footer */
html[data-source-protected],
body[data-source-protected],
body[data-source-protected] *{
  -webkit-user-select:none !important;
  -moz-user-select:none !important;
  -ms-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}
img, video, canvas, svg{
  -webkit-user-drag:none !important;
  user-drag:none !important;
}
.footer.footer-enhanced{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:11px 250px 9px 18px !important;
  text-align:center !important;
  gap:14px !important;
}
.footer.footer-enhanced .footer-center-lock{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  color:rgba(180,230,220,.70) !important;
  font-family:var(--mono) !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.footer.footer-enhanced .footer-links-group{
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.footer.footer-enhanced .footer-socials,
.footer.footer-enhanced .footer-docs{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
}
.footer.footer-enhanced .footer-social-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  height:25px !important;
  border-radius:999px !important;
  border:1px solid rgba(77,220,255,.24) !important;
  background:linear-gradient(180deg, rgba(13,27,39,.96), rgba(3,10,17,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(188,242,255,.10), 0 8px 20px rgba(0,0,0,.20), 0 0 16px rgba(25,255,182,.05) !important;
  color:rgba(198,246,255,.92) !important;
  font:700 9px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
}
.footer.footer-enhanced .footer-social-link:hover,
.footer.footer-enhanced .footer-proto-btn:hover{
  border-color:rgba(25,255,182,.38) !important;
  color:rgba(232,255,249,.96) !important;
  filter:brightness(1.12) !important;
}
.footer.footer-enhanced .footer-proto-btn{
  min-width:112px !important;
  height:24px !important;
  padding:0 12px !important;
  font:600 9px/1 Inter,system-ui,sans-serif !important;
  letter-spacing:.12em !important;
}
.footer.footer-enhanced .footer-x-link{display:none !important;}
@media (max-width: 880px){
  .footer.footer-enhanced{
    flex-direction:column !important;
    padding:12px 10px !important;
    gap:10px !important;
  }
  .footer.footer-enhanced .footer-links-group{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
  }
}