*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#161616;background:#fff}body{overflow-x:hidden}.demo{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:5;border:1px solid #dedede;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#666;background:#fff}.delivery-page{width:min(1120px,100%);margin:auto;padding:54px 24px 24px}.stage{position:relative;width:100%;height:clamp(330px,43vw,500px);min-height:330px;overflow:hidden;background:#fff}.ground{position:absolute;left:4%;right:4%;bottom:94px;height:2px;background:#e8e8e8}.ground:after{content:"";position:absolute;left:0;right:0;top:1px;height:18px;background:linear-gradient(#fafafa,transparent);opacity:.8}.walker-track{position:absolute;left:7%;bottom:96px;width:86px;height:154px;will-change:transform;z-index:2}.walker{position:relative;width:86px;height:154px;transform-origin:50% 100%}.coin-head{position:absolute;left:17px;top:0;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f7931a;color:#fff;font:bold 34px/1 Arial;box-shadow:0 7px 18px rgba(0,0,0,.12);z-index:3}.body{position:absolute;left:38px;top:52px;width:12px;height:54px;border-radius:10px;background:#242424}.arm,.leg{position:absolute;width:10px;border-radius:10px;background:#242424;transform-origin:50% 5px}.arm{top:61px;height:48px}.arm-l{left:35px}.arm-r{left:43px}.leg{top:99px;height:55px}.leg-l{left:35px}.leg-r{left:44px}.walker-shadow{position:absolute;left:18px;bottom:-7px;width:54px;height:9px;border-radius:50%;background:rgba(0,0,0,.09);filter:blur(2px);animation:shadowStep .52s ease-in-out infinite alternate}.walking .arm-l,.walking .leg-r{animation:swingA .52s ease-in-out infinite alternate}.walking .arm-r,.walking .leg-l{animation:swingB .52s ease-in-out infinite alternate}.walking .coin-head{animation:bob .52s ease-in-out infinite alternate}.walking{animation:bodyBob .52s ease-in-out infinite alternate}.arrived .arm,.arrived .leg{transform:rotate(0)!important}.arrived .coin-head,.arrived .walker-shadow{animation:none}.mailbox{position:absolute;right:7%;bottom:64px;width:188px;height:232px;z-index:3}.box{position:absolute;right:0;top:0;width:158px;height:112px;border:4px solid #222;border-radius:14px 14px 9px 9px;background:#fff;box-shadow:0 8px 0 #f4f4f4;transition:transform .35s ease}.slot{position:absolute;left:32px;right:32px;top:23px;height:7px;border-radius:6px;background:#222}.box-wallet{position:absolute;left:14px;right:14px;top:45px;text-align:center;min-width:0}.box-wallet small{display:block;font-size:7px;line-height:1.2;letter-spacing:.14em;color:#999;font-weight:900}.box-wallet strong{display:block;margin-top:5px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btc-mark{position:absolute;right:11px;bottom:8px;font-size:17px;font-weight:900;color:#f7931a}.flag{position:absolute;right:-20px;top:18px;width:5px;height:52px;background:#e34b43;border-radius:4px;transform-origin:bottom center;transition:transform .45s ease}.flag:before{content:"";position:absolute;left:0;top:0;width:28px;height:19px;background:#e34b43;border-radius:3px}.post{position:absolute;left:94px;top:109px;width:14px;height:78px;background:#2b2b2b}.base{position:absolute;left:59px;top:183px;width:84px;height:10px;border-radius:8px;background:#2b2b2b}.wallet-tag{position:absolute;right:-5px;top:202px;width:198px;text-align:center}.wallet-tag small{display:block;font-size:8px;letter-spacing:.14em;color:#999;font-weight:800}.wallet-tag strong{display:block;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox.received .flag{transform:rotate(-72deg)}.mailbox.received .box{animation:mailReceived .5s ease}.status{margin:0 auto;width:min(620px,100%);text-align:center;padding:15px 20px;border-top:1px solid #eee}.status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f7931a;margin-right:7px;animation:pulse 1.1s ease-in-out infinite}.status strong{font-size:14px}.status small{display:block;margin-top:7px;color:#888;line-height:1.5}.status.done .dot{background:#2b9a5b;animation:none}.status.done strong{color:#247c4b}@keyframes swingA{from{transform:rotate(27deg)}to{transform:rotate(-27deg)}}@keyframes swingB{from{transform:rotate(-27deg)}to{transform:rotate(27deg)}}@keyframes bob{to{transform:translateY(-3px)}}@keyframes bodyBob{to{margin-bottom:2px}}@keyframes shadowStep{to{transform:scaleX(.82);opacity:.55}}@keyframes pulse{50%{transform:scale(1.45);opacity:.5}}@keyframes mailReceived{45%{transform:translateY(-5px)}70%{transform:translateY(2px)}}
@media(max-width:700px){.delivery-page{padding:48px 10px 18px}.stage{height:330px;min-height:330px}.ground{left:3%;right:3%;bottom:78px}.walker-track{left:3%;bottom:80px;width:66px;height:119px}.walker{transform:scale(.76);transform-origin:left bottom}.mailbox{right:3%;bottom:47px;transform:scale(.76);transform-origin:right bottom}.status{padding:13px 10px}.status small{font-size:11px}}
@media(max-width:390px){.stage{height:300px;min-height:300px}.ground{bottom:70px}.walker-track{bottom:72px;width:61px;height:109px}.walker{transform:scale(.70)}.mailbox{right:2%;bottom:40px;transform:scale(.70)}.demo{font-size:9px;padding:6px 8px}}
@media(min-width:701px) and (max-width:1024px){.stage{height:420px}.walker-track{left:6%}.mailbox{right:6%}}
@media(prefers-reduced-motion:reduce){.walking .arm,.walking .leg,.walking .coin-head,.walking,.walker-shadow,.status .dot,.mailbox.received .box{animation:none!important}.flag{transition:none!important}}

.speed-wrap{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(54px,calc(env(safe-area-inset-top) + 48px));z-index:7;display:grid;justify-items:end;gap:9px}.speed-wrap[hidden]{display:none}.speed-button{appearance:none;border:1px solid #d9d9d9;background:#171717;color:#fff;border-radius:999px;padding:10px 16px;font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.10);min-height:40px}.speed-button:focus-visible{outline:3px solid rgba(247,147,26,.32);outline-offset:2px}.speed-card{width:min(250px,calc(100vw - 24px));padding:13px 14px;border:1px solid #e3e3e3;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.10);text-align:right}.speed-card[hidden]{display:none}.speed-card small{display:block;color:#999;font-size:8px;font-weight:900;letter-spacing:.13em}.speed-card strong{display:block;margin-top:4px;color:#f7931a;font-size:20px;letter-spacing:-.02em}.speed-card span{display:block;margin-top:5px;color:#777;font-size:10px;line-height:1.35}.status.paused .dot{background:#f7931a;animation:pulse 1.1s ease-in-out infinite}.status.paused strong{color:#7b5416}.walker.paused .arm,.walker.paused .leg,.walker.paused .coin-head,.walker.paused .walker-shadow,.walker.paused{animation-play-state:paused!important}
@media(max-width:700px){.speed-wrap{right:max(10px,env(safe-area-inset-right));top:max(50px,calc(env(safe-area-inset-top) + 44px))}.speed-button{padding:9px 14px;font-size:10px;min-height:38px}.speed-card{width:min(220px,calc(100vw - 20px));padding:11px 12px}.speed-card strong{font-size:18px}}


.wallet-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;border:1px solid #d9d9d9;background:#f7931a;color:#fff;text-decoration:none;font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em;box-shadow:0 5px 18px rgba(247,147,26,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.wallet-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(247,147,26,.24);background:#e88a12}.wallet-button:active{transform:translateY(0)}.speed-card{justify-items:stretch}.speed-card .wallet-button{margin-top:2px}@media(max-width:700px){.wallet-button{padding:9px 14px;font-size:10px;min-height:38px}}

/* Optional final-stage resource cards */
.resolution-options{max-width:1050px;margin:32px auto 80px;padding:25px;border:1px solid #ece3db;border-radius:22px;background:linear-gradient(140deg,#fffaf5,#fff);box-shadow:0 12px 44px rgba(38,23,12,.06)}
.resolution-options[hidden],.resolution-corner[hidden]{display:none!important}
.resolution-heading span,.resolution-tag{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b16c1b}
.resolution-heading h2{font-size:clamp(22px,3vw,30px);margin:9px 0;color:#1a1a1a}
.resolution-heading p{font-size:13px;color:#6d6d6d;line-height:1.65;max-width:720px}
.resolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.resolution-tile{padding:20px;border:1px solid #e9e9e9;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.resolution-featured{border-color:#e6ae66;background:linear-gradient(160deg,#fff6e8,#fff)}
.resolution-tile h3{font-size:18px;margin:12px 0 8px;color:#202020}
.resolution-tile p{font-size:12px;color:#666;line-height:1.7;flex:1;margin:0 0 20px}
.resolution-action{border:1px solid #ddd;background:#fff;color:#222;font:800 12px/1.3 system-ui,sans-serif;text-decoration:none;border-radius:12px;padding:13px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.resolution-primary{background:#f7931a;border-color:#f7931a;color:#fff}
.resolution-action:hover{filter:brightness(.95);transform:translateY(-1px)}
.resolution-corner{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:15;border:1px solid #d88927;border-radius:999px;padding:13px 19px;background:#f7931a;color:#fff;font:800 12px system-ui,sans-serif;box-shadow:0 8px 30px #a65c2740;cursor:pointer}
@media(max-width:720px){.resolution-options{margin:24px 8px 88px;padding:18px}.resolution-grid{grid-template-columns:1fr}.resolution-corner{bottom:max(12px,env(safe-area-inset-bottom));left:10px}.resolution-tile{padding:17px}}