@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#fbf5e7;--paper:#fff;--ink:#0c2017;--line:rgba(12,32,23,.16);--muted:#6b7a6f;--faint:#a7ae9f;--green:#0e8345;--green-deep:#075c30;--green-soft:#def3e5;--red:#ff4d4d;--amber:#d98e04;--page-margin:19px;--controls-height:27px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-height:100svh;background:var(--bg);color:var(--ink);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;align-items:flex-start;justify-content:center;padding:var(--page-margin)}button{font:inherit}.display{font-family:Archivo Black,Space Grotesk,sans-serif}.wrap{width:min(1000px,calc(100vw - (var(--page-margin) * 2)));min-width:0;align-items:center;gap:18px}.popup,.wrap{display:flex;flex-direction:column}.popup{width:100%;height:min(612px,calc(100svh - (var(--page-margin) * 2) - 18px - var(--controls-height)));min-height:0;background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:none}.pophead{height:46px;gap:10px;padding:0 13px 0 10px;border-bottom:2.5px solid var(--ink);background:var(--green-soft)}.ext-ico,.pophead{flex:0 0 auto;display:flex;align-items:center}.ext-ico{width:22px;height:22px;border-radius:7px;background:var(--green);border:2px solid var(--ink);justify-content:center;color:#fff}.ext-name{font-family:Archivo Black;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.brand-logo{display:block;width:87px;height:24px;object-fit:contain;object-position:left center}.ext-tools{display:none}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.screen{flex:1 1;min-height:0;display:none;flex-direction:column;padding:18px}.screen.active{display:flex}.lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;text-align:center}.bignum,.lbl{font-weight:700}.bignum{letter-spacing:-.02em}.h{font-family:Archivo Black;font-size:16px;letter-spacing:-.005em}.sub{margin-top:4px}.meta,.sub{font-size:11.5px;color:var(--muted);font-weight:600}.meta{text-align:center;margin-top:11px}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:6px 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:2px 2px 0 var(--ink)}.wallet-logo{width:15px;height:15px;display:block;object-fit:contain}.connectbtn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:12px 26px;font-family:Archivo Black;font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.connectbtn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.walletwrap{position:relative;display:inline-block}.chip .caret{margin-left:2px;opacity:.55}.menu-backdrop{position:fixed;inset:0;z-index:20}.walletmenu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:21;min-width:190px;background:var(--paper);border:2.5px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);padding:6px;display:flex;flex-direction:column;gap:2px}.walletmenu-addr{font-size:11px;font-weight:700;color:var(--muted);padding:8px 10px 9px;border-bottom:1.5px dashed var(--line);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.walletmenu-item{text-align:left;background:transparent;border:none;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .08s ease}.walletmenu-item:hover{background:var(--green-soft)}.walletmenu-item.danger{color:var(--red)}.walletmenu-item.danger:hover{background:rgba(255,77,77,.1)}.panic{margin-top:auto;width:100%;background:var(--red);border:2.5px solid var(--ink);border-radius:14px;padding:20px 0 18px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.cta:active,.panic:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.panic .ico,.panic .t{color:#fff}.panic .t{font-family:Archivo Black;font-size:22px;letter-spacing:.06em}.panic .s{font-size:11.5px;color:#fff;opacity:.85;font-weight:600}.foot{justify-content:center;gap:6px;font-size:10.5px;color:var(--muted);margin-top:13px;padding-top:12px;border-top:2px dashed var(--line);font-weight:600}.arow,.foot{display:flex;align-items:center}.arow{justify-content:space-between;height:50px;padding:8px 0;border-bottom:1.5px dashed var(--line);box-sizing:border-box}.assetscroll::-webkit-scrollbar{width:5px}.assetscroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.assetscroll{scrollbar-width:thin}.tok{gap:10px}.badge,.tok{display:flex;align-items:center}.badge{width:30px;height:30px;border-radius:50%;justify-content:center;overflow:hidden}.token-logo{width:22px;height:22px;display:block;object-fit:contain}.nm{font-size:12.5px}.ch,.nm{font-weight:600}.ch{font-size:10px;color:var(--faint);margin-top:1px;text-transform:uppercase;letter-spacing:.04em}.val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.summary{margin-top:9px;background:var(--green-soft);border:2px solid var(--ink);border-radius:12px;padding:8px 12px;flex-shrink:0}.srow{display:flex;justify-content:space-between;align-items:center;padding:2.5px 0}.srow .k{font-size:11px;color:var(--muted);font-weight:600}.srow .v{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.srow.tot{border-top:2px dashed var(--ink);margin-top:4px;padding-top:7px}.srow.tot .k{font-size:13px;color:var(--ink);font-weight:700}.srow.tot .v{font-weight:700;font-size:16px;color:var(--green-deep)}.dest{text-align:center;font-size:11px;color:var(--muted);margin-top:8px;font-weight:600;flex-shrink:0}.cta{width:100%;height:46px;margin-top:auto;background:var(--red);color:#fff;border:2.5px solid var(--ink);border-radius:11px;font-family:Archivo Black;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.ghost{height:42px;background:var(--paper);color:var(--ink);font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:3px 3px 0 var(--ink)}.routehead{text-align:center;margin:8px 0 28px}.route-screen{position:relative;overflow:hidden;margin:8px;padding:26px 20px 24px;background:var(--red);color:#fff;border:0;border-radius:22px}.route-screen>*{position:relative;z-index:1}.route-screen .h{color:#fff;font-size:16px;line-height:1.05;text-shadow:2px 2px 0 rgba(12,32,23,.2)}.route-screen .sub{color:hsla(0,0%,100%,.82);font-size:11.5px;margin-top:10px}.ring{position:relative;width:94px;height:94px;border-radius:50%;background:var(--green-soft);border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:var(--green-deep);box-shadow:7px 7px 0 rgba(12,32,23,.78),13px 13px 0 rgba(12,32,23,.22)}.ring:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:5px solid hsla(0,0%,100%,.28);border-left-color:#fff;animation:route-loader-spin 1.05s linear infinite}.ring svg{z-index:1;width:40px;height:40px;animation:route-loader-pulse 1.4s ease-in-out infinite}.ring svg,.trow{position:relative}.trow{display:flex;align-items:center;justify-content:space-between;gap:12px;height:49px;padding:0;border-bottom:2px dashed hsla(0,0%,100%,.45)}.trow .lab{font-size:12.5px;font-weight:600;line-height:1.28;color:#fff;text-shadow:2px 2px 0 rgba(12,32,23,.18)}.stat{height:32px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;display:inline-flex;align-items:center;gap:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex:0 0 auto}.stat.done{position:relative;width:38px;height:38px;justify-content:center;color:#fff;background:var(--green);border:2px solid var(--ink);border-radius:50%;padding:0;box-shadow:4px 4px 0 rgba(12,32,23,.42)}.stat.done svg{width:20px;height:20px}.trow.celebrate .stat.done{animation:route-done-pop .92s cubic-bezier(.2,1.55,.36,1) both}.trow.celebrate .stat.done svg{animation:route-check-draw .68s ease .12s both}.stat.live{color:#ffe16b}.stat.queue{color:hsla(0,0%,100%,.58)}.pdot{width:8px;height:8px;border-radius:50%;background:currentColor}.bar{margin-top:auto}.route-screen .track{display:none}.track{height:9px;background:var(--paper);border:2px solid var(--ink);overflow:hidden}.fill,.track{border-radius:99px}.fill{height:100%;width:0;background:#ffe16b;transition:width .35s ease}.route-screen .bartext{display:none}.bartext{text-align:center;font-size:11px;color:hsla(0,0%,100%,.78);margin-top:28px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes route-loader-spin{to{transform:rotate(1turn)}}@keyframes route-loader-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes route-done-pop{0%{opacity:0;transform:translateY(7px) scale(.48) rotate(-14deg)}45%{opacity:1;transform:translateY(-3px) scale(1.18) rotate(7deg)}72%{transform:translateY(1px) scale(.92) rotate(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes route-check-draw{0%{stroke-dasharray:24;stroke-dashoffset:24;transform:scale(.72)}65%{stroke-dasharray:24;stroke-dashoffset:0;transform:scale(1.22)}to{stroke-dasharray:24;stroke-dashoffset:0;transform:scale(1)}}.final-screen{position:relative;overflow:hidden}.final-screen>*{position:relative;z-index:2}.coin-stage{position:absolute;left:50%;top:76px;width:0;height:0;z-index:1;pointer-events:none}.collect-coin{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:#2775ca;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:0;box-shadow:0 0 0 1.5px var(--ink),4px 5px 0 rgba(12,32,23,.18);opacity:0;transform:translate(var(--sx),var(--sy)) scale(.62) rotate(var(--r0))}.collect-coin:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1.4px solid hsla(0,0%,100%,.72)}.screen.active .collect-coin{animation:coin-collect 1.28s cubic-bezier(.16,.78,.24,1) var(--d) both}.screen.active .coin-stage{animation:coin-stage-pop 1.7s ease .08s both}.checkwrap{position:relative;margin:16px auto 14px}.check,.checkwrap{width:84px;height:84px}.check{border-radius:50%;display:flex;align-items:center;justify-content:center}.usdc-logo{width:68px;height:68px;display:block;object-fit:contain}.screen.active .checkwrap{animation:coin-celebrate 1.05s cubic-bezier(.18,1.35,.34,1) both}.screen.active .check{animation:coin-shine 1.05s ease both}.screen.active .check-badge{animation:check-pop .92s cubic-bezier(.2,1.55,.36,1) .16s both}.screen.active .check-badge svg{animation:check-draw .78s ease .28s both}.final-screen .checkwrap{isolation:isolate}.final-screen .checkwrap:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:#ffe16b;border:2px solid var(--ink);opacity:0;transform:scale(.62);z-index:-1}.final-screen.screen.active .collect-coin{animation-duration:2.56s;animation-delay:calc(var(--d) * 2)}.final-screen.screen.active .coin-stage{animation:coin-stage-pop 3.4s ease .16s both}.final-screen.screen.active .checkwrap{animation:coin-celebrate 2.1s cubic-bezier(.18,1.35,.34,1) 1.64s both}.final-screen.screen.active .checkwrap:before{animation:final-highlight 3.8s ease both}.final-screen.screen.active .check{animation:coin-shine 2.1s ease 1.64s both}.final-screen.screen.active .check-badge{animation:check-pop 1.84s cubic-bezier(.2,1.55,.36,1) 2s both}.final-screen.screen.active .check-badge svg{animation:check-draw 1.56s ease 2.24s both}.check-badge{position:absolute;right:7px;bottom:7px;width:24px;height:24px;border-radius:50%;background:var(--green);border:2px solid var(--paper);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 2px var(--ink)}@keyframes coin-collect{0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.45) rotate(var(--r0))}12%{opacity:1}42%{opacity:1;transform:translate(var(--mx),var(--my)) scale(1.04) rotate(var(--r1))}78%{opacity:1;transform:translate(0) scale(.72) rotate(var(--r2))}to{opacity:0;transform:translate(0) scale(.22) rotate(var(--r2))}}@keyframes coin-stage-pop{0%,66%{filter:drop-shadow(0 0 0 rgba(39,117,202,0))}78%{filter:drop-shadow(0 0 22px rgba(39,117,202,.58))}to{filter:drop-shadow(0 0 0 rgba(39,117,202,0))}}@keyframes coin-celebrate{0%{opacity:0;transform:translateY(18px) scale(.56) rotate(-16deg)}42%{opacity:1;transform:translateY(-7px) scale(1.22) rotate(8deg)}64%{transform:translateY(3px) scale(.94) rotate(-4deg)}82%{transform:translateY(-2px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes coin-shine{0%,22%{filter:drop-shadow(0 0 0 rgba(14,131,69,0))}46%{filter:drop-shadow(0 0 14px rgba(14,131,69,.58))}to{filter:drop-shadow(0 0 0 rgba(14,131,69,0))}}@keyframes final-highlight{0%,40%{opacity:0;transform:scale(.62) rotate(-10deg)}58%{opacity:1;transform:scale(1.1) rotate(5deg)}76%{opacity:.82;transform:scale(.96) rotate(-2deg)}to{opacity:0;transform:scale(1.18) rotate(0)}}@keyframes check-pop{0%{opacity:0;transform:scale(.15) rotate(-28deg)}52%{opacity:1;transform:scale(1.36) rotate(12deg)}74%{transform:scale(.86) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes check-draw{0%{stroke-dasharray:24;stroke-dashoffset:24;transform:scale(.82)}60%{stroke-dasharray:24;stroke-dashoffset:0;transform:scale(1.16)}to{stroke-dasharray:24;stroke-dashoffset:0;transform:scale(1)}}.prototype-controls{display:none;align-items:center;gap:10px}.step-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);opacity:.55}.step-dot.active{background:var(--red);opacity:1}.reset{background:transparent;border:0;color:var(--muted);cursor:pointer;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cta,.panic{position:relative}.beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.beampath{fill:none;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.92;stroke-dasharray:100 100;stroke-dashoffset:100;animation:beam-draw 5s linear infinite}@keyframes beam-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}