.eco-overlay{position:fixed;z-index:90;inset:0;background:radial-gradient(circle at 12% 8%,rgba(0,238,255,.15),transparent 30%),radial-gradient(circle at 88% 12%,rgba(174,78,255,.15),transparent 32%),rgba(2,6,17,.97);overflow:auto;color:#eafcff}.eco-overlay.hidden{display:none}.eco-app{width:min(1440px,100%);min-height:100%;margin:auto;display:grid;grid-template-columns:238px 1fr}.eco-side{position:sticky;top:0;height:100vh;padding:26px 16px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(79,233,255,.16);background:rgba(4,11,25,.87);backdrop-filter:blur(20px)}.eco-logo{font:700 21px/1 'Chakra Petch';margin:0 8px 26px}.eco-logo span{display:block;color:#43f5ff;font-size:13px;letter-spacing:.16em;margin-top:5px}.eco-player{padding:14px;border:1px solid rgba(96,231,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(21,45,75,.65),rgba(13,17,42,.7));margin-bottom:14px}.eco-player-top{display:flex;gap:10px;align-items:center}.eco-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2edff0,#754dff);font-size:23px}.eco-player b{font:700 14px 'Chakra Petch'}.eco-title{display:block;color:#bd8cff;font-size:10px;margin-top:3px}.eco-xp,.eco-progress{height:6px;border-radius:8px;background:#121d32;overflow:hidden;margin-top:11px}.eco-xp i,.eco-progress i{display:block;height:100%;background:linear-gradient(90deg,#43f5ff,#a855f7)}.eco-nav{display:grid;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.eco-nav button,.eco-close{min-height:42px;border:0;border-radius:10px;background:transparent;color:#96afbd;text-align:left;padding:0 12px;font:600 11px Oxanium;letter-spacing:.06em;cursor:pointer}.eco-nav button:hover,.eco-nav button.active{background:rgba(65,235,255,.1);color:#5ff4ff}.eco-nav button span{float:right}.eco-close{position:static;flex:0 0 auto;width:100%;margin-top:10px;border:1px solid rgba(255,112,158,.23);color:#ff98ba;text-align:center}.eco-main{padding:26px clamp(16px,3vw,42px) 100px}.eco-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.eco-kicker{color:#43f5ff;font-size:10px;letter-spacing:.2em}.eco-top h1{margin:5px 0 0;font:700 clamp(30px,5vw,58px)/.95 'Chakra Petch'}.eco-top-actions{display:flex;gap:8px}.eco-icon-btn{position:relative;width:46px;height:46px;border:1px solid rgba(81,231,255,.22);border-radius:13px;background:#0a172b;color:white;font-size:18px;cursor:pointer}.eco-icon-btn em{position:absolute;right:-3px;top:-4px;background:#ff5b91;color:#fff;border-radius:10px;min-width:18px;padding:2px 4px;font:700 9px Oxanium}.eco-view{animation:ecoIn .18s ease}.eco-hero{position:relative;overflow:hidden;min-height:285px;padding:clamp(24px,5vw,54px);border:1px solid rgba(67,245,255,.27);border-radius:28px;background:linear-gradient(110deg,rgba(9,30,55,.96),rgba(40,21,79,.88)),url('../arcade-hall-bg.jpg') center/cover;box-shadow:0 25px 80px rgba(0,0,0,.35)}.eco-hero:after{content:'◉';position:absolute;right:7%;top:10%;font-size:170px;color:rgba(88,246,255,.11);filter:drop-shadow(0 0 35px #43f5ff)}.eco-hero h2{position:relative;z-index:1;font:700 clamp(34px,6vw,72px)/.9 'Chakra Petch';margin:8px 0 14px;max-width:720px}.eco-hero p{position:relative;z-index:1;color:#a9c4d3;max-width:600px;line-height:1.6}.eco-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.eco-btn{border:1px solid rgba(70,238,255,.25);border-radius:12px;background:#0b1a30;color:#dffbff;padding:12px 17px;font:700 11px Oxanium;cursor:pointer}.eco-btn.primary{background:linear-gradient(90deg,#43f5ff,#8b5cf6);color:#06101b;border:0}.eco-section-title{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.eco-section-title h2{margin:0;font:700 22px 'Chakra Petch'}.eco-section-title span{font-size:10px;color:#7795a7}.eco-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.eco-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-card{padding:17px;border:1px solid rgba(91,229,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(12,27,50,.86),rgba(6,13,28,.9));min-width:0}.eco-card h3{margin:0 0 8px;font:700 15px 'Chakra Petch'}.eco-card p,.eco-muted{color:#86a5b5;font-size:11px;line-height:1.5}.eco-card .big{display:block;font:700 27px 'Chakra Petch';color:#fff}.eco-tag{display:inline-flex;align-items:center;padding:4px 7px;border-radius:8px;background:rgba(168,85,247,.16);color:#d6b0ff;font-size:9px}.eco-tag.live{background:rgba(75,255,174,.13);color:#6bffc0}.eco-list{display:grid;gap:9px}.eco-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(87,222,255,.13);border-radius:13px;background:rgba(7,16,32,.72)}.eco-row .grow{flex:1;min-width:0}.eco-row strong{display:block;font-size:12px}.eco-row small{display:block;color:#819cab;font-size:9px;margin-top:3px}.eco-rank{width:28px;text-align:center;font:700 17px 'Chakra Petch';color:#61f4ff}.eco-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.eco-tabs button{white-space:nowrap;border:1px solid rgba(76,227,255,.17);border-radius:18px;background:#081529;color:#91adbd;padding:8px 12px;font:600 10px Oxanium}.eco-tabs button.active{background:#43f5ff;color:#07101c}.eco-form{display:grid;gap:10px}.eco-form label{color:#9db8c7;font-size:10px}.eco-form input,.eco-form textarea,.eco-form select{width:100%;margin-top:5px;padding:11px;border:1px solid rgba(78,226,255,.2);border-radius:10px;background:#071427;color:white;font:600 12px Oxanium}.eco-form textarea{min-height:80px;resize:vertical}.eco-cosmetic{display:grid;place-items:center;min-height:100px;font-size:32px;text-align:center}.eco-rarity{font-size:8px;letter-spacing:.12em;color:#a88dff}.eco-notice{padding:12px;border-left:3px solid #ffd464;background:rgba(255,207,82,.07);font-size:10px;color:#d9cda6}.eco-bottom{display:none}.eco-empty{text-align:center;padding:42px;color:#7794a5}.eco-toggle{accent-color:#43f5ff}.eco-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.eco-pillar{padding:12px;border-radius:13px;background:rgba(7,17,34,.75);border:1px solid rgba(77,228,255,.13);font-size:10px;color:#93aeba}.eco-pillar b{display:block;color:#fff;font-size:13px;margin-bottom:5px}@keyframes ecoIn{from{opacity:.2;transform:translateY(4px)}}
@media(max-width:1050px){.eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.eco-app{display:block}.eco-side{display:none}.eco-main{padding:18px 12px 92px}.eco-top h1{font-size:34px}.eco-top-actions .eco-icon-btn:first-child{display:none}.eco-hero{border-radius:20px;min-height:340px;padding:24px 20px}.eco-hero:after{font-size:110px;right:-10px}.eco-grid,.eco-grid.two{grid-template-columns:1fr}.eco-bottom{position:fixed;z-index:95;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 4px max(5px,env(safe-area-inset-bottom));background:rgba(3,9,20,.97);border-top:1px solid rgba(79,227,255,.2)}.eco-bottom button{border:0;background:transparent;color:#8daab9;padding:8px 2px;font:700 8px Oxanium}.eco-bottom button.active{color:#43f5ff}.eco-pillars{grid-template-columns:1fr}.eco-actions .eco-btn{flex:1;min-height:46px}.eco-top-actions{gap:5px}.eco-icon-btn{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.eco-view{animation:none}}
.eco-coin-avatar{position:relative;overflow:hidden;background:radial-gradient(circle at 35% 28%,#fff 0 5%,#28e8ff 18%,#5530b5 52%,#030712 78%);box-shadow:inset 0 0 12px #fff6,0 0 16px #43f5ff77;animation:ecoOrbPulse 2.8s ease-in-out infinite}.eco-coin-avatar:after{content:'';position:absolute;inset:3px;border:1px solid #fff7;border-radius:50%;box-shadow:inset 0 0 10px #43f5ff88}.eco-coin-avatar img{position:relative;z-index:1;width:24px;height:24px;filter:brightness(1.35) drop-shadow(0 0 5px #fff)}
.eco-btn:hover:not(:disabled){border-color:#58f1ff;box-shadow:0 0 18px rgba(67,245,255,.14);transform:translateY(-1px)}.eco-btn:focus-visible,.eco-tabs button:focus-visible,.eco-nav button:focus-visible{outline:2px solid #ffe86a;outline-offset:2px}.eco-btn:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.45)}
@keyframes ecoOrbPulse{50%{box-shadow:inset 0 0 18px #fff8,0 0 26px #43f5ffaa;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.eco-coin-avatar{animation:none}.eco-btn{transition:none}}

.eco-icon-btn em[hidden]{display:none}