:root{--cardSize: 170px}body{overflow-y:scroll}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background-image:url(/Background/stripes.webp);background-repeat:no-repeat;background-position:left top;background-size:auto 100vh;z-index:-1;pointer-events:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#09090b}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#e4e4e7;cursor:pointer;margin-top:-6px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#27272a;border-radius:2px}.card-compact{container-type:inline-size}.rarity-frame{border-radius:18px;border:1px solid transparent;padding:1px;transition:all .2s ease}.rarity-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:1px;background:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.card-compact:hover .rarity-frame{box-shadow:0 0 12px var(--glow-color)}.type-tab{position:absolute;bottom:5px;left:5px;border-radius:999px;padding:clamp(6px,4cqi,12px) clamp(8px,5cqi,14px);display:flex;align-items:center;gap:clamp(6px,3cqi,10px);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b66;white-space:nowrap;max-width:90cqi;overflow:hidden;text-overflow:ellipsis}.type-tab img{width:clamp(16px,10cqi,24px);height:clamp(16px,10cqi,24px);flex:0 0 auto;image-rendering:-webkit-optimize-contrast}.type-tab span{font-size:clamp(10px,7cqi,13px);font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis}.details-overlay{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:fit-content;min-width:320px;max-width:min(630px,calc(100vw - 24px));z-index:2000;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b66;box-shadow:0 12px 30px #0000008c}.details-row{display:grid;grid-template-columns:110px auto;gap:8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.06)}.details-row:last-child{border-bottom:none}.details-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff6;font-weight:600;padding-top:2px}.details-value{font-size:13px;color:#ffffffe6;line-height:1.4}.details-confidence{display:flex;align-items:center;gap:6px}.confidence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip{padding:4px 10px;font-size:12px;border-radius:99px;background:#27272a;color:#a1a1aa;border:1px solid #3f3f46;transition:all .2s;white-space:nowrap}.chip:hover{background:#3f3f46;color:#fff}.chip-active{background:#3f3f46;color:#fff;border-color:#52525b;font-weight:500}.rarity-corner{position:absolute;bottom:calc(-20cqi - 5px);left:calc(-20cqi - 5px);width:110%;height:110%;opacity:.5;pointer-events:none;z-index:1}.type-tab{z-index:20}@media (max-width: 768px){.type-tab{padding:clamp(4px,3cqi,8px) clamp(6px,4cqi,10px);gap:clamp(4px,2.5cqi,7px);max-width:85cqi}.type-tab img{width:clamp(11px,8cqi,17px);height:clamp(11px,8cqi,17px)}.type-tab span{font-size:clamp(8px,6cqi,9px)}#collectionProgressContainer{margin-bottom:1.5rem}#progressPercent{font-size:2.25rem}#collectionHelp{max-width:100%;order:2}#activeChips{order:1;width:100%}#resultCount{order:3;margin-top:.5rem}input[type=text],input[type=search],input:not([type]),select,textarea{font-size:16px!important}}@media (max-width: 380px){#collectionHelp{padding:4px 10px 4px 4px;gap:1.5}#collectionHelp .w-7{width:1.5rem;height:1.5rem}#collectionHelp span{font-size:10px}}.mobile-filter-btn{position:static;z-index:1000;width:44px;height:44px;border-radius:50%;background:#18181bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000080;flex-shrink:0}.mobile-filter-btn:active{transform:scale(.9)}.mobile-filter-btn svg{width:24px;height:24px}#drawer{transition:opacity .3s ease}#drawer>div:last-child{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}#drawer:not(.hidden)>div:last-child{transform:translate(0)}#drawer.hidden{display:block!important;pointer-events:none;opacity:0}#drawer.hidden>div:last-child{transform:translate(-100%)}#drawer:not(.hidden){opacity:1;pointer-events:auto}.no-scroll{overflow:hidden!important;height:100vh}.tab-nav{position:sticky;top:0;z-index:100;display:flex;gap:12px;padding:16px 24px;background:#09090bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);justify-content:center}.tab-button{padding:12px 32px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.12);background:#27272a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;transition:all .2s;cursor:pointer}.tab-button:hover{background:#3f3f4680;color:#ffffffe6}.tab-button-active{background:#fafafa26;color:#fff;border-color:#ffffff4d}.collected-item{opacity:1;position:relative}.collection-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;z-index:50;opacity:0;transition:opacity .2s ease;border-radius:16px;pointer-events:none}@media (hover: hover){.card-compact:hover .collection-hint{opacity:1}}.collection-hint-icon{margin-bottom:8px}.collection-hint-text{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.hint-hidden{opacity:0}.collection-mode .details-overlay{display:none!important}.collected-badge{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:21}.collected-badge svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none}.collected-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,rgba(34,197,94,.4) 0%,transparent 40%);z-index:5;pointer-events:none;border-radius:16px}#submitLocationFab{position:fixed!important;bottom:20px;right:20px;z-index:9999;box-shadow:0 8px 20px -5px #04785780}#submitLocationFab:hover{box-shadow:0 12px 28px -5px #04785799}#collectToast{position:fixed!important;bottom:96px;left:50%;transform:translate(-50%);z-index:9999;animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastProgressShrink{0%{width:100%}to{width:0%}}#collectToastProgress.animate{animation:toastProgressShrink 10s linear forwards}#successToast{position:fixed!important;bottom:96px;left:50%;transform:translate(-50%);z-index:9999;animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1)}#successToastProgress.animate{animation:toastProgressShrink 5s linear forwards}#submitModal{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;overflow-y:auto}#submitModal.flex{display:flex}#submitModal>div{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#eventBanner{animation:bannerSlideIn .5s cubic-bezier(.16,1,.3,1)}.banner-pill{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.banner-pill:hover{transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,inset 0 0 20px #ffffff0d}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wishlist-badge{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:21}.wishlist-badge svg{width:14px;height:14px;fill:#78350f;stroke:none}.wishlist-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,rgba(245,158,11,.4) 0%,transparent 40%);z-index:5;pointer-events:none;border-radius:16px}
