:root {
  --g-bg: #02080a;
  --g-panel: rgba(5, 18, 22, .76);
  --g-panel-2: rgba(7, 28, 34, .70);
  --g-line: rgba(139, 184, 196, .26);
  --g-line-strong: rgba(139, 225, 226, .45);
  --g-text: #eef7f4;
  --g-muted: #8c979f;
  --g-green: #83f59b;
  --g-mint: #5fffd4;
  --g-cyan: #43caff;
  --g-blue: #3179ff;
  --g-violet: #8a61ff;
  --g-purple: #b46cff;
  --g-scene-top: 196px;
  color-scheme: dark;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { width: 100%; min-height: 100%; margin: 0; background: #000; color: var(--g-text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { min-height: 100dvh; overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.da-splash { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: #02080a; transition: opacity .28s ease, visibility .28s ease; }
.da-splash.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.da-splash__bg { position: fixed; inset: 0; background: linear-gradient(180deg, rgba(2,8,10,.08), rgba(2,8,10,.42)), url("/404img/bg404.webp") center 64px / 96% auto no-repeat; }
.da-splash__content { position: relative; width: min(330px, 100%); text-align: center; }
.da-splash__logo { width: 116px; height: 116px; object-fit: contain; filter: hue-rotate(95deg) saturate(1.4) drop-shadow(0 0 24px rgba(95,255,212,.55)); opacity: .92; }
.da-splash__eyebrow { margin-top: 12px; color: var(--g-green); font-size: 12px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; }
.da-splash__title { margin-top: 6px; font-family: Georgia, "Times New Roman", serif; font-size: 42px; font-weight: 500; letter-spacing: -.6px; color: #fff; text-shadow: 0 0 20px rgba(95,255,212,.35); }
.da-splash__subtitle { min-height: 20px; margin-top: 8px; color: var(--g-muted); font-size: 13px; font-weight: 700; letter-spacing: .6px; }
.da-splash__bar { width: 100%; height: 8px; margin-top: 24px; overflow: hidden; border: 1px solid rgba(139,225,226,.32); border-radius: 999px; background: rgba(255,255,255,.06); }
.da-splash__bar span { display: block; width: 0%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--g-green), var(--g-cyan), var(--g-violet)); box-shadow: 0 0 14px rgba(95,255,212,.8); transition: width .2s ease; }
.da-splash__percent { margin-top: 10px; color: var(--g-green); font-size: 12px; font-weight: 900; }

#drive-root { width: 100%; min-height: 100dvh; display: flex; justify-content: center; background: linear-gradient(180deg, rgba(2,8,10,.10), rgba(2,8,10,.26)), url("/404img/bg404.webp") center 64px / 96% auto no-repeat; }
.g404-app { position: relative; width: min(100%, 472px); min-height: 100dvh; max-height: 100dvh; overflow-x: hidden; overflow-y: auto; background: linear-gradient(180deg, rgba(2,8,10,.08), rgba(2,8,10,.24)), url("/404img/bg404.webp") center 64px / 96% auto no-repeat; isolation: isolate; scrollbar-width: none; touch-action: pan-y; }
.g404-app::-webkit-scrollbar { display: none; }
.g404-app::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 50% 18%, rgba(95,255,212,.10), transparent 25%), linear-gradient(180deg, rgba(2,8,10,.06), rgba(2,8,10,0) 45%, rgba(2,8,10,.24)); }
.g404-shell { position: relative; z-index: 1; min-height: 100dvh; padding: 8px 10px calc(88px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8px; }

.g404-top-card { border: 1px solid var(--g-line); border-radius: 16px; background: linear-gradient(180deg, rgba(5,17,20,.70), rgba(2,8,10,.56)); box-shadow: inset 0 0 20px rgba(95,255,212,.03), 0 0 0 1px rgba(255,255,255,.02); padding: 11px 10px 9px; backdrop-filter: blur(10px); }
.g404-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.g404-brand { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.g404-mark { width: 34px; height: 34px; display: grid; place-items: center; color: var(--g-green); filter: drop-shadow(0 0 10px rgba(131,245,155,.34)) drop-shadow(0 0 18px rgba(95,255,212,.16)); }
.g404-i { display: block; width: 1em; height: 1em; object-fit: contain; pointer-events: none; user-select: none; }
.g404-mark .g404-i { width: 32px; height: 32px; image-rendering: pixelated; }
.g404-pixel-logo { width: 32px; height: 32px; display: block; fill: currentColor; shape-rendering: geometricPrecision; filter: drop-shadow(0 0 8px rgba(131,245,155,.42)); }
.g404-brand-text { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 0; overflow: hidden; }
.g404-title { display: flex; align-items: baseline; gap: 1px; min-width: 0; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: clamp(18px, 4.8vw, 24px); line-height: .86; letter-spacing: .55px; font-weight: 700; }
.g404-title span:first-child { color: #fff; }
.g404-title span:last-child { color: var(--g-violet); font-size: 1.22em; letter-spacing: .8px; text-shadow: 0 0 18px rgba(138,97,255,.5); }
.g404-subtitle { margin: 2px 0 0; color: #929aa1; font-size: 8px; font-weight: 600; letter-spacing: .72px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g404-actions { display: grid; grid-template-columns: repeat(3, 38px); gap: 6px; }
.g404-icon-btn { width: 38px; height: 38px; border: 1px solid rgba(139,184,196,.25); border-radius: 11px; display: grid; place-items: center; color: #e9f2f4; background: linear-gradient(180deg, rgba(10,23,28,.68), rgba(3,10,13,.62)); box-shadow: inset 0 0 14px rgba(67,202,255,.035); }
.g404-icon-btn .g404-i { width: 22px; height: 22px; filter: drop-shadow(0 0 10px rgba(67,202,255,.25)); }

.g404-metrics { margin-top: 10px; min-height: 64px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--g-line); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,28,.66), rgba(3,11,14,.62)); overflow: hidden; }
.g404-metric { position: relative; min-width: 0; padding: 8px 6px; display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 5px; align-items: center; border-right: 1px solid rgba(139,184,196,.18); }
.g404-metric:last-child { border-right: 0; }
.g404-metric-icon { width: 24px; height: 24px; display: grid; place-items: center; filter: drop-shadow(0 0 10px currentColor); }
.g404-metric-icon .g404-i { width: 25px; height: 25px; }
.g404-metric-title { display: block; color: #a7acb5; font-size: 10px; line-height: 1; }
.g404-metric-value { display: block; margin-top: 4px; color: #fff; font-size: 16px; line-height: .95; letter-spacing: .1px; font-weight: 600; }
.g404-metric-rate { display: block; margin-top: 4px; color: var(--g-green); font-size: 10px; font-weight: 700; }
.g404-metric.daily .g404-metric-rate { color: var(--g-cyan); }
.g404-metric.earned .g404-metric-rate { color: var(--g-purple); }
.g404-kebab { display: none; }

.g404-growth { min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--g-line); border-radius: 13px; background: linear-gradient(180deg, rgba(6,21,24,.62), rgba(3,11,14,.64)); color: #9099a0; font-size: 15px; backdrop-filter: blur(8px); }
.g404-growth .g404-i { width: 20px; height: 20px; filter: drop-shadow(0 0 10px rgba(131,245,155,.45)); }
.g404-growth strong { color: var(--g-green); font-size: 17px; font-weight: 600; }
.g404-growth .g404-info { width: 18px; height: 18px; padding: 0; border: 1px solid rgba(151,166,174,.62); border-radius: 50%; display: grid; place-items: center; color: #c8d2d0; font-size: 11px; line-height: 1; font-weight: 800; background: radial-gradient(circle at 50% 32%, rgba(95,255,212,.18), rgba(6,18,21,.78)); box-shadow: inset 0 0 8px rgba(95,255,212,.08), 0 0 10px rgba(95,255,212,.10); }

.g404-main { position: fixed; left: 50%; top: var(--g-scene-top); z-index: 4; width: min(calc(100% - 20px), 452px); height: min(62dvh, 560px); transform: translateX(-50%); overflow: visible; background: transparent; pointer-events: auto; touch-action: none; }
.g404-bg { display: none; }
.g404-main::after { content: ""; position: absolute; inset: -8px -10px; pointer-events: none; background: radial-gradient(circle at 50% 48%, rgba(95,255,212,.08), transparent 34%); }
.g404-node { position: absolute; z-index: 2; width: min(122px, 31%); min-height: 74px; border: 1px solid rgba(139,225,226,.28); border-radius: 10px; padding: 8px 8px 8px; color: inherit; text-align: left; background: linear-gradient(180deg, rgba(8,24,28,.52), rgba(4,12,15,.58)); box-shadow: inset 0 0 10px rgba(95,255,212,.032), 0 8px 15px rgba(0,0,0,.20); backdrop-filter: blur(8px); cursor: pointer; appearance: none; transition: border-color .2s ease, filter .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease; }
.g404-node::after { content: ""; position: absolute; left: 8px; right: 8px; top: 31px; height: 1px; background: rgba(139,184,196,.14); }
.g404-node.is-active { border-color: rgba(131,245,155,.72); background: linear-gradient(180deg, rgba(14,48,34,.70), rgba(4,16,14,.72)); box-shadow: inset 0 0 16px rgba(131,245,155,.10), 0 0 18px rgba(131,245,155,.18), 0 9px 18px rgba(0,0,0,.22); }
.g404-node.is-active::before { content: ""; position: absolute; inset: 2px; border-radius: 8px; border: 1px solid rgba(131,245,155,.18); pointer-events: none; }
.g404-node.is-locked { opacity: .78; border-color: rgba(139,184,196,.22); filter: saturate(.82); }
.g404-node.is-locked .g404-node-lv { color: #8f9ea0; }
.g404-node.is-charged { transform: translateY(-4px) scale(1.035); border-color: rgba(234,255,255,.96); filter: brightness(1.34) saturate(1.36); box-shadow: inset 0 0 24px rgba(234,255,255,.20), inset 0 0 44px rgba(95,255,212,.10), 0 0 18px rgba(255,255,255,.30), 0 0 38px rgba(95,255,212,.42), 0 0 64px rgba(180,108,255,.20), 0 12px 22px rgba(0,0,0,.28); animation: g404NodeSurge .88s cubic-bezier(.13,.86,.24,1) both; }
.g404-node-head { display: grid; grid-template-columns: 19px 1fr; gap: 5px; align-items: center; }
.g404-node-icon { color: var(--node, var(--g-green)); filter: drop-shadow(0 0 12px currentColor); }
.g404-node-icon .g404-i { width: 20px; height: 20px; filter: drop-shadow(0 0 10px currentColor); }
.g404-node-title { display: block; color: #eef7f4; font-size: 10px; font-weight: 700; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g404-node-lv { display: block; margin-top: 2px; color: var(--g-green); font-size: 9px; font-weight: 700; }
.g404-node-value { margin-top: 9px; display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--g-green); font-size: 12px; font-weight: 800; letter-spacing: .2px; }
.g404-node-value .g404-i { width: 12px; height: 12px; }
.g404-node-cta { margin-top: 5px; min-height: 18px; padding: 0 6px; border: 1px solid rgba(255,217,107,.35); border-radius: 7px; display: flex; align-items: center; justify-content: center; color: #211702; background: linear-gradient(180deg, #ffe779, #dba526); box-shadow: inset 0 0 10px rgba(255,255,255,.18), 0 0 12px rgba(255,217,107,.16); font-size: 8px; line-height: 1; font-weight: 900; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g404-node.is-locked .g404-node-cta { animation: g404BuyPulse 2.4s ease-in-out infinite; }
.g404-node.is-active .g404-node-cta { border-color: rgba(131,245,155,.42); color: #eaffef; background: linear-gradient(180deg, rgba(55,181,94,.48), rgba(10,54,30,.68)); box-shadow: inset 0 0 10px rgba(131,245,155,.10), 0 0 12px rgba(131,245,155,.12); }
@keyframes g404BuyPulse { 0%, 100% { filter: brightness(1); box-shadow: inset 0 0 10px rgba(255,255,255,.18), 0 0 12px rgba(255,217,107,.16); } 50% { filter: brightness(1.12); box-shadow: inset 0 0 12px rgba(255,255,255,.24), 0 0 18px rgba(255,217,107,.34); } }
.g404-node.archive { left: 104px; top: 34px; --node: var(--g-green); }
.g404-node.hive { right: 18px; top: 108px; --node: var(--g-green); }
.g404-node.flower { left: 6px; top: 196px; --node: var(--g-purple); }
.g404-node.ruins { right: 14px; top: 266px; --node: #a58cff; }
.g404-node.moss { left: 22px; top: 386px; --node: var(--g-green); }
.g404-node.vine { right: 20px; top: 386px; --node: var(--g-green); }

.g404-core-wrap { position: absolute; z-index: 3; left: 50%; top: 34%; width: min(210px, 52vw); transform: translateX(-50%); text-align: center; }
.g404-core-btn { position: relative; width: 100%; aspect-ratio: 1; border: 0; background: transparent; padding: 0; display: grid; place-items: center; pointer-events: auto; touch-action: manipulation; transform: translateZ(0); }
.g404-core-btn::before { content: ""; position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(95,255,212,.22), transparent 62%); filter: blur(12px); }
.g404-core-btn::after { content: ""; position: absolute; inset: 17%; z-index: 1; border: 1px solid rgba(95,255,212,.42); border-radius: 50%; box-shadow: 0 0 18px rgba(95,255,212,.28), inset 0 0 18px rgba(180,108,255,.12); opacity: .72; animation: g404CoreOrbit 3.4s linear infinite; }
.g404-core-rings { position: absolute; left: 50%; top: 50%; z-index: 3; width: 91%; height: 91%; pointer-events: none; transform: translate(-50%, -50%); opacity: .70; }
.g404-core-rings svg { display: block; width: 100%; height: 100%; overflow: visible; transform-origin: 50% 50%; animation: g404CoreSpin 8.5s linear infinite; }
.g404-core-rings circle { fill: none; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: center; }
.g404-core-rings .orbit-soft { stroke: rgba(67,202,255,.22); stroke-width: 1.4; filter: drop-shadow(0 0 6px rgba(67,202,255,.42)); }
.g404-core-rings .orbit-dash { stroke: rgba(95,255,212,.88); stroke-width: 1.7; stroke-linecap: round; stroke-dasharray: 4 7; filter: drop-shadow(0 0 7px rgba(95,255,212,.74)); }
.g404-core-rings .orbit-inner { stroke: rgba(180,108,255,.36); stroke-width: 1; stroke-dasharray: 2 9; animation: g404CoreSpinReverse 6.8s linear infinite; }
.g404-core-rings .orbit-dot { fill: #eaffff; stroke: rgba(95,255,212,.78); stroke-width: .6; filter: drop-shadow(0 0 7px rgba(95,255,212,.90)); }
.g404-core-rings .orbit-dot.second { fill: #d9b6ff; stroke: rgba(180,108,255,.78); }
.g404-core-img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 18px rgba(67,202,255,.85)) drop-shadow(0 0 32px rgba(138,97,255,.50)); animation: g404Pulse 2.8s ease-in-out infinite; }
@keyframes g404Pulse { 0%, 100% { transform: scale(1); opacity: .96; } 50% { transform: scale(1.035); opacity: 1; } }
@keyframes g404CoreSpin { to { transform: rotate(360deg); } }
@keyframes g404CoreSpinReverse { to { transform: rotate(-360deg); } }
@keyframes g404CoreOrbit { 0%, 100% { transform: scale(1) rotate(0deg); opacity: .56; } 50% { transform: scale(1.08) rotate(180deg); opacity: .92; } }
.g404-core-btn.is-tapping .g404-core-img { animation: g404TapHit .42s cubic-bezier(.2,1.4,.3,1) both; }
.g404-core-btn.is-tapping::after { animation: g404TapRing .46s ease-out both; }
@keyframes g404TapHit { 0% { transform: scale(1); filter: drop-shadow(0 0 18px rgba(67,202,255,.85)) drop-shadow(0 0 32px rgba(138,97,255,.50)); } 38% { transform: scale(.94) rotate(-1.5deg); filter: drop-shadow(0 0 24px rgba(95,255,212,1)) drop-shadow(0 0 44px rgba(180,108,255,.70)); } 100% { transform: scale(1.04); } }
@keyframes g404TapRing { 0% { transform: scale(.72); opacity: .9; } 100% { transform: scale(1.46); opacity: 0; } }
.g404-tap-burst { position: absolute; z-index: 9; width: 1px; height: 1px; pointer-events: none; transform: translate(-50%, -50%); }
.g404-tap-burst span { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); min-width: 76px; padding: 6px 9px; border: 1px solid rgba(95,255,212,.58); border-radius: 8px; background: linear-gradient(180deg, rgba(5,18,22,.96), rgba(3,10,13,.78)); color: #eafff3; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 16px; font-weight: 900; text-shadow: 0 0 10px rgba(95,255,212,.72); box-shadow: inset 0 0 14px rgba(95,255,212,.12), 0 0 20px rgba(95,255,212,.24); animation: g404TapFloat 1.02s cubic-bezier(.17,.84,.31,1) forwards; }
.g404-tap-burst i { position: absolute; left: 0; top: 0; width: 8px; height: 8px; border: 1px solid rgba(95,255,212,.72); background: rgba(95,255,212,.34); box-shadow: 0 0 10px rgba(95,255,212,.55); animation: g404TapPixel .96s cubic-bezier(.16,.86,.26,1) forwards; }
.g404-tap-burst i:nth-of-type(1) { --x: -62px; --y: -38px; --r: 12deg; background: rgba(131,245,155,.42); }
.g404-tap-burst i:nth-of-type(2) { --x: 58px; --y: -42px; --r: 38deg; border-color: rgba(67,202,255,.75); background: rgba(67,202,255,.34); }
.g404-tap-burst i:nth-of-type(3) { --x: -44px; --y: 42px; --r: -24deg; border-color: rgba(180,108,255,.75); background: rgba(180,108,255,.34); }
.g404-tap-burst i:nth-of-type(4) { --x: 48px; --y: 38px; --r: 52deg; }
.g404-tap-burst i:nth-of-type(5) { --x: 0px; --y: -68px; --r: 0deg; border-color: rgba(255,217,107,.8); background: rgba(255,217,107,.34); }
.g404-tap-burst i:nth-of-type(6) { --x: 0px; --y: 58px; --r: 0deg; border-color: rgba(67,202,255,.75); background: rgba(67,202,255,.34); }
@keyframes g404TapFloat { 0% { opacity: 0; transform: translate(-50%, 6px) scale(.82); } 18% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -78px) scale(1.04); } }
@keyframes g404TapPixel { 0% { opacity: 1; transform: translate(-4px, -4px) scale(.6) rotate(0deg); } 100% { opacity: 0; transform: translate(var(--x), var(--y)) scale(1.2) rotate(var(--r)); } }
.g404-core-shock { position: absolute; z-index: 7; width: 1px; height: 1px; pointer-events: none; transform: translate(-50%, -50%); }
.g404-core-shock i,
.g404-core-shock b { position: absolute; left: 0; top: 0; width: 138px; height: 138px; border-radius: 50%; transform: translate(-50%, -50%) scale(.26); border: 1px solid rgba(234,255,255,.72); background: radial-gradient(circle, rgba(255,255,255,.24), rgba(95,255,212,.14) 30%, transparent 62%); box-shadow: inset 0 0 18px rgba(255,255,255,.20), 0 0 26px rgba(95,255,212,.62), 0 0 54px rgba(180,108,255,.28); animation: g404CoreShock .84s cubic-bezier(.12,.82,.18,1) forwards; }
.g404-core-shock b { width: 92px; height: 92px; border-color: rgba(67,202,255,.58); animation-delay: .06s; }
.g404-lightning-svg { position: absolute; z-index: 8; overflow: visible; pointer-events: none; opacity: 0; mix-blend-mode: screen; animation: g404BoltSvgFade .86s cubic-bezier(.14,.9,.18,1) forwards; }
.g404-bolt { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; stroke-dasharray: 520; stroke-dashoffset: 520; }
.g404-bolt--aura { stroke: rgba(95,255,212,.44); stroke-width: 9; filter: blur(.4px); animation: g404BoltTrace .58s cubic-bezier(.1,.84,.2,1) forwards, g404BoltFlicker .18s steps(2,end) 3; }
.g404-bolt--core { stroke: rgba(234,255,255,.98); stroke-width: 2.2; filter: drop-shadow(0 0 4px rgba(255,255,255,.98)) drop-shadow(0 0 11px rgba(95,255,212,.90)) drop-shadow(0 0 22px rgba(180,108,255,.45)); animation: g404BoltTrace .50s cubic-bezier(.08,.86,.18,1) forwards, g404BoltFlicker .16s steps(2,end) 4; }
.g404-bolt-branch { fill: none; stroke: rgba(145,255,232,.84); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; stroke-dasharray: 140; stroke-dashoffset: 140; filter: drop-shadow(0 0 7px rgba(95,255,212,.82)); animation: g404BoltTrace .42s cubic-bezier(.1,.86,.18,1) .08s forwards, g404BranchFade .72s ease-out forwards; }
.g404-bolt-branch.b1,
.g404-bolt-branch.b3 { stroke: rgba(195,145,255,.82); filter: drop-shadow(0 0 7px rgba(180,108,255,.70)); }
.g404-bolt-hit,
.g404-bolt-start { fill: rgba(234,255,255,.96); stroke: rgba(95,255,212,.82); stroke-width: 1.4; filter: drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(95,255,212,.85)); transform-box: fill-box; transform-origin: center; animation: g404BoltNodePop .74s cubic-bezier(.12,.9,.2,1) forwards; }
.g404-bolt-start { fill: rgba(95,255,212,.72); animation-delay: .02s; }
@keyframes g404CoreShock { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.18); } 18% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.42); } }
@keyframes g404BoltSvgFade { 0% { opacity: 0; filter: saturate(1.3) brightness(1.15); } 8%, 70% { opacity: 1; } 100% { opacity: 0; filter: saturate(1.8) brightness(1.45); } }
@keyframes g404BoltTrace { to { stroke-dashoffset: 0; } }
@keyframes g404BoltFlicker { 0%, 100% { opacity: 1; } 50% { opacity: .52; } }
@keyframes g404BranchFade { 0%, 70% { opacity: 1; } 100% { opacity: 0; } }
@keyframes g404BoltNodePop { 0% { opacity: 0; transform: scale(.18); } 32% { opacity: 1; transform: scale(1.65); } 100% { opacity: 0; transform: scale(.38); } }
@keyframes g404NodeSurge { 0% { outline: 0 solid rgba(234,255,255,0); } 22% { outline: 8px solid rgba(95,255,212,.18); } 100% { outline: 0 solid rgba(234,255,255,0); } }
.g404-tap-title { margin-top: -6px; font-family: Georgia, "Times New Roman", serif; color: #fff; font-size: 25px; line-height: 1; text-shadow: 0 0 18px rgba(0,0,0,.9); }
.g404-tap-sub { margin-top: 8px; color: #b6b9c1; font-size: 10px; font-weight: 800; letter-spacing: 2.2px; text-transform: uppercase; }

.g404-bottom { position: fixed; left: 50%; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 20; width: min(calc(100% - 20px), 452px); min-height: 70px; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--g-line); border-radius: 16px; background: linear-gradient(180deg, rgba(7,18,23,.72), rgba(3,9,12,.82)); overflow: hidden; backdrop-filter: blur(10px); transform: translateX(-50%); }
.g404-nav { position: relative; min-width: 0; border: 0; border-right: 1px solid rgba(139,184,196,.14); background: transparent; color: #a1a7ac; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; font-size: 11px; font-weight: 800; }
.g404-nav:last-child { border-right: 0; }
.g404-nav .g404-i { width: 24px; height: 24px; filter: drop-shadow(0 0 8px rgba(95,255,212,.18)); }
.g404-nav.active { color: #e9fff4; background: radial-gradient(circle at 50% 35%, rgba(95,255,154,.18), transparent 64%); box-shadow: inset 0 0 20px rgba(95,255,154,.10); }
.g404-nav.active::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(95,255,154,.62); border-radius: 15px; box-shadow: inset 0 0 16px rgba(95,255,154,.14), 0 0 12px rgba(95,255,154,.24); pointer-events: none; }
.g404-nav.active::after { content: ""; position: absolute; left: 50%; bottom: 5px; width: 9px; height: 4px; transform: translateX(-50%); border-radius: 999px; background: var(--g-green); box-shadow: 0 0 10px var(--g-green); }
.g404-nav-dot { position: absolute; top: 24px; right: 31%; width: 13px; height: 13px; border-radius: 50%; background: var(--g-violet); box-shadow: 0 0 12px var(--g-violet); }

.screen-body { display: grid; gap: 12px; }
.da-panel, .da-card, .da-task, .da-ref-box, .da-method, .da-history-item { border: 1px solid var(--g-line); border-radius: 16px; background: var(--g-panel); box-shadow: inset 0 0 20px rgba(95,255,212,.05); }
.da-section-head { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.da-section h1, .da-section h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 500; }
.da-section-kicker, .da-card__label { color: var(--g-green); font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.da-grid { display: grid; gap: 10px; }
.da-card { display: grid; grid-template-columns: 82px 1fr; gap: 12px; padding: 12px; }
.da-card__media { width: 82px; height: 82px; border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.04); }
.da-card__media img, .da-method img { width: 100%; height: 100%; object-fit: cover; display: block; }
.da-card h3, .da-panel h3, .da-task h3, .da-ref-box h3 { margin: 2px 0 0; color: #fff; font-size: 17px; }
.da-card p, .da-panel p, .da-task p, .da-ref-box p { margin: 6px 0 0; color: var(--g-muted); font-size: 13px; line-height: 1.35; }
.da-card__meta, .da-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.da-chip { padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.06); color: #d8e0e1; font-size: 12px; font-weight: 800; }
.da-chip.is-green { color: var(--g-green); }
.da-btn { min-height: 42px; padding: 0 13px; border: 1px solid rgba(139,225,226,.34); border-radius: 12px; background: rgba(5,18,22,.74); color: #eaf7f4; font-weight: 800; }
.da-btn.primary, .da-btn.blue { background: linear-gradient(180deg, rgba(95,255,154,.24), rgba(42,124,90,.32)); color: #ddffea; }
.history-page { display: grid; gap: 11px; }
.history-hero { position: relative; min-height: 154px; display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 12px; align-items: center; padding: 15px; overflow: hidden; border: 1px solid rgba(139,225,226,.34); border-radius: 18px; background: radial-gradient(circle at 82% 26%, rgba(67,202,255,.20), transparent 34%), radial-gradient(circle at 18% 0, rgba(95,255,154,.18), transparent 38%), linear-gradient(135deg, rgba(7,23,27,.92), rgba(3,10,13,.96)); box-shadow: inset 0 0 28px rgba(95,255,212,.055), 0 16px 36px rgba(0,0,0,.28); }
.history-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(139,225,226,.055) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(180deg, rgba(139,225,226,.045) 1px, transparent 1px) 0 0 / 22px 22px; opacity: .72; pointer-events: none; }
.history-hero > * { position: relative; z-index: 1; min-width: 0; }
.history-hero h1 { margin: 3px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 31px; line-height: .98; font-weight: 500; letter-spacing: 0; }
.history-hero p { margin: 8px 0 0; max-width: 250px; color: #a9b9b9; font-size: 12px; line-height: 1.42; font-weight: 700; }
.history-balance { min-height: 112px; display: grid; align-content: center; padding: 12px; border: 1px solid rgba(95,255,154,.34); border-radius: 15px; background: radial-gradient(circle at 50% 0, rgba(95,255,154,.24), transparent 58%), rgba(0,0,0,.22); box-shadow: inset 0 0 18px rgba(95,255,154,.08); text-align: right; }
.history-balance small, .history-balance span { color: #8fa1a1; font-size: 10px; line-height: 1.15; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; }
.history-balance strong { margin: 6px 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 22px; line-height: 1; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.history-balance span { color: var(--g-green); text-transform: none; letter-spacing: 0; }
.history-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.history-actions .da-btn { min-height: 46px; justify-content: center; }
.history-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.history-stat { min-height: 96px; padding: 10px 8px; border: 1px solid rgba(139,225,226,.25); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,27,.78), rgba(3,10,13,.90)); box-shadow: inset 0 0 16px rgba(95,255,212,.045); }
.history-stat span { width: 28px; height: 28px; display: grid; place-items: center; margin-bottom: 8px; border: 1px solid rgba(139,225,226,.22); border-radius: 9px; background: rgba(0,0,0,.20); }
.history-stat .g404-i { width: 20px; height: 20px; filter: drop-shadow(0 0 9px currentColor); }
.history-stat small, .history-stat em { display: block; color: #8fa1a1; font-size: 8.5px; line-height: 1.14; font-weight: 900; letter-spacing: .35px; text-transform: uppercase; }
.history-stat strong { display: block; margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 15px; line-height: 1; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.history-stat em { margin-top: 7px; color: var(--g-cyan); font-style: normal; text-transform: none; letter-spacing: 0; }
.history-toolbar { display: grid; gap: 10px; }
.history-toolbar span { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; }
.history-toolbar h2 { margin: 1px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 29px; line-height: 1; font-weight: 500; }
.history-tabs { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 1px; scrollbar-width: none; }
.history-tabs::-webkit-scrollbar { display: none; }
.history-tabs button { flex: 0 0 auto; min-height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid rgba(139,225,226,.22); border-radius: 999px; background: rgba(5,18,22,.68); color: #aebcbd; font-size: 11px; font-weight: 900; }
.history-tabs button b { min-width: 20px; height: 20px; display: grid; place-items: center; padding: 0 5px; border-radius: 999px; background: rgba(255,255,255,.07); color: #fff; font-size: 10px; }
.history-tabs button.is-active { border-color: rgba(95,255,154,.56); background: linear-gradient(180deg, rgba(95,255,154,.20), rgba(5,18,22,.74)); color: #effff5; box-shadow: inset 0 0 14px rgba(95,255,154,.07); }
.history-list { display: grid; gap: 8px; }
.history-row { --row-accent: #8be1e2; --row-rgb: 139,225,226; position: relative; min-height: 72px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px; overflow: hidden; border: 1px solid rgba(var(--row-rgb), .28); border-radius: 15px; background: linear-gradient(180deg, rgba(7,20,24,.80), rgba(3,10,13,.92)); box-shadow: inset 0 0 16px rgba(var(--row-rgb), .045); }
.history-row::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 0 50%, rgba(var(--row-rgb), .16), transparent 34%); pointer-events: none; }
.history-row > * { position: relative; z-index: 1; min-width: 0; }
.history-row.deposit { --row-accent: #83f59b; --row-rgb: 131,245,155; }
.history-row.payout { --row-accent: #ff7f9b; --row-rgb: 255,127,155; }
.history-row.reward { --row-accent: #ffd96b; --row-rgb: 255,217,107; }
.history-row.profit { --row-accent: #43caff; --row-rgb: 67,202,255; }
.history-row.plan { --row-accent: #b46cff; --row-rgb: 180,108,255; }
.history-row__icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(var(--row-rgb), .42); border-radius: 13px; background: radial-gradient(circle at 50% 28%, rgba(var(--row-rgb), .24), rgba(0,0,0,.22) 70%); color: var(--row-accent); box-shadow: inset 0 0 13px rgba(var(--row-rgb), .08), 0 0 13px rgba(var(--row-rgb), .14); }
.history-row__icon .g404-i { width: 27px; height: 27px; filter: drop-shadow(0 0 10px currentColor); }
.history-row__main h3 { margin: 0; color: #fff; font-size: 13.5px; line-height: 1.12; font-weight: 1000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.history-row__main p { margin: 5px 0 0; color: #8fa1a1; font-size: 10.5px; line-height: 1.25; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.history-row__side { text-align: right; }
.history-row__side strong { display: block; max-width: 98px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 13px; line-height: 1; font-weight: 1000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.history-row__side strong.is-plus { color: #a9ffc0; }
.history-row__side strong.is-minus { color: #ff9ab0; }
.history-row__side small { display: inline-flex; justify-content: center; min-width: 64px; margin-top: 7px; padding: 4px 6px; border-radius: 999px; background: rgba(255,255,255,.055); color: #9cafaf; font-size: 9px; line-height: 1; font-weight: 900; text-transform: uppercase; }
.history-row.pending .history-row__side small { color: #ffe18a; background: rgba(255,217,107,.10); }
.history-row.failed .history-row__side small { color: #ff9ab0; background: rgba(255,127,155,.10); }
.history-empty { display: grid; justify-items: center; gap: 9px; padding: 22px 16px; border: 1px dashed rgba(139,225,226,.28); border-radius: 16px; background: rgba(5,18,22,.44); text-align: center; }
.history-empty span { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(95,255,154,.34); border-radius: 16px; background: rgba(0,0,0,.18); }
.history-empty .g404-i { width: 34px; height: 34px; }
.history-empty strong { color: #fff; font-size: 15px; font-weight: 1000; }
.history-empty p { max-width: 280px; margin: 0; color: #8fa1a1; font-size: 12px; line-height: 1.4; font-weight: 750; }
.history-empty.compact { padding: 18px 14px; }
.invest-page { display: grid; gap: 11px; }
.invest-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.invest-summary-card { position: relative; overflow: hidden; min-height: 104px; padding: 10px 9px 9px; border: 1px solid rgba(139,225,226,.32); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,27,.74), rgba(3,10,13,.82)); box-shadow: inset 0 0 18px rgba(95,255,212,.045), 0 10px 22px rgba(0,0,0,.20); backdrop-filter: blur(12px); }
.invest-summary-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0, rgba(95,255,212,.20), transparent 48%), linear-gradient(135deg, rgba(255,255,255,.07), transparent 34%); pointer-events: none; }
.invest-summary-card.yield::before { background: radial-gradient(circle at 50% 0, rgba(67,202,255,.22), transparent 48%), linear-gradient(135deg, rgba(255,255,255,.07), transparent 34%); }
.invest-summary-card.spores::before { background: radial-gradient(circle at 50% 0, rgba(180,108,255,.22), transparent 48%), linear-gradient(135deg, rgba(255,255,255,.07), transparent 34%); }
.invest-summary-card > span { position: relative; }
.invest-summary-card__icon { width: 30px; height: 30px; display: grid; place-items: center; margin-bottom: 7px; border: 1px solid rgba(139,225,226,.22); border-radius: 10px; background: rgba(0,0,0,.18); color: var(--g-green); box-shadow: inset 0 0 12px rgba(95,255,212,.06); }
.invest-summary-card__icon .g404-i { width: 22px; height: 22px; filter: drop-shadow(0 0 10px currentColor); }
.invest-summary-card small { display: block; min-height: 23px; color: #96a4aa; font-size: 9px; line-height: 1.15; font-weight: 900; letter-spacing: .4px; }
.invest-summary-card strong { display: block; margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 18px; line-height: .98; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-summary-card em { display: block; margin-top: 7px; color: var(--g-green); font-size: 8.5px; line-height: 1.15; font-style: normal; font-weight: 800; }
.invest-summary-card.yield em { color: var(--g-cyan); }
.invest-summary-card.spores em { color: var(--g-purple); }
.invest-section-head { display: flex; align-items: end; justify-content: space-between; gap: 9px; margin-top: 1px; }
.invest-section-head span { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; }
.invest-section-head h1 { margin: 1px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1; font-weight: 500; }
.invest-sort { min-height: 32px; padding: 0 9px; border: 1px solid rgba(139,225,226,.28); border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; background: rgba(5,18,22,.70); color: #dce9e7; font-size: 11px; font-weight: 900; white-space: nowrap; box-shadow: inset 0 0 12px rgba(95,255,212,.04); }
.invest-sort .g404-i { width: 15px; height: 15px; }
.invest-pay-strip { min-height: 38px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.invest-pay-strip span { display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgba(139,225,226,.22); border-radius: 12px; background: linear-gradient(180deg, rgba(7,20,24,.86), rgba(3,10,13,.94)); color: #dce9e7; font-size: 11px; font-weight: 900; text-transform: uppercase; box-shadow: inset 0 0 12px rgba(95,255,212,.035); }
.invest-pay-strip .g404-i { width: 16px; height: 16px; }
.invest-list { display: grid; gap: 8px; }
.invest-row { --accent: var(--g-green); --accent-rgb: 131,245,155; position: relative; min-height: 126px; display: grid; grid-template-columns: 54px minmax(0, 1fr) 98px; gap: 8px; align-items: center; padding: 10px; overflow: hidden; border: 1px solid rgba(var(--accent-rgb), .40); border-radius: 16px; background: linear-gradient(180deg, rgba(7,20,24,.76), rgba(3,10,13,.88)); box-shadow: inset 0 0 20px rgba(var(--accent-rgb), .07), 0 10px 20px rgba(0,0,0,.20); backdrop-filter: blur(12px); }
.invest-row::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 50%, rgba(var(--accent-rgb), .24), transparent 26%), linear-gradient(90deg, rgba(var(--accent-rgb), .08) 1px, transparent 1px) 0 0 / 22px 22px; opacity: .82; pointer-events: none; }
.invest-row > * { position: relative; }
.invest-row.archive, .invest-reco.archive { --accent: #83f59b; --accent-rgb: 131,245,155; }
.invest-row.hive, .invest-reco.hive { --accent: #43caff; --accent-rgb: 67,202,255; }
.invest-row.flower, .invest-reco.flower { --accent: #b46cff; --accent-rgb: 180,108,255; }
.invest-row.ruins, .invest-reco.ruins { --accent: #9c83ff; --accent-rgb: 156,131,255; }
.invest-row.moss, .invest-reco.moss { --accent: #a5ff6f; --accent-rgb: 165,255,111; }
.invest-row.vine, .invest-reco.vine { --accent: #5fffd4; --accent-rgb: 95,255,212; }
.invest-row__icon { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb), .44); border-radius: 14px; background: radial-gradient(circle at 50% 30%, rgba(var(--accent-rgb), .22), rgba(0,0,0,.20) 68%); box-shadow: inset 0 0 16px rgba(var(--accent-rgb), .10), 0 0 16px rgba(var(--accent-rgb), .18); color: var(--accent); }
.invest-row__icon .g404-i { width: 34px; height: 34px; filter: drop-shadow(0 0 12px currentColor); }
.invest-row__main { min-width: 0; }
.invest-row__main h3 { margin: 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 17px; line-height: 1.02; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-row__main span { display: block; margin-top: 6px; color: var(--accent); font-size: 12px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-row__main small { display: block; margin-top: 5px; color: #94a2a7; font-size: 10px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-row__yield { min-width: 0; padding-right: 6px; text-align: right; }
.invest-row__yield strong { display: flex; justify-content: flex-end; align-items: center; gap: 3px; color: #ecfff5; font-size: 13px; line-height: 1; font-weight: 900; white-space: nowrap; }
.invest-row__yield .g404-i { width: 13px; height: 13px; flex: 0 0 auto; }
.invest-row__yield small { display: block; margin-top: 7px; color: #94a2a7; font-size: 10px; font-weight: 900; white-space: nowrap; overflow: visible; text-overflow: clip; }
.invest-row__checkout { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 82px 94px; gap: 7px; align-items: stretch; }
.invest-row__price { min-width: 0; min-height: 46px; display: grid; align-content: center; padding: 7px 9px; border: 1px solid rgba(var(--accent-rgb), .24); border-radius: 12px; background: rgba(0,0,0,.24); }
.invest-row__price small { color: #8d9c9a; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; }
.invest-row__price strong { margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 13px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-pay { min-width: 0; min-height: 46px; border: 1px solid rgba(var(--accent-rgb), .45); border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; }
.invest-pay .g404-i { width: 15px; height: 15px; }
.invest-pay.balance { background: linear-gradient(180deg, rgba(var(--accent-rgb), .34), rgba(7,16,21,.84)); box-shadow: inset 0 0 14px rgba(var(--accent-rgb), .12), 0 0 14px rgba(var(--accent-rgb), .12); }
.invest-pay.invoice { border-color: rgba(67,202,255,.42); background: linear-gradient(180deg, rgba(67,202,255,.22), rgba(7,16,21,.84)); color: #e8fbff; }
.invest-row__buy { min-width: 0; min-height: 52px; border: 1px solid rgba(var(--accent-rgb), .55); border-radius: 13px; background: linear-gradient(180deg, rgba(var(--accent-rgb), .34), rgba(7,16,21,.84)); color: #fff; box-shadow: inset 0 0 14px rgba(var(--accent-rgb), .14), 0 0 14px rgba(var(--accent-rgb), .14); }
.invest-row__buy strong { display: block; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 13px; line-height: 1; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.invest-row__buy span { display: block; margin-top: 4px; color: rgba(255,255,255,.76); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.invest-row__next { width: 14px; min-width: 14px; height: 46px; border: 0; padding: 0; background: transparent; color: rgba(238,247,244,.72); font-size: 24px; line-height: 1; }
.invest-reco { --accent: var(--g-green); --accent-rgb: 131,245,155; position: relative; overflow: hidden; display: grid; grid-template-columns: 56px minmax(0, 1fr) 108px; gap: 10px; align-items: center; min-height: 86px; padding: 10px; border: 1px solid rgba(var(--accent-rgb), .42); border-radius: 17px; background: linear-gradient(135deg, rgba(8,27,24,.80), rgba(4,11,13,.88) 58%, rgba(39,25,6,.55)); box-shadow: inset 0 0 22px rgba(var(--accent-rgb), .08), 0 12px 24px rgba(0,0,0,.22); }
.invest-reco::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 35%, rgba(var(--accent-rgb), .22), transparent 34%), radial-gradient(circle at 94% 100%, rgba(255,211,75,.16), transparent 34%); pointer-events: none; }
.invest-reco > * { position: relative; }
.invest-reco__icon { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid rgba(var(--accent-rgb), .42); border-radius: 15px; background: rgba(0,0,0,.18); color: var(--accent); }
.invest-reco__icon .g404-i { width: 38px; height: 38px; filter: drop-shadow(0 0 14px currentColor); }
.invest-reco__copy { min-width: 0; }
.invest-reco__copy small { color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.invest-reco__copy h2 { margin: 3px 0 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 19px; line-height: 1; }
.invest-reco__copy p { margin: 6px 0 0; color: #aab7b2; font-size: 11px; line-height: 1.25; }
.invest-reco__btn { min-height: 48px; border: 1px solid rgba(255,219,91,.55); border-radius: 13px; background: linear-gradient(180deg, #ffe776, #e0a924); color: #231702; font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: inset 0 0 14px rgba(255,255,255,.18), 0 0 18px rgba(255,211,75,.18); }
.ref-page { display: grid; gap: 11px; }
.ref-hero { position: relative; min-height: 164px; display: grid; grid-template-columns: minmax(0, 1fr) 132px; gap: 12px; align-items: center; overflow: hidden; padding: 14px; border: 1px solid rgba(139,225,226,.34); border-radius: 17px; background: radial-gradient(circle at 82% 32%, rgba(95,255,212,.22), transparent 34%), linear-gradient(135deg, rgba(7,22,26,.84), rgba(5,10,16,.88) 58%, rgba(37,17,55,.64)); box-shadow: inset 0 0 24px rgba(95,255,212,.06), 0 12px 25px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.ref-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(180,108,255,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .7; pointer-events: none; }
.ref-hero__copy, .ref-portal { position: relative; }
.ref-hero__copy span, .ref-section-title span { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.ref-hero__copy h1 { margin: 5px 0 0; max-width: 260px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 29px; line-height: .96; font-weight: 800; }
.ref-hero__copy p { margin: 9px 0 0; max-width: 280px; color: #aeb9bb; font-size: 12px; line-height: 1.35; }
.ref-portal { height: 132px; display: grid; place-items: center; }
.ref-portal__ring { position: relative; z-index: 2; width: 88px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.52); clip-path: polygon(50% 0, 92% 25%, 92% 75%, 50% 100%, 8% 75%, 8% 25%); background: radial-gradient(circle, rgba(95,255,212,.24), rgba(5,18,22,.74) 66%); box-shadow: inset 0 0 20px rgba(95,255,212,.16), 0 0 22px rgba(95,255,212,.26); }
.ref-portal__ring .g404-i { width: 48px; height: 48px; filter: drop-shadow(0 0 14px rgba(131,245,155,.70)); }
.ref-portal i { position: absolute; width: 28px; height: 28px; border: 1px solid rgba(180,108,255,.44); background: rgba(180,108,255,.12); box-shadow: 0 0 14px rgba(180,108,255,.24); image-rendering: pixelated; }
.ref-portal i:nth-of-type(1) { left: 8px; top: 18px; }
.ref-portal i:nth-of-type(2) { right: 2px; top: 55px; border-color: rgba(67,202,255,.46); background: rgba(67,202,255,.12); box-shadow: 0 0 14px rgba(67,202,255,.24); }
.ref-portal i:nth-of-type(3) { left: 24px; bottom: 8px; border-color: rgba(255,217,107,.46); background: rgba(255,217,107,.13); box-shadow: 0 0 14px rgba(255,217,107,.22); }
.ref-portal b { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); max-width: 112px; padding: 4px 8px; border: 1px solid rgba(139,225,226,.26); border-radius: 999px; background: rgba(0,0,0,.28); color: #fff; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ref-stat { position: relative; overflow: hidden; min-height: 94px; padding: 9px; border: 1px solid rgba(139,225,226,.28); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,27,.72), rgba(3,10,13,.82)); box-shadow: inset 0 0 18px rgba(95,255,212,.045); }
.ref-stat::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 0, rgba(95,255,212,.18), transparent 48%); pointer-events: none; }
.ref-stat.reward::before { background: radial-gradient(circle at 80% 0, rgba(255,217,107,.18), transparent 48%); }
.ref-stat.pending::before { background: radial-gradient(circle at 80% 0, rgba(180,108,255,.20), transparent 48%); }
.ref-stat > * { position: relative; }
.ref-stat__icon { width: 28px; height: 28px; display: grid; place-items: center; margin-bottom: 7px; border: 1px solid rgba(139,225,226,.20); border-radius: 9px; background: rgba(0,0,0,.18); }
.ref-stat__icon .g404-i { width: 21px; height: 21px; }
.ref-stat small { display: block; color: #96a4aa; font-size: 9px; font-weight: 900; }
.ref-stat strong { display: block; margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 18px; line-height: .98; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-stat em { display: block; margin-top: 7px; color: var(--g-green); font-size: 8.5px; font-style: normal; font-weight: 900; }
.ref-link-card, .ref-milestone, .ref-row, .ref-empty { position: relative; overflow: hidden; border: 1px solid rgba(139,225,226,.30); border-radius: 16px; background: linear-gradient(180deg, rgba(7,20,24,.76), rgba(3,10,13,.88)); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.ref-link-card { display: grid; gap: 10px; padding: 11px; }
.ref-link-card::before, .ref-milestone::before, .ref-row::before, .ref-empty::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .55; pointer-events: none; }
.ref-link-card > *, .ref-milestone > *, .ref-row > *, .ref-empty > * { position: relative; }
.ref-link-card__head { display: flex; align-items: center; gap: 9px; }
.ref-link-card__head > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(67,202,255,.34); border-radius: 12px; background: rgba(67,202,255,.10); }
.ref-link-card__head .g404-i { width: 25px; height: 25px; }
.ref-link-card__head small { display: block; color: var(--g-cyan); font-size: 10px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.ref-link-card__head strong { display: block; margin-top: 2px; color: #fff; font-size: 17px; }
.ref-link-card__copy { min-height: 40px; display: flex; align-items: center; padding: 0 10px; border: 1px solid rgba(139,184,196,.18); border-radius: 12px; background: rgba(0,0,0,.22); }
.ref-link-card__copy code { min-width: 0; color: #cfe6e0; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-actions { display: grid; grid-template-columns: 1.1fr .9fr; gap: 8px; }
.ref-btn { min-height: 43px; border: 1px solid rgba(139,225,226,.34); border-radius: 12px; background: rgba(5,18,22,.76); color: #eaf7f4; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.ref-btn.primary { border-color: rgba(131,245,155,.54); background: linear-gradient(180deg, rgba(131,245,155,.32), rgba(34,92,59,.46)); color: #eaffef; box-shadow: inset 0 0 14px rgba(131,245,155,.10), 0 0 16px rgba(131,245,155,.12); }
.ref-section-title { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.ref-section-title h2 { margin: 2px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1; font-weight: 500; }
.ref-milestones, .ref-squad { display: grid; gap: 8px; }
.ref-milestone-grid { display: grid; gap: 8px; }
.ref-milestone { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; min-height: 82px; padding: 9px; }
.ref-milestone.is-done { border-color: rgba(131,245,155,.50); }
.ref-milestone__icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(139,225,226,.26); border-radius: 13px; background: radial-gradient(circle, rgba(95,255,212,.18), rgba(0,0,0,.18) 68%); }
.ref-milestone__icon .g404-i { width: 32px; height: 32px; filter: drop-shadow(0 0 12px currentColor); }
.ref-milestone small { color: var(--g-green); font-size: 10px; font-weight: 900; }
.ref-milestone h3 { margin: 3px 0 0; color: #fff; font-size: 16px; line-height: 1; }
.ref-milestone p { margin: 5px 0 0; color: #9facac; font-size: 11px; }
.ref-progress { display: block; height: 6px; margin-top: 8px; overflow: hidden; border: 1px solid rgba(139,225,226,.18); border-radius: 999px; background: rgba(255,255,255,.045); }
.ref-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--g-green), var(--g-cyan)); box-shadow: 0 0 10px rgba(95,255,212,.6); }
.ref-list { display: grid; gap: 8px; }
.ref-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 62px; padding: 8px 10px; }
.ref-row__avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(131,245,155,.32); border-radius: 12px; background: rgba(131,245,155,.10); }
.ref-row__avatar .g404-i { width: 27px; height: 27px; }
.ref-row h3 { margin: 0; color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-row small { display: block; margin-top: 4px; color: var(--g-green); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ref-row strong { color: #fff; font-size: 13px; white-space: nowrap; }
.ref-more { width: 100%; min-height: 44px; margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 14px; border: 1px solid rgba(139,225,226,.30); border-radius: 14px; background: linear-gradient(180deg, rgba(7,20,24,.78), rgba(3,10,13,.90)); color: #eaf7f4; font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: inset 0 0 18px rgba(95,255,212,.05); }
.ref-more b { color: var(--g-green); font-size: 11px; }
.ref-empty { display: grid; place-items: center; min-height: 132px; padding: 18px; text-align: center; }
.ref-empty span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 8px; border: 1px solid rgba(131,245,155,.32); border-radius: 15px; background: rgba(131,245,155,.10); }
.ref-empty span .g404-i { width: 36px; height: 36px; }
.ref-empty strong { color: #fff; font-size: 17px; }
.ref-empty p { max-width: 250px; margin: 6px 0 0; color: #9facac; font-size: 12px; line-height: 1.35; }
.task-page { display: grid; gap: 11px; }
.task-hero { position: relative; min-height: 158px; display: grid; grid-template-columns: minmax(0, 1fr) 122px; gap: 12px; align-items: center; overflow: hidden; padding: 14px; border: 1px solid rgba(139,225,226,.34); border-radius: 17px; background: radial-gradient(circle at 82% 28%, rgba(180,108,255,.24), transparent 36%), linear-gradient(135deg, rgba(7,21,27,.84), rgba(5,10,16,.88) 58%, rgba(15,36,24,.66)); box-shadow: inset 0 0 24px rgba(95,255,212,.06), 0 12px 25px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.task-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(180,108,255,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .72; pointer-events: none; }
.task-hero__copy, .task-terminal { position: relative; }
.task-hero__copy span { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.task-hero__copy h1 { margin: 5px 0 0; max-width: 260px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 29px; line-height: .96; font-weight: 800; }
.task-hero__copy p { margin: 9px 0 0; max-width: 280px; color: #aeb9bb; font-size: 12px; line-height: 1.35; }
.task-terminal { height: 122px; display: grid; place-items: center; }
.task-terminal__screen { position: relative; z-index: 2; width: 90px; height: 90px; display: grid; place-items: center; align-content: center; gap: 1px; border: 1px solid rgba(131,245,155,.48); border-radius: 16px; background: radial-gradient(circle at 50% 24%, rgba(131,245,155,.22), rgba(3,12,14,.72) 68%); box-shadow: inset 0 0 18px rgba(131,245,155,.12), 0 0 22px rgba(131,245,155,.20); }
.task-terminal__screen .g404-i { width: 34px; height: 34px; filter: drop-shadow(0 0 13px rgba(131,245,155,.72)); }
.task-terminal__screen b { color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 18px; line-height: 1; }
.task-terminal__screen small { color: var(--g-green); font-size: 8px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase; }
.task-terminal i { position: absolute; width: 28px; height: 28px; border: 1px solid rgba(67,202,255,.44); background: rgba(67,202,255,.12); box-shadow: 0 0 14px rgba(67,202,255,.24); }
.task-terminal i:nth-of-type(1) { left: 8px; top: 18px; }
.task-terminal i:nth-of-type(2) { right: 5px; bottom: 15px; border-color: rgba(180,108,255,.46); background: rgba(180,108,255,.12); box-shadow: 0 0 14px rgba(180,108,255,.24); }
.task-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.task-stat { position: relative; overflow: hidden; min-height: 94px; padding: 9px; border: 1px solid rgba(139,225,226,.28); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,27,.72), rgba(3,10,13,.82)); box-shadow: inset 0 0 18px rgba(95,255,212,.045); }
.task-stat::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 0, rgba(95,255,212,.18), transparent 48%); pointer-events: none; }
.task-stat.done::before { background: radial-gradient(circle at 80% 0, rgba(255,217,107,.18), transparent 48%); }
.task-stat.reward::before { background: radial-gradient(circle at 80% 0, rgba(180,108,255,.20), transparent 48%); }
.task-stat > * { position: relative; }
.task-stat__icon { width: 28px; height: 28px; display: grid; place-items: center; margin-bottom: 7px; border: 1px solid rgba(139,225,226,.20); border-radius: 9px; background: rgba(0,0,0,.18); }
.task-stat__icon .g404-i { width: 21px; height: 21px; }
.task-stat small { display: block; color: #96a4aa; font-size: 9px; font-weight: 900; }
.task-stat strong { display: block; margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 18px; line-height: .98; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.task-stat em { display: block; margin-top: 7px; color: var(--g-green); font-size: 8.5px; font-style: normal; font-weight: 900; }
.task-progress-card, .task-card, .task-empty { position: relative; overflow: hidden; border: 1px solid rgba(139,225,226,.30); border-radius: 16px; background: linear-gradient(180deg, rgba(7,20,24,.76), rgba(3,10,13,.88)); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.task-progress-card::before, .task-card::before, .task-empty::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .55; pointer-events: none; }
.task-progress-card > *, .task-card > *, .task-empty > * { position: relative; }
.task-progress-card { display: grid; gap: 8px; padding: 11px; }
.task-progress-card small { display: block; color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }
.task-progress-card strong { display: block; margin-top: 3px; color: #fff; font-size: 18px; }
.task-progress-card em { color: #9facac; font-size: 11px; font-style: normal; font-weight: 800; }
.task-progress { display: block; height: 8px; overflow: hidden; border: 1px solid rgba(139,225,226,.18); border-radius: 999px; background: rgba(255,255,255,.045); }
.task-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--g-green), var(--g-cyan), var(--g-purple)); box-shadow: 0 0 12px rgba(95,255,212,.65); }
.task-list { display: grid; gap: 8px; }
.task-card { --task: #b46cff; --task-rgb: 180,108,255; display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 10px; padding: 9px; border-color: rgba(var(--task-rgb), .34); }
.task-card::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 34%, rgba(var(--task-rgb), .22), transparent 30%); pointer-events: none; }
.task-card.social { --task: #43caff; --task-rgb: 67,202,255; }
.task-card.daily { --task: #83f59b; --task-rgb: 131,245,155; }
.task-card.chain { --task: #ffd96b; --task-rgb: 255,217,107; }
.task-card.is-done { opacity: .78; }
.task-card__icon { position: relative; z-index: 2; width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(var(--task-rgb), .45); border-radius: 14px; background: radial-gradient(circle, rgba(var(--task-rgb), .20), rgba(0,0,0,.18) 68%); color: var(--task); box-shadow: inset 0 0 14px rgba(var(--task-rgb), .10), 0 0 14px rgba(var(--task-rgb), .16); }
.task-card__icon .g404-i { width: 32px; height: 32px; filter: drop-shadow(0 0 12px currentColor); }
.task-card__body { min-width: 0; position: relative; z-index: 2; }
.task-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.task-card__top span { color: var(--task); font-size: 9px; font-weight: 900; letter-spacing: 1.1px; text-transform: uppercase; }
.task-card__top strong { color: #fff; font-size: 12px; white-space: nowrap; }
.task-card h3 { margin: 5px 0 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 17px; line-height: 1.04; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.task-card p { margin: 6px 0 0; color: #aab7b2; font-size: 11px; line-height: 1.28; }
.task-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.task-card__meta small { color: #95a4a2; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.task-card__meta b { color: var(--g-green); font-size: 10px; white-space: nowrap; }
.task-card__actions { position: relative; z-index: 2; grid-column: 1 / -1; display: grid; grid-template-columns: .85fr 1.15fr; gap: 8px; }
.task-btn { min-height: 38px; border: 1px solid rgba(139,225,226,.28); border-radius: 12px; background: rgba(5,18,22,.76); color: #eaf7f4; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.task-btn.primary { border-color: rgba(var(--task-rgb), .55); background: linear-gradient(180deg, rgba(var(--task-rgb), .32), rgba(7,16,21,.86)); color: #fff; box-shadow: inset 0 0 14px rgba(var(--task-rgb), .12), 0 0 14px rgba(var(--task-rgb), .12); }
.task-btn:disabled { cursor: default; opacity: .55; }
.task-empty { display: grid; place-items: center; min-height: 138px; padding: 18px; text-align: center; }
.task-empty span { width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 8px; border: 1px solid rgba(131,245,155,.32); border-radius: 15px; background: rgba(131,245,155,.10); }
.task-empty span .g404-i { width: 36px; height: 36px; }
.task-empty strong { color: #fff; font-size: 17px; }
.task-empty p { max-width: 260px; margin: 6px 0 0; color: #9facac; font-size: 12px; line-height: 1.35; }
.payout-page { display: grid; gap: 11px; }
.payout-hero { position: relative; min-height: 160px; display: grid; grid-template-columns: minmax(0, 1fr) 126px; gap: 12px; align-items: center; overflow: hidden; padding: 14px; border: 1px solid rgba(255,217,107,.34); border-radius: 17px; background: radial-gradient(circle at 82% 30%, rgba(255,217,107,.22), transparent 36%), linear-gradient(135deg, rgba(8,23,22,.86), rgba(5,10,16,.88) 56%, rgba(43,30,7,.62)); box-shadow: inset 0 0 24px rgba(255,217,107,.06), 0 12px 25px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.payout-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,217,107,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(95,255,212,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .75; pointer-events: none; }
.payout-hero__copy, .payout-core { position: relative; }
.payout-hero__copy span, .payout-section-title span { display: block; color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.payout-hero__copy h1 { margin: 5px 0 0; max-width: 270px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 29px; line-height: .96; font-weight: 800; }
.payout-hero__copy p { margin: 9px 0 0; max-width: 280px; color: #b9b5a8; font-size: 12px; line-height: 1.35; }
.payout-core { height: 126px; display: grid; place-items: center; }
.payout-core__chip { position: relative; z-index: 2; width: 96px; height: 96px; display: grid; place-items: center; align-content: center; gap: 2px; border: 1px solid rgba(255,217,107,.52); clip-path: polygon(50% 0, 94% 24%, 94% 76%, 50% 100%, 6% 76%, 6% 24%); background: radial-gradient(circle at 50% 28%, rgba(255,217,107,.24), rgba(5,18,22,.76) 68%); box-shadow: inset 0 0 20px rgba(255,217,107,.15), 0 0 23px rgba(255,217,107,.22); }
.payout-core__chip .g404-i { width: 36px; height: 36px; filter: drop-shadow(0 0 13px rgba(255,217,107,.72)); }
.payout-core__chip b { max-width: 78px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 13px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-core__chip small { color: #ffd96b; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.payout-core i { position: absolute; width: 28px; height: 28px; border: 1px solid rgba(95,255,212,.44); background: rgba(95,255,212,.12); box-shadow: 0 0 14px rgba(95,255,212,.22); }
.payout-core i:nth-of-type(1) { left: 5px; top: 18px; }
.payout-core i:nth-of-type(2) { right: 6px; bottom: 12px; border-color: rgba(180,108,255,.45); background: rgba(180,108,255,.12); box-shadow: 0 0 14px rgba(180,108,255,.22); }
.payout-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.payout-stat { position: relative; overflow: hidden; min-height: 94px; padding: 9px; border: 1px solid rgba(139,225,226,.28); border-radius: 15px; background: linear-gradient(180deg, rgba(8,23,27,.72), rgba(3,10,13,.82)); box-shadow: inset 0 0 18px rgba(95,255,212,.045); }
.payout-stat::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 0, rgba(131,245,155,.18), transparent 48%); pointer-events: none; }
.payout-stat.pending::before { background: radial-gradient(circle at 80% 0, rgba(67,202,255,.18), transparent 48%); }
.payout-stat.limit::before { background: radial-gradient(circle at 80% 0, rgba(180,108,255,.20), transparent 48%); }
.payout-stat > * { position: relative; }
.payout-stat__icon { width: 28px; height: 28px; display: grid; place-items: center; margin-bottom: 7px; border: 1px solid rgba(139,225,226,.20); border-radius: 9px; background: rgba(0,0,0,.18); }
.payout-stat__icon .g404-i { width: 21px; height: 21px; }
.payout-stat small { display: block; color: #96a4aa; font-size: 9px; font-weight: 900; }
.payout-stat strong { display: block; margin-top: 4px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 17px; line-height: .98; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-stat em { display: block; margin-top: 7px; color: #ffd96b; font-size: 8.5px; font-style: normal; font-weight: 900; }
.payout-form-card, .payout-step, .payout-row, .payout-empty { position: relative; overflow: hidden; border: 1px solid rgba(255,217,107,.30); border-radius: 16px; background: linear-gradient(180deg, rgba(7,20,24,.76), rgba(3,10,13,.88)); box-shadow: inset 0 0 18px rgba(255,217,107,.045), 0 10px 20px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
.payout-form-card::before, .payout-step::before, .payout-row::before, .payout-empty::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,217,107,.055) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .58; pointer-events: none; }
.payout-form-card > *, .payout-step > *, .payout-row > *, .payout-empty > * { position: relative; }
.payout-form-card { display: grid; gap: 10px; padding: 11px; }
.payout-form-card__head { display: flex; align-items: center; gap: 9px; }
.payout-form-card__head > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255,217,107,.36); border-radius: 12px; background: rgba(255,217,107,.10); }
.payout-form-card__head .g404-i { width: 26px; height: 26px; }
.payout-form-card__head small { display: block; color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.payout-form-card__head strong { display: block; margin-top: 2px; color: #fff; font-size: 17px; }
.payout-field { display: grid; gap: 6px; }
.payout-field label { color: #98a6a3; font-size: 10px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.payout-input { width: 100%; min-height: 46px; border: 1px solid rgba(139,225,226,.24); border-radius: 12px; background: rgba(0,0,0,.26); color: #fff; padding: 0 12px; outline: none; font-weight: 800; }
.payout-input:focus { border-color: rgba(255,217,107,.54); box-shadow: 0 0 0 2px rgba(255,217,107,.08); }
.payout-submit { min-height: 46px; border: 1px solid rgba(255,217,107,.62); border-radius: 13px; background: linear-gradient(180deg, #ffe776, #d9a52a); color: #211600; font-size: 13px; font-weight: 900; text-transform: uppercase; box-shadow: inset 0 0 14px rgba(255,255,255,.18), 0 0 18px rgba(255,217,107,.18); }
.payout-form-card p { margin: 0; color: #a9a28d; font-size: 11px; line-height: 1.35; }
.payout-route, .payout-history { display: grid; gap: 8px; }
.payout-section-title h2 { margin: 2px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1; font-weight: 500; }
.payout-steps, .payout-list { display: grid; gap: 8px; }
.payout-step { min-height: 66px; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 9px; align-items: center; padding: 9px; }
.payout-step b { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,217,107,.36); border-radius: 12px; background: rgba(255,217,107,.10); color: #ffd96b; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 14px; }
.payout-step h3 { margin: 0; color: #fff; font-size: 15px; }
.payout-step p { margin: 4px 0 0; color: #9facac; font-size: 11px; }
.payout-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-height: 62px; padding: 8px 10px; border-color: rgba(139,225,226,.26); }
.payout-row > span, .payout-empty span { display: grid; place-items: center; border: 1px solid rgba(255,217,107,.34); border-radius: 12px; background: rgba(255,217,107,.10); color: #ffd96b; }
.payout-row > span { width: 42px; height: 42px; }
.payout-row .g404-i { width: 27px; height: 27px; }
.payout-row h3 { margin: 0; color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-row small { display: block; margin-top: 4px; color: #96a4aa; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.payout-row strong { color: #fff; font-size: 13px; white-space: nowrap; }
.payout-empty { display: grid; place-items: center; min-height: 132px; padding: 18px; text-align: center; border-color: rgba(139,225,226,.26); }
.payout-empty span { width: 54px; height: 54px; margin-bottom: 8px; }
.payout-empty span .g404-i { width: 35px; height: 35px; }
.payout-empty strong { color: #fff; font-size: 17px; }
.payout-empty p { max-width: 260px; margin: 6px 0 0; color: #9facac; font-size: 12px; line-height: 1.35; }
.payout-withdraw { gap: 10px; }
.payout-headbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 2px 0; }
.payout-headbar span { display: block; color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.payout-headbar h1 { margin: 2px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 31px; line-height: 1; font-weight: 500; }
.payout-headbar button { min-height: 34px; padding: 0 10px; border: 1px solid rgba(255,217,107,.30); border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; background: rgba(5,18,22,.70); color: #f6e5a8; font-size: 11px; font-weight: 900; }
.payout-headbar button .g404-i { width: 16px; height: 16px; }
.payout-ticket { position: relative; overflow: hidden; display: grid; gap: 11px; padding: 13px; border: 1px solid rgba(255,217,107,.36); border-radius: 18px; background: linear-gradient(180deg, rgba(15,18,20,.90), rgba(4,9,12,.94)); box-shadow: inset 0 0 24px rgba(255,217,107,.055), 0 18px 34px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.payout-ticket::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% -10%, rgba(255,217,107,.22), transparent 42%), linear-gradient(90deg, rgba(255,217,107,.065) 1px, transparent 1px) 0 0 / 22px 22px; opacity: .8; pointer-events: none; }
.payout-ticket::after { content: ""; position: absolute; left: -20px; right: -20px; top: 76px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,217,107,.38), transparent); pointer-events: none; }
.payout-ticket > * { position: relative; }
.payout-ticket__top { display: flex; align-items: center; gap: 10px; min-height: 52px; }
.payout-ticket__icon { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid rgba(255,217,107,.42); border-radius: 14px; background: radial-gradient(circle, rgba(255,217,107,.20), rgba(0,0,0,.20) 68%); box-shadow: inset 0 0 14px rgba(255,217,107,.12), 0 0 16px rgba(255,217,107,.18); }
.payout-ticket__icon .g404-i { width: 30px; height: 30px; filter: drop-shadow(0 0 12px rgba(255,217,107,.72)); }
.payout-ticket__top small { display: block; color: #ffd96b; font-size: 10px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }
.payout-ticket__top strong { display: block; margin-top: 3px; color: #fff; font-size: 18px; }
.payout-ticket__balance { display: grid; grid-template-columns: 1.15fr .9fr .9fr; gap: 7px; }
.payout-ticket__balance div { min-width: 0; padding: 9px 8px; border: 1px solid rgba(139,225,226,.16); border-radius: 13px; background: rgba(0,0,0,.22); }
.payout-ticket__balance small { display: block; color: #929b9c; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.payout-ticket__balance strong { display: block; margin-top: 5px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-withdraw .payout-field { gap: 7px; }
.payout-withdraw .payout-input { min-height: 48px; border-color: rgba(255,217,107,.24); background: rgba(0,0,0,.32); }
.payout-amount-box { display: grid; grid-template-columns: minmax(0, 1fr) 56px; align-items: center; min-height: 52px; border: 1px solid rgba(255,217,107,.30); border-radius: 14px; background: rgba(0,0,0,.30); overflow: hidden; }
.payout-amount-box .payout-input { min-height: 52px; border: 0; border-radius: 0; background: transparent; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 23px; font-weight: 800; }
.payout-amount-box span { height: 100%; display: grid; place-items: center; border-left: 1px solid rgba(255,217,107,.18); color: #ffd96b; font-size: 11px; font-weight: 900; }
.payout-quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.payout-quick button { min-height: 34px; border: 1px solid rgba(139,225,226,.18); border-radius: 999px; background: rgba(5,18,22,.74); color: #dce7e2; font-size: 11px; font-weight: 900; }
.payout-quick button:last-child { border-color: rgba(255,217,107,.42); color: #ffe38a; background: rgba(255,217,107,.10); }
.payout-form-grid { display: grid; grid-template-columns: 1fr 94px; gap: 8px; }
.payout-readonly { min-height: 48px; display: flex; align-items: center; padding: 0 12px; border: 1px solid rgba(255,217,107,.20); border-radius: 12px; background: rgba(0,0,0,.22); color: #fff; font-weight: 900; }
.payout-withdraw .payout-submit { min-height: 50px; margin-top: 2px; border-radius: 14px; font-size: 13px; }
.payout-withdraw .payout-form-card { display: none; }
.payout-history--compact { margin-top: 2px; }
.payout-history--compact .payout-section-title { display: flex; align-items: end; justify-content: space-between; }
.payout-history--compact .payout-section-title h2 { font-size: 22px; }
.payout-garden { gap: 11px; }
.payout-garden-hero { position: relative; min-height: 150px; display: grid; grid-template-columns: minmax(0, 1fr) 118px; gap: 12px; align-items: center; overflow: hidden; padding: 14px; border: 1px solid rgba(139,225,226,.34); border-radius: 17px; background: radial-gradient(circle at 82% 32%, rgba(95,255,212,.22), transparent 34%), linear-gradient(135deg, #07161a, #040a10 58%, #101c14); box-shadow: inset 0 0 24px rgba(95,255,212,.06), 0 12px 25px rgba(0,0,0,.22); }
.payout-garden-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(180,108,255,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .72; pointer-events: none; }
.payout-garden-hero > * { position: relative; }
.payout-garden-hero span, .payout-garden-form__head small { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.7px; text-transform: uppercase; }
.payout-garden-hero h1 { margin: 5px 0 0; max-width: 260px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 29px; line-height: .96; font-weight: 800; }
.payout-garden-hero p { margin: 9px 0 0; max-width: 280px; color: #aeb9bb; font-size: 12px; line-height: 1.35; }
.payout-garden-core { height: 118px; display: grid; place-items: center; align-content: center; gap: 3px; text-align: center; }
.payout-garden-core img { width: 70px; height: 70px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(95,255,212,.70)); }
.payout-garden-core strong { max-width: 110px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-garden-core small { color: var(--g-green); font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.payout-garden-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.payout-lock { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid rgba(255,217,107,.34); border-radius: 13px; background: #141008; color: #ffe38a; font-size: 12px; font-weight: 900; }
.payout-lock .g404-i { width: 18px; height: 18px; }
.payout-garden-form { position: relative; overflow: hidden; display: grid; gap: 10px; padding: 11px; border: 1px solid rgba(139,225,226,.30); border-radius: 16px; background: linear-gradient(180deg, #071519, #03090c); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); }
.payout-garden-form::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .55; pointer-events: none; }
.payout-garden-form > * { position: relative; }
.payout-garden-form__head { display: flex; align-items: center; gap: 9px; }
.payout-garden-form__head > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.36); border-radius: 12px; background: rgba(95,255,212,.10); }
.payout-garden-form__head .g404-i { width: 26px; height: 26px; }
.payout-garden-form__head strong { display: block; margin-top: 2px; color: #fff; font-size: 17px; }
.payout-garden .payout-field label { color: #98a6a3; }
.payout-garden .payout-input { border-color: rgba(139,225,226,.24); background: #02080a; }
.payout-garden .payout-input:focus { border-color: rgba(95,255,212,.54); box-shadow: 0 0 0 2px rgba(95,255,212,.08); }
.payout-garden .payout-amount-box { border-color: rgba(95,255,212,.30); background: #02080a; }
.payout-garden .payout-amount-box span { border-left-color: rgba(95,255,212,.18); color: var(--g-green); }
.payout-garden .payout-quick button:last-child { border-color: rgba(95,255,212,.42); color: #bfffe0; background: #0b2218; }
.payout-garden .payout-readonly { border-color: rgba(139,225,226,.20); background: #02080a; }
.payout-wallets { display: grid; gap: 7px; }
.payout-wallets > span { color: #98a6a3; font-size: 10px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.payout-wallets > div { display: grid; gap: 7px; }
.payout-wallets button { min-height: 44px; display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid rgba(139,225,226,.22); border-radius: 12px; background: #061216; color: #fff; text-align: left; }
.payout-wallets button strong { color: var(--g-green); font-size: 11px; }
.payout-wallets button small { min-width: 0; color: #9facac; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payout-garden .payout-submit { border-color: rgba(95,255,212,.58); background: linear-gradient(180deg, rgba(95,255,154,.30), rgba(34,92,59,.46)); color: #eaffef; }
.payout-garden .payout-submit:disabled { cursor: default; opacity: .55; }
.payout-garden .payout-step, .payout-garden .payout-row, .payout-garden .payout-empty { border-color: rgba(139,225,226,.30); background: linear-gradient(180deg, #071519, #03090c); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); backdrop-filter: none; }
.payout-garden .payout-step::before, .payout-garden .payout-row::before, .payout-garden .payout-empty::before { background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; }
.payout-garden .payout-step b, .payout-garden .payout-row > span, .payout-garden .payout-empty span { border-color: rgba(95,255,212,.34); background: rgba(95,255,212,.10); color: var(--g-green); }
.payout-garden .payout-section-title span { color: var(--g-green); }
.settings-page { display: grid; gap: 11px; }
.settings-hero { position: relative; overflow: hidden; min-height: 134px; display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(139,225,226,.34); border-radius: 17px; background: radial-gradient(circle at 84% 28%, rgba(95,255,212,.20), transparent 36%), linear-gradient(135deg, #07161a, #040a10 58%, #101728); box-shadow: inset 0 0 24px rgba(95,255,212,.06), 0 12px 25px rgba(0,0,0,.22); }
.settings-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(180,108,255,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .72; pointer-events: none; }
.settings-hero > * { position: relative; }
.settings-identity { min-width: 0; display: flex; align-items: center; gap: 11px; }
.settings-avatar { width: 62px; height: 62px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.44); border-radius: 16px; background: radial-gradient(circle, rgba(95,255,212,.16), #02080a 70%); box-shadow: inset 0 0 16px rgba(95,255,212,.10), 0 0 18px rgba(95,255,212,.18); overflow: hidden; }
.settings-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.settings-identity small, .settings-panel__head small, .settings-title span { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; }
.settings-identity h1 { margin: 4px 0 0; max-width: 190px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 24px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settings-identity p { margin: 6px 0 0; color: #9facac; font-size: 11px; font-weight: 800; }
.settings-core { height: 88px; display: grid; place-items: center; align-content: center; gap: 3px; border: 1px solid rgba(139,225,226,.24); border-radius: 15px; background: #061216; text-align: center; }
.settings-core .g404-i { width: 30px; height: 30px; filter: drop-shadow(0 0 12px rgba(95,255,212,.36)); }
.settings-core strong { color: #fff; font-size: 13px; }
.settings-core span { color: var(--g-green); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.settings-panel, .settings-info, .settings-link { position: relative; overflow: hidden; border: 1px solid rgba(139,225,226,.30); border-radius: 16px; background: linear-gradient(180deg, #071519, #03090c); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); }
.settings-panel::before, .settings-info::before, .settings-link::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .55; pointer-events: none; }
.settings-panel > *, .settings-info > *, .settings-link > * { position: relative; }
.settings-panel { display: grid; gap: 10px; padding: 11px; }
.settings-panel__head { display: flex; align-items: center; gap: 9px; }
.settings-panel__head > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.36); border-radius: 12px; background: rgba(95,255,212,.10); }
.settings-panel__head .g404-i { width: 26px; height: 26px; }
.settings-panel__head strong { display: block; margin-top: 2px; color: #fff; font-size: 17px; }
.settings-field { display: grid; gap: 7px; }
.settings-field label { color: #98a6a3; font-size: 10px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.settings-input { width: 100%; min-height: 46px; border: 1px solid rgba(139,225,226,.24); border-radius: 12px; background: #02080a; color: #fff; padding: 0 12px; outline: none; font-weight: 800; }
.settings-input:focus { border-color: rgba(95,255,212,.54); box-shadow: 0 0 0 2px rgba(95,255,212,.08); }
.settings-save { min-height: 46px; border: 1px solid rgba(95,255,212,.58); border-radius: 13px; background: linear-gradient(180deg, rgba(95,255,154,.30), rgba(34,92,59,.46)); color: #eaffef; font-size: 13px; font-weight: 900; text-transform: uppercase; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.settings-info { min-height: 86px; padding: 10px; }
.settings-info span { width: 30px; height: 30px; display: grid; place-items: center; margin-bottom: 7px; border: 1px solid rgba(139,225,226,.20); border-radius: 9px; background: rgba(0,0,0,.18); }
.settings-info span .g404-i { width: 21px; height: 21px; }
.settings-info small { color: #96a4aa; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.settings-info strong { display: block; margin-top: 5px; color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settings-links { display: grid; gap: 8px; }
.settings-title h2 { margin: 2px 0 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1; font-weight: 500; }
.settings-link-list { display: grid; gap: 8px; }
.settings-link { width: 100%; min-height: 64px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 18px; gap: 10px; align-items: center; padding: 9px 10px; color: inherit; text-align: left; }
.settings-link > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.34); border-radius: 12px; background: rgba(95,255,212,.10); }
.settings-link > span .g404-i { width: 27px; height: 27px; }
.settings-link strong { display: block; color: #fff; font-size: 15px; }
.settings-link small { display: block; margin-top: 4px; color: #9facac; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.settings-link b { color: rgba(238,247,244,.72); font-size: 22px; font-weight: 500; }
.deposit-page { display: grid; gap: 11px; }
.deposit-hero { position: relative; min-height: 154px; display: grid; grid-template-columns: minmax(0, 1fr) 116px; gap: 12px; align-items: center; overflow: hidden; padding: 14px; border: 1px solid rgba(139,225,226,.34); border-radius: 17px; background: radial-gradient(circle at 82% 28%, rgba(95,255,212,.22), transparent 36%), linear-gradient(135deg, #07161a, #040a10 58%, #18122a); box-shadow: inset 0 0 24px rgba(95,255,212,.06), 0 12px 25px rgba(0,0,0,.22); }
.deposit-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.07) 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(0deg, rgba(180,108,255,.055) 1px, transparent 1px) 0 0 / 18px 18px; opacity: .72; pointer-events: none; }
.deposit-hero > * { position: relative; }
.deposit-hero > div:first-child > span, .deposit-console__head small, .deposit-method-title span, .deposit-invoice small { display: block; color: var(--g-green); font-size: 10px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; }
.deposit-hero h1 { margin: 5px 0 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 29px; line-height: .96; font-weight: 800; }
.deposit-hero p { margin: 9px 0 0; max-width: 280px; color: #aeb9bb; font-size: 12px; line-height: 1.35; }
.deposit-pixel-vault { height: 116px; display: grid; place-items: center; align-content: center; gap: 4px; border: 1px solid rgba(139,225,226,.22); border-radius: 16px; background: #061216; text-align: center; }
.deposit-pixel-vault > span { width: 70px; height: 64px; display: grid; place-items: center; }
.deposit-pixel-vault strong { color: #fff; font-size: 15px; }
.deposit-pixel-vault small { color: var(--g-green); font-size: 9px; font-weight: 900; }
.crypto-pixel { position: relative; width: 60px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.42); border-radius: 8px; background: linear-gradient(180deg, #06191b, #02080a); box-shadow: inset 0 0 0 2px rgba(95,255,212,.10), inset 0 0 0 6px rgba(2,8,10,.78), 0 0 14px rgba(95,255,212,.16); image-rendering: pixelated; image-rendering: crisp-edges; }
.deposit-hero .crypto-pixel, .deposit-method .crypto-pixel { display: grid; }
.crypto-pixel::before, .crypto-pixel::after { content: ""; position: absolute; width: 6px; height: 6px; background: var(--g-green); box-shadow: 0 0 8px rgba(95,255,212,.7); }
.crypto-pixel::before { left: -1px; top: -1px; }
.crypto-pixel::after { right: -1px; bottom: -1px; }
.crypto-pixel img { width: 34px; height: 34px; object-fit: contain; display: block; image-rendering: auto; filter: drop-shadow(0 0 6px rgba(255,255,255,.16)); }
.crypto-pixel__coin { position: absolute; top: 5px; left: 50%; z-index: 1; width: 38px; height: 38px; display: grid; place-items: center; transform: translateX(-50%); border-radius: 50%; background: rgba(255,255,255,.06); }
.crypto-pixel__main { position: relative; z-index: 1; }
.crypto-pixel__ticker { position: absolute; left: 4px; right: 4px; bottom: 4px; z-index: 2; height: 13px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.22); border-radius: 3px; background: rgba(2,8,10,.92); color: #eafff3; font-style: normal; font-size: 8px; font-weight: 1000; line-height: 1; letter-spacing: .7px; text-align: center; }
.crypto-pixel__badge { position: absolute; right: -7px; top: -6px; z-index: 3; min-width: 32px; height: 20px; display: inline-flex; align-items: center; justify-content: center; gap: 2px; padding: 1px 3px; border: 1px solid rgba(255,255,255,.54); border-radius: 5px; background: #02080a; box-shadow: 0 0 0 2px rgba(2,8,10,.95), 0 0 10px rgba(95,255,212,.26); }
.crypto-pixel__badge img { width: 14px; height: 14px; filter: none; }
.crypto-pixel__badge b { color: #fff; font-size: 7px; font-weight: 1000; letter-spacing: .2px; }
.deposit-pixel-vault .crypto-pixel { transform: scale(1.14); }
.deposit-console, .deposit-invoice { position: relative; overflow: hidden; display: grid; gap: 10px; padding: 11px; border: 1px solid rgba(139,225,226,.30); border-radius: 16px; background: linear-gradient(180deg, #071519, #03090c); box-shadow: inset 0 0 18px rgba(95,255,212,.05), 0 10px 20px rgba(0,0,0,.18); }
.deposit-console::before, .deposit-invoice::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(95,255,212,.06) 1px, transparent 1px) 0 0 / 20px 20px; opacity: .55; pointer-events: none; }
.deposit-console > *, .deposit-invoice > * { position: relative; }
.deposit-console__head { display: flex; align-items: center; gap: 9px; }
.deposit-console__head > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.36); border-radius: 12px; background: rgba(95,255,212,.10); }
.deposit-console__head .g404-i { width: 26px; height: 26px; }
.deposit-console__head strong { display: block; margin-top: 2px; color: #fff; font-size: 17px; }
.deposit-amount-box { display: grid; grid-template-columns: minmax(0, 1fr) 58px; align-items: center; min-height: 54px; border: 1px solid rgba(95,255,212,.32); border-radius: 14px; background: #02080a; overflow: hidden; }
.deposit-input { width: 100%; min-height: 54px; border: 0; border-radius: 0; background: transparent; color: #fff; padding: 0 12px; outline: none; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 24px; font-weight: 800; }
.deposit-amount-box span { height: 100%; display: grid; place-items: center; border-left: 1px solid rgba(95,255,212,.18); color: var(--g-green); font-size: 11px; font-weight: 900; }
.deposit-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.deposit-presets button { min-height: 34px; border: 1px solid rgba(139,225,226,.20); border-radius: 999px; background: #061216; color: #dce7e2; font-size: 11px; font-weight: 900; }
.deposit-presets button:first-child { border-color: rgba(95,255,212,.42); color: #bfffe0; background: #0b2218; }
.deposit-method-title { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.deposit-method-title small { color: #8d9c9a; font-size: 10px; font-weight: 800; }
.deposit-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.deposit-method { position: relative; min-height: 84px; display: grid; grid-template-columns: 62px minmax(0, 1fr) 28px; gap: 8px; align-items: center; padding: 9px; border: 1px solid rgba(139,225,226,.24); border-radius: 14px; background: #061216; color: #fff; text-align: left; overflow: hidden; }
.deposit-method::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 50%, rgba(95,255,212,.14), transparent 34%); pointer-events: none; }
.deposit-method > * { position: relative; }
.deposit-method strong { display: block; font-size: 15px; }
.deposit-method small { display: block; margin-top: 4px; color: #8d9c9a; font-size: 10px; font-weight: 900; }
.deposit-method b { color: #647574; font-size: 9px; font-weight: 900; }
.deposit-method.is-active { border-color: rgba(95,255,212,.56); background: #0a1b17; box-shadow: inset 0 0 14px rgba(95,255,212,.08), 0 0 16px rgba(95,255,212,.12); }
.deposit-method.is-active b { color: var(--g-green); }
.deposit-submit, .deposit-ghost { min-height: 46px; border-radius: 13px; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.deposit-submit { border: 1px solid rgba(95,255,212,.58); display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: linear-gradient(180deg, rgba(95,255,154,.30), rgba(34,92,59,.46)); color: #eaffef; }
.deposit-submit .g404-i { width: 16px; height: 16px; }
.deposit-ghost { border: 1px solid rgba(139,225,226,.28); background: #061216; color: #eaf7f4; }
.deposit-invoice { border-color: rgba(95,255,212,.42); }
.deposit-invoice__head { display: grid; grid-template-columns: minmax(0, 1fr) 88px; gap: 10px; align-items: center; }
.deposit-invoice__head h2 { margin: 3px 0 0; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 22px; line-height: 1; }
.deposit-invoice__head p { margin: 6px 0 0; color: #9facac; font-size: 11px; font-weight: 800; }
.deposit-invoice__head img, .deposit-invoice__head > span { width: 88px; height: 88px; border: 1px solid rgba(95,255,212,.32); border-radius: 12px; background: #fff; object-fit: contain; padding: 5px; }
.deposit-invoice__head > span { display: grid; place-items: center; background: #061216; padding: 0; }
.deposit-invoice__head > span .g404-i { width: 46px; height: 46px; }
.deposit-address { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 8px; align-items: center; padding: 9px; border: 1px solid rgba(139,225,226,.20); border-radius: 12px; background: #02080a; }
.deposit-address small { grid-column: 1 / -1; }
.deposit-address code { min-width: 0; color: #dce9e7; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: 11px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; word-break: break-all; }
.deposit-address button { min-height: 32px; border: 1px solid rgba(95,255,212,.38); border-radius: 10px; background: #0b2218; color: #bfffe0; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.deposit-invoice__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.deposit-invoice__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #8d9c9a; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ref-hero, .ref-stat, .ref-link-card, .ref-milestone, .ref-row, .ref-empty,
.task-hero, .task-stat, .task-progress-card, .task-card, .task-empty {
  backdrop-filter: none;
}
.ref-hero {
  background: radial-gradient(circle at 82% 32%, rgba(95,255,212,.18), transparent 34%), linear-gradient(135deg, #07161a, #040a10 58%, #170f24);
}
.ref-stat {
  background: linear-gradient(180deg, #07181c, #030a0d);
}
.ref-link-card, .ref-milestone, .ref-row, .ref-empty {
  background: linear-gradient(180deg, #071519, #03090c);
}
.ref-link-card__copy {
  background: #02080a;
}
.task-hero {
  background: radial-gradient(circle at 82% 28%, rgba(180,108,255,.20), transparent 36%), linear-gradient(135deg, #07151b, #040a10 58%, #0b1810);
}
.task-stat {
  background: linear-gradient(180deg, #07181c, #030a0d);
}
.task-progress-card, .task-card, .task-empty {
  background: linear-gradient(180deg, #071519, #03090c);
}
.da-wallet-top, .da-hero__metrics, .da-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }
.da-field { display: grid; gap: 7px; margin-top: 12px; }
.da-input, .da-select { width: 100%; min-height: 48px; border: 1px solid var(--g-line); border-radius: 12px; background: rgba(0,0,0,.28); color: #fff; padding: 0 12px; }
.da-method { min-height: 72px; display: flex; align-items: center; gap: 10px; padding: 10px; color: #fff; }
.da-method img { width: 34px; height: 34px; object-fit: contain; }
.da-empty { padding: 18px; border: 1px dashed var(--g-line); border-radius: 16px; color: var(--g-muted); text-align: center; }
.da-history-item, .da-ref-copy, .da-task__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; }
.da-ref-copy code { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--g-muted); }
.g404-session-app { min-height: 100dvh; display: grid; place-items: center; padding: 22px 14px calc(22px + env(safe-area-inset-bottom)); }
.da-login { position: relative; z-index: 2; width: min(392px, 100%); margin: 0 auto; padding: 22px; border: 1px solid rgba(139,225,226,.34); border-radius: 18px; background: linear-gradient(180deg, rgba(7,24,27,.90), rgba(3,10,13,.94)); text-align: left; box-shadow: inset 0 0 24px rgba(95,255,212,.055), 0 22px 60px rgba(0,0,0,.52); overflow: hidden; }
.da-login::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0, rgba(95,255,212,.20), transparent 42%), linear-gradient(90deg, rgba(139,225,226,.045) 1px, transparent 1px) 0 0 / 22px 22px; pointer-events: none; opacity: .82; }
.da-login > * { position: relative; z-index: 1; }
.da-login__orb { width: 104px; height: 104px; margin: 0 auto 14px; display: grid; place-items: center; border: 1px solid rgba(95,255,212,.48); border-radius: 24px; background: radial-gradient(circle at 50% 32%, rgba(95,255,212,.20), rgba(0,0,0,.20) 68%); box-shadow: inset 0 0 18px rgba(95,255,212,.10), 0 0 24px rgba(95,255,212,.20); }
.da-login__orb img { width: 86px; height: 86px; object-fit: contain; filter: hue-rotate(95deg) saturate(1.28); }
.da-login__eyebrow { color: var(--g-green); font-size: 11px; line-height: 1; font-weight: 1000; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; }
.da-login h1 { margin: 9px 0 8px; color: #fff; font-family: "Space Grotesk", Inter, system-ui, sans-serif; font-size: 28px; line-height: 1.05; letter-spacing: 0; text-align: center; }
.da-login p { margin: 0 auto; max-width: 320px; color: #b8c8c8; font-size: 13px; line-height: 1.48; font-weight: 700; text-align: center; }
.da-login__status { margin-top: 18px; min-height: 72px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; padding: 12px; border: 1px solid rgba(139,225,226,.22); border-radius: 14px; background: rgba(0,0,0,.22); }
.da-login__status span { width: 38px; height: 38px; border-radius: 12px; background: radial-gradient(circle at 50% 35%, rgba(255,217,107,.34), rgba(95,255,212,.14)); box-shadow: inset 0 0 12px rgba(255,217,107,.14), 0 0 16px rgba(255,217,107,.16); }
.da-login__status strong { display: block; color: #ecfff5; font-size: 13px; line-height: 1.1; font-weight: 1000; }
.da-login__status small { display: block; margin-top: 5px; color: #91a4a4; font-size: 11px; line-height: 1.35; font-weight: 700; }
.da-login__actions { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.da-login__actions .da-btn { min-height: 48px; justify-content: center; text-align: center; white-space: normal; line-height: 1.12; }
.da-login__hint { margin-top: 13px; color: #778b8b; font-size: 11px; line-height: 1.35; font-weight: 700; text-align: center; }
.da-toasts { position: fixed; left: 50%; bottom: 96px; z-index: 20000; width: min(430px, calc(100% - 24px)); transform: translateX(-50%); display: grid; gap: 8px; pointer-events: none; }
.da-toast { padding: 12px 14px; border: 1px solid var(--g-line-strong); border-radius: 12px; background: rgba(5,18,22,.94); color: #fff; font-weight: 800; box-shadow: 0 10px 30px rgba(0,0,0,.45); transition: opacity .2s ease, transform .2s ease; }

@media (max-width: 430px) {
  :root { --g-scene-top: 178px; }
  .g404-shell { padding: 8px 8px calc(80px + env(safe-area-inset-bottom)); gap: 7px; }
  .g404-top-card { padding: 10px 9px 8px; border-radius: 15px; }
  .g404-top { gap: 7px; }
  .g404-brand { grid-template-columns: 30px minmax(0, 1fr); gap: 7px; }
  .g404-mark { width: 30px; height: 30px; }
  .g404-mark .g404-i { width: 29px; height: 29px; }
  .g404-pixel-logo { width: 29px; height: 29px; }
  .g404-brand-text { gap: 0; }
  .g404-title { font-size: clamp(17px, 4.9vw, 22px); letter-spacing: .45px; }
  .g404-subtitle { margin-top: 1px; font-size: 7.5px; letter-spacing: .48px; }
  .g404-actions { grid-template-columns: repeat(3, 35px); gap: 5px; }
  .g404-icon-btn { width: 35px; height: 35px; border-radius: 10px; }
  .g404-icon-btn .g404-i { width: 20px; height: 20px; }
  .g404-metrics { margin-top: 9px; min-height: 60px; border-radius: 14px; }
  .g404-metric { grid-template-columns: 22px minmax(0, 1fr); gap: 5px; padding: 7px 5px; }
  .g404-metric-icon, .g404-metric-icon .g404-i { width: 22px; height: 22px; }
  .g404-metric-title { font-size: 9px; }
  .g404-metric-value { margin-top: 3px; font-size: 15px; }
  .g404-metric-rate { margin-top: 3px; font-size: 9px; }
  .g404-growth { min-height: 36px; font-size: 14px; border-radius: 12px; }
  .g404-growth strong { font-size: 16px; }
  .g404-session-app { padding: 14px 10px calc(14px + env(safe-area-inset-bottom)); }
  .da-login { padding: 18px 14px; border-radius: 16px; }
  .da-login__orb { width: 92px; height: 92px; border-radius: 20px; }
  .da-login__orb img { width: 76px; height: 76px; }
  .da-login h1 { font-size: 24px; }
  .da-login__actions { grid-template-columns: 1fr; }
  .history-page { gap: 9px; }
  .history-hero { min-height: 138px; grid-template-columns: minmax(0, 1fr) 108px; gap: 8px; padding: 12px; border-radius: 16px; }
  .history-hero h1 { font-size: 25px; }
  .history-hero p { max-width: 190px; font-size: 10.5px; }
  .history-balance { min-height: 96px; padding: 9px 8px; border-radius: 13px; }
  .history-balance strong { font-size: 17px; }
  .history-actions { gap: 6px; }
  .history-actions .da-btn { min-height: 42px; }
  .history-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .history-stat { min-height: 82px; padding: 8px 7px; border-radius: 14px; }
  .history-stat span { width: 25px; height: 25px; margin-bottom: 6px; border-radius: 8px; }
  .history-stat .g404-i { width: 18px; height: 18px; }
  .history-stat strong { font-size: 14px; }
  .history-tabs { gap: 5px; margin-right: -8px; padding-right: 8px; }
  .history-tabs button { min-height: 34px; padding: 0 9px; font-size: 10px; }
  .history-row { min-height: 68px; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 8px; padding: 9px 8px; border-radius: 14px; }
  .history-row__icon { width: 38px; height: 38px; border-radius: 12px; }
  .history-row__icon .g404-i { width: 24px; height: 24px; }
  .history-row__main h3 { font-size: 12.5px; }
  .history-row__main p { font-size: 9.5px; }
  .history-row__side strong { font-size: 12px; }
  .history-row__side small { min-width: 54px; padding: 4px 5px; font-size: 8px; }
  .g404-main { width: calc(100% - 16px); height: min(60dvh, 500px); }
  .g404-node { width: min(112px, 31%); min-height: 70px; padding: 7px 7px 7px; border-radius: 9px; }
  .g404-node::after { left: 7px; right: 7px; top: 29px; }
  .g404-node-head { grid-template-columns: 18px 1fr; gap: 4px; }
  .g404-node-icon .g404-i { width: 18px; height: 18px; }
  .g404-node-title { font-size: 9px; }
  .g404-node-lv { margin-top: 2px; font-size: 9px; }
  .g404-node-value { margin-top: 8px; font-size: 11px; }
  .g404-node-cta { min-height: 16px; margin-top: 4px; padding: 0 5px; font-size: 7px; border-radius: 6px; }
  .g404-node.archive { left: 82px; top: 26px; }
  .g404-node.hive { right: 12px; top: 94px; }
  .g404-node.flower { left: 2px; top: 176px; }
  .g404-node.ruins { right: 8px; top: 238px; }
  .g404-node.moss { left: 16px; top: 348px; }
  .g404-node.vine { right: 14px; top: 348px; }
  .g404-core-wrap { top: 34%; width: min(180px, 50vw); }
  .g404-tap-title { font-size: 22px; }
  .g404-tap-sub { margin-top: 7px; font-size: 9px; letter-spacing: 1.8px; }
  .g404-bottom { width: calc(100% - 16px); min-height: 64px; border-radius: 14px; bottom: calc(8px + env(safe-area-inset-bottom)); }
  .g404-nav { font-size: 10px; gap: 4px; }
  .g404-nav .g404-i { width: 21px; height: 21px; }
  .invest-page { gap: 10px; }
  .invest-summary { gap: 6px; }
  .invest-summary-card { min-height: 98px; padding: 9px 7px 8px; border-radius: 14px; }
  .invest-summary-card__icon { width: 28px; height: 28px; margin-bottom: 6px; border-radius: 9px; }
  .invest-summary-card__icon .g404-i { width: 20px; height: 20px; }
  .invest-summary-card small { min-height: 22px; font-size: 8px; }
  .invest-summary-card strong { font-size: 15px; }
  .invest-summary-card em { font-size: 7.5px; }
  .invest-section-head h1 { font-size: 28px; }
  .invest-sort { min-height: 30px; padding: 0 8px; font-size: 10px; }
  .invest-pay-strip { min-height: 34px; gap: 6px; }
  .invest-pay-strip span { font-size: 10px; border-radius: 11px; }
  .invest-row { min-height: 120px; grid-template-columns: 48px minmax(0, 1fr) 86px; gap: 6px; padding: 8px 7px; border-radius: 15px; }
  .invest-row__icon { width: 48px; height: 48px; border-radius: 13px; }
  .invest-row__icon .g404-i { width: 31px; height: 31px; }
  .invest-row__main h3 { font-size: 15px; }
  .invest-row__main span { margin-top: 5px; font-size: 10px; }
  .invest-row__main small { margin-top: 4px; font-size: 9px; }
  .invest-row__yield { padding-right: 4px; }
  .invest-row__yield strong { font-size: 12px; }
  .invest-row__yield small { margin-top: 6px; font-size: 9px; }
  .invest-row__checkout { grid-template-columns: minmax(0, 1fr) 74px 82px; gap: 6px; }
  .invest-row__price { min-height: 44px; padding: 7px 8px; }
  .invest-row__price strong { font-size: 11px; }
  .invest-pay { min-height: 44px; font-size: 10px; }
  .invest-pay .g404-i { width: 13px; height: 13px; }
  .invest-row__buy { min-height: 48px; border-radius: 12px; }
  .invest-row__buy strong { font-size: 11px; }
  .invest-row__buy span { font-size: 9px; }
  .invest-reco { grid-template-columns: 50px minmax(0, 1fr) 96px; min-height: 82px; gap: 8px; padding: 9px; border-radius: 15px; }
  .invest-reco__icon { width: 50px; height: 50px; border-radius: 14px; }
  .invest-reco__icon .g404-i { width: 34px; height: 34px; }
  .invest-reco__copy h2 { font-size: 17px; }
  .invest-reco__btn { min-height: 45px; font-size: 11px; }
  .ref-page { gap: 10px; }
  .ref-hero { min-height: 148px; grid-template-columns: minmax(0, 1fr) 112px; gap: 8px; padding: 12px; border-radius: 16px; }
  .ref-hero__copy h1 { font-size: 25px; }
  .ref-hero__copy p { font-size: 11px; }
  .ref-portal { height: 112px; }
  .ref-portal__ring { width: 76px; height: 76px; }
  .ref-portal__ring .g404-i { width: 42px; height: 42px; }
  .ref-portal i { width: 22px; height: 22px; }
  .ref-stats { gap: 6px; }
  .ref-stat { min-height: 88px; padding: 8px 7px; border-radius: 14px; }
  .ref-stat__icon { width: 26px; height: 26px; margin-bottom: 6px; }
  .ref-stat__icon .g404-i { width: 19px; height: 19px; }
  .ref-stat small { font-size: 8px; }
  .ref-stat strong { font-size: 15px; }
  .ref-stat em { font-size: 7.5px; }
  .ref-link-card { padding: 10px; }
  .ref-section-title h2 { font-size: 23px; }
  .ref-milestone { min-height: 78px; grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 8px; }
  .ref-milestone__icon { width: 44px; height: 44px; border-radius: 12px; }
  .ref-milestone__icon .g404-i { width: 29px; height: 29px; }
  .ref-milestone h3 { font-size: 15px; }
  .ref-row { min-height: 58px; grid-template-columns: 38px minmax(0, 1fr) auto; padding: 8px; }
  .ref-row__avatar { width: 38px; height: 38px; border-radius: 11px; }
  .ref-row__avatar .g404-i { width: 24px; height: 24px; }
  .task-page { gap: 10px; }
  .task-hero { min-height: 146px; grid-template-columns: minmax(0, 1fr) 106px; gap: 8px; padding: 12px; border-radius: 16px; }
  .task-hero__copy h1 { font-size: 25px; }
  .task-hero__copy p { font-size: 11px; }
  .task-terminal { height: 106px; }
  .task-terminal__screen { width: 76px; height: 76px; border-radius: 14px; }
  .task-terminal__screen .g404-i { width: 29px; height: 29px; }
  .task-terminal__screen b { font-size: 16px; }
  .task-terminal i { width: 22px; height: 22px; }
  .task-stats { gap: 6px; }
  .task-stat { min-height: 88px; padding: 8px 7px; border-radius: 14px; }
  .task-stat__icon { width: 26px; height: 26px; margin-bottom: 6px; }
  .task-stat__icon .g404-i { width: 19px; height: 19px; }
  .task-stat small { font-size: 8px; }
  .task-stat strong { font-size: 15px; }
  .task-stat em { font-size: 7.5px; }
  .task-card { grid-template-columns: 46px minmax(0, 1fr); gap: 8px; padding: 8px; border-radius: 15px; }
  .task-card__icon { width: 46px; height: 46px; border-radius: 13px; }
  .task-card__icon .g404-i { width: 29px; height: 29px; }
  .task-card h3 { font-size: 15px; }
  .task-card p { font-size: 10.5px; }
  .task-btn { min-height: 36px; font-size: 11px; }
  .payout-page { gap: 10px; }
  .payout-hero { min-height: 146px; grid-template-columns: minmax(0, 1fr) 108px; gap: 8px; padding: 12px; border-radius: 16px; }
  .payout-hero__copy h1 { font-size: 25px; }
  .payout-hero__copy p { font-size: 11px; }
  .payout-core { height: 108px; }
  .payout-core__chip { width: 78px; height: 78px; }
  .payout-core__chip .g404-i { width: 30px; height: 30px; }
  .payout-core__chip b { max-width: 64px; font-size: 11px; }
  .payout-core i { width: 22px; height: 22px; }
  .payout-stats { gap: 6px; }
  .payout-stat { min-height: 88px; padding: 8px 7px; border-radius: 14px; }
  .payout-stat__icon { width: 26px; height: 26px; margin-bottom: 6px; }
  .payout-stat__icon .g404-i { width: 19px; height: 19px; }
  .payout-stat small { font-size: 8px; }
  .payout-stat strong { font-size: 15px; }
  .payout-stat em { font-size: 7.5px; }
  .payout-form-card { padding: 10px; }
  .payout-input { min-height: 44px; }
  .payout-submit { min-height: 44px; font-size: 12px; }
  .payout-section-title h2 { font-size: 23px; }
  .payout-step { min-height: 62px; grid-template-columns: 38px minmax(0, 1fr); padding: 8px; }
  .payout-step b { width: 38px; height: 38px; font-size: 13px; }
}

@media (max-width: 370px) {
  :root { --g-scene-top: 164px; }
  .g404-top { gap: 6px; }
  .g404-brand { grid-template-columns: 26px minmax(0, 1fr); gap: 6px; }
  .g404-mark { width: 26px; height: 26px; }
  .g404-mark .g404-i { width: 25px; height: 25px; }
  .g404-pixel-logo { width: 25px; height: 25px; }
  .g404-actions { grid-template-columns: repeat(3, 32px); gap: 5px; }
  .g404-icon-btn { width: 32px; height: 32px; border-radius: 10px; }
  .g404-icon-btn .g404-i { width: 18px; height: 18px; }
  .g404-title { font-size: 15px; letter-spacing: .35px; }
  .g404-subtitle { display: none; }
  .g404-metric { padding-left: 7px; padding-right: 7px; }
  .g404-metric { grid-template-columns: 1fr; justify-items: center; gap: 4px; padding: 10px 4px; text-align: center; }
  .g404-kebab { display: none; }
  .g404-metric-icon { width: 29px; height: 29px; }
  .g404-metric-icon .g404-i { width: 28px; height: 28px; }
  .g404-metric-value { font-size: 13px; }
  .g404-metric-rate { margin-top: 5px; }
  .invest-summary-card { min-height: 88px; padding: 8px 6px; }
  .invest-summary-card__icon { width: 24px; height: 24px; margin-bottom: 5px; }
  .invest-summary-card__icon .g404-i { width: 18px; height: 18px; }
  .invest-summary-card small { min-height: 18px; font-size: 7px; }
  .invest-summary-card strong { font-size: 13px; }
  .invest-summary-card em { margin-top: 5px; font-size: 7px; }
  .invest-section-head { align-items: start; }
  .invest-section-head h1 { font-size: 25px; }
  .invest-section-head span { font-size: 9px; }
  .invest-sort { padding: 0 7px; font-size: 9px; }
  .invest-pay-strip { grid-template-columns: 1fr; }
  .invest-row { grid-template-columns: 44px minmax(0, 1fr) 76px; min-height: 136px; gap: 5px; padding: 7px 6px; }
  .invest-row__icon { width: 44px; height: 44px; border-radius: 12px; }
  .invest-row__icon .g404-i { width: 28px; height: 28px; }
  .invest-row__main h3 { font-size: 13px; }
  .invest-row__main span { font-size: 9px; }
  .invest-row__main small { font-size: 8px; }
  .invest-row__yield { padding-right: 2px; }
  .invest-row__yield strong { font-size: 10px; }
  .invest-row__yield .g404-i { width: 11px; height: 11px; }
  .invest-row__yield small { font-size: 8px; }
  .invest-row__checkout { grid-template-columns: 1fr 1fr; gap: 6px; }
  .invest-row__price { grid-column: 1 / -1; min-height: 40px; }
  .invest-pay { min-height: 40px; font-size: 9px; }
  .invest-row__buy { min-height: 44px; border-radius: 11px; }
  .invest-row__buy strong { font-size: 10px; }
  .invest-row__buy span { font-size: 8px; }
  .invest-row__next { width: 10px; min-width: 10px; font-size: 20px; }
  .invest-reco { grid-template-columns: 46px minmax(0, 1fr); }
  .invest-reco__btn { grid-column: 1 / -1; min-height: 40px; }
  .ref-hero { grid-template-columns: 1fr; min-height: 0; }
  .ref-portal { height: 104px; }
  .ref-stats { grid-template-columns: 1fr 1fr; }
  .ref-stat.pending { grid-column: 1 / -1; min-height: 74px; }
  .ref-stat.pending { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; column-gap: 8px; }
  .ref-stat.pending .ref-stat__icon { grid-row: span 3; margin-bottom: 0; }
  .ref-actions { grid-template-columns: 1fr; }
  .ref-link-card__head strong { font-size: 15px; }
  .ref-link-card__copy code { font-size: 10px; }
  .ref-btn { min-height: 40px; font-size: 11px; }
  .ref-section-title h2 { font-size: 21px; }
  .ref-row strong { font-size: 12px; }
  .task-hero { grid-template-columns: 1fr; min-height: 0; }
  .task-terminal { height: 96px; }
  .task-stats { grid-template-columns: 1fr 1fr; }
  .task-stat.reward { grid-column: 1 / -1; min-height: 74px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; column-gap: 8px; }
  .task-stat.reward .task-stat__icon { grid-row: span 3; margin-bottom: 0; }
  .task-card { grid-template-columns: 42px minmax(0, 1fr); }
  .task-card__icon { width: 42px; height: 42px; border-radius: 12px; }
  .task-card__icon .g404-i { width: 26px; height: 26px; }
  .task-card__actions { grid-template-columns: 1fr; }
  .payout-hero { grid-template-columns: 1fr; min-height: 0; }
  .payout-core { height: 96px; }
  .payout-stats { grid-template-columns: 1fr 1fr; }
  .payout-stat.limit { grid-column: 1 / -1; min-height: 74px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; column-gap: 8px; }
  .payout-stat.limit .payout-stat__icon { grid-row: span 3; margin-bottom: 0; }
  .payout-form-card__head strong { font-size: 15px; }
  .payout-section-title h2 { font-size: 21px; }
  .payout-row { grid-template-columns: 38px minmax(0, 1fr) auto; padding: 8px; }
  .payout-row > span { width: 38px; height: 38px; }
  .payout-row .g404-i { width: 24px; height: 24px; }
  .payout-row strong { font-size: 12px; }
  .payout-headbar h1 { font-size: 28px; }
  .payout-headbar button { min-height: 32px; padding: 0 9px; font-size: 10px; }
  .payout-ticket { padding: 11px; border-radius: 16px; gap: 10px; }
  .payout-ticket__top { min-height: 48px; }
  .payout-ticket__icon { width: 42px; height: 42px; border-radius: 13px; }
  .payout-ticket__icon .g404-i { width: 27px; height: 27px; }
  .payout-ticket__top strong { font-size: 16px; }
  .payout-ticket__balance { grid-template-columns: 1fr 1fr; }
  .payout-ticket__balance div:first-child { grid-column: 1 / -1; }
  .payout-amount-box { grid-template-columns: minmax(0, 1fr) 50px; min-height: 48px; }
  .payout-amount-box .payout-input { min-height: 48px; font-size: 20px; }
  .payout-form-grid { grid-template-columns: 1fr; }
  .payout-quick { gap: 6px; }
  .payout-quick button { min-height: 32px; font-size: 10px; }
  .payout-garden-hero { grid-template-columns: 1fr; min-height: 0; padding: 12px; border-radius: 16px; }
  .payout-garden-hero h1 { font-size: 25px; }
  .payout-garden-hero p { font-size: 11px; }
  .payout-garden-core { height: 98px; }
  .payout-garden-core img { width: 58px; height: 58px; }
  .payout-garden-stats { grid-template-columns: 1fr 1fr; }
  .payout-garden-stats .payout-stat.limit { grid-column: 1 / -1; min-height: 74px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; column-gap: 8px; }
  .payout-garden-stats .payout-stat.limit .payout-stat__icon { grid-row: span 3; margin-bottom: 0; }
  .payout-garden-form { padding: 10px; }
  .payout-wallets button { grid-template-columns: 50px minmax(0, 1fr); }
  .settings-hero { grid-template-columns: 1fr; min-height: 0; padding: 12px; border-radius: 16px; }
  .settings-identity h1 { max-width: 230px; font-size: 22px; }
  .settings-core { height: 76px; grid-template-columns: 34px minmax(0, 1fr); justify-items: start; padding: 10px 12px; text-align: left; }
  .settings-core .g404-i { grid-row: span 2; }
  .settings-panel { padding: 10px; }
  .settings-grid { grid-template-columns: 1fr; }
  .settings-title h2 { font-size: 21px; }
  .settings-link { grid-template-columns: 38px minmax(0, 1fr) 14px; padding: 8px; }
  .settings-link > span { width: 38px; height: 38px; border-radius: 11px; }
  .settings-link > span .g404-i { width: 24px; height: 24px; }
  .deposit-hero { grid-template-columns: 1fr; min-height: 0; padding: 12px; border-radius: 16px; }
  .deposit-hero h1 { font-size: 25px; }
  .deposit-hero p { font-size: 11px; }
  .deposit-pixel-vault { height: 92px; grid-template-columns: 68px minmax(0, 1fr); justify-items: start; padding: 10px 12px; text-align: left; }
  .deposit-pixel-vault > span { grid-row: span 2; width: 64px; height: 60px; }
  .deposit-pixel-vault .crypto-pixel { transform: none; }
  .deposit-console { padding: 10px; }
  .deposit-amount-box { min-height: 50px; grid-template-columns: minmax(0, 1fr) 50px; }
  .deposit-input { min-height: 50px; font-size: 21px; }
  .deposit-presets { gap: 6px; }
  .deposit-method-title { align-items: start; flex-direction: column; }
  .deposit-methods { grid-template-columns: 1fr; }
  .deposit-method { min-height: 64px; }
  .deposit-invoice__head { grid-template-columns: 1fr; }
  .deposit-invoice__head img, .deposit-invoice__head > span { width: 112px; height: 112px; justify-self: center; }
  .deposit-invoice__actions { grid-template-columns: 1fr; }
  .deposit-invoice__meta { align-items: flex-start; flex-direction: column; }
}