*{box-sizing:border-box}body{color:#fff;background:#111827;margin:0;font-family:Inter,system-ui,sans-serif}.page{max-width:1100px;margin:0 auto;padding:2rem}.title{text-align:center;margin-bottom:.5rem;font-size:4rem}.subtitle{text-align:center;opacity:.7}.encounter-section{text-align:center;margin:3rem 0}.encounter-button{cursor:pointer;border:none;border-radius:16px;padding:1rem 2rem;font-size:1.5rem;font-weight:700}.timer{font-size:3rem;font-weight:700}.card{background:#1f2937;border-radius:20px;max-width:500px;margin:2rem auto;overflow:hidden}.card img{width:100%;display:block}.card-body{padding:1rem}.collection{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.tile{text-align:center;background:#1f2937;border-radius:12px;overflow:hidden}.tile img{object-fit:cover;width:100%;height:120px;display:block}.unknown{background:#374151;justify-content:center;align-items:center;height:120px;font-size:3rem;display:flex}.tile{cursor:pointer;background:#1f2937;border-radius:12px;transition:transform .15s;overflow:hidden}.tile:hover{transform:scale(1.03)}.tile-body{padding:.75rem}.rarity{margin-bottom:.5rem}.name{font-weight:700}.date{opacity:.7;font-size:.85rem}.modal-backdrop{background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:#1f2937;border-radius:20px;width:100%;max-width:900px;overflow:hidden}.modal img{width:100%;display:block}.locked-image{object-fit:cover;width:100%;height:120px;image-rendering:pixelated;filter:blur(2px)brightness(.7);transform:scale(1.1)}h2{text-align:center}.stats{text-align:center;background:#1f2937;border-radius:12px;width:fit-content;margin:1rem auto 2rem;padding:1rem 2rem}