.streak-frame[data-frame=wood]{--frame-hi:var(--ludex-kraft);--frame-mid:var(--ludex-wood);--frame-lo:color-mix(in srgb, var(--ludex-wood) 65%, var(--ludex-ink))}.streak-frame[data-frame=bronze]{--frame-hi:var(--ludex-metal-bronze-1);--frame-mid:var(--ludex-metal-bronze-2);--frame-lo:var(--ludex-metal-bronze-3)}.streak-frame[data-frame=silver]{--frame-hi:var(--ludex-metal-silver-1);--frame-mid:var(--ludex-metal-silver-2);--frame-lo:var(--ludex-metal-silver-3)}.streak-frame[data-frame=gold],.streak-frame[data-frame=glory]{--frame-hi:var(--ludex-metal-gold-1);--frame-mid:var(--color-gold);--frame-lo:var(--ludex-metal-gold-3);--frame-glow:var(--ludex-medal-gold)}.streak-frame[data-frame=platinum]{--frame-hi:var(--ludex-metal-platinum-1);--frame-mid:var(--ludex-metal-platinum-2);--frame-lo:var(--ludex-metal-platinum-3);--frame-glow:var(--ludex-medal-platinum)}.streak-frame[data-frame=diamond]{--frame-hi:var(--ludex-metal-diamond-1);--frame-mid:var(--ludex-metal-diamond-2);--frame-lo:var(--ludex-metal-diamond-4);--frame-glow:var(--ludex-medal-diamond)}.streak-frame[data-frame]{--frame-metal:conic-gradient(from 225deg, var(--frame-hi), var(--frame-mid) 13%, var(--frame-lo) 26%, var(--frame-mid) 39%, var(--frame-hi) 51%, var(--frame-mid) 64%, var(--frame-lo) 77%, var(--frame-mid) 89%, var(--frame-hi));padding:var(--frame-pad,5px);background:var(--frame-metal);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-lo) 55%, transparent)}.streak-frame[data-frame=wood]{--frame-metal:conic-gradient(from 225deg, color-mix(in srgb, var(--ludex-shine) 25%, transparent), transparent 25%, color-mix(in srgb, var(--ludex-shade) 20%, transparent) 50%, transparent 75%, color-mix(in srgb, var(--ludex-shine) 25%, transparent)), repeating-radial-gradient(circle, var(--frame-hi) 0 1.6px, var(--frame-mid) 1.6px 2.3px, color-mix(in srgb, var(--frame-hi) 75%, var(--frame-mid)) 2.3px 3.6px, var(--frame-mid) 3.6px 4.1px)}.streak-frame[data-frame=diamond]{--frame-metal:conic-gradient(from 225deg, var(--ludex-metal-diamond-1), var(--ludex-metal-diamond-2) 13%, var(--ludex-metal-diamond-4) 26%, var(--ludex-metal-diamond-3) 39%, var(--ludex-metal-diamond-1) 51%, var(--ludex-metal-diamond-2) 64%, var(--ludex-metal-diamond-4) 77%, var(--ludex-metal-diamond-3) 89%, var(--ludex-metal-diamond-1))}.streak-frame[data-frame]>img{box-shadow:0 0 0 1.5px var(--frame-lo)}.streak-avatar{border-radius:999px;flex-shrink:0;display:block;position:relative}.streak-avatar>img{border-radius:inherit;object-fit:cover;background:var(--bento-solid);width:100%;height:100%;display:block}.streak-avatar[data-frame]{--frame-pad:3px;--frame-rim:1.5px;--frame-star:.6rem;--frame-glory:-28%;--frame-glory-edge:64%}.streak-avatar[data-frame]>img{border:1.5px solid var(--bento-solid)}.streak-frame__rim{border-radius:inherit;pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--frame-lo) 60%, transparent) 0deg 1.3deg, transparent 1.3deg 4.5deg);-webkit-mask-image:radial-gradient(closest-side, transparent calc(100% - var(--frame-rim,2.5px)), var(--ludex-shade) calc(100% - var(--frame-rim,2.5px) + .5px));mask-image:radial-gradient(closest-side, transparent calc(100% - var(--frame-rim,2.5px)), var(--ludex-shade) calc(100% - var(--frame-rim,2.5px) + .5px));position:absolute;inset:0}.streak-frame__glory{inset:var(--frame-glory,-24%);pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--frame-glow,var(--ludex-medal-gold)) 60%, transparent) 0deg 3.5deg, transparent 3.5deg 15deg);-webkit-mask-image:radial-gradient(closest-side, transparent calc(var(--frame-glory-edge,68%) - 2%), var(--ludex-shade) calc(var(--frame-glory-edge,68%) + 1%), transparent 100%);mask-image:radial-gradient(closest-side, transparent calc(var(--frame-glory-edge,68%) - 2%), var(--ludex-shade) calc(var(--frame-glory-edge,68%) + 1%), transparent 100%);border-radius:50%;position:absolute}@keyframes streak-glory{to{rotate:1turn}}.streak-frame__star{--star:polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);top:calc(var(--frame-pad,5px) / 2);width:var(--frame-star,.85rem);height:var(--frame-star,.85rem);clip-path:var(--star);background:var(--frame-lo);pointer-events:none;position:absolute;left:50%;translate:-50% -50%}.streak-frame__star:after{content:"";clip-path:var(--star);background:linear-gradient(160deg, var(--ludex-shine), var(--frame-hi) 40%, var(--frame-mid));position:absolute;inset:16%}.streak-frame__star--left,.streak-frame__star--right{--ring:calc(50% - var(--frame-pad,5px) / 2);top:calc(50% - var(--ring) * .866);width:calc(var(--frame-star,.85rem) * .62);height:calc(var(--frame-star,.85rem) * .62)}.streak-frame__star--left{left:calc(50% - var(--ring) * .5)}.streak-frame__star--right{left:calc(50% + var(--ring) * .5)}.streak-swatch{vertical-align:-.2em;border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.streak-swatch[data-frame]{--frame-pad:3.5px}.streak-swatch__hole{border-radius:inherit;background:var(--bento-solid);width:100%;height:100%;box-shadow:0 0 0 1px var(--frame-lo);display:block}