#root{background:url(/i/bg-winter.jpg) no-repeat;background-size:100%;background-position:0px -20vh;position:relative}@media screen and (max-width: 1200px){#root{background-position:0 0}}a{color:inherit}h1,h2,h3,h4,p{margin:0}.page{padding-bottom:2rem;position:relative;z-index:1}@media screen and (max-width: 768px){.page{font-size:14px}}.hero{padding:1.5rem clamp(1rem,3vw,3rem);text-align:center;color:#fff;text-shadow:1px 1px 26px #000000}.hero h1{margin:0;font-size:clamp(2rem,3vw,2.8rem)}.hero p{margin:.25rem 0 0}.donation-spot{position:fixed;z-index:100;top:1rem;right:1rem;color:#f5f7ff;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.donation-goal{font-size:.65rem;font-family:monospace;letter-spacing:.05em}.goal-track{color:#ffffff4d}.goal-filled{color:#00c0ff}.goal-left{opacity:.8}.coffee-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.8rem;gap:.5rem;text-align:center}.coffee-button>*{height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0a0f16;box-shadow:0 12px 30px #00000073;transition:background .2s ease,border-color .2s ease,transform .2s ease;padding:.5rem;line-height:1.25rem}.coffee-button>span{border-radius:50%;height:36px;width:36px}.coffee-button>div:hover{border-color:#00c0ff}.coffee-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-7px}@media screen and (max-width: 768px){.donation-spot{top:inherit;bottom:2rem}}#text{font-size:40px}#fill{animation:shift 5s linear infinite}@keyframes shift{0%{x:0}to{x:-2000}}.search-bar{position:sticky;top:0;text-align:center;z-index:10;padding-top:.8rem}.search-row{margin:1rem auto 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;padding:0 1rem;width:100%;max-width:600px}.search-field{margin:0;width:min(420px,100%);flex:1 1 240px;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgb(0 0 0 / 34%);font-size:.95rem;outline:none;transition:border-color .2s ease,background .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;height:40px}.search-field::placeholder{color:#fff}.search-field:focus{border-color:#74c1ff}.sort-menu-wrapper{position:relative}.sort-button{font-size:.75rem;font-weight:600;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgb(0 0 0 / 34%);color:#fff;transition:background .2s ease,border-color .2s ease;cursor:pointer;height:40px;line-height:19px;vertical-align:middle}.sort-button:hover,.sort-button:focus{border-color:#fffc;background:rgba(255,255,255,.18)}.sort-options{position:absolute;top:calc(100% + .45rem);right:0;min-width:160px;background:rgba(4,5,8,.92);border:1px solid rgba(255,255,255,.15);border-radius:.85rem;padding:.4rem;box-shadow:0 10px 25px #02030673;display:flex;flex-direction:column;gap:.25rem;z-index:4}.sort-option-button{border:none;background:transparent;color:#fff;text-align:left;padding:.5rem .75rem;border-radius:.65rem;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.02em}.sort-option-button:hover,.sort-option-button.active{background:rgba(255,255,255,.15)}.grid-size-toggle{display:inline-flex;align-items:center;gap:.35rem;background:rgb(0 0 0 / 34%);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.2rem;height:40px}.grid-size-button{border:none;background:transparent;color:#fff;padding:.4rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:36px}.grid-size-button:hover{background:rgba(255,255,255,.15)}.grid-size-button.active{background:rgba(255,255,255,.3);color:#0c1118}.grid-size-icon{width:18px;height:18px;display:block;fill:currentColor}@media screen and (max-width: 1200px){.grid-size-toggle{display:none}}.rarity-label{padding:.2rem .6rem;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#0c1118;background:var(--bg)}.rarity-filters{margin:1rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem}.rarity-filter-button{border:1px solid transparent;background:#fff;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.rarity-filter-button:hover{transform:translateY(-2px);border-color:#fff6}.rarity-filter-button.active{box-shadow:0 0 0 2px #ffffffd9}.rarity-labels{gap:.1em}@media screen and (max-width: 768px){.rarity-labels{flex-wrap:wrap}}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,280px));padding:2rem clamp(1rem,2vw,3rem);justify-content:center}@media (min-width: 1200px){.grid.size-small{grid-template-columns:repeat(auto-fit,180px);font-size:12px}.size-small .tile .progressive-image{min-height:170px}.size-small .rarity-labels{flex-wrap:wrap}.size-small .tile-content h2{font-size:1rem}.size-small .tile .progressive-image__content{height:140px}}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.tile{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(10,12,18,.95));background:#0c1118;border-radius:1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;color:#f5f5f5;position:relative;-webkit-user-select:none;user-select:none;transition-property:translate,scale;transition-duration:.16s;transition-timing-function:ease-out}.atc__border{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;container-type:inline-size;border:3px solid transparent;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;border-radius:inherit;z-index:1}.tile:hover .atc__border.atc__border--animated:after{content:"";width:calc(200cqi + 4px);height:calc(200cqi + 4px);background:conic-gradient(from 0 in hsl increasing hue,#0000 0 20%,hsl(0 100% 65%) 30%,hsl(339 100% 65%) 70%,#0000 80% 100%);background:conic-gradient(black 0%,purple 10%,black 40%,#ffffff 45%,#00c0ff 50%,purple 55%,black 65%,purple 80%,#00c0ff 90%,#00c0ff 95%,#8d8d8df3 99%,black 100%);position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;animation:spin 3s infinite linear;transition:all .22s ease-out;opacity:.6}@keyframes spin{to{rotate:360deg}}.tile:hover{transform:translateY(-4px);border-color:#7ed8ffcc;border-color:var(--bg)}.progressive-image{position:relative;width:100%;display:flex;align-items:center;background:linear-gradient(311deg,var(--bg) -30%,rgba(10,12,18,.55) 80%);border-radius:1rem 1rem 0 0;overflow:hidden}.progressive-image__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:placeholderShimmer 1.4s ease-in-out infinite;pointer-events:none}.progressive-image__content{position:relative;z-index:1;width:100%;display:block;opacity:0;transition:opacity .24s ease}.progressive-image.is-loaded .progressive-image__placeholder{opacity:0}.progressive-image.is-loaded .progressive-image__content{opacity:1}.tile .progressive-image{min-height:240px}.tile .progressive-image__content{height:200px;object-fit:contain;padding:20px}@media screen and (max-width: 768px){.tile .progressive-image{min-height:100px}}.modal .progressive-image{width:60%;align-self:center;min-height:250px;background:none}.modal .progressive-image__content{height:auto;padding:0;object-fit:contain}@keyframes placeholderShimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.tile-content{padding:1rem;align-items:start;gap:.5rem;height:100%}.tile-content h2{margin:0;font-size:1.2rem}.tile-heading{align-items:start;gap:.5rem}.tile-recycles{margin-top:.5rem;justify-content:space-between;gap:.3rem}.tile-recycles span{color:#9fe9ff;opacity:.5}@media screen and (max-width: 768px){.tile-content{padding:1rem .5rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,3,6,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.modal{background:#0c1118;border:1px solid rgba(255,255,255,.08);border-radius:1rem;width:min(560px,100%);max-height:90vh;overflow:auto;padding:1.5rem;align-items:start;position:relative;gap:.9rem}.modal .info-row{margin-bottom:1rem}.modal hr{outline:none;border:none;border-top:1px solid rgba(255,255,255,.08);width:100%;margin:20px 0}.modal button.close{background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;position:absolute;top:4px;right:4px}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;width:100%;margin-top:1rem}.primary-button,.ghost-button{border-radius:.75rem;padding:.65rem 1.1rem;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.primary-button{background:linear-gradient(135deg,#0af 0%,#7a5bff 100%);color:#041020;border-color:transparent}.primary-button:disabled{opacity:.7;cursor:not-allowed}.primary-button:not(:disabled):hover{filter:brightness(1.05)}.ghost-button{background:transparent;color:#fff}.ghost-button:hover{background:rgba(255,255,255,.08);border-color:#ffffff4d}.feedback-modal{gap:.6rem}.feedback-label{gap:.35rem;width:100%}.text-input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;padding:.9rem 1rem;font:inherit;min-height:120px;resize:vertical}.text-input:focus{outline:2px solid #7a5bff}.helper-text{margin:0;opacity:.8}.feedback-error,.feedback-success{margin:0;padding:.55rem .8rem;border-radius:.65rem;font-weight:600}.feedback-error{background:rgba(255,99,99,.12);border:1px solid rgba(255,99,99,.4);color:#ffb3b3}.feedback-success{background:rgba(83,223,167,.12);border:1px solid rgba(83,223,167,.4);color:#c3ffe7}@media screen and (max-width: 768px){.modal{padding:1rem}.modal h3{font-size:1.3rem}}.flex{display:flex}.flex-col{flex-direction:column}.flex-apart{justify-content:space-between;width:100%}.coin-price{align-self:end;margin-top:auto}.coin-price:before{content:url(/i/coin-22px.webp);width:22px;height:19px;display:inline-block;vertical-align:bottom}.keepfor{gap:.3rem}.keepfor span{color:#9fe9ff;opacity:.5}.foundin:before{content:"";display:inline-block;width:24px;height:21px;background-size:contain;background-repeat:no-repeat;background-position:center 4px}.location-ARC:before{background-image:url(/i/ARC-48px.webp)}.location-Commercial:before{background-image:url(/i/Commercial-48px.webp)}.location-Electrical:before{background-image:url(/i/Electrical-48px.webp)}.location-Exodus:before{background-image:url(/i/Exodus-48px.webp)}.location-Industrial:before{background-image:url(/i/Industrial-48px.webp)}.location-Mechanical:before{background-image:url(/i/Mechanical-48px.webp)}.location-Medical:before{background-image:url(/i/Medical-48px.webp)}.location-Nature:before{background-image:url(/i/Nature-48px.webp)}.location-Old_World:before{background-image:url(/i/Old_World-48px.webp)}.location-Residential:before{background-image:url(/i/Residential-48px.webp)}.location-Security:before{background-image:url(/i/Security-48px.webp)}.location-Technological:before{background-image:url(/i/Technological-48px.webp)}footer{opacity:.8;text-align:center;font-size:.8rem;gap:.45em}.pinthis{position:absolute;top:10px;left:10px;border-radius:50%;background:rgba(255,255,255,.9);color:#0c1118;width:34px;height:34px;display:grid;place-items:center;border:none;cursor:pointer;box-shadow:0 6px 20px #0000004d;transition:transform .18s ease,background .2s ease,color .2s ease;z-index:2;pointer-events:auto;padding:0}.pinthis:hover,.pinthis:focus-visible{transform:translateY(-2px);background:#fff}.pinthis.active{background:rgba(201,126,255,.8);color:#fff}.pin-icon{width:16px;height:16px;fill:currentColor}.tile.is-pinned{border-color:#c97effcc}:root{font-family:Segoe UI,system-ui,sans-serif;background:#050608;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#050608}#root{min-height:100vh}