.sonner{--t-bg:var(--surface-card);--t-fg:var(--fg);--t-icon-bg:var(--surface-card-2);--t-icon-fg:var(--fg);--t-accent:var(--pine-600);background:var(--t-bg);width:380px;color:var(--t-fg);font-family:var(--font-sans);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 12px 18px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000001a,0 10px 30px -8px #00000059,inset 0 0 0 1px #0000000a}.sonner.win{--t-accent:var(--pine-600)}.sonner.loss{--t-accent:var(--wrong)}.sonner.live{--t-accent:var(--terra-500)}.sonner.warn{--t-accent:#c89215}.sonner.info{--t-accent:#2c7ab3}.sonner .icon{background:var(--t-icon-bg);width:40px;height:40px;color:var(--t-icon-fg);border-radius:10px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.sonner .icon svg{stroke-width:1.75px;width:20px;height:20px}.sonner.win .icon{background:var(--pine-200);color:var(--pine-800)}.sonner.loss .icon{background:var(--wrong-bg);color:var(--wrong-ink)}.sonner.live .icon{background:var(--terra-100);color:var(--terra-700)}.sonner.warn .icon{color:#6b4f00;background:#fdf2cf}.sonner.info .icon{color:#1f5a85;background:#dfeaf4}.sonner.joker .icon{background:var(--terra-600);color:#fff}.sonner .body{min-width:0}.sonner .title-row{font-family:var(--font-heading);color:var(--fg);letter-spacing:-.01em;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.sonner .title-row .clock{font:500 11px/1 var(--font-mono);color:var(--fg-muted);background:var(--surface-card-2);letter-spacing:.02em;border-radius:5px;padding:2px 6px}.sonner .desc{color:var(--fg-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;line-height:1.45;display:flex}.sonner .desc b{color:var(--fg);font-weight:600}.sonner .desc .flag-icon{border-radius:2px;width:14px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.sonner .right{flex-shrink:0;align-items:center;gap:6px;display:flex}.sonner .pts{font-family:var(--font-mono);background:var(--pine-600);color:var(--fg-on-pine);font-variant-numeric:tabular-nums;letter-spacing:.01em;border-radius:999px;align-items:center;gap:3px;padding:5px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.sonner .pts .sign{color:var(--terra-300);font-weight:700}.sonner.loss .pts{background:var(--surface-card-3);color:var(--fg-muted)}.sonner.loss .pts .sign{color:var(--fg-muted)}.sonner .close{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:7px;place-items:center;display:grid}.sonner .close:hover{background:var(--surface-card-2);color:var(--fg)}.sonner .close svg{stroke-width:2px;width:13px;height:13px}.sonner .progress{background:color-mix(in oklab, var(--t-accent) 22%, transparent);border-radius:2px;height:2px;position:absolute;bottom:8px;left:14px;right:14px;overflow:hidden}.sonner .progress:after{content:"";background:var(--t-accent);transform-origin:0;width:100%;height:100%;animation:sonner-progress var(--sonner-duration,5s) linear forwards;display:block}.sonner:hover .progress:after{animation-play-state:paused}@keyframes sonner-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.sonner.joker{--t-bg:linear-gradient(135deg, #5b2812 0%, #944925 60%, #c0612e 100%);--t-accent:#faf6e7;background:var(--t-bg);color:#fff}.sonner.joker .title-row{color:#fff}.sonner.joker .desc{color:#fff5eed9}.sonner.joker .desc b{color:#fff}.sonner.joker .title-row .clock{color:#fff5eef2;background:#ffffff24}.sonner.joker .pts{color:#fff;background:#ffffff29}.sonner.joker .pts .sign{color:var(--terra-300)}.sonner.joker .close{color:#fff5ee99}.sonner.joker .close:hover{color:#fff;background:#ffffff1a}.sonner.animated-goal{grid-template-rows:auto;grid-template-columns:132px 1fr;align-items:stretch;gap:14px;width:440px;padding:12px 14px 20px 10px}.sonner.animated-goal .stage{background:radial-gradient(80% 70% at 50% 110%,#adcebd1a,#0000 60%),linear-gradient(#0e2419 0%,#163428 65%,#20402f 100%);border-radius:10px;flex-shrink:0;align-self:stretch;width:132px;height:auto;min-height:84px;position:relative;overflow:hidden}.sonner.animated-goal .body{flex-direction:column;align-self:center;gap:5px;min-width:0;padding:4px 32px 0 0;display:flex}.sonner.animated-goal .title-row{flex-wrap:wrap;font-size:14.5px;line-height:1.2}.sonner.animated-goal .desc{margin-top:0;font-size:12.5px;line-height:1.45}.sonner.animated-goal .meta-row{align-items:center;gap:8px;margin-top:4px;display:flex}.sonner.animated-goal .meta-row .pts{font-family:var(--font-mono);background:var(--pine-600);color:var(--fg-on-pine);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:5px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.sonner.animated-goal .meta-row .pts .sign{color:var(--terra-300);font-weight:700}.sonner.animated-goal .meta-row .joker-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--terra-700);background:var(--terra-100);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600}.sonner.animated-goal .close-abs{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:7px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sonner.animated-goal .close-abs:hover{background:var(--surface-card-2);color:var(--fg)}.sonner.animated-goal .close-abs svg{stroke-width:2px;width:13px;height:13px}.sonner.animated-goal .stage .goal-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sonner.animated-goal .stage .ball{will-change:transform, opacity;pointer-events:none;background:radial-gradient(circle at 35% 28%,#fff 0%,#f4efe2 38%,#c1c8c3 78%,#8a8f8a 100%);border-radius:50%;width:11px;height:11px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0006,inset -1px -1px 1px #0000002e}.sonner.animated-goal .stage .ball:before{content:"";background:#141e1659;border-radius:50%;position:absolute;inset:35%}.sonner.animated-goal .stage .flash{pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fe9e72f2 0%,#fe9e7259 35%,#0000 70%);border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)scale(.4)}.sonner.animated-goal .stage .trail{pointer-events:none;opacity:0;transform-origin:100%;will-change:transform, opacity;background:linear-gradient(90deg,#fff0,#ffffff8c);border-radius:2px;width:18px;height:2px;position:absolute}.sonner.animated-goal .stage .crowd-dust{opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(40% 18% at 50% 90%,#fe9e722e,#0000 70%);position:absolute;inset:0}.sonner.animated-goal .net-group{transform-origin:55% 12px;will-change:transform}.sonner.animated-goal .title-row,.sonner.animated-goal .desc,.sonner.animated-goal .right{will-change:transform, opacity}.sonner.animated-goal .title-row strong{color:var(--terra-600);font-weight:700}.sonner.animated-card .stage{background:radial-gradient(70% 55% at 50% 30%,#fe9e7238,#0000 65%),linear-gradient(#060f0a 0%,#0b1c14 55%,#142a1f 100%)}.sonner.animated-card .stage .ref-figure{opacity:0;pointer-events:none;will-change:transform, opacity;color:#faf6e7;width:100px;height:62px;position:absolute;bottom:0;left:50%;transform:translate(-50%,32px)}.sonner.animated-card .stage .ref-figure>svg{width:100%;height:100%;display:block}.sonner.animated-card .stage .ref-card-wrap{pointer-events:none;width:21px;height:15.5px;position:absolute;top:-1px;left:1px}.sonner.animated-card .stage .ref-card{opacity:0;pointer-events:none;transform-origin:50% 95%;will-change:transform, opacity;background:linear-gradient(135deg,#fedf00 0% 49.4%,#00000052 49.4% 50.6%,#d80000 50.6%,#b00000 100%);border-radius:2px;position:absolute;inset:0;transform:scale(0)rotate(-12deg);box-shadow:0 2px 5px #000000a6,inset 0 0 0 .4px #00000073}.sonner.animated-card .stage .ref-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000);border-radius:1.5px 1.5px 0 0;height:38%;position:absolute;inset:.5px .5px auto}.sonner.animated-card .stage .ref-card-wrap .flash{pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fedf00d9 0%,#fe9e7273 40%,#0000 70%);border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.sonner.animated-card .stage .spotlight{opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(30% 60% at 50% 32%,#fffadc1a,#0000 60%);position:absolute;inset:0}.sonner.animated-joker .stage{perspective:520px;perspective-origin:50% 45%;background:radial-gradient(circle,#fe9e7266 0%,#fe9e721a 38%,#0000 65%),linear-gradient(135deg,#2a1006 0%,#5b2812 45%,#7b3a1c 100%)}.sonner.animated-joker .stage:before{content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(#fffaeb1a .7px,#0000 .7px);background-size:9px 9px;position:absolute;inset:0}.sonner.animated-joker .stage .sunburst{opacity:0;pointer-events:none;will-change:transform, opacity;background:conic-gradient(#fedf008c 0deg,#0000 16deg,#fedf008c 30deg,#0000 46deg,#fedf008c 60deg,#0000 76deg,#fedf008c 90deg,#0000 106deg,#fedf008c 120deg,#0000 136deg,#fedf008c 150deg,#0000 166deg,#fedf008c 180deg,#0000 196deg,#fedf008c 210deg,#0000 226deg,#fedf008c 240deg,#0000 256deg,#fedf008c 270deg,#0000 286deg,#fedf008c 300deg,#0000 316deg,#fedf008c 330deg,#0000 346deg);border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);-webkit-mask:radial-gradient(circle,#0000 14%,#000 22% 56%,#0000 78%);mask:radial-gradient(circle,#0000 14%,#000 22% 56%,#0000 78%)}.sonner.animated-joker .stage .joker-card{opacity:0;width:58px;height:78px;transform-style:preserve-3d;pointer-events:none;will-change:transform, opacity;border-radius:6px;margin:-39px 0 0 -29px;position:absolute;top:50%;left:50%;transform:translateY(40px)rotateY(0)scale(.4)}.sonner.animated-joker .stage .joker-card .face,.sonner.animated-joker .stage .joker-card .back{backface-visibility:hidden;border-radius:5px;position:absolute;inset:0}.sonner.animated-joker .stage .joker-card .back{background:repeating-linear-gradient(45deg,#3a18088c 0 2px,#0000 2px 5px),repeating-linear-gradient(-45deg,#3a18084d 0 2px,#0000 2px 5px),linear-gradient(135deg,#944925 0%,#c0612e 50%,#944925 100%);box-shadow:0 10px 20px #0000008c,inset 0 0 0 1.8px #faf6e78c,inset 0 0 0 3.2px #3a180880}.sonner.animated-joker .stage .joker-card .back:before{content:"";pointer-events:none;border:.7px solid #faf6e752;border-radius:3px;position:absolute;inset:6px}.sonner.animated-joker .stage .joker-card .back:after{content:"★";color:#faf6e79e;pointer-events:none;text-shadow:0 1px #3a180866;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.sonner.animated-joker .stage .joker-card .face{color:var(--terra-700);background:radial-gradient(circle at 50% 38%,#fedf002e 0%,#0000 55%),linear-gradient(165deg,#faf6e7 0%,#f0e6c4 50%,#ece2c0 100%);place-items:center;display:grid;overflow:hidden;transform:rotateY(180deg);box-shadow:0 10px 20px #0000008c,inset 0 0 0 .6px #0000002e}.sonner.animated-joker .stage .joker-card .face:before{content:"";pointer-events:none;border:.5px solid #c0612e66;border-radius:3px;position:absolute;inset:4px}.sonner.animated-joker .stage .joker-card .face .hat-wrap{transform-origin:50% 95%;will-change:transform;width:44px;height:30px;margin-top:-8px;margin-bottom:2px;position:relative}.sonner.animated-joker .stage .joker-card .face .hat-wrap svg{filter:drop-shadow(0 1.2px .6px #3a180873);width:100%;height:100%;display:block;overflow:visible}.sonner.animated-joker .stage .joker-card .face .x2{text-align:center;font:800 16px/1 var(--font-mono);color:var(--terra-700);letter-spacing:.04em;text-shadow:0 .5px #ffffffb3;will-change:transform, opacity;position:absolute;bottom:6px;left:0;right:0}.sonner.animated-joker .stage .joker-card .face .corner{font:700 9px/1 var(--font-mono);color:var(--terra-700);letter-spacing:.04em;position:absolute}.sonner.animated-joker .stage .joker-card .face .corner.tl{top:6px;left:6px}.sonner.animated-joker .stage .joker-card .face .corner.br{bottom:6px;right:6px;transform:rotate(180deg)}.sonner.animated-joker .stage .spark{opacity:0;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#fff 0%,#fedf00 45%,#fe9e7299 75%,#0000 90%);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 6px #fedf0099}.sonner.animated-joker .stage .confetti{opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:1px;width:4px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(0)}.sonner.animated-joker .stage .confetti.c0{background:#fedf00}.sonner.animated-joker .stage .confetti.c1{background:var(--terra-500)}.sonner.animated-joker .stage .confetti.c2{background:var(--terra-300)}.sonner.animated-joker .stage .confetti.c3{background:#faf6e7}.sonner.animated-joker .stage .confetti.c4{background:var(--terra-600)}.sonner.animated-joker .stage .crowd-dust{background:radial-gradient(70% 40%,#fedf0038,#0000 70%)}.sonner.animated-card .title-row strong,.sonner.animated-joker .title-row strong{color:var(--terra-600);font-weight:700}.replay{background:var(--surface-card-2);border:1px solid var(--border-soft);font:500 11px/1 var(--font-sans);color:var(--fg-secondary);cursor:pointer;transition:all var(--dur-base) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:inline-flex}.replay:hover{background:var(--surface-card-3);color:var(--fg)}.replay svg{width:11px;height:11px}.sonner.loading .icon{background:var(--surface-card-2);color:var(--fg-secondary)}.sonner.loading .icon:before{content:"";border:2px solid var(--border);border-top-color:var(--pine-600);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite sonner-spin}.sonner.loading .icon svg{display:none}@keyframes sonner-spin{to{transform:rotate(360deg)}}.sonner-stack{z-index:200;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.sonner-stack.left{left:20px;right:auto}.sonner-stack .sonner{pointer-events:auto}.sonner-stack .sonner.enter{animation:toast-in .36s var(--ease-spring) both}.sonner-stack .sonner.exit{animation:toast-out .22s var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)scale(.96)}}@media (max-width:720px){.sonner,.sonner-stack .sonner{width:calc(100vw - 28px)}.sonner-stack{bottom:14px;left:14px;right:14px}}