@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Space+Mono:wght@400;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#edf7ff;background:#06101d}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}.battle-app{min-height:100svh;position:relative;isolation:isolate;background:#06101d}.scene{position:absolute;inset:0;z-index:-1}.scene canvas{touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 34px;gap:16px;pointer-events:none;position:relative}.brand,.live,.audio-control{pointer-events:auto}.brand{font:700 17px Space Mono;letter-spacing:.12em;color:#eaf7ff;text-decoration:none;padding-top:7px}.brand b{color:#3ee17a}.live{position:absolute;left:50%;top:24px;transform:translate(-50%);font:700 10px Space Mono;letter-spacing:.15em;text-transform:uppercase;color:#b7d4e2;background:#0a1b28db;border:1px solid #315367;padding:9px 12px;border-radius:5px}.live i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#3ee17a;box-shadow:0 0 13px #3ee17a}.audio-control{display:grid;grid-template-columns:108px;gap:6px}.sound,.touch-controls button{font:700 10px Space Mono;letter-spacing:.05em;text-transform:uppercase;color:#d7edf7;background:#0a1b28e8;border:1px solid #386176;border-radius:5px;padding:10px 12px;cursor:pointer}.audio-control input{accent-color:#3ee17a;width:108px;margin:0;height:14px}.audio-control select{width:108px;background:#0a1b28e8;border:1px solid #386176;border-radius:5px;color:#c9e0eb;font:700 8px Space Mono;padding:7px 6px;text-transform:uppercase}.weather-lab{position:fixed;top:124px;right:14px;z-index:8;width:min(164px,calc(100vw - 24px));margin-top:3px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;color:#a9c8d8;background:#081b29c9;border:1px dashed #496f80;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:700 8px Space Mono;text-transform:uppercase}.weather-lab>span{grid-column:1;color:#82bdd5;letter-spacing:.08em}.weather-lab label{display:grid;gap:4px;min-width:0}.weather-lab .weather-intensity{grid-column:1;grid-template-columns:1fr auto;align-items:center}.weather-intensity b{color:#d7edf7;font-size:8px}.weather-intensity input{grid-column:1 / -1;width:100%;margin:0;accent-color:#67caff}.weather-lab select{width:100%;min-width:0;font-size:8px;padding:6px 4px}.price-panel{position:absolute;top:14%;left:50%;transform:translate(-50%);text-align:center;min-width:min(420px,90vw);text-shadow:0 3px 15px #020a0f;pointer-events:none}.price-panel p,.network-panel h2,.trades-panel h2,.feed-label{font:700 10px Space Mono;letter-spacing:.16em;text-transform:uppercase;color:#a9c8d8;margin:0 0 7px}.price-panel h1{font:800 clamp(35px,6vw,76px) / 1 Manrope;margin:0;letter-spacing:-.055em}.price-panel strong{font:700 13px Space Mono;display:block;margin-top:11px}.market-select{display:inline-block;margin:0 0 8px;pointer-events:auto}.market-select select{min-width:154px;border:1px solid #316179;border-radius:5px;background:#061521db;color:#d9f1ff;font:700 9px Space Mono;padding:5px 7px}.change-caption{display:block;margin-top:3px;color:#9ab5c5;font:700 8px Space Mono}.price-panel small{display:block;font:700 10px Space Mono;text-transform:uppercase;letter-spacing:.11em;margin-top:27px}.positive{color:#3ee17a}.negative{color:#ff6975}.mixed{color:#f2c96d}.momentum{height:7px;width:min(300px,70vw);background:#803844;border-radius:99px;margin:18px auto 0;position:relative}.momentum span{height:100%;display:block;background:#3ee17a;border-radius:99px;box-shadow:0 0 12px #3ee17a}.momentum em{position:absolute;left:0;top:13px;width:100%;font:700 9px Space Mono;font-style:normal;color:#c4dbe6}.network-panel,.trades-panel{position:absolute;width:245px;padding:17px 18px;background:#081b29a8;border:1px solid #315367;border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 48px #02070c66}.network-panel{left:28px;bottom:98px}.trades-panel{right:28px;bottom:98px;width:min(490px,calc(100vw - 56px));background:#081b297a}.network-panel h2,.trades-panel h2{color:#e0f0f7;margin:0 0 12px}.validator-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;color:#b6cbd7}.validator-row b,.supply b,.trade b{font-family:Space Mono;color:#f1f9ff}.validator-row.online b{color:#3ee17a}.validator-row.offline b{color:#ff6975}.network-panel hr{border:0;border-top:1px solid #254657;margin:13px 0}.supply{display:grid;grid-template-columns:1fr auto;gap:7px 14px;font-size:11px;color:#aac2cf}.trades-scroll{max-height:226px;overflow:auto;scrollbar-color:#315367 transparent}.trade{display:grid;grid-template-columns:64px 78px minmax(74px,.9fr) minmax(86px,1fr) minmax(98px,1.15fr);gap:5px;padding:6px 0;border-bottom:1px solid #193847;font:10px Space Mono;align-items:center}.trade time{color:#7794a4;white-space:nowrap}.trade b,.trade span{white-space:nowrap}.trade span{color:#aac2cf;text-align:right}.trade-head{padding:0 0 6px;color:#7794a4;font-size:9px;text-transform:uppercase}.trade-head span{color:inherit;text-align:center}.trade.buy b{color:#3ee17a}.trade.sell b{color:#ff6975}.trade-empty{padding:18px 0 10px;color:#91adbc;font:700 11px Space Mono;letter-spacing:.04em;text-align:center;text-transform:uppercase}.touch-controls{display:none}.support-ticker{position:fixed;left:0;right:0;bottom:0;z-index:12;padding:7px 0 8px;color:#d8edf8;background:linear-gradient(90deg,#06111ef2,#0b2232e8 32% 68%,#06111ef2);border-top:1px solid #2f5f76;box-shadow:0 -14px 34px #02070c80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.support-ticker__viewport{overflow:hidden;-webkit-user-select:text;user-select:text}.support-ticker__track{display:flex;width:max-content;animation:support-marquee 92s linear infinite;will-change:transform}.support-ticker:hover .support-ticker__track,.support-ticker:focus-within .support-ticker__track,.support-ticker:active .support-ticker__track{animation-play-state:paused}.support-ticker__line{display:inline-flex;align-items:center;gap:18px;padding-right:18px;white-space:nowrap;font:700 11px Space Mono;letter-spacing:.03em}.support-ticker__line>*{position:relative}.support-ticker__line>*+*:before{content:"•";position:absolute;left:-13px;color:#3ee17a;text-shadow:0 0 10px #3ee17a}.support-ticker strong{color:#fff}.support-ticker em{color:#f2c96d;font-style:normal}.support-ticker a,.support-ticker span{color:#bfe8f7}.support-ticker a{text-decoration:none;border-bottom:1px solid #3ee17a66}.support-ticker a:hover,.support-ticker a:focus-visible{color:#3ee17a;outline:none}@keyframes support-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.support-ticker__track{animation-duration:1ms;animation-play-state:paused}}@media(max-width:720px){body{overflow:auto}.topbar{padding:16px 14px;gap:8px}.brand{font-size:14px}.live{font-size:8px;padding:8px}.audio-control{grid-template-columns:84px;gap:4px}.sound{font-size:8px;padding:8px}.audio-control input,.audio-control select{width:84px}.audio-control select{font-size:7px}.weather-lab{top:114px;right:12px;width:min(164px,calc(100vw - 24px));padding:6px;gap:4px;font-size:8px}.weather-lab select{font-size:8px;padding:5px 3px}.price-panel{top:17%}.price-panel h1{font-size:clamp(30px,10vw,46px)}.network-panel{left:12px;right:12px;bottom:154px;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:15px}.network-panel h2:first-child,.validator-row{grid-column:1}.network-panel hr{grid-column:1;grid-row:5}.network-panel h2:nth-of-type(2),.supply{grid-column:2}.network-panel h2:nth-of-type(2){grid-row:1}.supply{grid-row:2 / span 4;align-content:start}.network-panel{display:none}.trades-panel{display:block;left:12px;right:12px;bottom:50px;width:auto;max-height:190px;overflow:auto;padding:12px}.trades-panel .trade{font-size:8px;grid-template-columns:40px 48px repeat(3,minmax(0,1fr));gap:4px}.trades-panel .trade span,.trades-panel .trade b{white-space:normal;overflow-wrap:anywhere}.trades-panel .trades-scroll{max-height:132px}.touch-controls{display:flex;position:absolute;bottom:54px;left:12px;right:12px;gap:10px}.touch-controls button{flex:1;padding:15px;background:#0d2a39e8}.scene canvas{touch-action:none}.support-ticker{padding:6px 0 7px}.support-ticker__track{animation-duration:118s}.support-ticker__line{gap:14px;padding-right:14px;font-size:9px}.support-ticker__line>*+*:before{left:-10px}}@media(max-width:460px){.topbar{padding-right:10px}.audio-control{align-items:end}.weather-lab{width:min(164px,calc(100vw - 20px))}.weather-lab>span,.weather-lab .weather-intensity{grid-column:1}}.scene-actions{position:absolute;bottom:54px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:5;white-space:nowrap;padding:8px;background:#151e1bde;border:1px solid #77785a;border-radius:8px;font:11px monospace;color:#ede1bc}.scene-actions button{padding:10px 14px;color:#b5f7ca;border:1px solid #4a8460;border-radius:4px;background:#1a3428;cursor:pointer}.scene-actions button:nth-of-type(2){color:#ffb3a0;background:#452b28;border-color:#985549}.environment-settings{position:absolute;right:30px;top:132px;z-index:8;background:#172320e8;border:1px solid #687265;border-radius:6px;color:#eee1bd;padding:9px;font:11px monospace}.environment-settings summary{cursor:pointer}.environment-settings label{display:grid;gap:5px;margin-top:10px}.environment-settings select{padding:5px;background:#24322c;color:#eee1bd;border:1px solid #687265}.price-panel{top:9%}.price-panel h1{font-size:clamp(28px,4vw,58px)}@media(max-width:760px){.environment-settings{right:12px;top:130px;font-size:9px}.price-panel{top:12%}}@media(max-width:760px){.scene-actions{bottom:48px;gap:4px;width:calc(100% - 24px);justify-content:center;white-space:normal}.scene-actions span{display:none}.scene-actions button{padding:7px;font-size:9px}.touch-controls{display:none!important}}