.todo-card{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--card-scale:1;--background-x:50%;--background-y:50%;--translate-x:0px;--translate-y:0px;aspect-ratio:.716;cursor:pointer;-webkit-user-select:none;user-select:none;width:230px;transform:translate(var(--translate-x), var(--translate-y)) perspective(600px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) scale3d(var(--card-scale), var(--card-scale), var(--card-scale));transform-origin:50%;will-change:transform;background:#fff;border-radius:4.5%/3.2%;transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:-1px -1px 5px #ffffff05,0 14px 30px -5px #00000040,0 30px 60px -20px #0000001a}.todo-card--zoomed{pointer-events:auto;cursor:default;z-index:1005!important;position:fixed!important}.todo-card--closing{pointer-events:none}.todo-card-backdrop{z-index:1004;pointer-events:auto;background-image:var(--modal-scrim-image);-webkit-backdrop-filter:blur(var(--modal-blur));cursor:pointer;position:fixed;inset:0}.todo-card:hover{box-shadow:0 0 30px -5px #ffffff1a,0 30px 60px -10px #00000059,0 50px 100px -10px #0000001a}.todo-card__img{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.todo-card__shine,.todo-card__glare{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.todo-card__shine{z-index:2}.todo-card__glare{z-index:3;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffeb 10%, #ffffffa6 20%, #00000073 90%);opacity:calc(var(--card-opacity) * .75)}.todo-card--holo .todo-card__shine{background-image: repeating-linear-gradient(110deg, #ff4747 0%, #ffff47 8.33%, #47ff47 16.66%, #47ffff 25%, #4747ff 33.33%, #ff47ff 41.66%, #ff4747 50%),  repeating-linear-gradient(0deg, #0e153a 0%, #64646480 3.8%, #0e153a 7.5%),  radial-gradient(farthest-corner ellipse at var(--pointer-x) var(--pointer-y), #8c8c8c 10%, #000 90%);background-blend-mode:screen, hue, hard-light;background-size:200% 700%,100% 2.5px,300% 300%;background-position:var(--background-x) var(--background-y), 0% var(--background-y), var(--background-x) var(--background-y);mix-blend-mode:color-dodge;filter:brightness(calc(.85 + var(--pointer-from-center) * .35)) contrast(1.75) saturate(1.25);opacity:calc(var(--card-opacity) + .5)}.todo-card--reverse-holo .todo-card__shine{background-image:repeating-linear-gradient(0deg, #ffffff0d 0px, #ffffff0d 1px, transparent 1px, transparent 4px), repeating-linear-gradient(90deg, #ffffff0d 0px, #ffffff0d 1px, transparent 1px, transparent 4px), radial-gradient(farthest-corner at var(--pointer-x) var(--pointer-y), #fffc 0%, #b4b4ff80 30%, transparent 65%);background-blend-mode:overlay, overlay, normal;mix-blend-mode:color-dodge;filter:brightness(calc(.55 + var(--pointer-from-center) * .45)) contrast(1.2) saturate(1.4);opacity:calc(var(--card-opacity) + .3)}.todo-card--rare-holo .todo-card__shine{background-image:repeating-linear-gradient(-22deg, #f000 0%, #ff00002e 4%, #ffdc002e 8%, #00c8002e 12%, #00dcff2e 16%, #0000ff2e 20%, #7800dc2e 24%, #f000 28%), radial-gradient(farthest-corner ellipse at var(--pointer-x) var(--pointer-y), #ffffffd9 5%, #ffffff80 25%, #00000080 90%);background-blend-mode:screen, hard-light;background-size:200% 700%,300% 300%;background-position:var(--background-x) var(--background-y), var(--background-x) var(--background-y);mix-blend-mode:color-dodge;filter:brightness(calc(.55 + var(--pointer-from-center) * .5)) contrast(2) saturate(.8);opacity:calc(var(--card-opacity) * .9 + .3)}.todo-card--cosmos .todo-card__shine{background-image:repeating-linear-gradient(82deg, #fff0 0%, #ff66e64d 5%, #6666ff4d 10%, #66ffff4d 15%, #66ff664d 20%, #ffff664d 25%, #ff80664d 30%, #fff0 35%), radial-gradient(farthest-corner at var(--pointer-x) var(--pointer-y), #dc50ff8c 0%, #005aff73 35%, #0000 75%), linear-gradient(125deg, #280078bf 0%, #00288c99 35%, #00786480 55%, #50008c99 75%, #280078bf 100%);background-blend-mode:screen, color-burn, normal;background-size:400% 400%,100% 100%,100% 100%;background-position:var(--background-x) var(--background-y), center, center;mix-blend-mode:color-dodge;filter:brightness(calc(.75 + var(--pointer-from-center) * .3)) contrast(1.35) saturate(2.5);opacity:calc(var(--card-opacity) * .5 + .55)}.todo-card--rainbow .todo-card__shine{background-blend-mode:luminosity, soft-light;background-image:repeating-linear-gradient(-45deg,#ff1a1a 0%,#ff8c1a 14.28%,#ffff1a 28.56%,#1aff1a 42.85%,#1affff 57.13%,#1a66ff 71.42%,#d91aff 85.7%,#ff1a1a 100%),repeating-linear-gradient(-30deg,#ff1a1a 0%,#ff8c1a 14.28%,#ffff1a 28.56%,#1aff1a 42.85%,#1affff 57.13%,#1a66ff 71.42%,#d91aff 85.7%,#ff1a1a 100%);background-size:400% 400%,400% 400%;background-position:var(--background-x) var(--background-y), var(--background-x) var(--background-y);mix-blend-mode:color-dodge;filter:brightness(calc(.4 + var(--pointer-from-center) * .2)) contrast(2.2) saturate(.75);opacity:calc(var(--card-opacity) * .9 + .35)}.todo-card--gold .todo-card__shine{background-image:repeating-linear-gradient(calc(45deg + var(--pointer-from-center) * 90deg), #ffcb4700 0%, #ffcb4747 5%, #fff08f47 10%, #ffcb4747 15%, #ffcb4700 20%), radial-gradient(farthest-corner at var(--pointer-x) var(--pointer-y), #ffc5338c 0%, #ffc53300 68%);background-blend-mode:color-dodge;background-size:200% 200%,100% 100%;background-position:var(--background-x) var(--background-y), var(--background-x) var(--background-y);mix-blend-mode:color-dodge;filter:brightness(calc(.5 + var(--pointer-from-center) * .55)) contrast(1.5) saturate(1.5);opacity:calc(var(--card-opacity) * .8 + .35)}.todo-card--full-art .todo-card__shine{background-image:linear-gradient(calc(var(--pointer-from-center) * 180deg + 120deg), #ffffff1f 0%, #fff0 50%, #ffffff1f 100%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff59 0%, #fff0 60%);mix-blend-mode:overlay;filter:brightness(calc(.9 + var(--pointer-from-center) * .12));opacity:calc(var(--card-opacity) * .75 + .15)}.todo-card--normal .todo-card__shine{display:none}.todo-card__cracks{z-index:4;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(at 50% 45%,#f000 45%,#be00008c 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cg fill='none' stroke='white' stroke-width='0.9' stroke-linecap='round' opacity='0.9'%3E%3Cpath d='M50 62 L18 8 M50 62 L82 12 M50 62 L98 52 M50 62 L72 134 M50 62 L14 128 M50 62 L2 74 M50 62 L44 2 M50 62 L96 96'/%3E%3Cpath d='M34 34 L60 42 L78 28 M28 92 L54 80 L74 100 M22 58 L44 70 L62 54 M60 100 L78 112'/%3E%3C/g%3E%3Ccircle cx='50' cy='62' r='3' fill='white' opacity='0.85'/%3E%3C/svg%3E");background-size:cover;animation:2.4s ease-in-out infinite urgentPulse;position:absolute;inset:0}.todo-card--stale .todo-card__img{filter:sepia(calc(var(--stale-amt,.4) * .75)) saturate(calc(1 - var(--stale-amt,.4) * .55)) brightness(.86) contrast(.95)}.todo-card--stale .todo-card__shine,.todo-card--stale .todo-card__glare{display:none}.todo-card__worn{z-index:4;border-radius:inherit;pointer-events:none;opacity:calc(.55 + var(--stale-amt,0) * .45);background:radial-gradient(ellipse 30% 22% at 20% 24%, #5e3e1873, transparent 60%), radial-gradient(ellipse 34% 26% at 80% 76%, #462e1280, transparent 60%), radial-gradient(circle 10% at 68% 18%, #6e4e2266, transparent 60%), radial-gradient(circle 8% at 30% 82%, #6e4e2259, transparent 60%), linear-gradient(140deg, #c6a26438, #96764447);mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.todo-card__worn:before{content:"";border-radius:inherit;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.todo-card__worn:after{content:"";border-radius:inherit;opacity:calc(.55 + var(--stale-amt,0) * .45);position:absolute;inset:0;box-shadow:inset 0 0 7px 2px #22140699,inset 0 0 34px #1c100466}.todo-card--critical{animation:1.6s ease-in-out infinite priorityGlow}@keyframes priorityGlow{0%,to{box-shadow:0 0 #ef444400,0 14px 30px -5px #000000a6}50%{box-shadow:0 0 22px 4px #ef4444bf,0 0 40px 10px #f9731659,0 14px 30px -5px #000000a6}}@keyframes urgentPulse{0%,to{opacity:.55}50%{opacity:1}}.todo-card--zoomed.todo-card--critical{animation:none}@media (prefers-reduced-motion:reduce){.todo-card--critical,.todo-card__cracks{animation:none}}