.settlement-layer{position:fixed;z-index:75;top:calc(81px + env(safe-area-inset-top) + 12px);left:calc(var(--sidebar-width)/2 + 50%);width:min(540px,calc(100vw - var(--sidebar-width) - 40px));max-height:calc(100dvh - 125px);font-family:var(--font);pointer-events:none;transform:translateX(-50%);isolation:isolate;filter:drop-shadow(0 20px 32px #050a05a6)}
.settlement-layer[hidden]{display:none}
.settlement-stage{position:relative;height:310px;width:100%;overflow:visible;z-index:0}
.settlement-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.settlement-aura{position:absolute;inset:5% -12% -20%;background:radial-gradient(ellipse,#c8a54e22,transparent 67%);border-radius:50%;z-index:0}
.settlement-dragon{position:absolute;inset:-12px 0 -15px;width:100%;height:calc(100% + 27px);object-fit:contain;z-index:2;transform-origin:50% 85%;filter:drop-shadow(0 2px 16px #e3b65632);will-change:transform,clip-path}
.settlement-layer[data-kind=usdt][data-tier="0"] .settlement-aura{background:radial-gradient(ellipse,#ac342322,transparent 65%)}
.settlement-layer[data-kind=usdt][data-tier="0"] .settlement-stage{height:235px}
.settlement-layer[data-kind=htt] .settlement-stage{height:260px}
.settlement-card{position:relative;z-index:5;margin:-10px auto 0;width:calc(100% - 50px);text-align:center;padding:24px 34px 23px;border:1px solid #e5c6818a;border-radius:18px;background:linear-gradient(130deg,#2d3524f5,#182018f2 60%,#2c3122f5);box-shadow:inset 0 0 22px #b9974520,0 6px 32px #070c0759;backdrop-filter:blur(12px)}
.settlement-card:before,.settlement-card:after{content:"";position:absolute;top:-1px;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,#fff0c0,transparent);box-shadow:0 0 9px #edcd82}
.settlement-card:after{top:auto;bottom:-1px}
.settlement-outcome{font-size:clamp(24px,2.8vw,34px);font-weight:700;line-height:1.25;color:#f4f2e8;letter-spacing:-.03em}
.settlement-layer[data-kind=usdt] .settlement-outcome{color:#f09180;text-shadow:0 0 22px #f15e322d}
.settlement-amount{color:#f2d58b;line-height:1.4;margin:6px 0 8px;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums;font-size:clamp(18px,2.3vw,28px)}
.settlement-amount strong{font-size:clamp(27px,3.2vw,42px);font-weight:750;letter-spacing:-.045em}
.settlement-amount small{font-size:.69em;letter-spacing:.02em}
.settlement-layer[data-kind=htt] .settlement-amount small{color:#c1d9a4}
.settlement-note{color:#d2d9c5;font-size:14px;line-height:1.6}
.settlement-close{position:absolute;right:9px;top:8px;width:36px;height:36px;padding:0;border:1px solid #e5c68155;border-radius:50%;background:#1a2118b8;color:#e8cf98;font-size:24px;line-height:1;pointer-events:auto;display:grid;place-items:center}
.settlement-close:hover{background:#50523b}
.settlement-progress{position:absolute;bottom:0;left:16px;right:16px;height:2px;overflow:hidden;border-radius:2px}
.settlement-progress i{display:block;height:100%;background:linear-gradient(90deg,#9d7e3e,#efd791);transform-origin:left}
.settlement-queue{display:flex;justify-content:center;align-items:center;gap:16px;margin:12px auto 0;color:#e0d6b7;font-size:13px;width:max-content;border:1px solid #72684065;border-radius:20px;padding:3px 4px 3px 14px;background:#1b241bf0}
.settlement-queue[hidden]{display:none}.settlement-queue button{pointer-events:auto;background:#3b4230;color:#f0deaf;border:0;border-radius:18px;padding:6px 12px;font-size:13px;min-height:32px}
.settlement-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.settlement-coins{position:absolute;inset:0;perspective:700px;z-index:2;display:grid;place-items:center;padding-top:22px}
.settlement-coin{position:absolute;top:58px;left:calc(50% - 74px);width:148px;height:148px;border-radius:50%;display:grid;place-items:center;border:3px solid #efcb6f;background:radial-gradient(circle at 32% 24%,#ffeabb,#e7bd64 35%,#bb862f 78%,#76541f);box-shadow:inset 0 0 0 4px #ffdf88,inset 0 0 0 7px #be8a3a,inset 0 0 19px #fff7d78c,5px 7px 0 #9c702a,8px 13px 15px #07100675;will-change:transform}
.settlement-coin:before{content:"";position:absolute;inset:10px;border:1px solid #f4d589;border-radius:50%;box-shadow:inset 0 0 0 2px #805b2420}
.settlement-coin span{font-family:var(--font);font-size:40px;letter-spacing:-.04em;font-weight:800;color:#8a6127;text-shadow:0 1px #fff1b1,-1px -1px #62401b32}
.settlement-coin.satellite{z-index:3}
.settlement-gem{position:absolute;top:0;left:calc(50% - 74px);width:148px;height:148px;clip-path:polygon(50% 0,80% 48%,50% 100%,18% 46%);background:linear-gradient(120deg,#fff0ac55,#d3b15b 45%,#ffffc8bb 46%,#796528c2);opacity:.65}
.settlement-gem.second{left:calc(50% + 44px);top:25px}
.settlement-refund{position:absolute;inset:0;display:grid;place-items:center;z-index:2;will-change:transform,opacity}
.settlement-refund[hidden]{display:none}
.refund-halo{position:absolute;width:242px;height:242px;border:1px solid #e7ce8296;border-radius:50%;box-shadow:0 0 0 8px #dcb35d0b,0 0 0 10px #b7d49b38,0 0 32px #e2bf5c28,inset 0 0 16px #e9d78c12}
.refund-halo:before,.refund-halo:after{content:"";position:absolute;inset:9px;border:1px solid #e7ce826e;border-radius:50%}
.refund-halo:after{inset:-15px;border-color:#c4d59b38}
.refund-seal{position:relative;display:grid;place-items:center;width:190px;height:190px;border-radius:50%;border:2px solid #f8dfa0;background:radial-gradient(ellipse at 27% 20%,#fff2c5 0%,#f2d58b 20%,#cfa34b 58%,#a57829 84%,#e3c274 100%);box-shadow:inset 0 0 0 4px #bb8d34,inset 0 0 0 6px #ffeab1,inset 0 0 0 9px #c89e48,inset 1px 3px 18px #fff4ca8c,3px 5px 0 #92651e,4px 6px 0 2px #ecd08a,0 8px 28px #090f07ad;transform:rotate(-7deg)}
.refund-seal:before{content:"";position:absolute;inset:14px;border:1px solid #fae4a6;border-radius:50%;box-shadow:inset 0 1px 2px #72561d55,0 1px #906c2b80}
.refund-seal span{position:relative;font-family:"STKaiti","KaiTi","Noto Serif CJK SC",serif;font-size:116px;line-height:1;font-weight:700;color:#fff0b9;transform:translateY(-3px);text-shadow:0 1px #ffeec2,1px 2px #ce9d41,2px 3px #a97b2b,3px 4px #80551c,4px 5px 4px #61471860}
.settlement-layer[data-kind=refund]{--refund-stage-h:270px;top:clamp(90px,calc(50dvh - 170px),300px);width:min(470px,calc(100vw - 32px))}
.settlement-layer[data-kind=refund] .settlement-stage{height:var(--refund-stage-h)}
.settlement-layer[data-kind=refund] .settlement-aura{inset:-8% -5% -25%;background:radial-gradient(ellipse,#e3c16d21,transparent 65%)}
.settlement-layer[data-kind=refund] .settlement-card{margin:0 auto;padding:9px 36px 15px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none}
.settlement-layer[data-kind=refund] .settlement-card:before,.settlement-layer[data-kind=refund] .settlement-card:after,.settlement-layer[data-kind=refund] .settlement-progress{display:none}
.settlement-layer[data-kind=refund] .settlement-note{font-size:17px;letter-spacing:.12em;color:#fff0c0;text-shadow:0 2px 7px #0b1107,0 0 18px #dfbc6250}
.settlement-layer[data-kind=refund] .settlement-close{top:calc(-1 * var(--refund-stage-h));right:0;width:40px;height:40px;background:#182018c9}
@media(max-width:1000px){.settlement-layer{left:50%;width:min(500px,calc(100vw - 32px));top:calc(81px + env(safe-area-inset-top) + 5px)}}
@media(max-width:600px){.settlement-layer{top:calc(72px + env(safe-area-inset-top));width:calc(100vw - 18px);max-width:430px}.settlement-stage{height:255px}.settlement-layer[data-kind=usdt][data-tier="0"] .settlement-stage{height:190px}.settlement-layer[data-kind=htt] .settlement-stage{height:215px}.settlement-card{padding:23px 22px 19px;width:calc(100% - 20px);border-radius:15px}.settlement-outcome{font-size:27px}.settlement-amount{font-size:21px;margin:7px 0}.settlement-amount strong{font-size:34px}.settlement-note{font-size:13px}.settlement-close{width:34px;height:34px;right:6px;top:6px}.settlement-coin{top:40px;width:132px;height:132px;left:calc(50% - 66px)}.settlement-coin span{font-size:36px}}
@media(max-height:620px){.settlement-layer{top:64px;width:min(400px,calc(100vw - 28px))}.settlement-stage,.settlement-layer[data-kind=htt] .settlement-stage{height:165px}.settlement-layer[data-kind=usdt][data-tier="0"] .settlement-stage{height:135px}.settlement-card{padding-top:15px;padding-bottom:15px}.settlement-outcome{font-size:23px}.settlement-amount strong{font-size:30px}.settlement-coin{top:15px;width:112px;height:112px;left:calc(50% - 56px)}}
@media(prefers-reduced-motion:reduce){.settlement-dragon{will-change:auto}.settlement-coins *{will-change:auto}.settlement-aura{opacity:.35}}
@media(max-width:600px){.settlement-layer[data-kind=refund]{--refund-stage-h:240px;top:clamp(84px,calc(50dvh - 155px),300px)}.refund-seal{width:170px;height:170px}.refund-seal span{font-size:105px}.refund-halo{width:215px;height:215px}.settlement-layer[data-kind=refund] .settlement-note{font-size:16px}}
@media(max-height:620px){.settlement-layer[data-kind=refund]{--refund-stage-h:190px;top:76px}.refund-seal{width:144px;height:144px}.refund-seal span{font-size:88px}.refund-halo{width:176px;height:176px}}
@media(prefers-reduced-motion:reduce){.settlement-refund{will-change:auto}}

/* Instant local fallback remains visible on cold cache, failed networks and late artwork. */
.settlement-win-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.settlement-win-fallback[hidden]{display:none}.win-seal{display:grid;place-items:center;width:168px;height:168px;border:1px solid #eed48e;border-radius:50%;background:radial-gradient(circle,#e5c6812b,#283320cc 65%);box-shadow:0 0 0 9px #e5c68110,0 0 0 10px #e5c68145,0 0 55px #e5c68128}.win-seal:before{content:"";position:absolute;width:143px;height:143px;border:1px dashed #e5c68166;border-radius:50%}.win-seal img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 9px #060c0555)}@media(max-width:600px){.win-seal{width:140px;height:140px}.win-seal:before{width:119px;height:119px}.win-seal img{width:78px;height:78px}}