@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#2e2925 0,#3a332e 50%,#2e2925 100%) 0 0/800px 100%;border-radius:6px;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton[data-inline]{vertical-align:middle;display:inline-block}.skeleton[data-tone=ink]{background-image:linear-gradient(90deg,color-mix(in srgb,currentColor 8%,transparent) 0,color-mix(in srgb,currentColor 16%,transparent) 50%,color-mix(in srgb,currentColor 8%,transparent) 100%)}html:is([data-hero-mode=day],[data-hero-mode=evening]) .hero .skeleton[data-tone=ink]{background-image:linear-gradient(90deg,color-mix(in srgb,currentColor 10%,transparent) 0,color-mix(in srgb,currentColor 20%,transparent) 50%,color-mix(in srgb,currentColor 10%,transparent) 100%)}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-background-subtle);animation:none}.skeleton[data-tone=ink]{background:color-mix(in srgb,currentColor 8%,transparent)}}
.cutout-card{--cut-stroke:var(--border);--cut-ground:var(--canvas);border:1px solid var(--cut-stroke);border-radius:var(--radius-card);background:var(--color-background-surface);min-width:0;color:var(--text);position:relative}.cutout-card[data-ground=surface]{--cut-ground:var(--color-background-surface)}.cutout-card[data-ground=sunken]{--cut-ground:var(--color-background-sunken)}.cutout-card[data-tone=strong]{--cut-stroke:var(--color-border-strong)}.cutout-card[data-tone=accent]{--cut-stroke:var(--orange);background:radial-gradient(120% 60% at 100% 0,#ff66243d 0%,#ff9b2912 45%,#221e1b00 72%),linear-gradient(#2a211c 0%,#221e1b 60%)}.cutout-card[data-tone=accent-soft]{--cut-stroke:var(--orange);background:radial-gradient(120% 60% at 100% 0,#ff662433 0%,#ff9b290f 45%,#221e1b00 72%),linear-gradient(#2a211c 0%,#221e1b 60%)}.cutout-card[data-tone=win]{--cut-stroke:var(--edge-positive);background:radial-gradient(120% 60% at 100% 0,#2f8f5b4d 0%,#7fdcad0f 45%,#221e1b00 72%),linear-gradient(#1f2520 0%,#221e1b 60%)}.cutout-card[data-tone=win-soft]{--cut-stroke:var(--edge-positive);background:radial-gradient(120% 60% at 100% 0%,#2f8f5b38 0%,#2f8f5b00 60%),var(--color-background-surface)}.cutout-card[data-tone=loss]{--cut-stroke:var(--edge-negative);background:radial-gradient(120% 60% at 100% 0,#d94a4547 0%,#ff9a920d 45%,#221e1b00 72%),linear-gradient(#2a1d1b 0%,#221e1b 60%)}.cutout-shoulder{z-index:1;isolation:isolate;box-sizing:border-box;min-width:110px;max-width:calc(100% - 56px);height:29px;color:var(--color-text-muted);font:400 12px/16px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;padding:7px 21px 0 3px;position:absolute;top:-1px;left:-1px;overflow:visible}.cutout-shoulder:before,.cutout-shoulder:after{content:"";z-index:-1;pointer-events:none;width:calc(100% + 56px);height:42px;position:absolute;top:0;left:0;transform:rotate(180deg)}.cutout-shoulder:before{background:var(--cut-ground);-webkit-mask:var(--svg-cutoutCurve28) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 28px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat;-webkit-mask:var(--svg-cutoutCurve28) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 28px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat;mask:var(--svg-cutoutCurve28) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 28px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat}.cutout-shoulder:after{background:var(--cut-stroke);-webkit-mask:var(--svg-cutoutCurve28Line) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat;-webkit-mask:var(--svg-cutoutCurve28Line) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat;mask:var(--svg-cutoutCurve28Line) 0 13px/56px 29px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat}.cutout-tab{z-index:1;isolation:isolate;box-sizing:border-box;min-width:150px;max-width:calc(100% - 24px);height:37px;color:var(--text);font:500 14px/20px var(--font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0 0 12px;justify-content:flex-end;align-items:center;gap:6px;padding:0 17px 0 64px;text-decoration:none;transition:color .15s;display:inline-flex;position:absolute;bottom:-1px;right:-1px}.cutout-tab:before,.cutout-tab:after{content:"";z-index:-1;pointer-events:none;height:50px;position:absolute;bottom:0;left:0;right:0}.cutout-tab:before{background:var(--cut-ground);-webkit-mask:var(--svg-cutoutCurve36) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 36px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat;-webkit-mask:var(--svg-cutoutCurve36) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 36px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat;mask:var(--svg-cutoutCurve36) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 14px/calc(100% - 56px) 36px no-repeat,var(--svg-cutoutCorner) right 0 top 1px/13px 13px no-repeat}.cutout-tab:after{background:var(--cut-stroke);-webkit-mask:var(--svg-cutoutCurve36Line) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat;-webkit-mask:var(--svg-cutoutCurve36Line) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat;mask:var(--svg-cutoutCurve36Line) 0 13px/56px 37px no-repeat,linear-gradient(#000 0 0) 56px 13px/calc(100% - 69px) 1px no-repeat,var(--svg-cutoutCornerLine) right 0 top 1px/13px 13px no-repeat}.cutout-tab:hover{color:var(--color-accent)}.cutout-tab:focus-visible{outline:var(--focus-ring);outline-offset:-4px}:where(.cutout-card[data-tab]){padding-bottom:56px}:where(.cutout-card[data-shoulder]){padding-top:48px}@media (max-width:720px){.cutout-tab{min-width:130px;font-size:13px}}
