.pour{--ink:#16233a;--ink-soft:#64748b;--card:#fff;--slate:#223047;--accent:#22c55e;--lift:0 10px 28px #142c4c21, 0 2px 6px #142c4c12;color:var(--ink);background:radial-gradient(90% 55% at 50% -8%,#fffffff2,#0000 70%),linear-gradient(#dfeaf5 0%,#d3e1ef 55%,#c5d6e6 100%);position:relative}.iconbtn{width:42px;height:42px;color:var(--ink);background:var(--card);box-shadow:var(--lift);border-radius:14px;flex:none;place-items:center;transition:transform .12s,box-shadow .12s;display:grid}.iconbtn:active{transform:scale(.94);box-shadow:0 3px 10px #142c4c1f}.title{align-items:baseline;gap:7px;display:flex}.title-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.title-n{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:800;line-height:1}.bar{background:#16233a1a;border-radius:999px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:block}.frame{background:var(--card);box-shadow:var(--lift);border-radius:24px;padding:10px}.well{background:#d5dfe9;border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 6px #142c4c1f}.belt{background:linear-gradient(180deg, #2e3d56 0%, var(--slate) 55%, #1c2839 100%);box-shadow:var(--lift);border-radius:22px;overflow:hidden}.belt-track{border-radius:inherit;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 15px);background-position-x:var(--slat,0px);position:absolute;inset:0}.pad{background:#0000003d;border-radius:16px;height:50px;position:absolute;top:13px;transform:translate(-50%)}.fillbadge{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:#fff;background:#09101ca8;border-radius:999px;margin-top:-1px;padding:2px 9px;font-size:12px;font-weight:800}.tray{box-shadow:var(--lift);background:#ffffffe6;border-radius:26px;padding:12px 10px 8px}.tray-head{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:11px;font-weight:700;display:flex}.tray-count{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);background:#16233a14;border-radius:999px;padding:2px 9px}.socket{justify-content:center;align-items:flex-end;padding-bottom:6px;transition:transform .12s;display:flex;position:relative}.socket--up:after,.socket--down:after{content:"";filter:blur(2px);background:#142c4c38;border-radius:50%;width:56%;height:7px;position:absolute;bottom:2px;left:22%}.socket--down:after{background:#142c4c33;width:68%;height:5px;bottom:3px;left:16%}.socket--ready:after{background:#142c4c4d;height:9px;bottom:0}.socket:active{transform:translateY(1px)}.scrim{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101e326b;place-items:center;padding:24px;animation:.2s ease-out pour-fade;display:grid;position:fixed;inset:0}.panel{text-align:center;background:var(--card);border-radius:28px;width:100%;max-width:320px;padding:30px 24px 22px;animation:.26s cubic-bezier(.22,1.1,.4,1) pour-pop;box-shadow:0 24px 60px #0c1c3059}.crest{color:#fff;border-radius:20px;place-items:center;width:60px;height:60px;margin:-52px auto 14px;font-size:26px;line-height:1;display:grid}.crest--win{background:var(--accent);box-shadow:0 10px 24px #22c55e66}.crest--lose{background:#ef4444;box-shadow:0 10px 24px #ef44445c}.panel-title{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:800}.panel-sub{color:var(--ink-soft);margin-top:6px;font-size:14px;font-weight:500;line-height:1.45}.btn-go{background:var(--accent);color:#fff;letter-spacing:.01em;border-radius:16px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 20px #22c55e57}.btn-go:active{transform:scale(.97);box-shadow:0 3px 10px #22c55e4d}.btn-ghost{color:var(--ink-soft);border-radius:14px;font-size:14px;font-weight:600}.btn-ghost:active{background:#16233a0f}@keyframes pour-drift{0%,to{transform:translate(-8%)}50%{transform:translate(8%)}}@keyframes pour-fade{0%{opacity:0}}@keyframes pour-pop{0%{opacity:0;transform:scale(.9)translateY(14px)}}@media (prefers-reduced-motion:reduce){.iconbtn:active,.btn-go:active,.socket--up:active{transform:none}.scrim,.panel{animation:none}.bar-fill{transition:none}.pour:before{animation:none}}