.tracker-box-module__9Vl41q__box{--finished:#fcd34d;--playing:#6ee7b7;--backlog:#c4b5fd;--wishlist:#7dd3fc;--dropped:#fda4af;--case-w:6.4rem;--gap:1.1rem;gap:2rem;display:grid}.tracker-box-module__9Vl41q__box [data-status=COMPLETED]{--tone:var(--finished)}.tracker-box-module__9Vl41q__box [data-status=PLAYING]{--tone:var(--playing)}.tracker-box-module__9Vl41q__box [data-status=BACKLOG]{--tone:var(--backlog)}.tracker-box-module__9Vl41q__box [data-status=WISHLIST]{--tone:var(--wishlist)}.tracker-box-module__9Vl41q__box [data-status=DROPPED]{--tone:var(--dropped)}.tracker-box-module__9Vl41q__panel{gap:.9rem;padding:1.1rem;display:grid}.tracker-box-module__9Vl41q__chips{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tracker-box-module__9Vl41q__chipsLabel{color:#71717a;margin-right:.15rem;font-size:.75rem}.tracker-box-module__9Vl41q__statusChip{color:#a1a1aa;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;min-height:2.5rem;padding:0 1rem;font-size:.9rem;transition:color .15s,border-color .15s,background .15s}.tracker-box-module__9Vl41q__statusChip:hover{color:#f4f4f5;border-color:#ffffff38}.tracker-box-module__9Vl41q__statusChip[aria-checked=true]{border-color:color-mix(in srgb, var(--tone) 70%, transparent);background:color-mix(in srgb, var(--tone) 14%, transparent);color:var(--tone);font-weight:600}.tracker-box-module__9Vl41q__whenChip{font-variant-numeric:tabular-nums;color:#a1a1aa;border:1px solid #ffffff1a;border-radius:.4rem;min-height:2rem;padding:0 .75rem;font-size:.8rem;transition:color .15s,border-color .15s,background .15s}.tracker-box-module__9Vl41q__whenChip:hover{color:#f4f4f5;border-color:#ffffff38}.tracker-box-module__9Vl41q__whenChip[aria-checked=true]{color:#fef3c7;background:#fcd34d1f;border-color:#fcd34d99}.tracker-box-module__9Vl41q__field{gap:.6rem;display:grid;position:relative}@media (min-width:640px){.tracker-box-module__9Vl41q__field{grid-template-columns:minmax(0,1fr) auto}}.tracker-box-module__9Vl41q__input{color:#fff;background:#0006;border:1px solid #ffffff26;border-radius:.5rem;outline:none;min-height:3.4rem;padding:0 1rem;font-size:1.1rem;transition:border-color .15s}.tracker-box-module__9Vl41q__input::placeholder{color:#71717a}.tracker-box-module__9Vl41q__input:focus{border-color:#fcd34db3}.tracker-box-module__9Vl41q__addButton{color:#09090b;background:#fcd34d;border-radius:.5rem;min-height:3.4rem;padding:0 1.25rem;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.tracker-box-module__9Vl41q__addButton:hover{background:#fde68a}.tracker-box-module__9Vl41q__addButton:disabled{opacity:.45}.tracker-box-module__9Vl41q__matches{inset-inline:0;z-index:20;background:#09090bf7;border:1px solid #ffffff1f;border-radius:.5rem;padding:.3rem 0;position:absolute;top:3.8rem;overflow:hidden;box-shadow:0 24px 60px #0000008c}.tracker-box-module__9Vl41q__match{text-align:left;align-items:center;gap:.75rem;width:100%;padding:.45rem .9rem;display:flex}.tracker-box-module__9Vl41q__match[data-on]{background:#ffffff12}.tracker-box-module__9Vl41q__matchArt{background:#ffffff0f;border-radius:.2rem;flex-shrink:0;width:2.25rem;height:3rem;display:block;overflow:hidden}.tracker-box-module__9Vl41q__matchArt img{object-fit:cover;width:100%;height:100%}.tracker-box-module__9Vl41q__matchName{text-overflow:ellipsis;white-space:nowrap;color:#f4f4f5;flex:1;min-width:0;font-size:.95rem;overflow:hidden}.tracker-box-module__9Vl41q__matchYear{font-variant-numeric:tabular-nums;color:#71717a;font-size:.8rem}.tracker-box-module__9Vl41q__error{color:#fda4af;font-size:.85rem}.tracker-box-module__9Vl41q__shelfWrap{gap:1rem;scroll-margin-top:1rem;display:grid}.tracker-box-module__9Vl41q__shelfHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.tracker-box-module__9Vl41q__shelfTitle{font-family:var(--font-heading), sans-serif;letter-spacing:-.02em;color:#fff;font-size:1.35rem;font-weight:800}.tracker-box-module__9Vl41q__tally{color:#a1a1aa;flex-wrap:wrap;gap:.35rem 1rem;font-size:.85rem;display:flex}.tracker-box-module__9Vl41q__tally strong{font-family:var(--font-heading), sans-serif;color:var(--tone);font-size:1.05rem}.tracker-box-module__9Vl41q__emptyShelf{text-align:center;color:#71717a;border-bottom:.7rem solid #3b2a1c;border-radius:0 0 .2rem .2rem;place-items:center;min-height:9rem;padding:1rem;font-size:.9rem;display:grid;position:relative;box-shadow:0 10px 18px -12px #000000e6}.tracker-box-module__9Vl41q__shelf{gap:.6rem var(--gap);padding-inline:calc(var(--gap) / 2);flex-wrap:wrap;display:flex}@media (max-width:480px){.tracker-box-module__9Vl41q__box{--case-w:5.1rem;--gap:.8rem}}.tracker-box-module__9Vl41q__case{width:var(--case-w);animation:.36s cubic-bezier(.2,.9,.3,1.2) both tracker-box-module__9Vl41q__case-in;animation-delay:calc(var(--i,0) * 30ms);align-content:start;gap:.45rem;padding-bottom:.4rem;display:grid;position:relative}.tracker-box-module__9Vl41q__case:before{content:"";top:calc(var(--case-w) * 4 / 3 - .1rem);left:calc(var(--gap) / -2);right:calc(var(--gap) / -2);background:linear-gradient(#5b4330,#3b2a1c);height:.6rem;position:absolute;box-shadow:0 8px 14px -8px #000000e6}@keyframes tracker-box-module__9Vl41q__case-in{0%{opacity:0;transform:translateY(-1.4rem)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.tracker-box-module__9Vl41q__case{animation:none}}.tracker-box-module__9Vl41q__caseArt{z-index:1;aspect-ratio:3/4;background:linear-gradient(160deg,#27272a,#18181b);border:1px solid #ffffff1f;border-radius:.25rem;display:block;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000073}.tracker-box-module__9Vl41q__caseArt img{object-fit:cover;width:100%;height:100%}.tracker-box-module__9Vl41q__case[data-state=saving] .tracker-box-module__9Vl41q__caseArt,.tracker-box-module__9Vl41q__case[data-state=failed] .tracker-box-module__9Vl41q__caseArt{opacity:.5}.tracker-box-module__9Vl41q__caseBlank{text-align:center;height:100%;font-family:var(--font-heading), sans-serif;color:#e4e4e7;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:.4rem;font-size:.72rem;font-weight:700;line-height:1.15;display:flex}.tracker-box-module__9Vl41q__sticker{background:var(--tone);letter-spacing:.02em;color:#09090b;white-space:nowrap;text-overflow:ellipsis;border-radius:.2rem;max-width:calc(100% - .5rem);padding:.05rem .3rem;font-size:.58rem;font-weight:800;line-height:1.5;position:absolute;top:.25rem;left:.25rem;overflow:hidden;box-shadow:0 2px 6px #0006}.tracker-box-module__9Vl41q__saving{color:#fff;width:1.4rem;height:1.4rem;margin:auto;animation:1s linear infinite tracker-box-module__9Vl41q__spin;position:absolute;inset:0}@keyframes tracker-box-module__9Vl41q__spin{to{transform:rotate(360deg)}}.tracker-box-module__9Vl41q__caseName{z-index:1;-webkit-line-clamp:2;color:#e4e4e7;-webkit-box-orient:vertical;margin-top:.35rem;font-size:.75rem;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.tracker-box-module__9Vl41q__caseNote{color:#a1a1aa;font-size:.68rem}.tracker-box-module__9Vl41q__takeOff{z-index:2;color:#d4d4d8;opacity:0;background:#18181b;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;transition:opacity .15s;display:grid;position:absolute;top:-.4rem;right:-.4rem}.tracker-box-module__9Vl41q__case:hover .tracker-box-module__9Vl41q__takeOff,.tracker-box-module__9Vl41q__takeOff:focus-visible{opacity:1}@media (hover:none){.tracker-box-module__9Vl41q__takeOff{opacity:.8}}.tracker-box-module__9Vl41q__keep{background:#fcd34d0d;border:1px solid #fcd34d40;border-radius:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1rem 1.2rem;display:flex}.tracker-box-module__9Vl41q__keepTitle{font-family:var(--font-heading), sans-serif;color:#fff;font-size:1.15rem;font-weight:800}.tracker-box-module__9Vl41q__keepNote{color:#a1a1aa;max-width:34rem;margin-top:.2rem;font-size:.85rem;line-height:1.5}.tracker-box-module__9Vl41q__keepDoors{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.tracker-box-module__9Vl41q__keepButton{color:#09090b;background:#fcd34d;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.25rem;font-weight:700;transition:background .15s;display:inline-flex}.tracker-box-module__9Vl41q__keepButton:hover{background:#fde68a}.tracker-box-module__9Vl41q__keepSignIn{color:#d4d4d8;text-underline-offset:4px;font-size:.9rem;-webkit-text-decoration:underline #ffffff40;text-decoration:underline #ffffff40}.tracker-box-module__9Vl41q__keepSignIn:hover{color:#fff}.tracker-box-module__9Vl41q__pageLink{color:#fcd34d;justify-self:start;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}