:root{--grass:#b7ef72;--grass-dark:#356d26;--ease-out:cubic-bezier(.22,1,.36,1)}
.intro-right{position:relative;isolation:isolate}
.intro-right:before{content:'';position:absolute;z-index:-1;inset:-31px -40px -31px 4px;background:#80ae3f url('grass-hills.png') center 58%/cover no-repeat;border-left:1px solid #161229;box-shadow:inset 0 0 0 8px #f4f3ed26}
.intro-right .mini-window{max-width:370px;box-shadow:8px 9px 0 #123b345c}
.handnote{color:#183718;background:#edf7de;padding:7px 11px;font-size:16px;box-shadow:3px 3px 0 #163b3640;position:relative;z-index:1}
.cream-button{background:var(--grass);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .25s}
.cream-button:hover{background:#ceff91;transform:translate(-2px,-3px);box-shadow:5px 6px 0 #14113d}
.cream-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #14113d}
.stats .network{background:#e7f0d9}.stats>div:last-child{margin-block:-23px;padding-block:23px}
.on-air,.live-tag.active{background:var(--grass)}
.positive{color:var(--grass-dark)!important}.stat-note{color:var(--grass-dark)}
.tabs button{transition:color .25s,background .25s,box-shadow .25s}
.tabs button:hover{color:var(--blue)}.tabs button.selected{box-shadow:inset 0 -9px 0 #b7ef723f}
.watch{transition:transform .3s var(--ease-out),background .25s}.watch:hover{transform:rotate(-12deg) scale(1.14);background:var(--grass)}.watch.saved{background:var(--grass)}
.coin-card{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s}
@media(hover:hover){.coin-card:hover{transform:translateY(-7px);border-color:#62884c;box-shadow:5px 8px 0 #b7ef72a6}.coin-card:hover .coin-symbol{transform:translateY(-3px) rotate(-3deg) scale(1.08)}.coin-card:hover .card-foot{background:#e6f2d7}}
.coin-symbol{transition:transform .7s var(--ease-out)}.card-foot{transition:background .3s}.curve>div{transition:width .6s var(--ease-out);background:linear-gradient(90deg,var(--blue) 65%,#65a840)}
.wallet,.text-button,.primary,.wallet-option{transition:transform .3s var(--ease-out),box-shadow .3s,background .3s}.wallet:hover,.primary:hover{transform:translateY(-2px);box-shadow:3px 4px 0 #b7ef72}.wallet:active,.primary:active{transform:translateY(1px)}.wallet-option:hover{background:#e7f0d9}
.nav:after{transition:transform .35s var(--ease-out)}.search{transition:border-color .3s,box-shadow .3s}.search:focus-within{border-color:#5c923e;box-shadow:0 0 0 3px #b7ef7260}
.bottom-strip{min-height:142px;padding:28px 32px;color:white;border:1px solid #30551b;background:linear-gradient(90deg,#183909db,#18390950),url('grass-hills.png') center 73%/cover}.bottom-strip>span{font-size:32px;max-width:500px}.bottom-strip button{background:var(--grass);color:#172612;padding:13px 18px;border:1px solid #132a12;box-shadow:3px 3px 0 #123018;transition:transform .35s var(--ease-out),box-shadow .35s}.bottom-strip button:hover{transform:translateY(-3px);box-shadow:3px 6px 0 #123018}
.motion-toggle{font:10px var(--mono);background:transparent;border:1px solid #cecdc5;padding:7px 9px;color:#62665a}.motion-toggle:hover{background:#e7f0d9}
body.motion-on .mini-window{animation:desktop-float 7s ease-in-out infinite}
body.motion-on .engine-progress span{animation:transmit 1.5s linear infinite}
body.motion-on .asterisk{display:inline-block;animation:asterisk-turn 18s linear infinite}
@keyframes desktop-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes transmit{to{background-position:22px 0}}
@keyframes asterisk-turn{to{transform:rotate(180deg)}}
dialog{opacity:0;transform:translateY(12px) scale(.98);transition:opacity .22s ease,transform .35s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}dialog[open]{opacity:1;transform:none}dialog::backdrop{transition:background .22s,backdrop-filter .22s,display .22s allow-discrete,overlay .22s allow-discrete}
@starting-style{dialog[open]{opacity:0;transform:translateY(18px) scale(.97)}dialog[open]::backdrop{background:transparent;backdrop-filter:blur(0)}}
body:not(.motion-on) *,body:not(.motion-on) *:before,body:not(.motion-on) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.intro-right:before{inset:-28px -28px -28px 8px}.intro-right .mini-window{width:95%}.handnote{font-size:14px;margin-right:0}}
@media(max-width:760px){.intro-right{margin:30px -25px -25px;padding:35px 24px 24px}.intro-right:before{inset:0;border-left:none;border-top:1px solid #161229;background-position:center 53%}.intro-right .mini-window{width:100%;max-width:340px}.handnote{align-self:center;margin-top:21px}.stats>div:last-child{margin-block:-5px;padding-block:5px}.bottom-strip{padding:24px 20px;gap:15px}.bottom-strip>span{font-size:26px;max-width:180px}.bottom-strip button{padding:10px 12px;max-width:140px;text-align:left}.motion-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}