:root{--bg:#03050a;--bg-soft:#0b0f19;--panel:#080d18c7;--panel-2:#ffffff0b;--border:#ffffff17;--text:#f6f9ff;--muted:#9cafca;--blue:#2ff6ff;--purple:#a15cff;--green:#8dff5d;--red:#ff4da1;--gold:#ffe36c;--cyan-hot:#8bffff;--pink-hot:#ff4dc4;--shadow:0 30px 90px #0000007a;--radius:24px;--header-h:88px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 50% 0,#14234a 0%,#0a1020 28%,#05070d 58%,#020307 100%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}button,input,a{font:inherit}a{color:inherit;text-decoration:none}.shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.bg-grid,.bg-noise,.bg-orbs{pointer-events:none;position:absolute;inset:0}.bg-grid{opacity:.16;transform-origin:top;background-color:#0000;background-image:linear-gradient(#35efff1a 1px,#0000 1px),linear-gradient(90deg,#9a66ff17 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transform:perspective(940px)rotateX(79deg)translateY(-18%);-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 92%);mask-image:radial-gradient(circle,#000 42%,#0000 92%)}.bg-noise{opacity:.05;background-image:radial-gradient(circle at 22% 18%,#ffffff2e 0 1px,#0000 1px),radial-gradient(circle at 79% 36%,#ffffff1c 0 1px,#0000 1px),radial-gradient(circle at 34% 84%,#ffffff17 0 1px,#0000 1px);background-size:7px 7px,11px 11px,13px 13px}.bg-orbs{filter:blur(18px);background:radial-gradient(circle at 14% 10%,#35efff42,#0000 30%),radial-gradient(circle at 84% 12%,#9a66ff47,#0000 32%),radial-gradient(circle at 50% 82%,#ffd16624,#0000 26%),radial-gradient(circle at 58% 40%,#ff53b629,#0000 22%)}.top-header{z-index:3;min-height:var(--header-h);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 22px 0;display:grid;position:relative}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--purple));border-radius:999px;width:14px;height:14px;animation:3s ease-in-out infinite brandPulse;box-shadow:0 0 18px #35effff2,0 0 42px #9a66ff8c,0 0 72px #ff5da82e}.brand-title{letter-spacing:.16em;text-transform:uppercase;font-size:1.04rem;font-weight:900}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.77rem}.header-status{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.header-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090f1ac2;border:1px solid #ffffff14;border-radius:999px;min-width:160px;padding:10px 14px;box-shadow:inset 0 0 0 1px #35efff1a,0 0 28px #35efff1f,0 0 54px #35efff14}.header-pill.dimmed{box-shadow:inset 0 0 0 1px #9a66ff24,0 0 34px #9a66ff2e,0 0 60px #9a66ff14}.header-pill.warm{box-shadow:inset 0 0 0 1px #ffd36b24,0 0 34px #ffd36b2e,0 0 60px #ffd36b14}.header-pill span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;display:block}.header-pill strong{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.header-actions{justify-content:flex-end;gap:10px;display:flex}.shell-inner{z-index:2;grid-template-columns:minmax(260px,320px) minmax(460px,1fr) minmax(260px,320px);gap:22px;min-height:calc(100svh - 152px);padding:16px 22px 12px;display:grid;position:relative}.hud-column{align-content:start;gap:16px;display:grid}.avatar-stage{align-content:center;justify-items:center;gap:18px;min-width:0;padding:4px 0;display:grid}.avatar-shell{aspect-ratio:1;place-items:center;width:min(100%,790px);display:grid;position:relative}.avatar-aura,.avatar-scan,.avatar-glow-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0}.avatar-aura{filter:blur(30px)saturate(1.15);background:radial-gradient(circle,#35efff52 0%,#9a66ff2b 42%,#0000 70%);animation:7s ease-in-out infinite auraPulse;inset:8%}.avatar-scan{filter:blur(4px);background:linear-gradient(#0000 0%,#ffffff14 48%,#0000 52% 100%);animation:7.5s linear infinite scanSweep;inset:18%}.avatar-glow-ring{border:1px solid #ffffff14;inset:11%;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 48px #35efff2b,0 0 90px #9a66ff29,0 0 110px #ff53b614}.main-avatar{object-fit:contain;filter:drop-shadow(0 34px 70px #00000085);width:100%;height:100%;animation:6.6s ease-in-out infinite avatarFloat}.avatar-bull .avatar-aura{background:radial-gradient(circle,#76ff9b47 0%,#ffd16629 42%,#0000 68%)}.avatar-crash .avatar-aura{background:radial-gradient(circle,#ff5f9554 0%,#9a66ff24 42%,#0000 68%)}.avatar-whale .avatar-aura{background:radial-gradient(circle,#ffd1664d 0%,#35efff29 42%,#0000 68%)}.avatar-chaos .avatar-aura{background:radial-gradient(circle,#ff5f9547 0%,#35efff33 22%,#9a66ff38 44%,#0000 70%)}.avatar-oracle .avatar-aura{background:radial-gradient(circle,#9a66ff57 0%,#35efff1f 42%,#0000 68%)}.avatar-numb .avatar-aura{background:radial-gradient(circle,#b2c4dc24 0%,#35efff14 42%,#0000 68%)}.hud-panel{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0d1220e6,#060912eb);padding:16px;position:relative;overflow:hidden}.hud-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 34%,#ffffff06);position:absolute;inset:0}.glow-blue{box-shadow:var(--shadow), 0 0 0 1px #35efff24 inset, 0 0 54px #35efff2e, 0 0 90px #35efff14}.glow-purple{box-shadow:var(--shadow), 0 0 0 1px #9a66ff24 inset, 0 0 54px #9a66ff2e, 0 0 90px #9a66ff14}.glow-green{box-shadow:var(--shadow), 0 0 0 1px #76ff9b24 inset, 0 0 54px #76ff9b29, 0 0 90px #76ff9b0f}.glow-red{box-shadow:var(--shadow), 0 0 0 1px #ff5f9524 inset, 0 0 54px #ff5f9529, 0 0 90px #ff5f950f}.glow-gold{box-shadow:var(--shadow), 0 0 0 1px #ffd16624 inset, 0 0 54px #ffd16629, 0 0 90px #ffd1660f}.compact{width:min(100%,560px)}.panel-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.74rem}.form-name{letter-spacing:.02em;margin-bottom:10px;font-size:clamp(2.1rem,4vw,3.1rem);font-weight:900;line-height:.96}.metric-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.metric-row:last-child{border-bottom:0;padding-bottom:0}.metric-row strong{text-transform:uppercase;letter-spacing:.04em;text-align:right}.gauge-track{background:#ffffff12;border-radius:999px;height:10px;position:relative;overflow:hidden}.action-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.action-btn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.action-btn:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-1px);box-shadow:0 0 28px #34f1ff24,0 0 40px #9f6dff1f}.action-btn.ghost{opacity:.9}.feed-title{letter-spacing:.03em;font-weight:800}.ranking-placeholder{gap:8px;display:grid}.ranking-placeholder .dim{opacity:.64}.bottom-bar{z-index:2;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:0 22px 18px;font-size:.94rem;display:flex;position:relative}.bottom-links{flex-wrap:wrap;gap:16px;display:flex}.bottom-links a:hover{color:var(--text)}.modal-backdrop{z-index:30;background:#030508a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,520px);box-shadow:var(--shadow);background:linear-gradient(#0d111af5,#070a10f5);border:1px solid #ffffff14;border-radius:28px;padding:18px}.modal-list{gap:10px;margin-bottom:14px;display:grid}.modal-option{text-align:left;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:12px 14px}.handle-field{gap:8px;margin-bottom:14px;display:grid}.handle-field span{color:var(--muted)}.handle-field input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:12px 14px}.modal-note{color:var(--muted);line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.glitch-line{display:inline-block;position:relative}.glitch-line:before,.glitch-line:after{content:attr(data-text);pointer-events:none;opacity:.5;position:absolute;inset:0}.glitch-line:before{color:#35efffb3;clip-path:inset(0 0 46%);animation:5.3s step-end infinite glitchA;transform:translate(1px)}.glitch-line:after{color:#ff5f958c;clip-path:inset(54% 0 0);animation:6.1s step-end infinite glitchB;transform:translate(-1px)}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes auraPulse{0%,to{opacity:.88;transform:scale(.985)}50%{opacity:1;transform:scale(1.02)}}@keyframes scanSweep{0%{opacity:0;transform:translateY(-32%)scaleY(.9)}15%{opacity:1}45%{opacity:.66}to{opacity:0;transform:translateY(34%)scaleY(1.06)}}@keyframes glitchA{0%,95%,to{transform:translate(1px)}96%{transform:translate(-3px,1px)}97%{transform:translate(3px,-1px)}98%{transform:translate(1px)}}@keyframes glitchB{0%,93%,to{transform:translate(-1px)}94%{transform:translate(2px,-1px)}95%{transform:translate(-3px,1px)}96%{transform:translate(-1px)}}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.shell:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.16;background:linear-gradient(90deg,#0000 0%,#ffffff06 50%,#0000 100%);animation:12s linear infinite siteSheen;position:fixed;inset:0}.top-header,.hud-panel,.mutation-panel,.action-btn,.modal-card{position:relative}.top-header:after,.hud-panel:after,.mutation-panel:after,.modal-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.52;pointer-events:none;background:linear-gradient(135deg,#34f1ff8c,#9f6dff57,#ff5da847,#ffd36b6b);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-frame:before{content:"";filter:blur(16px);opacity:.7;pointer-events:none;background:conic-gradient(#34f1ff00 0deg,#34f1ff66 46deg,#9f6dff00 110deg,#ff5da85c 180deg,#ffd36b00 250deg,#34f1ff57 320deg,#34f1ff00 360deg);border-radius:50%;animation:14s linear infinite ringSpin;position:absolute;inset:3%}.main-avatar:after{content:none}.main-avatar{position:relative}.avatar-shell:after{content:"";filter:blur(1px);mix-blend-mode:screen;opacity:.28;pointer-events:none;background:linear-gradient(#0000 0%,#ffffff0d 48%,#0000 52% 100%);border-radius:50%;animation:4.8s ease-in-out infinite scanPulse;position:absolute;inset:14%}.brand-title{text-shadow:0 0 18px #34f1ff2e,0 0 34px #9f6dff24}.brand-subtitle{color:color-mix(in srgb, var(--muted) 78%, white 22%)}.header-pill,.hud-panel,.mutation-panel{background:linear-gradient(#090e1ce0,#050912f0)}.hud-panel:hover,.mutation-panel:hover{box-shadow:var(--shadow), 0 0 0 1px #34f1ff24 inset, 0 0 54px #34f1ff29, 0 0 90px #9f6dff1f}.action-btn{overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 24px #34f1ff14}.action-btn:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.7;pointer-events:none;background:linear-gradient(135deg,#34f1ff75,#9f6dff47,#ff5da838);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.action-btn:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff42,#0000);width:42%;height:140%;position:absolute;top:-20%;left:-30%;transform:skew(-18deg)}.action-btn:hover:after{opacity:1;animation:.9s buttonSweep}.action-glitch:hover{animation:.22s steps(2,end) buttonGlitch}.feed-item,.header-pill{box-shadow:inset 0 0 0 1px #ffffff08,0 0 28px #34f1ff0f}.gauge-track{box-shadow:inset 0 0 0 1px #ffffff0a,0 0 26px #34f1ff14}.gauge-track span{animation:2.8s ease-in-out infinite gaugeGlow}@keyframes buttonSweep{0%,72%,to{opacity:0;transform:translate(-140%)}76%{opacity:.8}84%{opacity:.8;transform:translate(140%)}85%{opacity:0}}@keyframes buttonGlitch{0%{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translate(-2px)}75%{transform:translate(1px)}to{transform:translate(0)}}@keyframes gaugeGlow{0%,to{filter:saturate()brightness()}50%{filter:saturate(1.2)brightness(1.14)}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanPulse{0%,to{opacity:.18;transform:translateY(-2%)}50%{opacity:.38;transform:translateY(2%)}}@keyframes siteSheen{0%{transform:translate(-18%)}to{transform:translate(18%)}}@media (max-width:1180px){.top-header{grid-template-columns:1fr;justify-items:start;gap:12px}.header-status,.header-actions{justify-content:flex-start}.shell-inner{grid-template-columns:1fr;min-height:auto}.hud-column{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-stage{order:-1}}@media (max-width:760px){.top-header{padding:14px 14px 0}.brand-subtitle{letter-spacing:.12em;font-size:.68rem;line-height:1.45}.header-pill{width:100%;min-width:0}.shell-inner{padding:10px 14px 8px}.hud-column{grid-template-columns:1fr}.bottom-bar{flex-direction:column;align-items:flex-start;padding:0 14px 14px}.action-row{width:100%}.action-btn{flex:1 1 0}.form-name{font-size:2.2rem}.avatar-shell{width:min(100%,680px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header-pill,.feed-item,.hud-panel,.action-btn{transition:box-shadow .22s,border-color .22s,transform .18s,background .22s}.hud-panel:hover{box-shadow:var(--shadow), 0 0 0 1px #34f1ff2e inset, 0 0 56px #34f1ff24, 0 0 70px #9f6dff1a}.feed-item:hover{border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #34f1ff14,0 0 34px #34f1ff1a}.header-pill:hover{box-shadow:inset 0 0 0 1px #34f1ff1f,0 0 30px #34f1ff29,0 0 40px #9f6dff1f}.action-glitch:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 0%,#ffffff2e 45%,#0000 60%);animation:6s ease-in-out infinite buttonSweep;position:absolute;inset:1px;transform:translate(-140%)}:root{--loco-border-glow:.25;--loco-image-glow:.2;--loco-pulse-strength:1}[data-loco-root]{transition:box-shadow .22s,border-color .22s,transform .22s}[data-loco-avatar]{filter:drop-shadow(0 0 calc(8px + (18px * var(--loco-image-glow))) #4de1ff73) drop-shadow(0 0 calc(6px + (16px * var(--loco-image-glow))) #8d63ff4d);transition:filter .22s,transform .22s,opacity .22s}[data-loco-root]{box-shadow:0 0 calc(12px + (24px * var(--loco-border-glow))) rgba(77,225,255,calc(.12 + (.18 * var(--loco-border-glow)))), 0 0 calc(14px + (28px * var(--loco-border-glow))) rgba(141,99,255,calc(.1 + (.15 * var(--loco-border-glow))))}html[data-loco-shimmer=warm] [data-loco-root]{animation:2.8s ease-in-out infinite locoPulseWarm}html[data-loco-shimmer=fast] [data-loco-root]{animation:1.8s ease-in-out infinite locoPulseFast}html[data-loco-shimmer=hyper] [data-loco-root]{animation:1.1s ease-in-out infinite locoPulseHyper}html[data-loco-glitch=on] [data-loco-avatar]{animation:4.2s linear infinite locoMicroGlitch}@keyframes locoPulseWarm{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes locoPulseFast{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes locoPulseHyper{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes locoMicroGlitch{0%,93%,to{transform:translate(0,0)}94%{transform:translate(1px)}95%{transform:translate(-1px)}96%{transform:translate(0,0)}}.header-actions{flex-wrap:wrap}.action-btn{min-height:46px;color:var(--text);letter-spacing:.02em;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.action-btn:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,#35efff2e,#9a66ff38);border-color:#9a66ff47;box-shadow:inset 0 0 0 1px #35efff1a,0 0 34px #35efff24}.action-btn.ghost{background:#ffffff08}.panel-subcopy{color:var(--muted);line-height:1.6}.feed-list{gap:12px;display:grid}.feed-item{background:#ffffff09;border:1px solid #ffffff12;border-radius:18px;padding:14px}.feed-title{margin-bottom:8px;font-weight:800}.feed-item p{color:var(--text);margin:0 0 8px;line-height:1.55}.feed-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.gauge-track{background:#ffffff14;border-radius:999px;width:100%;height:12px;overflow:hidden}.gauge-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--purple), var(--gold));height:100%;display:block;box-shadow:0 0 28px #35efff59}.gauge-row{color:var(--muted);justify-content:space-between;gap:12px;margin-top:10px;font-size:.92rem;display:flex}.center-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.token-hero-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.token-name{letter-spacing:.04em;font-size:1.85rem;font-weight:900}.live-pill{color:#c8ffd4;letter-spacing:.1em;background:#76ff9b1a;border:1px solid #76ff9b38;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.token-grid{gap:10px;margin-top:12px;display:grid}.metric-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.metric-row span{color:var(--muted)}.metric-row strong{text-align:right}.contract-box{color:#d9eeff;word-break:break-all;background:#02060dd1;border:1px solid #35efff24;border-radius:16px;margin-top:14px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;line-height:1.5;box-shadow:inset 0 0 28px #35efff1a}.token-actions,.token-links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.token-links a{color:var(--cyan-hot);font-size:.9rem}.token-links a:hover{text-decoration:underline}@media (max-width:1160px){.top-header{grid-template-columns:1fr;justify-items:start}.header-status{justify-content:flex-start}.shell-inner{grid-template-columns:1fr}.hud-column.left{order:2}.avatar-stage{order:1}.hud-column.right{order:3}}@media (max-width:760px){.top-header,.shell-inner{padding-left:14px;padding-right:14px}.header-pill{width:100%;min-width:0}.center-actions,.token-actions,.token-links,.header-actions{flex-direction:column;width:100%}.action-btn{width:100%}.token-hero-row{flex-direction:column;align-items:flex-start}.metric-row{flex-direction:column}.metric-row strong{text-align:left}}
