*{box-sizing:border-box}body,html{margin:0;padding:0;background:#070b0a;color:#f4f5f2;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(205,255,1,.04),transparent 25%),#070b0a}.app-shell{padding:16px 22px 26px;max-width:1680px;margin:0 auto}.topbar{height:76px;border:1px solid #202723;border-radius:20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:#070a09}.asset-info,.brand-wrap,.panel-title,.route-icons,.section-head,.stake-row,.swap-row,.wallet-wrap{display:flex;align-items:center}.brand-wrap{gap:14px}.logo,.mini-avatar{display:grid;place-items:center;background:#d7ff00;color:#0b0e0c;border-radius:12px}.logo{width:50px;height:50px;font-size:28px;overflow:hidden}.logo img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.mini-avatar{width:38px;height:38px;font-size:20px;border-radius:50%}.brand{font-size:27px;font-weight:800}.topbar nav{display:flex;height:100%;align-items:center;gap:26px}.nav-btn{position:relative;background:none;border:0;color:#eee;font-size:16px;padding:27px 8px 24px;cursor:pointer}.nav-btn.active{color:#d7ff00}.nav-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:#d7ff00}.wallet-wrap{gap:12px;justify-self:end}.primary,.stake-cta{border:0;background:#d7ff00;color:#080b08;font-weight:800;border-radius:15px;cursor:pointer}.primary{padding:15px 22px;font-size:16px}.swap-layout{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(420px,1fr);grid-gap:20px;gap:20px;margin-top:20px}.left-col{min-width:0}.panel{border:1px solid #212924;background:linear-gradient(180deg,#0d1210,#080c0a);border-radius:20px}.chart-card{height:535px;padding:20px 22px;position:relative;overflow:hidden}.asset-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #1e2521}.asset-info{gap:16px}.asset-icon{width:72px;height:72px;border:1px solid #313936;border-radius:50%;display:grid;place-items:center;font-size:28px}.asset-info h2{margin:0 0 8px;font-size:27px}.muted{color:#aeb5b0}.tag{background:#173423;color:#bde7c9;padding:4px 8px;border-radius:8px;margin-left:8px;font-size:12px}.market-stats{display:flex;gap:44px}.market-stats div{display:flex;flex-direction:column;gap:8px}.market-stats span{font-size:13px;color:#d1d6d2}.market-stats strong{font-size:24px}.red{color:#ff4a4a}.range-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.ranges{display:flex;border:1px solid #2a322e;border-radius:12px;overflow:hidden}.ranges span{padding:9px 16px;font-size:14px}.ranges .selected{background:#163418;color:#d7ff00}.chart-actions{color:#d8ddd9}.chart-area{height:345px;position:relative;overflow:hidden;border-top:1px dashed #27302b;border-bottom:1px dashed #27302b}.grid{position:absolute;left:0;right:50px;border-top:1px dashed #29312d}.g1{top:20%}.g2{top:40%}.g3{top:60%}.g4{top:80%}.candles{position:absolute;left:0;right:80px;top:12px;bottom:24px;display:flex;align-items:flex-end;gap:4px}.candles i{width:7px;background:#42c77e;display:block;min-height:10px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.candles i.down{background:#ef4b44}.price-line{position:absolute;left:0;right:0;top:58%;border-top:1px dashed #ff4b42}.price-line b{top:-15px;background:#ff4b42;padding:7px 9px;border-radius:6px}.axis,.price-line b{position:absolute;right:0;font-size:12px}.axis{top:20px;line-height:48px;color:#e4e7e5}.swap-panel{min-height:735px;padding:22px;position:relative;overflow:hidden}.panel-title{justify-content:space-between;margin-bottom:14px}.panel-title h2{margin:0;font-size:26px}.icon-button{border:1px solid #303733;background:#0c100e;color:#fff;border-radius:10px;width:42px;height:42px}.details,.route-box,.stake-box,.swap-box{border:1px solid #28312c;border-radius:17px;background:#0a0e0c}.swap-box{padding:20px;position:relative}.swap-box small{position:absolute;right:20px;top:18px}.swap-row{justify-content:space-between;margin-top:18px}.swap-row strong{font-size:37px}.green{color:#67c98b}.token{border:1px solid #2e3732;border-radius:24px;padding:11px 16px;font-size:18px}.swap-arrow{width:46px;height:46px;border:5px solid #0b0f0d;border-radius:50%;background:#d7ff00;color:#0b0d0b;display:grid;place-items:center;margin:-7px auto;position:relative;z-index:2;font-size:25px}.route-box{margin-top:18px;padding:24px;text-align:center}.route-icons{justify-content:space-around;font-size:32px}.dash{font-size:17px;color:#67716b}.route-box p{margin:22px 0 8px}.route-box small{color:#adb4af}.details{margin-top:16px;padding:15px 17px}.details div{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.blurred-shell .blur-target{filter:blur(7px);opacity:.58;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coming-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:rgba(6,10,8,.28);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:5}.coming-overlay h3{font-size:27px;margin:13px 0 8px}.coming-overlay p{max-width:420px;color:#c3c8c4;margin:0;line-height:1.5}.coming-pill{padding:8px 13px;border:1px solid rgba(215,255,0,.55);background:rgba(215,255,0,.1);color:#d7ff00;border-radius:99px;font-weight:800;letter-spacing:.08em;font-size:12px}.lower-grid{display:grid;grid-template-columns:.82fr 1.18fr;grid-gap:20px;gap:20px;margin-top:18px}.activity{padding:18px 22px}.activity h3,.section-head h3{margin:0 0 17px}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #202723;padding-top:15px}.activity-stats div{display:flex;flex-direction:column;gap:8px;border-right:1px solid #222a25;padding-right:12px}.activity-stats div:last-child{border:0}.activity-stats span{font-size:12px;color:#c3c8c5}.activity-stats strong{font-size:21px}.activity-stats div:first-child strong{color:#67c98b}.activity a,.section-head span{display:block;color:#d7ff00;font-size:13px;margin-top:20px}.pup-panel{padding:18px 20px}.section-head{justify-content:space-between}.section-head span{margin:0}.pup-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:13px;gap:13px}.pup-card{min-width:0}.pup-img{height:80px;border-radius:8px;background:#d7ff00;display:grid;place-items:center;font-size:43px;overflow:hidden}.pup-card small,.pup-card strong{display:block;margin-top:7px;font-size:13px}.pup-card small{color:#9ca49f;margin-top:2px}footer{text-align:center;color:#b7bdb9;padding:28px 0 5px;font-size:12px}.stake-layout{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:20px;gap:20px;margin-top:20px}.stake-hero{min-height:540px;padding:56px 38px;display:flex;align-items:center;background:radial-gradient(circle at 80% 15%,rgba(215,255,0,.06),transparent 30%),linear-gradient(180deg,#0c1110,#090d0b)}.stake-hero h1{font-size:86px;line-height:.9;margin:18px 0}.stake-hero h1 em{color:#d7ff00;font-style:normal}.stake-hero p{font-size:30px;color:#b8bdb9}.eyebrow{letter-spacing:.18em;color:#7f8983;font-size:12px}.stake-panel{padding:25px}.stake-box{padding:22px}.stake-row{justify-content:space-between;margin:12px 0 8px}.stake-row strong{font-size:47px;color:#a4aaa6}.percents{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:17px}.percents button{padding:10px;border:1px solid #28302c;border-radius:8px;background:#0a0e0c;color:#fff}.stake-cta{width:100%;padding:16px;margin-top:15px;font-size:16px}.wallet-status{text-align:center;color:#d7ff00;padding:20px 0 4px;border-bottom:1px solid #202723}.centered{text-align:center;font-size:14px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #27302b;border-radius:16px;margin-top:14px;padding:15px 0}.reward-grid div{padding:0 20px;border-right:1px solid #202722;display:flex;flex-direction:column;gap:8px}.reward-grid div:last-child{border:0}.reward-grid span{font-size:13px}.reward-grid strong{font-size:20px}.reward-grid small{color:#aab1ac}.stake-layout+.pup-panel{margin-top:16px}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.stake-layout,.swap-layout{grid-template-columns:1fr}.swap-panel{min-height:650px}.market-stats{gap:16px}.stake-hero{min-height:380px}.pup-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.app-shell{padding:10px}.brand{font-size:19px}.mini-avatar,.wallet-wrap span{display:none}.primary{padding:12px 14px}.chart-card{height:470px;padding:14px}.market-stats{display:none}.lower-grid{grid-template-columns:1fr}.pup-grid{grid-template-columns:repeat(2,1fr)}.stake-hero h1{font-size:60px}.stake-hero p{font-size:22px}.reward-grid{grid-template-columns:1fr}.reward-grid div{border-right:0;border-bottom:1px solid #202722;padding:12px 20px}.reward-grid div:last-child{border-bottom:0}}.blurred-shell{position:relative;overflow:hidden;isolation:isolate}.blurred-shell>.blur-target{width:100%;height:100%}.blurred-shell>.coming-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:10}.lower-grid>.blurred-shell,.stake-layout>.blurred-shell{min-width:0;min-height:0}.activity .coming-overlay,.pup-panel .coming-overlay{padding:16px}.activity .coming-overlay h3,.pup-panel .coming-overlay h3{font-size:18px;margin:8px 0 5px}.activity .coming-overlay p,.pup-panel .coming-overlay p{font-size:12px;max-width:280px}.activity .coming-pill,.pup-panel .coming-pill{font-size:10px;padding:6px 10px}body{background:radial-gradient(circle at 12% 0,rgba(215,255,0,.055),transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),#070b0a}.app-shell{position:relative}.app-shell:after,.app-shell:before{content:"";position:fixed;width:12px;height:12px;background:#d7ff00;border:3px solid #070b0a;box-shadow:0 0 0 1px #d7ff00,8px 8px 0 rgba(215,255,0,.12);z-index:30;pointer-events:none}.app-shell:before{left:10px;bottom:12px;transform:rotate(12deg)}.app-shell:after{right:11px;top:108px;transform:rotate(-17deg)}.topbar{border-width:2px;border-radius:13px 23px 13px 23px;box-shadow:5px 5px 0 rgba(215,255,0,.07),inset 0 -3px 0 rgba(215,255,0,.03);transform:rotate(-.08deg)}.logo{border-radius:5px 13px 5px 13px;border:3px solid #070b0a;outline:2px solid #d7ff00;box-shadow:5px 5px 0 #273000;transform:rotate(-3deg)}.mini-avatar{border:2px solid #070b0a;outline:1px dashed #d7ff00;transform:rotate(6deg)}.primary{border-radius:8px 16px 8px 16px;border:3px solid #080b08;outline:1px solid #d7ff00;box-shadow:5px 5px 0 #3b4700;transform:rotate(1deg) translateY(-2px);padding:17px 25px}.primary:active,.stake-cta:active{box-shadow:1px 1px 0 #3b4700;transform:translate(4px,4px) rotate(1deg)}.panel{position:relative;border-width:2px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.012),5px 6px 0 rgba(0,0,0,.32)}.panel:before{content:"";position:absolute;width:26px;height:26px;right:12px;bottom:12px;background:linear-gradient(45deg,#d7ff00 25%,transparent 25% 50%,#d7ff00 50% 75%,transparent 75%);background-size:8px 8px;opacity:.18;pointer-events:none;z-index:2}.chart-card{border-radius:25px 11px 21px 8px;transform:rotate(-.18deg)}.swap-panel{border-radius:11px 29px 8px 22px;transform:rotate(.16deg)}.activity{border-radius:9px 22px 12px 27px;transform:rotate(.45deg)}.lower-grid>.blurred-shell:nth-child(2){transform:rotate(-.28deg) translateY(2px)}.stake-layout>.blurred-shell:first-child{transform:rotate(-.16deg)}.stake-layout>.blurred-shell:nth-child(2){transform:rotate(.18deg)}.details,.route-box,.stake-box,.swap-box{border-width:2px;border-style:dashed;box-shadow:inset 3px 3px 0 rgba(215,255,0,.018)}.token{border:2px solid #313b35;border-radius:7px 19px 7px 19px;box-shadow:4px 4px 0 rgba(215,255,0,.055);transform:rotate(-1deg)}.icon-button{border:2px solid #3b443f;border-radius:5px 13px 5px 13px;transform:rotate(7deg);box-shadow:3px 3px 0 rgba(215,255,0,.07)}.swap-arrow{width:58px;height:58px;border-width:7px;border-radius:13px 24px 13px 24px;transform:rotate(7deg);box-shadow:4px 4px 0 #384400}.ranges{border-width:2px;border-radius:5px 13px 5px 13px;transform:rotate(-.5deg)}.ranges .selected{box-shadow:inset 0 -4px 0 rgba(215,255,0,.18)}.candles i:nth-child(9n){transform:scaleY(1.55) rotate(1deg)}.candles i:nth-child(13n){transform:scaleY(.55) rotate(-2deg)}.pup-grid{gap:15px}.pup-card{transform-origin:center bottom}.pup-card:first-child{transform:rotate(-2deg) translateY(3px)}.pup-card:nth-child(2){transform:rotate(1.5deg) translateY(-2px)}.pup-card:nth-child(3){transform:rotate(-.7deg) translateY(5px)}.pup-card:nth-child(4){transform:rotate(2deg) translateY(-1px)}.pup-card:nth-child(5){transform:rotate(-1.4deg) translateY(4px)}.pup-img{border-radius:4px 14px 4px 14px;border:4px solid #080b08;outline:2px solid #d7ff00;box-shadow:6px 6px 0 #2f3900}.percents button{border-width:2px;border-radius:4px 11px 4px 11px;box-shadow:3px 3px 0 rgba(215,255,0,.05)}.percents button:nth-child(odd){transform:rotate(-1deg)}.percents button:nth-child(2n){transform:rotate(1deg)}.stake-cta{border-radius:6px 16px 6px 16px;border:3px solid #080b08;outline:1px solid #d7ff00;box-shadow:5px 5px 0 #3b4700;transform:rotate(-.4deg)}.reward-grid{border-width:2px;border-style:dashed;border-radius:7px 17px 7px 17px}.coming-overlay{background:repeating-linear-gradient(135deg,rgba(215,255,0,.018) 0 8px,transparent 8px 18px),rgba(6,10,8,.35)}.coming-pill{border-width:2px;border-radius:5px 15px 5px 15px;box-shadow:4px 4px 0 rgba(61,74,0,.7);transform:rotate(-2deg)}.coming-overlay h3{transform:rotate(.3deg);text-shadow:3px 3px 0 rgba(0,0,0,.45)}footer{border-top:1px dashed #29312d;margin-top:13px}@media(max-width:700px){.activity,.chart-card,.lower-grid>.blurred-shell:nth-child(2),.stake-layout>.blurred-shell:first-child,.stake-layout>.blurred-shell:nth-child(2),.swap-panel{transform:none}.app-shell:after,.app-shell:before{display:none}}